@charset "utf-8";
/* CSS Document */

body{
 font-family:Arial, Helvetica, sans-serif;
 color:#333;
 font-size:12px;
 margin:0;
 padding:0;
 font-weight:normal;
 background:#f9f3db url(../images/bg.jpg);
 }
 
.wrap{
 width:960px;
 margin:0 auto;
 padding:0;
 } 
 
#main{
 padding:0;
 margin:0;
 background: url(../images/header.jpg) repeat-x;
 }
 
img{ 
 margin:0;
 border:none;
 } 
 
p{
 margin:0;
 padding:0;
 line-height:1.6em;
 } 
 
p img.left  { 
 float: left; 
 margin:5px 8px 8px 0; 
 padding:5px;
 background:#fff;
 border:1px solid #ddd;
 }
 
p img.right  { 
 float: right; 
 margin: 5px ;
 padding:5px; 
 background:#fff;
 border:1px solid #ddd;  
 } 

h1,h2,h3,h4,h5,h6 {
 color:#000;
 font-weight:normal;
 font-family:Georgia, "Times New Roman", Times, serif;
 line-height:1.7em;
 margin:0;
 padding:0;
 } 
 
h1{
 font-size:24px; 
 } 
 
 
h2{
 font-size:20px; 
 } 
 
h3{
 font-size:16px; 
 }
 
h4{
 font-size:14px; 
 }
 
h5{
 font-size:10px; 
 }
  
h6{
 font-size:8px; 
 }     
 
/*	General Links			*/

a:link,a:active,a:visited,a:hover{
 color:#d36c07;
 outline: none; 
 text-decoration:none;
 }
a:hover{
 text-decoration:none;
 color:#222;
 }
 
 
/*	Top      		*/ 


#top {
 margin:0 0 6px 0;
 padding:0;
 }
 
 
/*	Header       		*/  


#header {
margin:0;
height:110px;
padding:0 10px;
}

#header h1{
 margin:0;
 padding:0; 
 background: url(../images/logo2.png) no-repeat;
 height:110px;
 text-indent:-9999px;
 }
 
.head-left {
 float:left;
 width:580px;
 } 
 
.head-right {
 float:right;
 width:340px; 
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:20px;
 margin:35px 0 0 0;
 color:#fcfbee;
 text-align:right;
 } 
 
 
/*	Nav       		*/

#nav{
 height:35px;
 margin:0;
 padding:0;  
 list-style: none; 
 }

#nav ul {
 margin: 0 10px 0 0;
 padding: 6px 0 5px 0;
 list-style: none; 
 float:right;
 background:#d36b05;
}
 
#nav li {
 float: left;
 margin: 0;
 padding: 0;
 }

#nav ul li a:link,#nav ul li a:active,#nav ul li a:visited {
 display: block;
 margin: 0;
 padding:5px 13px;
 border-left:1px solid #f07803;
 border-right:1px solid #b55a00; 
 text-decoration: none;
 font-size:12px;
 font-weight:bold;
 color:#f5b326;
 text-transform:uppercase;
 }
	
#nav ul li a:hover {
 display: block;
 color:#fff;
 text-decoration: underline;
 }
 
.current_page_item a:link, .current_page_item a:visited, .current_page_item a:active  {
 color: #fff !important;
 }

.promo a:link, .promo a:active, .promo a:visited {
color:#53d135 !important;
}

#nav li ul {
 position: absolute;
 width: 10em;
 left: -999em;
 }
 
#nav li:hover ul {
 left: auto;
 display: block;
}
	
#nav li:hover ul, #nav li.sfhover ul {
 left: auto;
}  


/*	Featured      		*/ 

#featured {
 background: url(../images/fea-bg.png) repeat-x;
 height:365px;
 padding:15px 0 0 35px;
 }
 
#featured h1 {
 font-size:42px;
 line-height:1.2em;
 text-align:center;
 padding-top:30px;
 margin-bottom:20px; 
 }
 
#featured p{
 color:#706e64;
 font-size:16px;
 text-align:center;
 }  
 
.fea {
 background: url(../images/fea-img.jpg) no-repeat;
 padding:10px;
 width:424px;
 height:335px;
 float:left;
 margin-right:20px;
 } 

.fea img {
 padding:31px 0 0 10px;
 }
 
/* Featured Slider */

.stepcarousel{
 position: relative; 
 overflow: scroll;
 width: 355px; 
 height: 335px; 
 margin:0 ;
 }

.stepcarousel .belt{
 position: absolute; 
 left: 0;
 top: 0;
 }

.stepcarousel .panel{
 float: left;
 overflow: hidden; 
 width: 355px; 
 margin:0;
 } 
  
  
.more a{
 width:214px;
 height:47px;
 display:block;
 text-indent:-9999em;
 overflow:hidden;
 margin-top:40px;
 margin-left:150px;
 float:left;
 margin-right:15px;
 display:block;
 background: url(../images/more2.jpg) no-repeat;
 }
 
 
