@charset "utf-8";
body{
	font-family:"Century Gothic";
	margin:0px;
	padding:0px;
}

#wrapper {
	width: 100%;
	margin:0px;
	padding:0px;
}

#main{
	margin:0px auto;
	width:960px;
	padding:10px;
	overflow: auto;
}

#header{
	width:960px;
	height:85px;
	}
.header-links{
	float: right;
	margin-top: 49px;
	font-size: 14px;
	}
.header-links a{text-decoration:none;}

#logo-text{
	float: left;
	font-size: 17px;
	margin-top: 22px;
	margin-left: 10px;
}
#logo-text h1{
	font-size: 21px;
	margin-top: -5px;
	font-weight: bold;
	}
#logo-text span{
	display: block;
	margin-top: -29px;
	font-weight: bold;
	}

#logo img{float:left;}

#content{
	float:left;	
	width:960px;
}

#home-sec-nav{
	width:960px;
	margin-top: 7px;
	}
#home-sec-nav img{border:0;}
	
.sec-nav{float:left;}

.home-sec-over{
	position: absolute;
	background:#000;
	filter:alpha(opacity=60); /* IE */
	opacity: 0.6;
	width: 240px;
	height: 25px;
}


.nav-text{
	position:absolute;
	color: #fcff00;
	width: 240px;
	height: 25px;
	font-weight: bold;
	text-align: center;
	margin-top: 2px;
}

#content-header{
	background-color:#666666;
	height: 44px;
	float: left;
	width: 960px;
	border-top: 2.8px dashed #000;
	}

#content-header h2{
	color: #fcff00;
	font-weight: normal;
	display: block;
	float: right;
	margin: 1px 8px;
	font-size: 37px;
	
	}

#title{
	width:960px;
	background-color:#fffd66;
	font-weight:bold;
	height: 50px;
	float: left;
	}
	
#title2{
	width:960px;
	background-color:#fffd66;
	font-weight:bold;
    height: 70px;;
	float: left;
	}
	
#title3{
width: 230px;
background-color: #fffd66;
font-weight: bold;
height: 50px;
float: left;
padding-left: 15px;
letter-spacing: 2px;
	}

#contact{
	width: 236px;
	float: right;
	
	}	
#contact-form{
width: 673px;
float: left;
height: 500px;
padding-left: 40px;
	
	}
#contact-right{
	font-size: 13px;
	padding-top: 8px;
	width: 236px;
	float: left;	
	}
	
#body-over{
	background-image: url(../images/about-back.jpg);
	width: 770px;
	height: 469px;
	position: absolute;
	z-index: -200;
	top: 190px;
	margin-left: 189px;
	}
	
#body-over2{
	background-image: url(../images/contact-back.jpg);
	width: 960px;
	height: 469px;
	position: absolute;
	z-index: -200;
	top: 234px;
	}
	
#title span{padding-top: 5px;font-size:16px;}
#title-body div{font-size:13px; margin-top:5px;}

.col1{
	display:block;
	width:123px;
	margin-left:5px;
	margin-right:8px;
	float:left;
	text-align: justify;
	}
	
.col2{
display: block;
width: 104px;
margin-left: 5px;
margin-right: 8px;
float: left;
text-align: justify;
	
	}
.col3{
	display:block;
	width:233px;
	margin-left:0px;
	margin-right:8px;
	float:left;
	text-align: justify
	}

.col4{
	display:block;
	width:130px;
	float:left;
	}

.col5{
	display:block;
	width:193px;
	float:left;
	margin-left: 5px;
	}
	
.col6{
	display:block;
	width:130px;
	margin-left:5px;
	float:left;
	}

#footer{float: right;
		font-size: 10px;
		margin: 10px 0;
		}
		
#logo a, a:visited, a:hover{color:#000;}
.co {
    float: left;
    padding: 5px 6px 0 0;
    width: 100px;
	text-align: justify;
}

.co div{
	margin:0px; padding:0px;
	background: rgba(255, 0, 0, 0.4);
}
.co a, a:hover, a:visited{text-decoration:none; color:#000;}
#co1{padding-left: 5px;}

#title-body .co{font-size: 12px;font-weight: bold;}

.work-over{
background-image: url(../images/our-work-over.jpg);
	width: 957px;
	height: 700px;
	position: absolute;
	z-index: -200;
	top: 234px;
}