/* CSS Document */

/*===========================================DEFAULT=====================================*/
html{height:100%; width:100%; overflow:hidden; }
body{ margin:0; padding:0; background:url(../images/new-bg.jpg) repeat #000000; }
div{font-family:Verdana, Arial, Helvetica, sans-serif; color:#F3F6E9; font-size:11px; line-height:15px;}
p{margin:0; padding:0;}
h1, h2{margin:0; padding:0; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px;}

ul, li{margin:0; padding:0;}
form{margin:0; padding:0;}
a{ text-decoration:none; color:#FFF;}
a:hover{text-decoration:underline; color:#C3FF00;}

/*===========================================TEXT=====================================*/
.maintext{ text-align:justify; padding-right:8px;}
.white{ color:#FFFFFF; font-weight:700; padding-bottom:8px;}
.highlight{color:#FFF600; font-weight:bold;}

/*===========================================MAIN=====================================*/
#wraper{position: absolute; width:100%; height:590px; left: 50%; top: 50%; margin-left:-50%; margin-top: -270px;}
#banner{width:100%; margin:0 auto; padding:0;}
#banner .doodle{ width:400px; float:left; padding-left:12px;}
.clear{ clear:both;}
#menu{ width:400px; float:left; font-size:12px; font-weight:900; color:#FFF; margin-top:100px;}
#menu a{color:#FFF; text-align:right; font-size:13px; font-weight:700; padding:0 12px 0 12px; text-decoration:none;}
#menu a:hover{color:#C3FF00; text-align:right; font-size:13px; font-weight:700; text-decoration:none;}
#container{width:100%; margin:0 auto; padding:0; background:url(../images/bg.png) repeat-x; height:395px;}
/*===========================================FOOTER=====================================*/
#footer{width:1004px; margin:0 auto; padding:0;}
.nav{ line-height:25px; color:#C8AB8D; text-align:right; font-size:12px; font-weight:700; padding-right:12px; width:600px; float:right;} 
.nav a{color:#FFF; text-align:right; font-size:13px; font-weight:700; padding:0 5px 0 5px; text-decoration:none;}
.nav a:hover{color:#C3FF00; text-align:right; font-size:13px; font-weight:700; text-decoration:none;}
.copyright{font-size:10px; text-align:left; padding-top:5px; float:left; width:350px;}
.copyright a{ text-decoration:none; color:#C8AB8D;}
.copyright a:hover{ text-decoration:overline;}

/*===========================================SLIDING PANEL=====================================*/
#newsTicker {width: 100%; height:385px; float: left;}
#newsTicker .SlidingPanels {width: 100%; height: 385px; float: left;}
#newsTicker .SlidingPanelsContentGroup {width: 8000em; float: left;}
#newsTicker .SlidingPanelsContent {float: left; width:1004px; height: 385px;}
#newsTicker .SlidingPanelsContent .content {margin: 4px auto;float: left; width:1004px; height:395px; text-align:justify;}
#item1 .content, #item2 .content, #item3 .content {border-right: dashed 1px #999999; width:800px;}
#newsTicker .content {padding: 0px 4px;}
#newsTicker p {margin: 4px 4px;}
#newsTicker .prev {text-align: left;padding: 4px 4px;clear: both;}
#newsTicker .next {text-align: right;padding: 4px 4px;clear: both;}
.SlidingPanelsAnimating * {overflow: visible !important;}
#newsTicker .navLinks {clear: both;text-align: center;border-top:  solid 1px #CCC;padding-top: 4px;padding-bottom: 4px;border: solid 1px #999;}

/*===========================================CONTACT PAGE=====================================*/
#contact{ margin:0; padding:15px;}
.col1{ float:left; width:275px; height:337px; background: url(../images/phone.png) no-repeat; margin-top:20px;}
.col2{ float:left; width:350px; border-right: 1px #917512 dashed;} 
.col3{ float:left; width:250px; padding-left:12px;}

/*===========================================QUOTE PAGE=====================================*/
#quote{ margin:0; padding:18px;}
.cola{ float:left; width:336px; height:337px; background: url(../images/ink.png) no-repeat;}
.colb{ float:left; width:250px; border-right: 1px #917512 dashed;} 
.colc{ float:left; width:360px; padding-left:12px;}
.colc strong{color:#FFF600; font-weight:bold;}

/*===========================================SERVICES PAGE=====================================*/
#services{ margin:0; padding:15px;}
.ser-col{ float:left; width:350px; height:337px; border-right: 1px #FFF600 dashed; padding-right:12px;}
.ser-co2{ float:left; width:580px; padding-left:8px; padding-right:18px;} 
.ser-co2 strong{color:#FFF600; font-weight:bold; font-size:14px;} 
#div1{margin:0;padding:0;display:none;}
#div2{margin:0;padding:0;display:none;}
#div2 a{text-decoration:none;color:#DFF5D0;}
#div2 a:hover{text-decoration:underline;color:#DFF5D0;}
#div3{margin:0;padding:0;display:none;}
#div4{margin:0;padding:0;display:none;}
#div5{margin:0;padding:0;display:none;}
#div6{margin:0;padding:0;display:block;}
#div7{margin:0;padding:0;display:none;}
.txt{ color:#EDEDED; text-decoration:none;}
.txt-hover{color:#FFF600; text-decoration:none;}

/*===========================================PORTFOLIO PAGE=====================================*/

#loadarea2{padding:5px; border:1px #BABABA solid;}
#loadarea2:hover{padding:5px; border:1px #fff solid;}
#loadarea3{padding:5px; border:1px #BABABA solid;}
#loadarea3:hover{padding:5px; border:1px #fff solid;}
.col1_port{ float:left; width:350px; height:337px; border-right: 1px #FFF600 dashed; padding-right:12px;}
.col2_port{ float:left; width:580px; padding-left:8px; padding-right:18px; height:337px;} 
.col1_port img{padding:2px; border:2px #E2E1E1 solid;}
.col1_port img:hover{padding:2px;border:2px #fff solid;}

/*===========================================FORM ===========================================*/
#form{text-align:left;margin:0px;padding:0;font-family:verdana;}
#form ul{margin:0 0 0 22px;padding:0;list-style:none;}
#form li{margin:0;}
#form textarea{width:200px;height:75px;background:transparant;}
#form .text{ width:150px; color:#FFF; font-size:0.9em; background:none; border:1px #F3F6E9 solid;}
#form .text1{ width:150px;color:#FFF; font-size:0.9em; background:none; border:1px #F3F6E9 solid;}
#form .textarea{font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:1em; background:none; border:1px #F3F6E9 solid;}
#form .textarea1{font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:1em; background:none; border:1px #F3F6E9 solid;}
#form .file{font-size:9px;background:transparent;color:#FFFFFF;border:1px #CAB39F solid;}
.feedback-textarea{padding-left:2px;color:#333333;width:185px;background:transparent;border:1px #CAB39F solid;}
.feedback-button{border:1px solid #FFF; font-size:10px; font-weight:bold; color:#DFF5D0; width:50px; background:transparent; cursor:pointer;}

/*=========================================== DESIGN PROCESS ===========================================*/
#doodle{ margin:0; padding:15px;}
.apple{ float:left; width:300px;}
#scroll{ float:left; height:370px; overflow:hidden; width:650px; }
.scroll-track{height:5px; width:15px; }
.scroll-handle{height:22px; width:15px;background-image: url("../images/scroll.png");background-repeat: no-repeat;cursor:pointer;}