@charset "utf-8";
/* CSS Document */

body {
margin:0 auto;
padding:0;
color:#999999;
font:10pt Arial, Helvetica, sans-serif;
background:#eeeeee url(../images/bodyBg.gif) repeat-x top left;
}

#wrapper {
margin:0 auto;
padding:0;
width:100%;
}

.site-area{
margin:0 auto;
padding:0;
width:971px;
height:auto;
}

p {
padding:4px 0;
margin:0;
line-height:18px;
}

#header {
padding:0px 0 0 0;
margin:0;
width:962px;
height:118px;
}
#header img{vertical-align:middle;}
#logo {
padding:41px 0px 0px 5px;
margin:0;
width:238px;
float:left;
display:block;
}

#topRight {
padding:10px 0 20px 0;
margin:0;
width:641px;
float:right;
text-align:right;
}

#bannerSect {
width:971px;
margin:0 auto;
background:url(../images/bannerBg.gif) repeat-y top left;
}

.banner {
padding:12px 16px 0 16px;
}
.brown_img
{
background:url(../images/brown-background.gif) 0 0 no-repeat;
width:184px; height:297px;
float:left; padding-right:10px; padding-left:2px;
}

.scrollerBg
{
background:#D17220;
width:184px; 
height:auto;
float:left; padding-left:2px;
}

.imageHolder {margin-left:198px;}

.brown_contents
{
width:90%; margin:0 auto; padding:10px 0;
text-align:left; color:#FFFFFF;
}
.brown_contents h2 
{
text-align:left; color:#FFFFFF; padding:5px 0 0 0 ;
}
.brown_contents h3 
{
text-align:left; color:#FFFFFF; padding:5px 0 10px 0 ; font-size:17px;
}
.brown_contents p
{
text-align:left; color:#FFFFFF; padding:5px 0 0 0 ; font-weight:bold;
font-size:11px;
}
.header_img1
{
background:url(../images/header_1.gif) 0 0 no-repeat;
width:365px; height:297px;
float:left; padding-right:10px;
}
.header_img2
{
background:url(../images/header_2.gif) 0 0 no-repeat;
width:366px; 
height:297px;
float:left; 
padding-right:0px;
}

#header1 .header_img1{background:url(../images/header1_1.jpg) 0 0 no-repeat;}
#header1 .header_img2{background:url(../images/header1_2.jpg) 0 0 no-repeat;}

#header2 .header_img1{background:url(../images/header2_1.jpg) 0 0 no-repeat;}
#header2 .header_img2{background:url(../images/header2_2.jpg) 0 0 no-repeat;}

#header3 .header_img1{background:url(../images/header3_1.jpg) 0 0 no-repeat;}
#header3 .header_img2{background:url(../images/header3_2.jpg) 0 0 no-repeat;}

#header4 .header_img1{background:url(../images/header4_1.jpg) 0 0 no-repeat;}
#header4 .header_img2{background:url(../images/header4_2.jpg) 0 0 no-repeat;}

#header5 .header_img1{background:url(../images/header5_1.jpg) 0 0 no-repeat;}
#header5 .header_img2{background:url(../images/header5_2.jpg) 0 0 no-repeat;}

.bannerBot {
background:url(../images/bannerBot.gif) no-repeat top left;
width:971px;
height:21px;
overflow:hidden;
}
.work-area {
width:959px;
padding:10px 6px 0px 6px;
margin:0 0 0 0;
}

.imgLeft {
border:1px solid #cecece;
margin:0 20px 10px 0px;
float:left;
}

.imgRight {
float:right;
border:1px solid #cecece;
margin:0 0 10px 20px;
}

.left-areaGrey {
width:540px;
height:365px;
padding:15px;
margin:0 0 0 0;
border:1px solid #cccccc;
float:left;
background:#ffffff;
}

h1 {
color:#003399;
font:bold 12pt Arial, Helvetica, sans-serif;
padding:0 0 10px 0;
}

h1 span{
color:#fdb910;
}

.left-areaGrey p{
padding:4px 0 5px 0;
margin:0 0 0 0;
color:#333333;
font:13px Arial, Helvetica, sans-serif;
line-height:20px;
}

.right-areaGrey {
width:280px;
padding:15px;
margin:0 0 0 0;
float:right;
border:1px solid #333333;
background:#1d1d1d;
}

.right-areaGrey h2 {
color:#fdb910;
font:14pt Arial, Helvetica, sans-serif;
padding:8px 0 10px 40px;
background:url(../images/e-sign-grey.gif) no-repeat left;
}

h2 span{
color:#fff;
}


.tab-areaGrey {
width:310px;
padding:0px;
margin:0 0 0 0;
/*border:1px solid #333333;*/
float:right;
}

.tab-areaGrey label{
width:100px;
padding:5px 0;
margin:0 0 0 0;
float:left;
font:11pt Arial, Helvetica, sans-serif;
color:#999999;
}



