/* Element Styles
**************************************/

body {
	background: #4a5c7a url(../img/bg_gradient.gif) top repeat-x;
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	margin:0;
	padding: 0;
	}

h1, h2 {padding: 0; margin: 0;}
h3 {margin: 0; padding: 1em 0 0 0;}

a, a:link {color: black; font-weight: bold;}
a:visited {color: #666;}
a:hover {text-decoration: none;}

blockquote {margin: 10px 0 0 0; padding: 0 40px 0 25px; background: url(../img/icn_quotleft.gif) top left no-repeat; text-align: justify;}
/* blockquote .content {padding-right: 20px; background: url(../img/icn_quotright.gif) bottom right no-repeat;} */
blockquote .end {background: url(../img/icn_quotright.gif) no-repeat; display: inline; height: 20px; width: 20px; padding-left: 20px;}

cite {margin: 0; padding: 5px 0 0 40px; display: block;}

.success, .warning {color:#f58220; font-weight:bold;}
/* Layout Styles
**************************************/

#page {margin: auto; width: 960px;}

#header {background: url(../img/bg_header.png) top no-repeat; height: 125px; float: left; width: 960px;}
	#header h1 {text-indent: -10000px;}
	#header h1 a {display: block; height: 125px; width: 250px;}

#main, #nav, #footer {
	background: white;
	clear: both;
	float: left;
	padding: 15px 20px;
	width: 920px;
	}
	
#nav {
	list-style: none;
	margin: 0 auto;
	text-align: center;
	}
	#nav li {
		border: 1px solid #dfe6f0;
		border-left: none; border-right: none;
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		width: 150px;
		text-align: center;
		}
	#nav li a {
		display: block;
		color: #8a93a0;
		font-size: 9pt;
		font-weight: normal;
		padding: 10px 0;
		text-decoration: none;
		text-transform: uppercase;
		}
	#nav li a:hover, #nav li a.here, #nav li:hover a {color: white; background: #f58220;}
		
	#nav li ul {background: #f58220; position: absolute; display:none; z-index: 100; padding: 0; margin: 0; border-bottom:2px solid #4a5c7a;}
	#nav li:hover ul {display: block;}
	#nav li ul li {clear: both; border: none;}
	#nav li ul li a {color: white; padding: 5px; text-transform: none; border-top:2px solid #4a5c7a;}
	#nav li ul li a:hover, #nav li ul li a.here {background: #4a5c7a;}
#main h2 {
	color: #f58220;
	font-weight: normal;
	font-size: 18pt;
	margin: 0;
	}

#hero {display: block; margin: auto;}

#content {clear: both; position:relative;}
	#content p {max-width: 33em;}
	#content.doublespace {line-height: 2em;}

#footer {
	color: #a7abb2;
	font-family: "Verdana", sans-serif;
	font-size: 8pt;
	margin-bottom: 30px;
	}
	#footer hr {width: 920px; margin: auto; border: none; border-top: 1px solid #dfe6f0; }
	#footer a {color: #a7abb2; text-decoration: none;}
	#footer a:hover {color: #73767b;}
	
/* Reuseable Styles
**************************************/
.break {display: block; clear: both; height: 0px;}

.center {text-align: center;}

ul.doublespace li {padding-bottom: .75em;}

.larger {font-size: 12pt;}

.right {float: right;}
.textright {text-align: right;}

.column {float: left;}
.column.half {width: 440px; padding-left: 20px;}
.column.third {width: 280px; padding-left: 20px;}

.popup {
	display: none;
	position: absolute;
	width: 960px;
	left: 0px;
	top: 0px;
	padding-top: 100px;
	}
	.popup .top, .popup .bottom {
		display: block;
		background: url(../img/bg_popup.png) no-repeat;
		margin: 0 auto;
		width: 440px;
		}
	.popup .top {background-position: 0px 0px; padding: 30px 30px 1px 30px; margin-bottom: 0px;}
	.popup .bottom {clear: both; background-position: 0px -980px; height: 20px; overflow: hidden; width: 500px;}

	.popup h3 {
		color: white; /* #f58220; */
		font-weight: bold;
		font-size: 16pt;
		letter-spacing: -.05em;
		margin: 0;
		padding: 0 0 .25em 0;
		text-align: center;
		text-transform: uppercase;
		}

.buttons {float: right; height: 40px;}

