@charset "utf-8";

*, html {
	margin:0px;
	padding:0px;
	text-align:left;
}

body {
	background : #e6e0db;
	margin:0px;
	padding : 60px 0px;
	font: normal 11px Arial, Trebuchet MS, Tahoma,   Tahoma, Verdana, Helvetica, sans-serif;
	color:#000;
}

a
{
	text-decoration:none;
	color:#000000;	
	outline:none;
}

a:hover 
{
	text-decoration : underline;
	color:#c80202;
}

.menu a:hover
{
	text-decoration:none;
	color:#c80202;
}

.menu-active
{
	text-decoration:none;
	color:#c80202;
}




form, div, p, h1, h2, h3
{
	margin:0px;	
	padding:0px;
	
}

img
{
	vertical-align:top;
	border:none;
}


#main
{
	width : 990px;
	margin : auto;
	background:url(../images/base.jpg) left center no-repeat;
	border: 3px solid #5b534d;
}

.container
{
	width:666px; 
	margin:auto;
}
.clear
{
	clear:both;
}

.clear-left
{
	clear:left;
}

hr
{
	size:1px;
	color:#ccc;
	height:1px;
}

/* ---------------------------------- For Header ----------------------------------*/

.header
{
	clear:both;
	margin:auto;
	text-align:center;
}

.header img
{
	padding-bottom:0px;
}

/* ---------------------------------- End Header ----------------------------------*/

/* ---------------------------------- For Body ----------------------------------*/


.img
{
	clear:both;
}

.img img
{
	float:left;
}



#ul li
{
	padding-bottom:11px;
}

/* ---------------------------------- End Body ----------------------------------*/

/* ---------------------------------- For Inner Page ----------------------------------*/


.menu
{
	text-align:left;
	margin:auto;
	padding:10px 0px 15px 0px;
}

.menu a
{
	font:11px/28px Arial, Verdana, Trebuchet MS, Helvetica, sans-serif;
	color:#000;
}

#active
{
	color:#c80000;
	margin-left:-30px;
	padding-right:10px;
	font:bold 18px Verdana, Arial,Helvetica, sans-serif;
}

.mobile-content{
font:bold 11px/17px Arial, Verdana, Trebuchet MS, Helvetica, sans-serif;
	color:#000;
}

.page-bg
{
	clear:both;
	width:646px;
	padding:7px;
	border:3px solid #5b534d;
	background:url("../images/white-base.jpg")
	/*filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;*/
}

.banner img
{
	margin-bottom:10px;	
	
	
}

.trans
{
	background:#fff;
	width:646px;
	clear:both;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}

.col-left-inner
{
	float:left;
	width:216px;
	padding-left:30px;
}


.a-link
{
	font:normal 13px/22px Trebuchet MS, Arial, Verdana,  Helvetica, sans-serif;
	color:#000;
	padding-left:65px;
}

.arrow
{
	font:bold 17px Tahoma; 
	padding-left:15px;
}

.a-link-active
{
	padding-left:18px;
	font:bold 13px/22px Trebuchet MS, Arial, Verdana,  Helvetica, sans-serif;
	color:#000;
}

.a-link-active:hover
{
	text-decoration:none;
}

.grow-green
{
	background:url(../images/grow-green.jpg) left top no-repeat;
	margin:0px 0px 45px 21px;
	padding:35px 0px 25px 102px;
	line-height:15px;
}

.green-color
{
	color:#5a7424;
	font-weight:bold;
}

.img-block
{
	margin:36px 0px 15px 26px;	
}

.img-block p
{
	padding-top:25px;
	line-height:15px;
}

.img-left
{
	float:left;
}

h1
{
	font:bold 12px Arial, Trebuchet MS, Verdana,  Helvetica, sans-serif;
	color:#000000;
	text-transform:uppercase;
	padding:0px 0px 10px 3px;
	
}

h1.quote
{
	font:bold 15px Arial, Trebuchet MS, Verdana,  Helvetica, sans-serif;
	color:#000000;
	text-transform:uppercase;
	padding:0px 0px 3px 3px;
	text-align:right;
	
}

