/*
nav2.css
Titan Post Anchor
www.ideas-for-deck-designs.com
Designer: Kaela Roy
Created: June 11, 2009
Last edited: Oct 6 2009
*/


#titanLogo{
	padding:0;
	margin: 0;
	height:170px;
	width:960px;
	background: url(../image-files/bg_10.jpg) right top;
	display:block;
}

#titanLogo img{
	padding:0;
	margin: 0;
}

#nav{
	padding:0;
	text-align: center;
	background: #D1D8EA url(../image-files/nav_bg.jpg);
	height:40px;
	display:block;
	margin:4px auto 0 auto;
}

html>body #nav{
	height:36px;
	margin:0 auto;
}

#nav li{
	margin:0;
}

#nav a{
	padding: 10px 0;
	width: 130px;
	display:block;
	clear:none;
}

#nav .subnav a{
	padding: 5px 0;
	width: 130px;
	background: left;
}

#nav a:link,
#nav a:visited,
#nav .dropBG .subnav a:link,
#nav .dropBG .subnav a:visited{
	text-decoration:none;
	color: #19294C;
	background: url(../image-files/nav_bg.jpg);
}

#nav a:hover,
#nav a:active,
#nav .dropBG .subnav a:hover,
#nav .dropBG .subnav a:active{
	color:#FFF;
	background: url(../image-files/nav_bg.jpg) bottom;
}

div.navItem{
	display:inline;
	width:130px;
	padding:0;
	margin:0;
	text-transform:capitalize;
}
/* IE8 hack because its annoying beyond reason */
html>body div.navItem{
	display:inline-block;
}

.subnav{
	position:absolute;
	top:206px;
	width: 145px;
	display:none;
	background: #D1D8EA;
	text-align: left;
	z-index: 15;
}

.subnav li{
	border-left: 15px solid #1A284B;
	text-indent: 5px;
}

#nav .dropBG a:link,
#nav .dropBG a:visited{
	text-decoration:none;
	color: #19294C;
	background: url(../image-files/nav_bg_js2.png) top center;
}

#nav .dropBG a:hover,
#nav .dropBG a:active{
	color:#FFF;
	background: url(../image-files/nav_bg_js2.png) center bottom;
}


/*************** FIND A BUILDER SLIDE-OUT STYLES *********************/
#findABuilder{
	position:absolute;
	right:0;
	top:0;
	padding: 0;
	margin:0;
	list-style:none;
	display:inline;
	float:right;
}
#findABuilder div{
	display: inline-block;
	overflow: hidden;
	height: 170px;
	line-height:90px;
	width: 139px;
	white-space:nowrap;
	text-align:left;
}
#findABuilder div fieldset{
	padding:30px 30px 20px 0;
	margin-left:139px;
	line-height:normal;
	border:0;
	background: url(../image-files/find_builder_bg.png) right;
	text-align:center;
}
#findABuilder p{
	font-size:8pt;
	margin-top:5px;
	border-top:1px solid #B41206;
	padding-top: 5px;
}
#findABuilder input,
#findABuilder label{
	margin: 5px;
}
#findBuilderForm{
	background:url(../image-files/find_builder.png) top left no-repeat;
}

#findBuilderForm input.closeit{
	position:relative;
	top: -185px;
	right:-313px;
	font-size:7pt;
	background: #FFF;
	border:1px solid #CCC;
	padding:2px;
	display:inline;
	cursor:pointer;
}

#findBuilderOpen{
	width:139px;
	height:170px;
	position:absolute;
	cursor:pointer;
}





/*############################################*/
/*          HACKS FOR IE7 AND BELOW           */
/*############################################*/
/* because IE hates web developers */

#nav a{
	*display:inline;
	*padding-top: 10px;
	*padding-bottom: 10px;
	*padding-left:5px;
	*padding-right: 5px;
	*width:130px;
}

#nav a:link,
#nav a:visited,
#nav .dropBG .subnav a:link,
#nav .dropBG .subnav a:visited{
	*background:none;
}

#nav a:active,
#nav a:hover,
#nav .dropBG .subnav a:active,
#nav .dropBG .subnav a:hover{
	*background:none;
}

html>body div.navItem{
	*display:inline;
	*padding:10px 0;
}

#nav .dropBG a:link,
#nav .dropBG a:visited{
	*background: none;
}

#nav .dropBG a:hover,
#nav .dropBG a:active{
	*background: none;
}

.subnav{
	*width: 15px;
	*margin-left:0;
}

.subnav li{
	*background: #D1D8EA;
	*position:relative;
	*left:-120px;
	*border-left:none;
	*width: 118px;
}

#findBuilderOpen{
	*position:relative;
	*float:left;
}



/*############################################*/
/*             HACKS FOR IE6 PNG              */
/*############################################*/
/* because IE6 is a product of the devil */

#headerlogo{
	height:170px;
	width:387px;
	background: url(http://www.ideas-for-deck-designs.com/image-files/logo.png) no-repeat; /* Adding background of the logo */
}

* html #headerlogo{
	background: none; /* Hide the current background image so you can replace it with the filter*/
	height:170px;
	width:387px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ideas-for-deck-designs.com/image-files/logo.png');
}