html  {
background : #F2F2F2;
height : 100%;
}
body {
font : 12px/2 "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
margin : 0;
padding : 0;
}
#wrapper {
width : 850px;
min-height : 100%;
height : auto !important ;
height : 100%;
margin : 30px auto -30px;
}
#push {
height : 50px;
}
#content-left {
float : left;
width : 400px;
margin : 0 0 0 0;
}
#content-right {
float : right;
width : 400px;
margin : 0 0 0 0;
}
.clear {
clear : both;
}
#header {
width : 850px;
}
#logo {
float : left;
width : 237px;
}
h1 {
width : 214px;
margin : 0 0 0 0;
padding : 0 0 0 0;
}
h1 a {
display : block;
height : 91px;
text-indent : -8000px;
background : url(http://www.tylershaqiri.com/fienix/fienixLogo.gif);
}
#main-nav {
margin : 0 0 0 0;
padding : 0 0 0 0;
font-family : "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size : 16px;
font-style : normal;
font-variant : normal;
font-weight : bold;
line-height : 24px;
text-transform : uppercase;
position : relative;
float : left;
width : 153px;
}
#main-nav ul, #main-nav li {
margin : 0 0 0 0;
padding : 0 0 0 0;
display : inline;
list-style-type : none;
}
#main-nav a:link, #main-nav a:visited {
text-align : center;
padding : 33px 0 33px 0;
margin : 0 0 0 0;
width : 153px;
border-top : 4px solid #170033;
border-bottom : 4px solid #170033;
float : left;
line-height : 14px;
font-weight : bold;
text-decoration : none;
color : #170033;
}
#main-nav a:link#current, #main-nav a:visited#current, #main-nav a:hover {
border-top : 4px solid #ec002e;
border-bottom : 4px solid #ec002e;
background : transparent;
color : #ffffff;
background : #ec002e;
}
#main-nav a:hover {
background : transparent;
color : #ec002e;
border-top : 4px solid #ec002e;
border-bottom : 4px solid #ec002e;
}



#main-nav-new {
margin : 0 0 0 0;
padding : 0 0 0 0;
font-family : "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size : 16px;
font-style : normal;
font-variant : normal;
font-weight : bold;
line-height : 24px;
text-transform : uppercase;
position : relative;
float : left;
width : 153px;
}
#main-nav-new ul, #main-nav-new li {
margin : 0 0 0 0;
padding : 0 0 0 0;
display : inline;
list-style-type : none;
}
#main-nav-new a:link, #main-nav-new a:visited {
text-align : center;

padding : 33px 0 33px 0;
margin : 0 0 0 0;
width : 153px;
border-top : 4px solid #170033;
border-bottom : 4px solid #170033;
float : left;
line-height : 14px;
font-weight : bold;
text-decoration : none;
color : #ec002e;
}
#main-nav-new a:link#current, #main-nav-new a:visited#current, #main-nav-new a:hover {
border-top : 4px solid #ec002e;
border-bottom : 4px solid #ec002e;
background : transparent;
color : #ffffff;
background : #ec002e;
}
#main-nav-new a:hover {
background : #ffffff;
color : #ec002e;
border-top : 4px solid #ec002e;
border-bottom : 4px solid #ec002e;
}







#page-header {
height : 50px;
clear : both;
width : 850px;
border-bottom : 2px solid #170033;
}
#A {
float : left;
width : 260px;
padding : 0 20px 0 0;
}
#B {
float : left;
width : 260px;
padding : 0 0 0 20px;
}
#C {
float : right;
width : 260px;
padding : 0 0 0 0;
}
.contact-form {
width : 260px;
float : left;
padding : 0 0 0 0;
}
#footer {
height : 50px;
clear : both;
width : 850px;
border-top : 2px solid #170033;
display: none;
}
#footernav {
width : 500px;
float : left;
font : 12px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
text-transform : uppercase;
padding : 0 0 0 0;
margin : 10px 0 0 0;
}
ul#footernav {
margin-left : 0;
padding : 5px 5px 5px 5px;
white-space : nowrap;
}
#footernav li {
display : inline;
list-style-type : none;
}
#footernav a {
padding : 3px 10px;
}
#footernav a:link, #footernav a:visited {
color : #170033;
background-color : #e1e2e4;
text-decoration : none;
}
#footernav a:link#current, #footernav a:visited#current, #footernav a:hover {
color : #e1e2e4;
background-color : #170033;
}
#footernav a:hover {
color : #e1e2e4;
background-color : #170033;
text-decoration : none;
}
#footernavright {
float : right;
font : 11px Arial, Helvetica, sans-serif;
text-transform : uppercase;
color : #000000;
padding : 12px 0 0 0;
}

