@charset "utf-8";
@import url('reset.css');
/* CSS Document */

body {
	background: #0c2c38;
	font: normal 14px Arial, Verdana, Helvetica, sans-serif;
	color: #777;
}

a,
a:link,
a:visited {
	color: #00374b;
	text-decoration: underline;
}
a:hover {
	color: #777;
	text-decoration: underline;
}

/* *** global *** */
/* *** WTF FIREFOX! *** */
#gripH_0, #gripV_0, #gripX_0, #showCursor {
	display: none;
}

.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}
img.alignleft {
	display: inline;
	margin: 0 7px 2px 0;
}
img.alignright {
	display: inline;
	margin: 0 0 2px 7px;
}

.container {
	margin: 0 auto;
	width: 935px;
}

/* *** header *** */
#header {
	background: url(images/header.gif) repeat-x bottom left #6ac6e7;
	height: 120px;
}
	/* logo */
	#header h1 {
		background: url(images/logo.gif) no-repeat center center #FFF;
		float: left;
		height: 59px;
		margin-top: 32px;
		text-indent: -9999px;
		width: 149px;
	}
		#header h1 a {
			display: block;
			height: 59px;
		}
		
	/* navigation */
	#nav {
		float: right;
		padding-top: 45px;
	}
		#nav li {
			float: left;
			padding-left: 25px;
		}
		
		#nav li a {
			color: #FFF;
			display: block;
			float: left;
			font: bold 14px/29px arial;
			height: 31px;
			text-decoration: none;
			text-shadow: 0 1px 1px #33aed8;
		}
			#nav li a span {
				display: block;
				float: left;
				height: 31px;
				padding: 0 12px;
			}
		/* order link */
		#nav li.order a { color: #00374b; }
		
		/* hover states */
		#nav li a:hover, #nav li.cur a {
			background: url(images/nav.gif) no-repeat center right #FFF;
			color: #e82a16;
			text-shadow: none;
		}
			#nav li a:hover span, #nav li.cur a span {
				background: url(images/nav_left.gif) no-repeat center left;
				cursor: pointer;
			}

/* *** intro banner *** */
#banner {
	background: url(images/banner.gif) repeat-x bottom left #003243;
	color: #FFF;
	height: 159px;
}

	/* price image */
	#banner .price {
		background: url(images/price.gif) no-repeat center right;
		float: right;
		height: 159px;
		margin-right: -50px;
		position: relative;
		text-indent: -9999px;
		width: 394px;
	}
	
	/* intro text */
	#banner h2 {
		font-size: 18px;
		margin-bottom: 10px;
		padding-top: 40px;
	}
	#banner p {
		font-size: 14px;
		line-height: 150%;
		width: 550px;
	}
	
/* *** content area *** */
#content {
	background: url(images/content.gif) repeat-x top left #FFF;
	color: #222;
	padding: 40px 0;
}

	/* *** headings *** */
	#content h2, #content h3 {
		background: url(images/vb_icon.gif) no-repeat 0 5px;
		color: #e82a16;
		font-size: 20px;
		font-weight: normal;
		height: 24px;
		padding-top: 2px;
		margin-bottom: 12px;
		padding-left: 30px;
	}
		#content h3 {
			color: #014c66;
		}
		
	/* *** content styling *** */
	.entry p {
		line-height: 150%;
		padding-bottom: 12px;
	}
	
	/* *** left column *** */
	#left {
		float: left;
		width: 630px;
	}
	
	/* *** sidebar *** */
	#sidebar {
		float: right;
		margin-bottom: 20px;
		width: 235px;
	}

		/* why us list */
		#why {
			background: #e2e2e2;
			border: 1px solid #cecece;
		}
			#why li {
				background: url(images/list_item.gif) repeat-x bottom left;
				border: 1px solid #FFF; border-top-width: 0;
				color: #18708c;
				font-size: 12px;
				padding: 12px;
			}
				#why li.one { padding-bottom: 9px; }
			
			/* inner span wrappers for icons */
			#why li span {
				background: url(images/why_icons.gif) no-repeat top left;
				display: block;
				height: 31px;
				line-height: 31px;
				padding-left: 41px;
			}
				#why li.two span { background-position: 0 -62px; line-height: normal; }
				#why li.three span { background-position: 0 -124px; line-height: 32px; }
				#why li.four span { background-position: 0 -186px; line-height: 33px; }
			
		/* css3 rounded corners */
		#why {
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
		}
			#why li:first-child {
				-moz-border-radius: 10px 10px 0 0;
				-webkit-border-top-left-radius: 10px;
				-webkit-border-top-right-radius: 10px;
			}
			#why li:last-child {
				-moz-border-radius: 0 0 10px 10px;
				-webkit-border-bottom-left-radius: 10px;
				-webkit-border-bottom-right-radius: 10px;
			}
	
	/* *** latest work *** */
	#work {
		border-top: 1px solid #cbcbcb;
		margin-top: 16px;
	}
		#work h3 {
			margin-top: 20px;
		}
		/* list items */
		#work ul {
			padding-top: 10px;
			text-align: center;
		}
		#work li {
			display: inline;
			padding: 0 11px;
		}
			/* thumbnail image */
			#work img {
				background: #2b91b4;
				border: 1px solid #135c75;
				padding: 2px;
			}
			#work img:hover {
			}
			