.tab-areaGrey input{
width:166px;
padding:2px 5px;
height:18px;
margin:5px 0 5px 0;
float:left;
font:9pt Arial, Helvetica, sans-serif;
color:#fff;
border:1px solid #666666;
background:#000;
}



.tab-areaGrey textarea{
width:176px;
padding:0px;
height:100px;
margin:5px 0 5px 0;
float:left;
font:12pt Arial, Helvetica, sans-serif;
color:#fff;
border:1px solid #666666;
background:#333333;
}

.tab-areaGrey .submitBtn {
width:auto;
padding:0px 5px 0 5px;
height:25px;
margin:5px 0 5px 0;
font:bold 9pt Arial, Helvetica, sans-serif;
color:#000;
background:#b6b5b6;
line-height:25px
}

.tab-areaGrey .submitBtn:hover{
text-decoration:underline;
}










.left-areaBlack {
width:605px;
padding:15px;
margin:0 0 0 0;
border:1px solid #333333;
float:left;
background:#000;
min-height:287px;
}

h2 {
color:#fdb910;
font:14pt Arial, Helvetica, sans-serif;
padding:8px 0 10px 40px;
background:url(../images/e-sign.gif) no-repeat left;
}


.right-areaBlack {
width:345px;
height:365px;
padding:15px;
margin:0 0 0 0;
border:1px solid #cccccc;
background:#fff;
float:right;
}


.service-title{
padding:10px 0px 0px 0;
font:11pt Arial, Helvetica, sans-serif;
color:#666666;
margin:0;
}

.service-title img{
padding:0px 15px 0 0;
vertical-align:middle;
border:none;
}

.left-areaBlack p{
padding:8px 0 8px 0;
margin:0 0 0 0;
color:#999999;
font:11pt Arial, Helvetica, sans-serif;
line-height:22px;
}

.more-link {
padding:0px 0 0px 0;
margin:0 0 0 0;
color:#003399;
}

.more-link a{
text-decoration:none;
color:#003399;
}

.more-link a:hover{
text-decoration:underline;
}

.right-areaBlack h3 {
color:#666666;
font:bold 11pt Arial, Helvetica, sans-serif;
padding:0px 0 6px 0px;
margin:0;
}

.portfolio-section {
width:280px;
padding:0px 0 10px 0;
margin:0 0 0 0;
clear:both;
}


.portfolio-section li{
padding:15px 0 5px 18px;
line-height:normal;
background:url(../images/yellow-dot.gif) no-repeat left 17px;
display:block;


}


.portfolio-section .img{
margin:0px 0px 0 10px;
vertical-align:middle;
border:1px solid #999999;
width:78px;
height:78px;
float:right;
}

.portfolio-section  p{
padding:0px 0 16px 0;
margin:0 0 0 0;
color:#999999;
font:11pt Arial, Helvetica, sans-serif;
line-height:18px;
text-align:right;
}

.newsSection {
width:auto;
padding:5px 0 4px 0;
margin:0 0 0 0;
clear:both;
}

.newsSection h3{
background:url(../images/blue-arrow.gif) no-repeat left 4px;
padding:0px 0 5px 15px;
margin:0 0 0 0;
color:#666666;
font:bold 13px Arial, Helvetica, sans-serif;
}

.newsSection h3 a{
color:#666666;
text-decoration:none;
}

.newsSection h3 a:hover{
color:#003399;
text-decoration:none;
}

#footer{
width:100%;
clear:both;
margin: 0 auto;
padding:5px 0px;
background:#e5e5e5;
border-top:1px solid #d2d2d2;
color:#666666;
}

.footer-area {
width:941px;
clear:both;
margin: 0 auto;
padding:5px 15px;
}

.footer-area a{
margin:0;
font:9pt Arial, Helvetica, sans-serif;
padding:0px 0px;
color:#666666;
text-decoration:none;
}

.footer-area a:hover{
color:#666666;
text-decoration:underline;
}

.footer-link-left {
width:auto;
height:auto;
margin:0;
padding:0;
float:left;
}


#footer-container p{
margin:0 0 0px 0;
color:#009900;
font:9pt Arial, Helvetica, sans-serif;
}

#footer-container p a{
color:#009900;
padding:0 5px;
text-decoration:none;
}


#footer-container p a:hover{
color:#009900;
text-decoration:underline;
}


.copyright {
padding:0px 0px 0px 0px;
margin:10px 0 0px 0;
}

.copyright a {
	color: #666666;
	text-decoration : none;
}

.copyright a:hover {
	color: black;
	text-decoration: none;
}

.copyright a:visited {
	color: #666666;
	text-decoration: none;
}

.copyright a:visited:hover {
	color: black;
	text-decoration: none;
}

.light-greyText {
color:#666666;
}
#contact_height{height:630px;}