.col-right-inner
{
	width:400px;
	float:left;
	padding-top:18px;
}

.content
{
	text-align:justify;
	line-height:13px;
	/*height:280px;*/
	margin-right:25px;
	padding: 0px 10px 0px 3px;
}


#col-right-inner 
{
	text-align:justify;
	line-height:17px;
	overflow:auto;
	height:380px;
	margin-top:20px;
	width:375px;
	
}
#col-right-inner-contact
{
	text-align:justify;
	line-height:17px;
	overflow:auto;
	height:340px;
	margin-top:20px;
	padding-right:20px;
	width:360px;
	
}

.project
{
	width:80px; 
	float:left; 
	padding-left:3px;
}

.project-text
{
	width:130px; 
	margin-left:10px; 
	float:left;
	line-height:18px;
	margin-top:-5px;
}


.project-text2
{
	clear:both;
	margin-left:95px; 
	}
	
.project-text3
{
	width:120px; 
	margin-left:10px; 
	float:left;
	line-height:18px;
	margin-top:-5px;
}

.bottom-logo
{
	margin-top:10px;
	margin-bottom:10px;
}

.content ul
{
	margin:6px 0px 6px 15px;
	padding:0px;
}

.content ul li
{
	list-style-image:url(../images/li.jpg);
	padding-bottom:4px;
}

.img-display
{
	padding:15px 0px 10px 0px;
}

.img-display img
{
	padding-right:14px;
}

.arrow-more
{
	font:bold 17px Tahoma; 
	padding:4px 25px 0px 0px;
	color:#0520a1;
	text-align:right;
}

.content form
{
	margin:12px 0px;
	padding:0px;
}

.quick-left
{
	float:left;
	text-align:left;
	width:100px;
	margin:5px;
	margin-left:0px;
}

.quick-right
{
	float:right;
	text-align:left;
	width:150px;
	margin-top:5px;
}
.quick-left2
{
	float:left;
	text-align:left;
	width:105px;
	margin:5px;
	margin-left:0px;
	height:12px;
}
.quick-left3
{
	float:left;
	text-align:left;
	width:120px;
	margin:5px;
	margin-left:0px;
	height:12px;
}

.quick-left3time
{
	float:left;
	text-align:left;
	width:240px;
	margin:5px;
	margin-left:0px;
	height:12px;
}
.quick-left4
{
	float:left;
	text-align:left;
	width:50px;
	margin:5px;
	margin-left:0px;
	height:12px;
}
.quick-left5
{
	float:left;
	text-align:left;
	width:150px;
	margin:5px;
	margin-left:0px;
	height:12px;
}
.quick-left6
{
	float:left;
	text-align:right;
	width:220px;
	margin:5px;
	margin-left:0px;
	height:12px;
}

.checkbox
{
	float:left;
	width:20px;
	/*margin-left:10px;
	margin-top:3px;*/
}

.checkbox input
{
	margin-top:6px;
	vertical-align:middle;
}

.input-box
{
	width:220px;
	height:14px;
	border:1px solid #bdbdbd;
	font-size:11px;\
	vertical-align:middle;
	padding-left:5px;
	margin:3px 0px;
}

.input-box2
{
	width:75px;
	height:14px;
	border:1px solid #bdbdbd;
	font-size:11px;
	font-weight:bold;
	vertical-align:middle;
	padding-left:5px;
	margin:3px 0px;
}
.input-box3
{
	width:150px;
	height:24px;
	border:1px solid #bdbdbd;
	font-size:11px;
	vertical-align:middle;
	padding-left:5px;
	padding-top:7px;
	margin:3px 0px;
}

.input-box4
{
	width:50px;
	height:14px;
	border:1px solid #bdbdbd;
	font-size:11px;
	font-weight:bold;
	vertical-align:middle;
	padding-left:5px;
	margin:3px 0px;
}

.input-box-employee-01
{
	width:100px;
	height:14px;
	border:1px solid #bdbdbd;
	font-size:11px;
	font-weight:bold;
	vertical-align:middle;
	padding-left:5px;
	margin:3px 0px;
}

