/*----------------------------+
 | Site: DVH Industries		    |
 +----------------------------*/

 
@import url("reset.css");





/* Core layout 
======================================================================*/
body {background:#414141 url(../images/core/bg.gif) repeat-x 0 0; font:11px Verdana, Arial, Helvetica, sans-serif; padding:1px 0 0 0;}
#container {width:880px; margin:0 auto; padding:0 0 20px 0;}
	#banner {width:880px; height:350px; overflow:hidden; background:url(../images/core/logo.jpg) no-repeat 0 0; padding:0 14px;}
		#logo-nav-container {height:61px;}
		#flash-cta-container {}
			
			#flash {float:left; height:285px; overflow:hidden; width:550px;}
			#cta-help {
				float:left; 
				background:#ababab url(../images/core/cta-howwecanhelp.gif) no-repeat 0 0; 
				width:145px; 
				height:275px; 
				overflow:hidden; 
				border-left:3px solid #fff;
				margin:10px 0 0 0;
				padding:0 0 0 0;
			}
			#cta-help-text {height:160px; padding:65px 0 0 0; overflow:hidden;}
			#cta-contact {
				float:left; 
				width:149px; 
				background:#ccc url(../images/core/cta-contact.gif) no-repeat 0 0; 
				height:230px; 
				overflow:hidden; 
				border-left:3px solid #fff; 
				border-right:3px solid #fff;
				margin:10px 0 0 0;
				padding:45px 0 0 0;
			}
	#content {width:850px; margin:0 auto; padding:30px 0 0 0;}
		#content-left {float:left; width:670px;}
		.civil #content-left {float:left; width:850px;}
		.pool #content-left {float:left; width:850px;}
		#cta-right {float:right; width:155px;}
			#cta-right img {padding:0 0 25px 0; margin:0 auto;}
		
#footer-container {background:#292526 url(../images/core/footer-bg.gif) repeat-x 0 0; }
	#footer {margin:0 auto; width:850px; padding:35px 0;}




/* Navigation layout 
======================================================================*/
ul#nav {list-style:none; float:right; width:501px; display: inline-block; clear: both; padding:17px 30px 0 0;}
ul#nav li {float:left; height:28px; overflow:hidden; padding:0 0 0 10px}
ul#nav li a {display:block; height:28px; text-indent:-9999px;}
ul#nav li a:hover {background-position:0 -28px!important;}

ul#nav li#home a {background:url(../images/nav/home.gif) no-repeat; width:62px;}
ul#nav li#profile a {background:url(../images/nav/profile.gif) no-repeat; width:66px;}
ul#nav li#civil a {background:url(../images/nav/civil.gif) no-repeat; width:148px;}
ul#nav li#pool a {background:url(../images/nav/pool.gif) no-repeat; width:105px;}
ul#nav li#contact a {background:url(../images/nav/contact.gif) no-repeat; width:70px;}

.home 		ul#nav li#home a {background-position:0 -28px!important; width:62px;}
.profile 	ul#nav li#profile a {background-position:0 -28px!important; width:66px;}
.civil 		ul#nav li#civil a {background-position:0 -28px!important; width:148px;}
.pool 		ul#nav li#pool a {background-position:0 -28px!important; width:105px;}
.contact 	ul#nav li#contact a {background-position:0 -28px!important; width:70px;}

#footer a {color:#FFCC00; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

ul.cta-buttons li a {font-weight:bold; color:#333; text-decoration:none;}
ul.cta-buttons li a:hover {color:#000;}

#cta-contact a {font-weight:bold; color:#333; text-decoration:none;}
#cta-contact a:hover {color:#000;}





/* Titles layout 
======================================================================*/
.home 			h1 {background:url(../images/core/title-home.gif) no-repeat 0 0; text-indent:-9999px; margin:10px 0 10px 0; height:56px;}
.profile 		h1 {background:url(../images/titles/title-profile.gif) no-repeat 0 0; text-indent:-9999px; margin:10px 0 15px 0; height:23px;}
.civil 			h1 {background:url(../images/titles/title-civil.gif) no-repeat 0 0; text-indent:-9999px; margin:10px 0 15px 0; height:23px;}
.pool 			h1 {background:url(../images/titles/title-pool.gif) no-repeat 0 0; text-indent:-9999px; margin:10px 0 15px 0; height:23px;}
.contact 		h1 {background:url(../images/titles/title-contact.gif) no-repeat 0 0; text-indent:-9999px; margin:10px 0 15px 0; height:23px;}



 /* Font Style
======================================================================*/
h2 {font:20px Arial, Helvetica, sans-serif; color:#f6bd26; padding:0 0 10px;}
h3 {font:16px Arial, Helvetica, sans-serif; color:#fff; padding:0 0 10px 0;}
h4 {font:14px Arial, Helvetica, sans-serif; color:#fff; padding:0 0 3px 10px; margin:0 0 10px 0; border-bottom:1px solid #595959;}
h5 {font-size:12px; padding:0 0 10px 0; color:#f6bd26;}
p {font-size:11px; color:#ccc; line-height:18px; padding:0 0 10px 0;}
#content-left ul {padding:10px; color:#fff;}
#content-left li {background:url(../images/bullet_yellow.png) no-repeat 0 0; padding:0 0 5px 20px;}

#footer p {font-size:10px; color:#999;}
#cta-help p {color:#414141; line-height:16px; font-size:10px; padding:0 10px 10px 10px;}
#cta-contact p {color:#666; line-height:16px; font-size:10px; padding:0 10px 7px 10px; text-align:center;}




/* Extras 
======================================================================*/
.logo {float:left;}
.float-right {float:right;}
.float-left {float:left;}

#fences .img2 { width: 110px; overflow: hidden; color: #FFFFF7; text-align: center; float: left; margin: 5px 10px 0 0; }
.img {border:5px solid #515151; padding:1px; margin:2px 10px 10px 0;}

ul.cta-buttons {width:145px; list-style:none;}
ul.cta-buttons li {float:left; width:125px; height:16px; padding:5px 10px 5px 10px; display:block; background:url(../images/core/cta-button.gif) no-repeat 0 0;}

table {padding:15px 0 15px 0;}
table td {padding:5px 5px 7px 5px;}
table tr.title {background:#9e9e9e; color:#fff !important; font-weight:bold;}
table tr.even {background:#515151;}
table tr {color:#ccc;}

.map {float:right; border:5px solid #5e5e5e; margin:0 50px 20px 0;}

#enquiry-form {
	width: 400px;
	float: left;
}

#safe-summer {
	width: 250px;
	float: left;
	padding-top: 125px;
}

 /* Form Style
======================================================================*/
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none !important; background:none !important;}

form.form li { margin-bottom: 5px; background:none !important; }

form.form label {
	display: inline-block;
	width: 100px;
	color:#fff;
	float:left;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #303030;
	background: #515151;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #f7bc27;
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #f7bc27;
	color: #000;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}


.clear { clear: both; display: block; }