span.resume {
font-weight: bold;
color: #ec002e;
background: #170033;
padding: 5px 5px 5px 5px;
margin-left : 0;
white-space : nowrap;
}
span.resume a {
font-weight: bold;
color: #ec002e;
text-decoration: none;
padding: 5px 5px 5px 5px;
}

span.resume-about a {
color: #170033;
text-decoration : underline;
}
span.resume-about a:hover {
color : #ec002e;
text-decoration : none;
}

#message {
padding : 15px 0 0 0;
margin : 0 0 0 0;
height : 410px;
width : 605px;
float : left;
}
#highlights {
padding : 2px 0 0 0;
margin : 0 0 0 0;
height : 410px;
width : 210px;
float : right;
}
#highlights a {
color : #170033;
text-decoration : underline;
}
#highlights a:hover {
color : #ec002e;
text-decoration : none;
}


#highlights1 {
padding : -2px 0 0 10px;
margin : 0 0 0 0;
height : 410px;
width : 180px;
float : left;
}
#highlights1 a {
color : #170033;
text-decoration : underline;
}
#highlights1 a:hover {
color : #ec002e;
text-decoration : none;
}



span.bold {
font-weight: bold;
background-color : #e1e2e4;
color: # 170033;
}


h2 {
font-family : "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size : 13px;
color : #170033;
font-style : normal;
font-variant : normal;
font-weight : bold;
line-height : 24px;
text-transform : uppercase;
border-bottom : 2px solid #170033;

}
h3 {
font-family : "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size : 12px;
color : #170033;
font-style : normal;
font-variant : normal;
font-weight : bold;
line-height : 24px;
text-transform : uppercase;
}
h4 {
font-family : "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size : 11px;
color : #170033;
font-style : normal;
font-variant : normal;
font-weight : bold;
border-bottom : 1px solid #170033;
text-transform : uppercase;
margin : 0 0 0 0;
}
#piece {
width : 850px;
margin : 0 0 0 0;
padding : 0 0 0 0;
}
.image {
margin : 0 0 0 0px;
width : 400px;
float : left;
}
.info {
margin : -5px 0 0 0;
padding : 0 0 0 1px;
width : 400px;
float : left;
}
.info a {
color : #170033;
text-decoration : underline;
}
.info a:hover {
color : #ec002e;
text-decoration : none;
}




#piece1 {
width : 280px;
height : 400px;
padding : 0 0 0 0;
margin : 0 0 0 0;
}
.image1 {
margin-right:5px;
width : 265px;

}
.info1 {
margin-right:5px;
width : 265px;

}
.info1 a {
color : #170033;
text-decoration : underline;
}
.info1 a:hover {
color : #ec002e;
text-decoration : none;
}





.border {
clear : both;
width : 850px;
border-bottom : 2px solid #170033;
margin : 5px 0 10px 0;
}
.borderit img {
border : 2px solid #170033;
margin : 2px 2px 2px 2px;
}
.borderit:hover img {
border : 2px solid #ec002e;
}
.borderit:hover {
color : #ec002e;
margin : 2px 0 2px 0;
}
#slider {
width : 850px;
margin : 0 auto;
position : relative;
}
.scroll {

height : 270px;
width : 850px;
overflow : auto;
position : relative;
clear : left;

}
.scrollContainer div.panel {
padding :2px;
height : 270px;
}
ul.navigation {
list-style : none;
margin : 0;
padding : 0;
padding-bottom : 9px;
}
ul.navigation li {
display : inline;
margin-right : 10px;
}
ul.navigation a {
padding : 10px;
color : #000;
text-decoration : none;
}
ul.navigation a:hover {
background : #ec002e;
color : #ffffff;
}
ul.navigation a.selected {
background : #ec002e;
color : #ffffff;
}
ul.navigation a:focus {
outline : none;
}
.scrollButtons {
position : absolute;
top : 150px;
cursor : pointer;
display: none;
}
.scrollButtons.left {
left : -20px;
}
.scrollButtons.right {
right : -20px;
}
.hide {
display : none;
}