.input-box-employee-02
{
	width:325px;
	height:14px;
	border:1px solid #bdbdbd;
	font-size:11px;
	font-weight:bold;
	vertical-align:middle;
	padding-left:5px;
	margin:3px 0px;
}

.textarea
{
	width:320px;
	height:50px;
	border:1px solid #bdbdbd;
	font-size:11px;\
	vertical-align:middle;
	padding-left:5px;
	margin:3px 0px;
}

.button
{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	cursor:pointer;
	text-align:center;
	width:110px;
	height:27px;
	background:#000000;
}

.sublink
{
	margin:2px 0px 8px 2px;
}

.testimonials
{
	padding:5px 0px;
	font-weight:bold;
	color:#343434;
}

.email-left
{
	float:left; 
	width:260px; 
	padding-right:5px;
}

#news-left
{
	float:left;
	width:130px;
	font-weight:bold;
	line-height:18px;
}

#news-right
{
	float:right;
	width:300px;
	background:#f7f7f7;
}

.subheading
{
	font-size:16px;
	color:#000;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
}

.news
{
	text-align:justify;
	line-height:16px;
	padding:4px;
}

.right
{
	float:right;
}

.form-logo
{
	padding-bottom:10px;
	border-bottom:2px solid #ccc;
	margin-bottom:4px;
}

#color-red
{
	color:#cb0001;
	margin-left:0px;
	font-weight:bold;

}
/* ---------------------------------- End Inner Page ----------------------------------*/

/* --------------------------------- scroll IMG -----------------------------------*/
.stepcarousel{
	position: relative;
	overflow: scroll; 
	width: 468px; 
	height: 77px; 
	padding:15px 0px 10px 0px;
}

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

.stepcarousel .panel{
	float: left; 
	overflow: hidden; 
	margin: 10px; 
	width: 468px; 
}

.stepcarousel .panel img
{
	padding-right:10px;
}


/* --------------------------------- END scroll IMG -----------------------------------*/

/* --------------------------------- Thumnail IMG -----------------------------------*/


#thumbBox{ 
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 10px;
	padding-bottom: 0;
	background: #4d4f51;
	visibility: hidden;
	z-index: 10;
	cursor: pointer;
}

#thumbBox img
{
	border:1px solid #fff;
}

#thumbBox .footerbar{ 
	font: normal 18px/25px Trebuchet MS, Arial, Verdana,  Helvetica, sans-serif;
	color: #fff;
	text-align: right;
}


#thumbLoading{ 
	position: absolute;
	visibility: hidden;
	border: 2px solid #666666;
	background-color: #f7f7f7;
	color:#c00;
	padding: 5px;
	z-index: 5;
	font:bold 13px Trebuchet MS;
}

/* --------------------------------- End Thumnail IMG -----------------------------------*/


/* ---------------------------------- For Footer ----------------------------------*/


.footer
{
	background:#817567;
	clear:both;
	font:bold 11px Arial, Verdana,  Helvetica, sans-serif;
	color:#fff;
	padding:8px 0px;
	margin:10px 0px 20px 0px;
	text-align:center;
}

.footer span
{
	padding:0px 8px;
}

.footer span a
{
	color:#fff;
}





/* ---------------------------------- End Footer ----------------------------------*/





img.floatLeft { 
    float: left; 
    margin-right: 10px; 
	margin-bottom: 10px; 

}
img.floatright { 
    float: r;ght 
    margin-right: 10px; 
	margin-bottom: 10px; 

}

#q-1, #q-2, #q-3, #q-4, #q-5, #q-6, #q-7, #q-8, #q-9, #q-10
{
	
	display:none;
	height:auto;
}

#q-10
{
	height:175px;
	width:700px;
	overflow:auto;
}
	
.bottom-margin
{
	margin-bottom:10px;
	clear:both;
}

.bottom-margin a
{
	color:#000;
}
	
.color-black
{
	color:#000;
	width:350px;
}
a.color-black:active
{
	font-weight:bold;
}