/* CSS Document */

body{
background:url(http://70.86.44.10/~demo/design/portfolio/fake-pilot/images/bg.gif) repeat-x 0 0 #000000; color:#000000;
margin:0; padding:0;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a, img{margin:0; padding:0;}

ul{
list-style:none;}

.spacer{
font-size:0; line-height:0; clear:both;}

/*header*/
#header {background:url(images/headerbor.gif) repeat-x bottom left #000000; color:#FFFFFF; width:768px; position:relative; height:123px; margin:0px auto; padding:0px;}
#header p.logo{top:49px; left:10px; position:absolute; width:280px;}
#header ul{background:url(images/toplinkbg.gif) repeat-x bottom left #000000; height:123px; width:480px; float:right;}
#header ul li{margin:80px 0px 0px 6px;}
#header ul li a{font:normal 11px Tahoma, Arial, Helvetica, sans-serif; color:#919191; background-color:#000000; text-decoration:none; margin:49px 0px 0px; padding:0px 38px;}
#header ul li a.active{font:normal 11px Tahoma, Arial, Helvetica, sans-serif; color:#E7E7E7; background-color:#000000; text-decoration:none; padding:0px 35px 0px 0px;}
#header ul li a.end{font:normal 11px Tahoma, Arial, Helvetica, sans-serif; color:#919191; background-color:#000000; text-decoration:none; padding:0px 0px 0px 35px;}
#header ul li a:hover{color:#E7E7E7; background-color:#000000; text-decoration:none;}
/*header*/

/*body*/
#body {width:768px; margin:0px auto; background-color:#000000; color:#FFFFFF; position:relative;}
#body h3{font:normal 11px Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#000000; padding:0 0 36px 21px;}
#body a.banner{display:block; width:192px; float:left; color:#FFFFFF; background-color:#000000;}
#body a.banner:hover{text-decoration:none;}
#body h4{font:normal 11px Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#000000; margin:61px 0 0 5px;}
#body ul.pic{background-color:#000000; color:#FFFFFF;}
#body ul.pic li{float:left; width:186px; margin:18px 4px 0px 0px;}
#body ul.pic li .colpic{margin:0px 0px 8px;}
#body ul.pic li.whitetext{font:normal 11px Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#000000; border-bottom:1px solid #3E3E3E; padding:0px 0px 3px 1px;}
#body ul.pic li.whitetext1{font:normal 11px Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#000000; border-bottom:1px solid #3E3E3E; padding:60px 0px 3px 5px;}
#body ul.pic li a{font:normal 11px Tahoma, Arial, Helvetica, sans-serif; color:#F8F633; background-color:#000000; text-decoration:none;}
#body ul.pic li a:hover{text-decoration:underline;}
#body p.whitetextarrow{background:url(images/icon-arrow.gif) no-repeat 0% 50% #000000; color:#FFFFFF;  height:50px;}
#body p.whitetext{font:normal 11px Tahoma, Arial, Helvetica, sans-serif; color:#F5F5F7; padding:14px 0;}

/*about*/

/*about top div start*/
#body div#col{border-bottom:1px solid #3E3E3E; padding:0px 0px 36px; width:768px; font:normal 11px Tahoma, Arial, Helvetica, sans-serif; margin:38px 0px 0px;}
#body div#col #col1{width:289px; padding:0px 30px 0px 0px; float:left;}
#body div#col #col1 h3{color:#EBEBEB; height:22px; margin:0; padding:0;}
#body div#col #col1 p{ color:#A7A7A7; line-height:15px; margin:0; padding:0;}
#body div#col #col1 p span{color:#DAD8D8;}

#body div#col #col2{width:170px; padding:0px 35px 0px 0px; float:left;}
#body div#col #col2 h3{color:#F5F5F7; height:22px; margin:0; padding:0;}
#body div#col #col2 ul{margin:0; padding:0;}
#body div#col #col2 ul li{background:url(images/icon-rounded.gif) no-repeat 0 5px #000000; color:#989899; padding:0 6px 16px 12px;}

#body div#col #col3{width:242px; padding:0px; float:left;}
#body div#col #col3 ul{padding:10px 0 0;}
#body div#col #col3 ul li{color:#DDDDE0; background-color:#000000; border-bottom:1px solid #3E3E3E; padding:22px 0 6px 0; line-height:16px;}
#body div#col #col3 ul li.nopad{color:#DDDDE0; background-color:#000000; border-bottom:1px solid #3E3E3E; padding:0px 0 6px 0; line-height:16px;}
#body div#col #col3 ul li img{padding:0 0 5px 0;}
/*about top div end*/

/*about bottom div start*/
#body div#main{padding:0px 0px 44px; width:768px; font:normal 11px Tahoma, Arial, Helvetica, sans-serif; margin:0;}
#body div#main #col1{width:146px; padding:0px 0px 0px 6px; margin:0px; float:left;}

#body div#main #col2{width:258px; padding:0px 50px 0px 0px; float:left;}
#body div#main #col2 ul{margin:0;}
#body div#main #col2 ul li{background:url(images/icon-rounded.gif) no-repeat 0 8px #000000; color:#969697; padding:0 6px 0px 12px; line-height:21px;}

#body div#main #col3{width:270px; padding:0px 26px 0px 0px; float:left; color:#969697;}
#body div#main #col3 p{margin:0; padding:0; width:270px;}
#body div#main #col3 p span{color:#908766;}
/*about bottom div end*/

/*about*/

/*contact*/
#body div#contact{padding:0px 0px 36px; width:768px; font:normal 11px Arial, Helvetica, sans-serif; margin:38px 0px 0px; position:relative;}
#body div#contact form{margin:0; padding:0;}
#body div#contact form label{font:normal 11px Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#000000; margin:16px 0 4px 12px;}
#body div#contact form input{width:164px; height:20px; font:normal 11px Arial, Helvetica, sans-serif; color:#000000; background-color:#FFFFFF; margin:0 0 16px 0; padding:0;}
#body div#contact form input.button{width:68px; height:23px; font:normal 11px Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0 0px 16px 15px; border:0px; text-transform:uppercase; text-align:left; padding:0 0 0 6px; background:url(images/icon-plus.gif) no-repeat 94% 50% #676767; float:right;}
#body div#contact form input.button1{width:68px; height:23px; font:normal 11px Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0 0 16px 0; border:0px; text-transform:uppercase; text-align:left; padding:0 0 0 6px; background:url(images/icon-plus.gif) no-repeat 94% 50% #3F3F3F; float:right;}
#body div#contact form textarea{width:364px; height:105px; font:normal 11px Arial, Helvetica, sans-serif; color:#000000; background-color:#FFFFFF; margin:0 0 16px 0px; padding:0;}
#body div#contact form p.greytext{color:#B8B8B8; background-color:#000000; margin:0 0 30px 0;}
#body div#contact form p.heigh{height:56px;}
#body div#contact #col1{width:164px; padding:36px 16px 0 0px; margin:0; float:left;}

#body div#contact #col2{width:165px; padding:36px 35px 0 0px; margin:0; float:left;}
#body div#contact #col2 p.whitetext{font:normal 11px Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#000000; margin:0 24px 4px 12px;}
#body div#contact #col2 p.whitetext span{color:#B8B8B8; background-color:#000000; margin:0 0 30px 0;}

#body div#contact #col3{width:380px; padding:0; margin:0; float:left;}
#body div#contact #col3 p.greyhead{background:url(images/greybor.gif) repeat-x 0px 14px #000000; font:bold 12px Arial, Helvetica, sans-serif; color:#808080; padding:0px 12px; margin:0 0 35px 0;}
#body div#contact #col3 p.greyhead span{font:bold 11px Arial, Helvetica, sans-serif; padding:0px; text-align:top;}
#body div#contact #col3 p.whitehead{background-color:#000000; font:bold 12px/16px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:0px 2px; margin:0 0 8px 0;}
#body div#contact #col3 p.whitehead span{background-color:#000000; font:normal 11px/16px Arial, Helvetica, sans-serif; color:#A5A5A5;}
#body div#contact #col3 p.whitetext{font:normal 11px Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#000000; margin:0 24px 4px 12px; padding:6px 0 0 18px;}
#body div#contact #col3 p.whitetext span{color:#B8B8B8; background-color:#000000; margin:0 0 30px 0;}
#body div#contact #col3 p.whitetext a{color:#B8B8B8; background-color:#000000; margin:0 0 30px 0; text-decoration:none;}
#body div#contact #col3 p.whitetext a:hover{text-decoration:underline;}
/*contact*/

/*work*/
#body h5{font:normal 11px Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#000000; margin:61px 0 0 5px;}
#body ul.pic1{background-color:#000000; color:#FFFFFF;}
#body ul.pic1 li{float:left; width:186px; margin:18px 4px 0px 0px;}
#body ul.pic1 li .colpic{margin:0px 0px 8px;}
#body ul.pic1 li.whitetext{font:normal 11px Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; border-bottom:1px solid #3E3E3E; padding:0px 0px 3px 1px; background:url(images/icon-arrow1.gif) no-repeat 98% 96% #000000;}
#body ul.pic1 li.whitetext1{font:normal 11px Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#000000; border-bottom:1px solid #3E3E3E; padding:60px 0px 3px 5px;}
#body ul.pic1 li a{font:normal 11px Tahoma, Arial, Helvetica, sans-serif; color:#F8F633; background-color:#000000; text-decoration:none;}
#body ul.pic1 li a:hover{text-decoration:underline;}
/*work*/

/*body*/

/*footer*/
#footer{width:768px; margin:0px auto; background-color:#000000; color:#FFFFFF;}
#footer p.copyright{font:normal 11px Tahoma, Arial, Helvetica, sans-serif; color:#D7D5D5; background-color:#000000; padding:0px 0px 15px; border-bottom:1px solid #3E3E3E;}
#footer p.copyright a{font:normal 11px Tahoma, Arial, Helvetica, sans-serif; background-color:#000000; color:#949393; text-decoration:none;}
#footer p.copyright a:hover{text-decoration:underline;}
#footer p.made{font:normal 11px Tahoma, Arial, Helvetica, sans-serif; color:#D7D6D6; background-color:#000000; padding:20px 0px 40px;}
/*footer*/