/* *** order form *** */
#order {
	background: url(images/form.gif) repeat-x top left #62acc4;
	color: #FFF;
	padding: 25px 0;
}
	/* *** heading *** */
	#order h3 {
		background: url(images/vb_icon.gif) no-repeat bottom left;
		height: 24px;
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 15px;
		padding-left: 30px;
	}
	
	/* hide form legend */
	#order legend {
		display: none;
	}
	
	/* labels */
	#order label {
		font-size: 12px;
	}
	
	/* *** left column *** */
	#inputs {
		float: left;
		width: 500px;
	}
		#inputs li {
			padding-bottom: 25px;
		}
		
		/* accepted file types */
		#inputs li p {
			font-size: 11px;
			padding-top: 10px;
		}
		
		#inputs label {
			display: block;
			float: left;
			height: 34px;
			line-height: 34px;
			width: 125px;
		}
		
		.input {
			background: #FFF;
			border: 2px solid #397589;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
			
			color: #525252;
			font-size: 12px;
			padding: 10px 10px;
		}
		
		#inputs .input {
			height: 14px;
			width: 200px;
		}
	
	/* *** right column *** */
	#order .right {
		float: left;
		width: 400px;
	}
	
		/* radio boxes */
		.serviceSelect {
			margin-top: -6px;
			padding-bottom: 10px;
		}
			.serviceSelect strong {
				display: block;
				float: left;
				font-size: 12px;
				font-weight: normal;
				padding-top: 5px;
				width: 125px;
			}
				/* services */
				.serviceSelect ul {
					margin-left: 125px;
				}
				
		/* textarea */
		.textarea label {
			display: block;
			padding-bottom: 4px;
		}
			textarea.input {
				height: 120px;
				font: normal 12px arial;
				overflow: auto;
				width: 380px;
			}
			
		/* captcha */
		#captcha label {
			line-height: 37px;
			padding-right: 15px;
		}
			
		/* go button */
		#order .go {
			background: url(images/order.gif) no-repeat bottom center;
			border: 0;
			cursor: pointer;
			display: block;
			height: 42px;
			margin-left: auto;
			margin-right: 30px;
			text-indent: -9999px; text-transform: uppercase;
			width: 168px;
		}
		
		/* form validation */
		p.error {
			background: #FFF;
			border: 1px solid red;
			color: red;
			margin-bottom: 20px;
			padding: 10px;
			text-align: center;
		}
		p.success {
			background: #FFF;
			border: 1px solid green;
			color: green;
			margin-bottom: 20px;
			padding: 10px;
			text-align: center;
		}
			
/* *** footer *** */
#footer {
	background: url(images/footer.gif) repeat-x top left;
	color: #4c6d7a;
	font-size: 11px;
	padding: 20px 0;
}
	/* copyright notice */
	#copyright {
		color: #FFF;
		float: right;
	}
	
	/* footer nav */
	#footer ul {
		padding-bottom: 25px;
	}
	#footer li {
		display: inline;
		padding-right: 10px;
	}
		#footer li a {
			color: #42849b;
			padding-right: 10px;
			text-decoration: none;
		}
		#footer li a:hover {
			color: #FFF;
		}
		
/* *** faq page *** */
#faq {
}
	#faq li {
		padding-bottom: 15px;
	}

		#faq strong {
			color: #222;
		}
		
/* *** contact form *** */
#contact {
}
	#contact li {
		padding: 0 25px 15px 0;
	}
	
	#contact input, #contact textarea {
	}
	
	#contact .entry {
		padding-bottom: 20px;
	}
	
	#contact .success, #contact .error {
		margin-bottom: 0;
	}