/* <![ Global [ -----------------------------------------------------------*/

/*
Site 9 Default CSS File
Working Version: template
VERSION: 1.0 
LAST MODIFIED: 02.07.2008
LAST MODIFIED BY: NAPOLISX

NOTES:
Image pathing needs to be as follows.

url(http://www.decof.com/images/img.jpg);

This can be developed any way you wish, but must be changed before upload.

*/


html {
	height:100%;}
	
.body{	
	margin:0px; 
	padding:0px; 
	text-align:center;
	behavior:url(../scripts/csshover.htc);
	font:12px Arial, Helvetica, sans-serif;
	background:#001027 url(../images/body-bg.jpg) repeat;}
	
#container {
	position:relative;
	margin:0px auto;
	text-align:center;
	width:946px;
	background:url(../images/container-bg.jpg) top center repeat-y;
	padding:0px 6px;
	text-align:left;}
	
	
input, select, textarea {	
	}
	
legend	{
	font:bold 11px Arial, Helvetica, sans-serif; color:#000;}
	
hr {
	height:1px;
	color:#000;
	background:#4000;
/*	border:none;*/
	margin:5px 0px;
	padding:0px;}

address {
	font-style:normal;}


/*	<![ Navigation [ -----------------------------------------------------------*/

.topnav {
	position:relative;
	width:949px;
	margin:0px auto;}
	
	.topnav ul {
		}
	.topnav ul li {
		}
	.topnav ul li a {
		}
	.topnav ul li a:hover {
		}
		

#nav{
	position:absolute;
	top:230px;
	width:945px;
	text-align:center;
	margin:0px auto;
	padding:0px;
	padding-left:20px;
	z-index:9999;
	}
	#nav ul, #nav ul ul{
		margin:0;
		padding:0;
		list-style-type:none;
		list-style-position:outside;
		position:relative;
		line-height:44px;
		text-align:center;
	}
	#nav ul li{
		display:inline;
		margin:0px;
		padding:0px;
		float:left;
		position:relative;
		
	}
	
	#nav ul li a{
		display:inline-block;
		padding:10px 10px 20px 10px;
		font:14px Arial, Helvetica, sans-serif;
		font-weight:500;
		color:#fff;
		text-decoration:none;
	}
	
	#nav ul li a:hover{		
		background-color:#631419;

	}
	#nav ul ul{
		position:absolute;
		display:none;
		width:250px;
		top:44px;
		*left:0px;
		background:#002a51;
		}
	#nav ul li ul a{
		padding:5px 5px 5px 15px;
		line-height:20px;
		width:250px;
		height:20px;
		float:left;
		background:#631216 url(../images/dd-arrow-blk.gif) 5px 8px no-repeat;
		font:12px Arial, Helvetica, sans-serif;
		text-align:left;
		text-transform:none;
		color:#fff;
		}
	#nav ul li ul li{
		display:block;
		float:left;
		}
	#nav ul li ul li a:hover{
		color:#b4cff9;
		background:#251a15 url(../images/dd-arrow-red.gif) 5px 8px no-repeat;
		}
	#nav ul ul ul{
		top:auto;
		}	
	#nav ul li ul ul {
		left:270px;
		margin:0;
		}
	#nav ul li ul ul li a{
		color:#fff;
		background:#251a15 url(../images/dd-arrow-red.gif) 5px 8px no-repeat;
		}
	#nav ul li ul ul li a:hover{
		top:-9px;
		color:#b4cff9 url(../images/dd-arrow-red.gif) 5px 8px no-repeat;
		}
	
	#nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul{
		display:none;
		}
	#nav ul li:hover ul, #nav ul li li:hover ul, #nav ul li li li:hover ul, #nav ul li li li li:hover ul{
		display:block;
		}
	#nav ul .first_child a {}
	#nav ul .last_child a {}	

.aop {
	font:12px Arial, Helvetica, sans-serif;
	color:#10364a;
	padding:0px;
	margin:0px 0px 20px 0px;}
	
	.aop h2 {
		display:block;
		background:#840126;
		text-align:center;
		color:#fff;
		text-transform:uppercase;
		font:normal 13px Arial, Helvetica, sans-serif;
		padding:10px 0px;
		margin:0px;}
	.aop ul {
		list-style:none;
		padding:0px;
		margin:0px;
		background:#fff;}
	.aop ul li {
		display:block;
		padding:0px 0px 1px 0px;
		margin:0px 0px -1px 0px;}
	.aop ul li a {
		display:block;
		padding:5px 20px;
		color:#10364a;
		text-decoration:none;
		font-weight:normal;
		background:#fff;
		border:1px solid #8fa3af;
		border-top:none;}
		
		.aop ul li .current_link {
			background:#ececec;
			color:#062552;
			font-weight:bold;}
		
	.aop ul li a:hover {
		background:#062552;
		color:#fff;
		text-decoration:none;
		border:1px solid #062552;
		border-top:none;}	
		
		.aop ul li .current_link:hover {
			background:#ececec;
			color:#062552;
			border:1px solid #8fa3af;
			border-top:none;}
			
		.aop ul li ul {
			padding:1px 0px 0px 0px;}
			
		.aop ul li ul li a {
			padding:5px 20px 5px 38px;
			font-size:11px;}

#footlinks {
	float:right;
	margin-right:10px;
	text-align:center;
	font:11px Tahoma, Arial, Helvetica, sans-serif;}	
	
	#footlinks ul {
		list-style:none;
		margin:0px;
		margin-top:10px;
		padding:0px;}
	#footlinks ul li {
		display:inline;
		margin:0px;
		padding:0px;}
		
		#footlinks ul ul {
			display:inline;}

	#footlinks  ul li a {
		color:#abc9f8;
		text-decoration:none;
		padding:0px 5px;}
		
		#footlinks ul .last_child a {
			border-right:none;}
		
	#footlinks ul li a:hover {
		text-decoration:underline;
		}

	
/*	<![ Layout [ -----------------------------------------------------------*/

#clear {
	clear:both;
	margin:0px;
	padding:0px;
	height:1px;}


.search {
	position:relative;
	margin:0px auto;
	padding:0px 0px 20px 0px;
	text-align:right;}
	
	.search form {
		margin:0px;
		padding:0px;}
	
	.search-field {
		padding:3px;
		font:10px Arial, Helvetica, sans-serif;
		border:1px solid #8fa3af;
		background:#fff;
		width:100px;}
		
	.search-button {
		width:60px;
		background: #cbd3d8;
		color:#0f364a;
		border:1px solid #8fa3af;
		text-decoration:none;
		font:11px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-align:center;}
	
	.search-button:hover {	
		background: #062552;
		border:1px solid #0f364a;  	
		text-decoration:none;
		color:#fff;}
	
	
#header {
	height:289px;
	overflow:hidden;
	background:url(../images/header-bg.jpg) center no-repeat;}

#header p {
	margin:0px;
	padding:0px;}

#header img {
	margin:0px;
	padding:0px;
	position:absolute;}

.mid {
	position:relative;
	margin:0px auto;
	border:1px solid #6d7a9b;
	width:924px;
	text-align:left;
	background: url(http://www.decof.com/images/mid-BG.gif) top left repeat-y #fff;}

#left {
	float:left;
	min-height:475px;
	height:auto !important;
	height:475px;
	width:616px;
	padding:0px;
	font:11px Arial, Helvetica, sans-serif;
	color:#062552;
	background:url(../images/content-bg.jpg) repeat-x;}
	
	.left a {
		color:#9d022e;
		text-decoration:none;
		font-weight:bold;}
		
	.left a:hover {
		color:#9d022e;
		text-decoration:underline;}
	
#right {
	float:left;
	width:329px;
	padding-left:1px;
	font-family:"Times New Roman", Times, serif;}