/*	Container      		*/  

#container {
 padding:0px;
 margin:30px 0 0 0;
 }
 
.clear{
 clear:both;
 } 
 
/*	Left Container      		*/  


#left-container{
 width:340px;
 float:left;
 padding-right:5px; 
 border-right:1px solid #e4d5a8;
 } 
 
#left-container h3 {
 font-size:22px;
 margin:0;
 padding:0;
 line-height:1.1em;
 }
 
.projects{
 background:#e5d39c;
 padding:5px;
 width:305px;
 margin-top:25px;
 } 
 
.projects img {
 padding:5px;
 width:140px;
 height:80px;
 } 
 
/*	Right Container      		*/  


#right-container{
 width:570px;
 float:left;
 margin-left:18px;
 padding-left:10px;
 }
 
#right-container h2{ 
 font-size:30px;
 line-height:1.1em;
 margin-bottom:15px;
 } 
 
#right-container h3{ 
 font-size:22px;
 line-height:1.1em;
 margin-bottom:15px;
 } 
 
.welcome {
 margin-bottom:20px;
 font-size:13px;
 } 
 
.welcome ul li {
 list-style:disc;
 margin:5px 0;
 padding:3px 0;
 } 

.services {
 }
 
.service-articles {
 width:270px;
 float:left;
 margin-right:10px;
 margin-bottom:15px;
 line-height:1%;
 } 
 
.service-articles p{
 margin:0 0 0 60px;
 padding:0;
 }  
 
.service-articles img {
 float:left;
 margin:5px 10px 0 0;
 } 
 
.teaminfo h4 {
 margin-bottom:10px;
 } 
 
.teaminfo {
 padding-top:25px;
 }
 
.teaminfo img {
 float:left;
 margin:0 10px 0 0;
 padding:5px;
 border:1px solid #e4d5a8;
 }
 
.port a{
 width:214px;
 height:47px;
 display:block;
 text-indent:-9999em;
 overflow:hidden;
 margin-top:40px;
 margin-left:60px;
 display:block;
 background: url(../images/port.jpg) no-repeat;
 }  
 
.skill{
 margin-top:30px;
 padding-top:20px;
 border-top:1px solid #e4d5a8;
 }
 
.skill ul {
 margin:20px 0 0 0;
 padding:0 0 0 0;
 }
  
.skill ul li{
 margin:4px 0;
 padding:5px 20px;
 background: url(../images/li.png) 2px no-repeat;
 list-style:none;
 float:left;
 width:130px;
 }
  
 
/*	Portfolio      		*/  

#portfolio {

 }
 
.port-article{
 width:320px;
 float:left;
 margin:10px 0 20px 0;
 padding:0;
 } 
 
.port-article img, .port-article h2, .port-article p{
 padding-left:10px;
 }
  
  
/*	Main Contact Form			*/ 

 
.main-contact-form form {
 padding:0;
 margin:20px 0 0 0; 
}

.main-contact-form form p{
 margin:0 0 10px 0;
 padding:0;
 } 

.main-contact-form fieldset { 
 border:1px solid #e4d5a8;
 margin:0 0 0 0;
 padding:7px 0 0 15px ;
 }
 
.main-contact-form input, .main-contact-form textarea, a { 
 outline: none; 
 }
 
.main-contact-form input {
 width: 200px;
 margin: 2px 0 6px 0;
 border-top: 1px solid #bbb;
 border-left: 1px solid #bbb;
 border-bottom: none;
 border-right: none;
 background:#fff;
 height:18px;
 font-size: 12px;
 padding:3px 0 3px 5px;
 color:#222; 
 }
 

.main-contact-form select {
 width: 208px;
 line-height:1.7em; 
 margin-bottom:10px;
}
  
.main-contact-form label {
 display: block;
 font-size: small;
 float:left;
 margin:0 10px 0 0;
 padding:7px 0 0 0;
 width:90px;
}

.main-contact-form textarea {
 width: 300px;
 height: 150px;
 display: block;
 border: 1px solid #bbb;
 background: #fff;
 margin:6px 0 0 0;
 padding:5px 0 0 5px;
 font-size: small;
 color:#111;
 }
 
.main-contact-form input.submit {
 color:#000;
 height:30px;
 margin:10px 0 0 100px;
 width:90px; 
 border: 1px solid #bbb; 
}  

#left-container .contact-detailes h3{
 margin-bottom:20px;
 }
 
.contact-detailes img {
 margin-bottom:22px;
 }
 
 
   
/*	Footer     		*/  


#footer {
 background:#504225;
 height:35px;
 margin-top:40px;
 color:#7d693f;
 text-align:center;  
 font-family:Georgia, "Times New Roman", Times, serif;
 } 
 
#footer p{
 padding-top:10px;
 } 
 
 
/* Lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }