/* CSS Document */

body {
	background:#fff url(../images/bg-site.jpg) repeat-x top left;
	font-family:"Segoe UI","Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Sans-Serif;
}
a {
	color:#666;
	text-decoration:none;
}

a:hover { color:#000 }

input,
textarea {
	border:#CACACA solid 1px;
	font-family:"Segoe UI","Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Sans-Serif;
	padding:5px;
	width:325px
}
.submit,
.cancel {
	border:none;
	height:36px;
	width:81px;
}
.submit {
	background:url(../images/buttons.gif);
}
.cancel {
	background:url(../images/buttons.gif) bottom;
}
.modal {
	background:#333;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}
.close-popup {
	display:block;
	width:16px;
	height:16px;
	background:url(../images/close.gif);
	position:absolute;
	top:9px;
	right:9px;
	text-indent:-9999px;
}
.error {
	color:#ff6161;
}
.success-message,
.loading-message {
	background-color:#90CC00;
	font-size:16px;
	padding:10px 0;
	margin-bottom:10px;
	text-align:center;
}

.loading-message span {    
	background:url(../images/preloader.gif) no-repeat 0 0;    
	color:#fff;    
	display:block;    
	font-weight:bold;    
	margin:0 auto;    
	width:150px;
}

.modal-overflow {
	overflow:hidden;
}
	.wrapper {
		margin:0 auto;
		width:940px;
	}
	
		.header {  }
			.header h1 {
				display:inline;
				float:left;
				margin:58px 0 0 80px;
			}
			
				.header h1 a {
					background:url(../images/logo.jpg) no-repeat;
					display:block;
					height:49px;
					text-indent:-9999px;
					width:234px;
				}
			
			.header ul {
				background:url(../images/bg-ul-nav.gif) no-repeat 170px bottom;
				float:right;
			}
				.header li {
					float:left;
					width:184px;
				}
			
					.header li a {
						color:#ddd;
						background: url(../images/bg-ques-hover.gif) no-repeat 0px -30px;
						display:block;
						height:49px;
						padding:61px 12px;
						text-decoration:none;
					}
					.header li a.home {background: url(../images/bg-home-hover.gif) no-repeat 0px -30px;}
					.header li a.details {background: url(../images/bg-details-hover.gif) no-repeat 0px -30px;}
					.header li a:hover { color:#ddd; }
					
					.header li a.home:hover {
						background:#222 url(../images/bg-home-hover.gif) no-repeat right bottom;
					}
					
					.header li a.question:hover {
						background:#222 url(../images/bg-ques-hover.gif) no-repeat left bottom;
					}
					
					.header li a.details:hover {
						background:#222 url(../images/bg-details-hover.gif) no-repeat left bottom;
					}
					
						.header li a strong {
							color:#84C800;
							display:block;
							font-size:17px;
							font-weight:normal;
							text-transform:uppercase;
						}
						
						.header li a span {
							font-size:14px;
						}
					
		.intro {
			height:170px;
			padding:23px 0 0;
			position:relative;
		}
		
			.intro blockquote {
				background:url(../images/bg-intro.gif);
				color:#ddd;
				font-size:14px;
				font-weight:bold;
				height:111px;
				line-height:28px;
				margin:0 0 0 55px;
				padding:20px 127px 0pt 60px;
				width:641px;
			}
			
				.intro blockquote h2 {
					color:#84C800;
					display:inline;
					font-size:26px;
					font-weight:normal;
				}
				
				.intro blockquote p { display:inline; }
				
			.intro em {
				position:absolute;
				right:53px;
				top:23px;
			}
			
				.intro em a {
					background:url(../images/bg-pricedetail.jpg);
					display:block;
					height:154px;
					text-indent:-9999px;
					width:112px;
				}
				
		.container {
			background:url(../images/bg-container.jpg) no-repeat left top;
			padding:220px 0 0 0;
		}
				
			.content {
				padding:0 60px 0 85px;
			}
			
				.content p {
					font-size:14px;
					line-height:22px;
					margin:0 0 20px;
				}
				
					.content p strong {
						font-size:26px;
						font-weight:normal;
					}
					
				.content h2 {
					font-size:26px;
					font-weight:normal;
					margin:30px 0 20px;
				}
					
				.content ol {
					margin:20px 0;
				}
				
					.content ol li h5 {
						font-weight:bold;
					}
					
					.content ol li p {
						font-weight:normal;
					}
				
				.we-provide,
				.ask-quote,
				.wealsodo,
				.contact-us {
					float:left;
				}
				
				.ask-quote,
				.contact-us {
					padding-left:2%;
					width:35%
				}
				
				.we-provide,
				.wealsodo {
					padding-right:2%;
					width:51%;
				}
				
				.contact-us {
					margin:20px 0 0;
				}
				
					.we-provide li { 
						background:transparent url(../images/bullet.gif) no-repeat scroll 0 0;
						font-size:14px;
						margin:0 0 5px;
						padding:0 0 0 22px;
					}
					
					.we-provide h2,
					.ask-quote h2,
					.wedoalso h2,
					.contact-us h2 {
						font-size:26px;
						font-weight:normal;
						margin:0 0 10px;
					}
					
					.we-provide p,
					.ask-quote p,
					.contact-us p {
						margin:0 0 10px;
					}
					
					.ask-quote .ask-a-quote {
						border:none;
						display:block;
						height:45px;
						text-indent:-9999px;
						width:187px;
					}
					
					.ask-quote .ask-a-quote { background:url(../images/btn-askforquote.jpg); }
					
					.ask-quote .askforaquote-form,
					.contact-us .contactus-form {
						background:#fff url(../images/bg-popup.gif) repeat-x top left;
						border:1px solid #333;
						display:block;
						left:35%;
						position: absolute;
						top: 60px;	
						width:380px;
						z-index: 9999;
					}
					
						.ask-quote .askforaquote-form h2,
						.contact-us .contactus-form h2 {
							background:#ccc url(../images/bg-headerforms.gif) repeat-x;
							border-bottom:1px solid #CACACA;
							font-size:14px;
							font-weight:bold;
							padding:10px;
							text-align:center;
						}
						
						.ask-quote .askforaquote-form p,
						.contact-us .contactus-form p {
							font-size:14px;
							font-weight:normal;
							line-height:15px;
							margin:0 21px 15px;
						}
						
						.ask-quote .askforaquote-form form,
						.contact-us .contactus-form form {
							margin:0 21px 0;
						}
						
							.ask-quote .askforaquote-form ul,
							.contact-us .contactus-form ul {
								margin:0 0 20px;
							}
						
								.ask-quote .askforaquote-form li,
								.contact-us .contactus-form li {
									padding:5px 0;
								}
							
									.ask-quote .askforaquote-form label,
									.contact-us .contactus-form label {
										display:block;
										font-size:14px;
										font-weight:bold;
										padding-bottom:5px;
									}
								
									.ask-quote .askforaquote-form form p,
									.contact-us .contactus-form form p { 
										color:#999;
										font-size:12px;
										margin:0 0 15px;
									}
								
									.ask-quote .askforaquote-form form p.success-message,
									.contact-us .contactus-form form p.success-message { color:#fff; font-weight:bold }
									
								.ask-quote .askforaquote-form form li.action,
								.contact-us .contactus-form form li.action {
									margin:10px 0 0;
									text-align:center;
								}
		
		.footer {
			background:url(../images/divider.gif) repeat-x top left;
			font-size:12px;
			margin:30px 0 0;
			padding:20px;
			text-align:center;
		}
	
			.footer span { margin:0 0 0 7px; }
			
			.footer p { margin:15px 0 0; }
			
				.footer p img { height:25px }