#callfirm {
	margin:0px;
	padding:15px 10px;
	color:#000;
	background:#d3e0f8;
	font:bold 20px "Times New Roman", Times, serif;
	text-align:center;
	}
	#callfirm h2 {
		margin:0px;
		padding:0px;
		margin-bottom:5px;
		color:#ac0018;
		font-size:20px;}
	#callfirm span {
		color:#000;}
	#callfirm hr {
		margin:0px auto;
		padding:0px;
		margin-bottom:5px;
		height:1px;
		width:80%;
		background:#000;
		text-align:center;}
	#callfirm p {
		margin:0px;
		padding:0px;}

#verdicts {
	margin:0px auto;
	padding:0px;
	float:left;
	height:100px;
	overflow:hidden;
	width:328px;
	background:url(../images/verdicts-bg.jpg) repeat-x 0 -30px;
	text-align:center;
	font:bold 16px "Times New Roman", Times, serif;}
	#verdicts h2 {
		padding:0px;
		margin:5px 0px;
		font-size:18px;
		color:#fff;
		text-transform:uppercase;}
	#verdicts span {
		font-size:28px;
		color:#b0010d;
		text-transform:uppercase;}
	#verdicts p {
		margin:0px;
		padding:0px;
		margin:10px 0px;
		width:250px;
		left:40px;
		_left:0px;
		text-transform:capitalize;}
	#verdicts ul {
		margin:0px;
		padding:0px;}
	#verdicts li {
		margin:0px auto;
		padding:0px;
		list-style:none;
		width:250px;
		}

#currentnews {
	clear:both;
	padding:5px 25px;
	line-height:24px;
	/*background:url(http://www.decof.com/images/membership-ico.jpg) no-repeat 240px 140px;*/
	}
	#currentnews h2 {
		padding:10px 0px;
		margin:0;
		font-size:18px;
		text-transform:uppercase;}
	#currentnews h3 {
		margin:0px;
		padding:0px;}
	#currentnews ul, #memberships ul {
		padding:0;
		margin:0;}
	#currentnews li, #currentnews p{
		list-style:none;
		font-family:Arial, Helvetica, sans-serif;}
	#currentnews li {
		font-size:13px;}
	#currentnews a {
		color:#012564;
		text-decoration:none;
		}
	#currentnews a:hover {
		text-decoration:underline;
		}
	#currentnews p {
		margin:0px;
		padding:0px;
		padding-bottom:10px;}

.content {
	font:14px Arial, Helvetica, sans-serif;
	color:#000;
	padding:25px 35px;
	line-height:24px;}
	.content p {}
	.content h1 {	
		font:26px Georgia, "Times New Roman", Times, serif;
		font-weight:normal;
		color:#012564;
		line-height:normal;
		padding:0px;
		margin-top:0px;}
	.content h2 {	
		font:18px Arial, Helvetica, sans-serif;
		color:#000;
		line-height:normal;
		padding:0px;
		margin-top:30px;}
	.content h3 {	
		font: bold 14px Arial, Helvetica, sans-serif;
		color:#000;
		line-height:normal;
		padding:0px;}
	.content h4 {	
		font: bold 12px Arial, Helvetica, sans-serif;
		color:#555;
		line-height:normal;
		padding:0px;}
	.content h5 {	
		font: bold 12px Arial, Helvetica, sans-serif;
		color:#777;
		line-height:normal;
		padding:0px;}
	.content a {
		color:#012564;
		font-weight:none;
		text-decoration:none;}
	.content a:hover {
		color:#012564;
		text-decoration:underline;}
	.content td ul, .content td ol {
		margin-top:0px;
		margin-bottom:0px;
		padding-top:0px;
		padding-bottom:0px;}
	.content li {
		list-style:none;
		background:url(../images/li-bg.jpg) no-repeat 0px 10px;
		padding-left:10px;}


.photoRT {
	margin:0px;
	padding:0px 0px 10px 10px;
	float:right;}
.photoLT {
	margin:0px;
	padding:0px 10px 10px 0px;
	float:left;}

#footer {
	height:279px;
	background:#231617 url(../images/footer-bg.jpg) repeat-x top;
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	line-height:18px;
	font-size:14px;}
	#footer h2 {
		font-weight:normal;
		font-size:18px;
		color:#aac9f8;
		text-transform:uppercase;
		margin:0px;
		padding:5px 0px 10px 0px;
		}
	
