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

@import url(vcenter.css);

body{ background: #fff; font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11.4px; color:#dcd2cc; border: 0; margin: 0; }
a{ display:inline-block; color:#adeef6; text-decoration:none;}
a:hover{ text-decoration:none; color:#58cedd;}


p{ margin: 1em 0 ; line-height:1.3em; }

#contentFM p{ margin: .5em 0 ; line-height:1.3em; }

h6 {font-size: 12px;color:#adeef6;}	 

div#containerI {  width: 950px;height:786px; padding:0 0px 0px 0px; border: 0; margin: 0; background: #ffffff;}

div#containerH  {  width: 950px;height:786px; padding:0 0px 0px 0px; border: 0; background: #54301a url(../images/test3.jpg) no-repeat top left; }
div#containerW  {  width: 950px;height:786px; padding:0 0px 0px 0px; border: 0; background: #54301a url(../images/test19.jpg) no-repeat top left; }
div#containerT  {  width: 950px;height:786px; padding:0 0px 0px 0px; border: 0; background: #54301a url(../images/test9.jpg) no-repeat top left; }

div#containerN  {  width: 950px;height:786px; padding:0 0px 0px 0px; border: 0; background: #54301a url(../images/test18.jpg) no-repeat top left; }
div#containerS  {  width: 950px;height:786px; padding:0 0px 0px 0px; border: 0; background: #54301a url(../images/test.jpg) no-repeat top left; }
div#containerC  {  width: 950px;height:786px; padding:0 0px 0px 0px; border: 0; background: #54301a url(../images/test7.jpg) no-repeat top left; }
div#containerO  {  width: 950px;height:786px; padding:0 0px 0px 0px; border: 0; background: #54301a url(../images/test20.jpg) no-repeat top left; }
div#containerOW {  width: 950px;height:786px; padding:0 0px 0px 0px; border: 0; background: #54301a url(../images/test20.jpg) no-repeat top left; }
div#containerFM  {  width: 950px;height:786px; padding:0 0px 0px 0px; border: 0; background: #54301a url(../images/test11.jpg) no-repeat top left; }

div#containergrunt  {  width: 950px;height: 1160px; padding:0 0px 0px 0px; border: 0; background: #54301a url(../images/test18.jpg) no-repeat top left; }
div#containersocial  {  width: 950px;height: 2100px; padding:0 0px 0px 0px; border: 0; background: #54301a url(../images/test18.jpg) no-repeat top left; }
div#containersocial2  {  width: 950px;height: 1200px; padding:0 0px 0px 0px; border: 0; background: #54301a url(../images/test18.jpg) no-repeat top left; }
div#containerB { padding:0 0px 0px 0px; border: 0;   }

body#index div#containerB { padding: 311px 6px 10px 5px; height:425px; border: 0; margin: 0; }
#contentsocial{  margin: 10px 0px 0 330px;  padding: 15px 0 0 0px;   font-size: 92%; }

#splashPic{ height:147px;  border-top:0px solid #eae5e2; border-bottom:0px solid #eae5e2;}
#header{ height:199px; margin:0 0 0 0; padding-top: 0px; border-bottom:0px solid #eae5e2; position:relative;  background: url(../images/banner.png) no-repeat bottom left;}
#content{  margin: 76px 40px 0 355px; height:480px; padding: 15px 0 0 0px;   }
#contentN{  margin: 15px 40px 0 355px; height:480px; padding: 15px 0 0 0px;   }
#contentFM{  margin: 10px 38px 0 5px;  padding: 15px 30 0 0px; float: right; width: 557px; clear: none;  }
#contentFMleft {  margin: 10px 20px 0 22px; width: 180px; padding: 15px 0 0 0px; float: left; text-align: right; color: #54301a; }
#contentFMleft a {  color: #54301a; }
#whatWeDo #content a {  text-decoration: none; line-height: 17px;}
#ourClients #content{ background:url(../images/Eletta_Laptop.jpg) no-repeat bottom right;}
#contactus #content{ background:url(../images/.jpg) no-repeat top left;}
#ournews #content{ background:url(../images/.jpg) no-repeat top left;}
#ourwork #content-ourwork {   margin: 0px 5px 0 30px; height:510px; padding: 0px 0px 0 0px;  }
#ourwork #content-ourwork-fertile {   margin: 0px 5px 0 5px; height:510px; padding: 0px 0 0 0px;  }
#ourwork #content-ourwork-grunt {   margin: 0px 5px 0 5px; height:950px; padding: 0px 0 0 0px;  }

#ourwork #leftcontent {   margin: 40px 35px 0 0px; height:500px; padding: 0; width: 305px; float: left; text-align: right; }

#ourwork #content-ourwork a img {  border: 0  }
#ourwork #content-ourwork-fertile a img {  border: 0 }

#ourwork #leftcontent a { text-decoration:none; color:#54301a; padding-right: 14px;  line-height: 24px; font-size: 11.5px; }
#ourwork #leftcontent a:hover { text-decoration:none; color:#45c3d3; width: 88px;}
#ourwork #leftcontent a.active { text-decoration:none; color:#ffffff;  width: 102px; background-color: #54301a}

#ournews #content div p{width:498px;}
#contactus #content div p{width:330px;}
#theTeam #content div p{width: 490px;}
#ourClients #content div p{width:490px;}
#whatWeDo #content div p{width:490px;}
.facts {font-size: 10.5px; width: 505px; color:#9f7c66; float: right; padding-right: 83px; padding-top: 10px;}


#content .cnt img {padding-top: 0;}
#content .cnt {width:490px;}
#content .ttl{ width:490px; padding-bottom: 4px; color: #ffffff;}
#content .cnt p{width:490px;}




#content ul.ournews{ list-style:none; font-size:1.2em; color:#45c3d3;   }
#content ul.ournewsk a{ text-decoration:none; color:#45c3d3; }
#content ul.ournews a:hover{ text-decoration:none; }
#content ul.ournews li{ margin: 0.8em 0; list-style-type: none; }



#footer{  margin:0; border-top:0px solid #eae5e2; background-color: #54301a;}
#footer a{ text-decoration:none; color:#45c3d3; }



img.logo { margin: 117px 0 0px 50px;;}
.rightContent { position:absolute; z-index:1; right:6px;}
.homePic { margin-top:183px;}


#nav{ position:absolute; top:142px; right:66px;}
#nav li { float:left; list-style:none; padding: 0 14px 0 0; margin: 0 0 0 7px;}
#nav li.end { padding:0; background:none;}
#nav li a, #nav li a:visited {text-transform:normal; text-decoration:none; color:#fff; }
#nav li a:hover {color:#adeef6; } 
#nav li a.active {color:#adeef6; } 

 
/* Boxes */

#ourwork .rightContent a{ float:left; width:133px; height:132px; margin: 0 0px 14px 0; color:#54301a; text-decoration:none; padding:0px; cursor:pointer; font-weight:600; }

#ourwork .rightContent a.box1{ background: #99cfe8 url(../images/cnr/box_cnr4.gif) no-repeat bottom right; float: left;}
#ourwork .rightContent a:hover.box1{ background: #B2F1FA url(../images/cnr/boxy_cnr3.gif) no-repeat bottom right; float: left;}

#ourwork .rightContent a.box2{ background: #46c3d3 url(../images/cnr/boxy_cnr1.gif) no-repeat bottom right; float: right;}
#ourwork .rightContent a:hover.box2{  background: #B2F1FA url(../images/cnr/boxy_cnr3.gif) no-repeat bottom right; float: right;}

#ourwork .rightContent a.box3{ background: #46C3D3 url(../images/cnr/boxy_cnr1.gif) no-repeat bottom right; float: left;}
#ourwork .rightContent a:hover.box3{ background: #B2F1FA url(../images/cnr/boxy_cnr3.gif) no-repeat bottom right; float: left; }

#ourwork .rightContent a.box4{ background: #99cfe8 url(../images/cnr/box_cnr4.gif) no-repeat bottom right; float: right;}
#ourwork .rightContent a:hover.box4{background: #B2F1FA url(../images/cnr/boxy_cnr3.gif) no-repeat bottom right; float: right;}

#ourwork .rightContent a.box5{ background:   #99cfe8 url(../images/cnr/box_cnr4.gif) no-repeat bottom right; float: left;}
#ourwork .rightContent a:hover.box5{ background: #B2F1FA url(../images/cnr/boxy_cnr3.gif) no-repeat bottom right; float: left;}

#ourwork .rightContent a.box6{ background:  #46C3D3 url(../images/cnr/boxy_cnr1.gif) no-repeat bottom right;float: right;}
#ourwork .rightContent a:hover.box6 { background:#B2F1FA url(../images/cnr/boxy_cnr3.gif) no-repeat bottom right; float: right;}




#ourwork .rightContent a.box7{ background: #654531 url(../images/cnr/box_cnr7.gif) no-repeat bottom right;}
#ourwork .rightContent a:hover.box7{ background: #765948 url(../images/cnr/box_cnr8.gif) no-repeat bottom right;}
#ourwork .rightContent a.box8{ background: #765948 url(../images/cnr/box_cnr8.gif) no-repeat bottom right;}
#ourwork .rightContent a:hover.box8{ background:#54301a url(../images/cnr/box_cnr9.gif) no-repeat bottom right;}
#ourwork .rightContent a.box9{ background: #54301a url(../images/cnr/box_cnr9.gif) no-repeat bottom right;}
#ourwork .rightContent a:hover.box9{ background: #765948 url(../images/cnr/box_cnr8.gif) no-repeat bottom right;}


#ourwork .rightContent {position: absolute; z-index:50; margin: 50px 40px 0 0; width:284px; background:url(../images/ourwork-back.gif) no-repeat top left; padding-left:0px;}
#ourwork #content div{ width:490px;}

#ourClients .rightContent{ margin: 170px 136px 0 0 ;} 
#ourWork .rightContent{ width:471px;  margin: 9px 21px 0 0; }
#ourWork .rightContent img{ float:left !important;4  }
#ourWork .rightContent a img{ border:0px; padding:0 ; margin:0; }

.rightContent2 {position: absolute; right:6px; z-index:50; margin: 9px 150px 0 0; width:167px;  padding-left:4px; }
.rightContent2 a img{ border:0px; padding:0 ; margin:0 0 14px 0; }
.rightContent2b {float:left; margin:-26px 0 0 50px; width:151px;}
.rightContent2b a img{ border:0px; padding:0 ; margin:0 0 14px 0;}

.ourworka { text-decoration: none;}
#ourwork2{ display:none;}
#ourwork3{ display:none;}

#list2, #list3 { display:none;}
.pagination {width:490px; float:right; margin: 10px 45px 0 0 ; }
.pagenav { float:right; text-align:right; width:100px;}

#ourWork .back {color:#ccc;}

/* 3 Column News */

#newsContent{ margin:0; height:520px; /*height:480px*/ padding: 20px 0 0 40px;  width:auto}
#threeCols{width:auto; display:block; padding:5px 0; text-align:left;}
#colOne {width:300px; margin-right:40px; float:left;}
#colOne li {list-style: none; line-height: 1.5em;}
#colOne a {text-decoration: none;}
#colOne a:hover, #colOne a:active  {text-decoration: underline;}
#colTwo {width:160px; margin-right:20px; float:right;}
#colThree {width:160px; float:right; margin-right:40px; }
#colThree a img{ border:0px; padding:0 ; margin-top:12px; }
#colTwo a img{ border:0px; padding:0 ; margin-top:12px; }

.imageRow {width:380px; float:left; margin-top: 20px;}
.imageRow a img{ border:0px; padding:0 ; margin:10px 8px 0 0; }

/*2 col WIDE news*/

.colOneWide {width:420px; margin-right:30px; float:left;}
.colTwoWide {width:420px; margin-right:20px; float:left;}
.colOneScroll {width:460px; height:420px; margin-right:30px; margin-top:20px; float:left; overflow:auto;}

#threeCols a:link{color: #45c3d3; text-decoration: none;}
#threeCols a:visited{color: #45c3d3; text-decoration: none;}
#threeCols a:hover{color: #45c3d3; text-decoration: underline;}
#threeCols a:active{color: #45c3d3; text-decoration: none;}

h1 {color:#adeef6; font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:normal;}
h2 {color:#45c3d3; font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px; margin-top:1em;}

/*================================ ADDONS ===========================================*/



.jScrollPaneContainer {	position: relative; overflow: hidden; z-index: 500; padding:0px; }

.jScrollPaneTrack {	position: absolute;	cursor: pointer; right: 5px; top: 0; height: 100%; width:10px; padding:0; background: #eae5e2; border: 1px solid white;}

.jScrollPaneDrag {	position: absolute;	background: url(../images/scrolldrag.gif) no-repeat top center; cursor: pointer; overflow: hidden; padding:0;}

.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; padding:0; }

.jScrollPaneDragBottom { position: absolute; bottom: 0;	left: 0; overflow: hidden; padding:0px;}

a.jScrollArrowUp {background: #fff; display: block;	position: absolute;	top: 0;	right: 5px; text-indent: -2000px; padding:0; z-index:600; overflow: hidden; background: url(../images/up.gif) no-repeat; height:12px; width:11px; border: 1px solid white; }

a.jScrollArrowDown {background: #fff; display: block; position: absolute; bottom: 0; right: 5px; text-indent: -2000px; overflow: hidden; background: url(../images/down.gif) no-repeat; height: 12px; width:11px; border: 1px solid white;}



#copybox { height:460px; padding:0 24px 0 0; background:none; margin:0 40px 0 0; float:left; background: #472713;}

.noscroll { overflow:auto; width:200px; padding-right: 5px;}

.scroll { overflow:auto; height: 300px; width:200px; padding-right: 5px; position: absolute; top: 0px;}

#scrollContainer {height:460px; width:300px; margin-top: 20px; float: left;}



INPUT { background-color: #907566;
border-color: #472713;
color: 412516;
font-size: 10pt;
padding:  0;