.button {color: white; cursor: pointer; font-weight: bold; text-shadow: 0px -1px 0px #333;}
.button .left, .button .right {
	background: url(../img/bg_buttons.png) no-repeat;
	display: block;
	line-height: 40px;
	height: 40px;
	float: left;
	}
.button .left {background-position: 0px 0px; padding: 0 0 0 15px;}
.button .right {background-position: -285px 0px; width: 15px; text-indent: -10000px;}
.button:hover .left, .button:focus .left {background-position: 0px -40px;}
.button:hover .right, .button:focus .right {background-position: -285px -40px;}
.button:active .left {background-position: 0px -80px;}
.button:active .right {background-position: -285px -80px;}

.button.blue .left {background-position: 0px -120px;}
.button.blue .right {background-position: -285px -120px;}
.button.blue:hover .left, .button.blue:focus .left {background-position: 0px -160px;}
.button.blue:hover .right, .button.blue:focus .right {background-position: -285px -160px;}
.button.blue:active .left {background-position: 0px -200px;}
.button.blue:active .right {background-position: -285px -200px;}





/* Specific Page Styles
**************************************/





/* Home Page Styles
**************************************/
.home1, .home2, .home3 {
	color: white; 
	float: left;
	background-image: url(../img/bg_welcome.jpg);
	}
.home1 a:link, .home2 a:link, .home3 a:link {color: white;}
	
.home1 {
	height: 200px;
	padding: 30px 30px 16px 20px;
	width: 300px;
	line-height: 1.75em;
	}
	.home1 strong {font-size: 16pt; font-weight: normal; text-transform: uppercase; display: block;}
	
.home2 {
	background-position: -350px 0px;
	padding: 40px 30px 16px 40px;
	height: 190px;
	width: 200px;
	}

.home2 p {margin:0; padding:0;}
	
.home3 {
	background-position: -620px 0px;
	height: 78px;
	padding: 152px 17px 16px 15px;
	width: 267px;
	}
	
/* Services Page Styles
**************************************/

.services1, .services2, .services3 {
	float: left;
	background-image: url(../img/bg_services.jpg);
	}
	
.services1 {
	height: 230px;
	padding: 20px 0px 26px 20px;
	width: 280px;
	}
	.services1 h2, .services2 h2 {padding: 0 0 0 25px;}
	.services2 h2 {color: #4a5c7a;}
.services2 {
	background-position: -300px 0px;
	height: 230px;
	padding: 20px 40px 26px 20px;
	width: 280px;
	}
	
.services3 {
	color: white;
	text-align: right;
	text-shadow: 1px 1px 1px #000000;
	background-position: -640px 0px;
	padding: 90px 105px 66px 70px;
	height: 120px;
	width: 105px;
	}
	.services3 strong {color: yellow; font-size: 12pt;}
	
.services1 ul, .services2 ul {padding: 0; margin: 0; list-style: none;}
.services1 ul li, .services2 ul li {
	background: url(../img/tn_list.gif) no-repeat;
	padding: 3px 0 3px 25px;
	margin: 10px 0;
	}
	.services2 ul li {background-position: 0px -20px;}

#contactnow {position:absolute; top:225px; left:42px;}



/* Form Styles
**************************************/
form {
	display: block;
	font-size: 8pt;
	}
	form div {clear:both; padding-bottom: 5px; position:relative;}

input, label {display: block;}
input, textarea {border: 1px solid #333; float: left; width: 300px;}
input:focus, textarea:focus {background: #DDD;}
input {height: 1em; margin: .25em 0; padding: .25em 0;}
label {float: left; padding: .5em 0;}


label.left {width: 120px; text-align: right; padding-right: 10px;}
label.required {color: #933;}
label.required::before{content: "*";}

label.half {text-align: right; width: 90px; padding-right: 8px;}
input.half {width: 100px;}

.button input {
	background: no-repeat 0px 0px;
	border: none;
	color: white;
	font-weight: bold;
	font-family: inherit;
	margin: 0;
	text-shadow: 0px -1px 0px #333;
	width: auto;
	}

/*#contactform p span {position:absolute; display:block; top:0; left:310px; background-color:#f58220; width:160px; padding:2px 5px;}*/
#contactform label.error {position:absolute; display:block; top:0; left:430px; background-color:#f58220; padding:2px 5px; width:140px;}

#contactform #cont_firstname label.error {top:-15px; left:130px;}
#contactform #cont_lastname label.error {top:-15px; left:330px;}