#address,#team,#memberships {
	float:left;
	height:200px;
	margin:0px;
	padding:0px;
	padding:20px 25px;}

#address {
	width:226px;
	}

#team {
	width:290px;
	}

#memberships {
	width:280px;}
	#memberships p, #memberships li {
		margin:0px 0px 5px 0px;}
	#memberships li {
		list-style:none;}
	#memberships a {
		color:#fff;
		text-decoration:none;}
	#memberships a:hover {
		text-decoration:underline;}
	
	#subfooter {
		clear:both;
		width:100%;
		height:40px;
		background:#231617 url(../images/footer-btm-bg.jpg) no-repeat top;}

/*  <![ Primary Contact Form [ ----------------------------------------------------*/

.pad_frm_itm {
	padding:3px 0px;
	margin:0px;}

.form-label {
	width:140px;
	padding:0px 5px 0px 0px;
	display:inline-block;
	vertical-align:top;}
  
.form-pct {
	width:300px;
	font:12px Arial, Helvetica, sans-serif;}
	
.msg-pct {
	width:445px;
	height:70px;
	overflow:auto;
	font:12px Arial, Helvetica, sans-serif;}

.main-submit {
	} /*applied to SUBMIT and CLEAR VALUES buttons on main contact form */
	
.main-submit:hover {
	}


.custom-form {
	}

	.custom-form fieldset {
		margin:0px 0px 10px 0px;
		padding:0px;
		border:none;}
		  
	.custom-form legend {
		padding:0px 2px;
		font-weight:bold;}
		  
	.custom-form ol {
		margin:0px;
		padding:0px;
		list-style:none;}
		.custom-form li {
			list-style:none;
			background:none;}
		

/*  <![ Disclaimer Alert [ ----------------------------------------------------*/

#overlay_div {
	position:relative;
	font:11px Arial, Helvetica, sans-serif;
	color:#666;
	padding:0px;
	z-index:100;}

#overlay_div p {
	}
	
#iagree {
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	color:#666;
	padding:15px 15px 15px 15px;
	border:1px solid #031c40; /* Disclaimer box border color */
	background-color:#ececec; /* Disclaimer box bgcolor color */
	width:415px;
	margin:4px 0 0 0;}

#overlay_div h3 {
	font:18px Arial, Helvetica, sans-serif;
	border-bottom:1px solid #0a3150;
	color:#031c40;
	padding:0;
	margin:0;}

#iagree .overlay_submit {
	padding:4px;
	margin:0 6px 0 0;
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	background:#555;
	border:1px solid #333;
	float:right;
	text-decoration:none;}
	
	#iagree .overlay_submit:hover {
		text-decoration:none;
		color:#fff;
		background:#777;
		border:1px solid #555;}
	
#iagree .checkbox {
	float:left;
	height:22px;
	display:block;}

#iagree input#Agreement {
	position:relative;
	top:3px;
	border:none;}

	

/*	<![ Quick Contact [ -----------------------------------------------------------*/

.pad_frm_itm2 {
	padding:3px 0px;
	margin:0px;}

.form-label2 {
	width:58px;
	padding:0px 2px 0px 0px;
	display:inline-block;
	vertical-align:top;
	text-align:right;}
  
