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

body { background:#fff url(../images/main_bg.gif) repeat-x ; margin:0; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:13px; color:#333; text-align:justify}
h1 { background:url(../images/arrow.gif) no-repeat left center; padding-left:1.5em; font-family: Arial, Helvetica, sans-serif; font-size:20px; color:#16b9e5; }
a {color:#666666;text-decoration:none}
a:hover {color:#00CCFF; }
h3 {font-size:12px; font-weight:bold}
#wraper { margin:0 auto; width:1024px}
#logo {width:323px; height:77px; float:left; margin:20px}
#front {width:995px; margin:60px 18px 0;  float:left}
#front a {background: url(../images/link_tab.jpg) no-repeat; color:#333; padding:5px; text-decoration:none; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#front a:hover {color:#00b9f2}
.front-btm {width:995px; margin:10px 18px 0;  float:left}
.about {width:630px; float:left; padding:0 12px}
html>body .about {width:650px; float:left; padding:0 12px}
.testimonial { width:250px; float:left; margin:0 0 0 15px; padding:0 12px}
html>body .testimonial { width:280px; float:left; margin:0 0 0 15px; padding:0 12px}
.portfolio {width:970px; float:left; margin-top:35px}
.footer-top { background:url(../images/front-top.gif) no-repeat; width:995px; height:13px; float:left}
.footer {text-align:center; color:#333; background:#F1F1F1; margin:0 auto; height:55px; clear:both}
.footer-btm{ background:url(../images/front-btm.gif) no-repeat; width:995px; height:14px; margin-bottom:20px}
.toplinks { float:right; padding:0 ; margin:5px 20px 0 0 ;/*width:270px;*/}
.toplinks  ul li {width:auto; display:inline; margin:0; padding:0; height:30px}
.toplinks ul li a { width:auto; height:30px; background:transparent url(../images/link_tab.jpg) no-repeat scroll 0 0; color:#333; font-size:11px; padding:5px 9px; text-decoration:none;}
.toplinks ul li a:hover{color:#fff; background:transparent url(../images/link_tab_top_hover.jpg) no-repeat scroll 0 0;}
.toplinks ul li a:hover{color:#fff; background:transparent url(../images/link_tab_top_hover.jpg) no-repeat scroll 0 0;}
.toplinks ul li a:focus{color:#fff; background:transparent url(../images/link_tab_top_hover.jpg) no-repeat scroll 0 0;}
.toplinks ul li.last a {background:none}

.footerlinks {padding:0 5px  ; /*width:270px;*/}
.footerlinks  ul li {width:300px; display:inline;}
.footerlinks ul li a { width:100px; height:10px; background:transparent url(../images/linkpipe.gif) no-repeat scroll right center; color:#333; font-size:12px; padding:5px 16px 5px 9px; text-decoration:none;}
.footerlinks ul li a:hover {color:#666}
.footerlinks ul li.last a {background:none}
.formbtn{margin-top:8px}
form div input{ background:#0099CC /* url(../images/form-btn.gif) no-repeat*/; width:100px; height:18px; display:block; padding:5px .25em; color:#fff; text-align:center; border:1px  groove #ccc}
form div input:hover{ background:#00bfff /*url(../images/form-btn-hover.gif) no-repeat;*/}
.request-quote-form-mid {
background:transparent;
height:auto;
margin-top:0;
padding:50px 70px;
position:relative;
width:800px;
color:#333;
}
.request-quote-form-mid  span {
			 	width:580px;
				height:58px;
				/*background:url(../images/request-quote-heading.jpg) no-repeat;*/
				overflow:hidden;
				display:block;
				float:left;
			 }
			 
			 .request-quote-form-mid  p {
				font:16px Arial, Helvetica, sans-serif;
				width:auto;
				margin-top:15px;
				border-bottom:solid 1px #ccc;
				float:left;
			 }
			 
			 .request-quote-form-mid form {
				width:580px;
				margin-top:20px;
				display:block;
				float:left;
				background:#f9f9f9;
				padding:9px;
			 }
			 
			 .request-quote-form-mid label {
			 	font:16px Arial, Helvetica, sans-serif;
				font-weight:bold;
				color:#16B9E5;
				padding-bottom:10px;
				margin-bottom:10px;
				margin-top:10px;
				border-bottom:dashed 1px #09c;
				display:inline-block;
			 } 
			 
			 /*
			 .request-quote-form-mid a {
			 	display:block;
				width:100px;
				height:25px;
				margin-top:30px;
				background:url(../images/btn-request-quote-submit.jpg) top no-repeat;
			 }
			 
			 .request-quote-form-mid a:hover {
			 	background:url(../images/btn-request-quote-submit.jpg) bottom no-repeat;
			 }*/
			 
			 
		
		.request-quote-form-bottom {
			height: 30px;
			background:transparent url(../images/link_tab.jpg) no-repeat scroll 0 0;
			margin-top:0;
		}
		
		
	.request-quote-form-addons cite {
		font:12px Arial, Helvetica, sans-serif;
		width:100px;
		display:inline-block;
	}
	
	.request-quote-form-inputs {
		margin-top:10px;
	}
	
.curlycontainer{
border: 1px solid #ccc;
margin-bottom: 1em;
width: auto;
}

.curlycontainer .innerdiv{
background:transparent url(../images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 1px;
top: 1px;
padding: 15px;
font-style:italic;
color:#8e0000;
}	
h2 {padding:0 1em; font-family: Arial, Helvetica, sans-serif; font-size:24px; color:#646D7E; background:transparent url(../images/quote.gif) no-repeat scroll 10px 2px }
.aboutus {float:left; width:300px; padding:0 12px}
.aboutus-inner {float:left; width:630px; padding:0 12px}
.testimonials-inner {float:left; width:630px; padding:0 12px}
.borderbtm{border-bottom:1px dotted #333; height:10px; width:265px; text-align:center; float:left; margin:12px 6px}

/***********************form*/

.contact-section {
		width:240px;
		height:440px;
		float:left;
		padding-left:30px;
	}
	
html>body .contact-section {
		width:260px;
		height:440px;
		float:left;
		padding-left:30px;
		border:1px solid #ccc;
	}	

.contact-section h1 {
			font:20px Arial, Helvetica, sans-serif;
			color:#0099CC;
			width:auto;
			margin-top:20px;
			/*border-bottom:dotted 1px #09c;*/
			
		}
		
.contact-form {
	width:280px;
	margin-top:20px;
}	
html>body .contact-form {
	width:300px;
	margin-top:20px;
}
	
	.contact-form label {
		display:block;
		margin-bottom:10px;
		font:12px Arial, Helvetica, sans-serif;
		color:#09c;
	}
	
	.contact-form input, .contact-form textarea {
		font:16px Arial, Helvetica, sans-serif;
		color:#666;
		border:1px solid #ccc;
		width:230px;
	}
	
	.contact-form input:focus, .contact-form textarea:focus {
		font:16px Arial, Helvetica, sans-serif;
		color:#09c;
		border:1px solid #09c;
	}
	
	.contact-form sup {
		color:#f00;
	}
	
	.contact-form input.Contact-sendbutton {
		background:#09c;
		border:0px;
		font:11px Arial, Helvetica, sans-serif;
		font-weight:bold;		
		color:#FFFFFF;
		width:80px;
	}
.commentbox{background-color: #ececec;width: 230px;padding:25px 16px;}
html>body .commentbox{background-color: #ececec;width: 250px;padding:25px 16px;}
.commentbox-inner{
background-color: #ececec;
width: 600px;
padding: 16px;
}

.commentfooter{
background: url(../images/btmarrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}
.img {float:left; border:5px solid #ccc; margin:0 12px}