/* CSS Document */

/* ----- GLOBAL ----- */
*, body, * html, html { margin: 0; padding: 0;  }
body, html { background-color: #0b4986; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; color: #003875; font-size: 13px; }
.clear { clear: both; }
img { border: 0; }

/* ----- TEXT ----- */
h1, h2, h3, h4 { margin: 0; padding: 0; }
p { margin: 0; padding: 0 0 15px; }
ul, ol, li { margin: 0; padding: 0 0 10px; }
a, a:hover { margin: 0; padding: 0; text-decoration: none; border: 0; }

/* ----- BACKGROUND ----- */
#bg_left { background: url(../images/bg_left.jpg) right top no-repeat; }
#bg_main { background: url(../images/bg.jpg) center top no-repeat; height: 940px; }
#bg_right { background: url(../images/bg_right.jpg) left top no-repeat;  }

#wrapper { width: 1015px; }

/* ----- HEADER ----- */
#header h1 { background: #285a8f url(../images/PlaceMakers_JV.gif) top left no-repeat; height: 57px; text-indent: -9999px; }
#subHeader h1 { background: #5883ae url(../images/title_measureUp.gif) top left no-repeat; height: 87px; text-indent: -9999px; }

.left { float: left; width: 796px; }
.right { float: right; width: 219px; }

/* ----- NAVIGATION ----- */
#topNav { background: url(../images/topNavBg.gif) left top repeat-x; height: 53px;  }
#topNav .left ul { padding: 8px 0 25px 25px; list-style: none; }
#topNav .left ul li { display: inline; }
#topNav .left ul li a { padding: 8px 20px 25px; background: url(../images/topNavBg_link.gif) left top no-repeat; color: #003875; font-size: 15px; font-weight: bold; }
#topNav .left ul li a:hover { padding: 8px 20px 25px; background: url(../images/topNavBg_rollover.gif) left top no-repeat; }

#topNav .right ul {  margin-left: 8px; padding-top: 11px; list-style: none; }
#topNav .right ul li {display: inline; }
#topNav .right ul li a { margin-right: 20px; padding-right: 20px; color: #003875; font-size: 12px; font-weight: bold; }
#topNav .right ul li a:hover { text-decoration: underline; }
#topNav .right ul li a.print { background: url(../images/icon_print.gif) right no-repeat; }
#topNav .right ul li a.email { background: url(../images/icon_email.gif) right no-repeat; }

/* ----- CONTENT ----- */
#mainWrapper { background: url(../images/column_bg.gif) left top repeat-y; }
#mainWrapper h1 { margin: 25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 30px; line-height: 30px; font-weight: bold; }
#mainWrapper h2 { margin-bottom: 15px; font-size: 20px; color: #ce0111; }
#mainWrapper a { color: #ce0111; text-decoration: none; }
#mainWrapper a:hover { text-decoration: underline; }

#mainWrapper .article { min-height: 475px; padding: 0 45px 30px 95px; }
#mainWrapper .article p { width: 520px; }
#mainWrapper .article p.last { margin: 0 0 50px 0; }
#mainWrapper .article ul, ol { margin-left: 15px; padding-left: 15px; }
#mainWrapper .article img { margin-bottom: 10px; }

#mainWrapper .thankyou { min-height: 576px; padding: 15px 45px 30px 20px; }

#mainWrapper .left { background-color: #ecf1f6; margin: 0 0 2px; }
#mainWrapper .right { padding: 8px 0 0; }
#mainWrapper .right img { padding: 0 8px 8px; }

/* ----- Content w/ Quote ----- */
#mainWrapper .left .article .quoteP { float: left; width: 320px; margin-right: 20px; }
#mainWrapper .left .article .quoteP p { width: 320px; }
#mainWrapper .left .article .quote { float: left; }

/* ----- Content w/ Tile ----- */
#mainWrapper .left .article .tileP { float: left; width: 280px; margin-right: 20px; }
#mainWrapper .left .article .tileP p { width: 280px; }
#mainWrapper .left .article .tile { float: left; }

/* ----- FOOTER ----- */
#footer { background: #497db0 url(../images/column_bg.gif) left top repeat-y; margin-bottom: 30px; }

#footer .left ul { padding: 10px; list-style: none; }
#footer .left ul li { display: inline; padding-bottom: 0; }
#footer .left ul li a { padding: 10px; color: #c2d8ee; font-size: 11px; }
#footer .left ul li a:hover { padding: 10px; background-color: #366da3; }

#footer .right { text-align: right;  color: #a5b8cc; font-size: 10px; line-height: 12px; padding: 4px 0; }
#footer .right p { padding: 0 8px; }

/* ----- CONTACT FORM ----- */
div.contact-form 
{
	background-color: #497DB0;
	width: 70%;
	margin: 30px 0 150px 80px;
}
div.contact-form table 
{
	width: 70%;
	margin: 0 auto 15px auto;
	border-collapse: collapse;
}
div.contact-form table td 
{
	color: #ffffff;
}
div.contact-form table td.radio-list 
{
	padding-top: 5px;
}
div.contact-form table td.radio-list label 
{
	padding-left: 5px;
}
div.contact-form table td.label,
div.contact-form table td.validation
{
	font-weight: bold;
	padding-top: 15px;
}
div.contact-form table td.input input 
{
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	width: 98%;
	padding: 3px;
}
div.contact-form table td.input textarea 
{
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	width: 98%;
	height: 80px;
	padding: 3px;
	font-size: 13px;
	overflow: visible;
	overflow: -moz-scrollbars-vertical;
}
div.contact-form div.buttonSet 
{
	padding: 15px 0;
	background-color: #003875;
}
div.contact-form div.buttonSet span.button 
{
	display: block;
	width: 70%;
	margin: 0 auto;
}