.form-pct2 {
	width:100px;
	font:11px Arial, Helvetica, sans-serif;
	color:#444;}
	
.msg-pct2 {
	width:100px;
	height:50px;
	overflow:auto;
	font:11px Arial, Helvetica, sans-serif;
	color:#444;}

.custom-form2 {
	font:11px Arial, Helvetica, sans-serif;}

	.custom-form2 fieldset {
		margin:0px 0px 10px 0px;
		padding:0px;
		width:170px;
		border:none;}
		  
	.custom-form2 legend {
		padding:0px 2px 5px 33px;
		font:bold 14px Arial, Helvetica, sans-serif;
		text-align:center;}
		  
	.custom-form2 ol {
		margin:0px;
		padding:0px;
		list-style:none;}

.submit-align2 {
	text-align:right;}

.submit {
	font:11px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	text-align:center;}
	
.submit:hover {	
	}
	

/*	<![ Disclaimer [	 -----------------------------------------------------------*/

#disclaimer {
	clear:both;
	margin:0px auto;
	padding:20px 0px;
	width:950px;
	text-align:left;
	font:11px Arial, Helvetica, sans-serif;
	color:#37558b;}
	#disclaimer p {
		margin:0px 0px 10px 0px;}
	#disclaimer img {
		float:left;
		padding:5px 10px 30px 10px;}
	#disclaimer a {
		color:#37558b;
		font-weight:normal;
		text-decoration:none;}
	#disclaimer a:hover {
		color:#37558b;
		font-weight:normal;
		text-decoration:underline;}	

/*	<![ Site 9 Styles [ --------------------------------------------------------*/

/* Directions Page Styles (Google Maps Default)*/


/* Fix for IE6 - prevents text from disappearing when map loads - apply this class to the RTF for content area */
.DirectionsContent {
	display:block;
	position:relative;}
	

/* [ Outer div ] -----------> */
#directionsForm {
	}

/* div that wraps form */
#directionsInput {
	padding:10px 0px;}

#fromAddress {
	width:350px;}

#directionsLocale {
	padding:10px 0px;}

#locale {
	}

#directionsSubmit {
	padding:10px 0px;}

#map {
	border:1px solid #000;
	color:#000;}

#addressNotFound {
	}

#directions {
	}


/* [ Infinite Carousel ] -----------> */
.infiniteCarousel {
  margin:0px;
  padding:0px;
  width: 250px;
  position: relative;
  z-index:0;
}

.infiniteCarousel .wrapper {
  width: 250px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 95px;
  margin: 0 40px;
  *margin-left:-100px;
  position: absolute;
  top: 0;
  *left:100px;
  z-index:0;
}

.infiniteCarousel ul a img {
  border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
  width: 250px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
  *left:0px;
  z-index:0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  margin:0px;
  padding: 0px;
  height: 90px;
  width: 250px;
  z-index:0;
}

.infiniteCarousel ul li img {
    -webkit-transition: border-color 400ms;
}

.infiniteCarousel ul:hover li img {
  border-color: #000;
}

.infiniteCarousel ul:hover li:hover img {
  border-color: #333;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 31px;
  width: 20px;
  background: url(../images/arrow.gif) no-repeat 0 0;
  text-indent: -9999px;
  position: absolute;
  top: 34px;
  cursor: pointer;
  outline: 0;
  z-index:0;
}

.infiniteCarousel .forward {
  background-position: -20px 0px;
  right: -70px;
  *right: -30px;
  z-index:0;
}

.infiniteCarousel .back {
  background-position: 0 0px;
  left: 10px;
  *left:-30px;
}

.infiniteCarousel .forward:hover {
}

.infiniteCarousel .back:hover {
}


#overlay_response h3{
 margin-bottom:5px;
}

.phonenum{
 font:bold 16px Arial, Helvetica, sans-serif;
 float:left;
 width:200px;
 margin:0 25px 0 0;
 padding:4px 0 0 4px;
}

.phonenum span{
	font:bold 22px Arial, Helvetica, sans-serif;
	color:#900;
}

.faxnum{
 padding-top:8px;
}

.forminst{
 font:normal 12px Arial, Helvetica, sans-serif;
}

h2.formhead{
 background-color:#90a7cd;
 color:#fff;
 padding:3px 3px 3px 8px;
}

#frmwarn{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#900;
	margin:0 0 18px 10px;
	line-height:1.4;
	width:448px;
}

#frmwarn span{
    background-color:#900;
	color:#fff;
	padding:3px 3px 3px 6px;
	font-size:14px;
	display:block;
	margin:0 0 3px 0;
}

.phoneimg{
 float:left;
}

#frmsubmit{
 float:left;
 margin:0 25px 0 8px;;
 }
 
 
 
