/*
Select Door
Conbrio Design


-- contents -----------------------------
- Body
- Consistant Styles
- Header Styles
  - Logo
- Index Page Styles
- Sub Page Positioning Styles
- Sub Page Content Styles
- Footer 
-----------------------------------------
*/


/* body styles ----------------------------------------------------------- */

body {
  background : #000000 url('../images/shared/bg.jpg') repeat-x top left;
  margin : 0;
  padding : 0;
  color : #cccccc;
  font : small Georgia, "Times New Roman", Times, serif;
  text-align : center;
}
form, ul, ol, dl, li, dt, dd {
  margin : 0;
  padding : 0;
}
.major {
	display: block;
	margin: 100px 0 0 0;
}
img {
  border : 0;
}
.clear {
  clear : both;
}
.hide {
  display : none;
}

.current	{
color:#ffffff;	}


abbr {
  speak : spell-out;
  text-decoration : none;
  border : 0;
}
img.left {
  float : left;
  margin : 0 5px 0 0;
}
img.right {
  float : right;
  margin : 0 30px 0 0;
}
a, a:link {
  color : #367BBA;
  text-decoration : none;
}
a:visited {
  color : #5980A3;
  text-decoration : none;
}
a:hover {
  color : #8DBCE7;
  text-decoration : none;
}
a:active {
  color : #367BBA;
  text-decoration : none;
}
.right {
	float: right; clear: right;
}
.indent {
	margin-left: 20px;
}
/* ----------------------------------------------------------------------- */
/* main styles ----------------------------------------------------------- */

#wrapper {
  width : 945px;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  margin-bottom:20px;
}


#left_col{
	float:left;
	width:265px;
	}
	
#right_col{
	float:left;
	width:660px;
	margin-left:20px;
	}
	

	h1#logo {
	  top:0;
	  left : 0;
	  background : url('../images/shared/selectdoor_logo.jpg') no-repeat;
	  padding : 0;
	  margin-top: 0px;
	  margin-bottom:10px;
	  text-indent : -999em;
	  overflow : hidden;
	  width : 265px;
	  height : 133px;
	  cursor: pointer;
	}
	
	h1#logo a {
	  margin : 0;
	  padding : 0;
	  text-indent : -999em;
	  overflow : hidden;
	  width : 265px;
	  height : 133px;
	  cursor: pointer;
	}

#topnavcontainer{
  float:left;
  width:660px;
  }
  
  #topnav_firstrow, #topnav_secondrow{
 		height:32px;
		background-color:#336633;
		margin-bottom:10px;
		}
			
	#top_about, #top_request, #top_gallery, #top_customize, #top_arch, #top_builders, 
	#top_quote, #top_contact{
		float:left;
		margin-top:2px;
		width:162px;
		height:26px;
		border:1px solid #214221;
		}
		
		#top_about, #top_gallery{
			margin-left:3px;
			border-right:0px;
			}
			
		#top_request, #top_arch, #top_builders, #top_quote{
			border-right:0px;
			}
			
		/* about */
		#top_about a, #top_about a:link, #top_about a:visited{ 
			width:162px;
			height:26px;
			text-decoration: none; 
			text-indent: -3000px; 
			display: block;
			background: url(../images/nav/top-about.gif);
			padding:0;
			}
		
		#top_about a:hover, #top_about a.current{
			background: url(../images/nav/top-about-over.gif);
			padding: 0;
			}
			
			
		/* literature */
		#top_request a, #top_request a:link, #top_request a:visited{ 
			width:162px;
			height:26px;
			text-decoration: none; 
			text-indent: -3000px; 
			display: block;
			background: url(../images/nav/top-literature.gif);
			padding:0;
			}
		
		#top_request a:hover, #top_request a.current{
			background: url(../images/nav/top-literature-over.gif);
			padding: 0;
			}
			
			
		/* gallery */
		#top_gallery a, #top_gallery a:link, #top_gallery a:visited{ 
			width:162px;
			height:26px;
			text-decoration: none; 
			text-indent: -3000px; 
			display: block;
			background: url(../images/nav/top-gallery.gif);
			padding:0;
			}
		
		#top_gallery a:hover, #top_gallery a.current{
			background: url(../images/nav/top-gallery-over.gif);
			padding: 0;
			}
			
			
		/* customize */
		#top_customize a, #top_customize a:link, #top_customize a:visited{ 
			width:162px;
			height:26px;
			text-decoration: none; 
			text-indent: -3000px; 
			display: block;
			background: url(../images/nav/top-customize.gif);
			padding:0;
			}
		
		#top_customize a:hover, #top_customize a.current{
			background: url(../images/nav/top-customize-over.gif);
			padding: 0;
			}
			
			
		/* architects */
		#top_arch a, #top_arch a:link, #top_arch a:visited{ 
			width:162px;
			height:26px;
			text-decoration: none; 
			text-indent: -3000px; 
			display: block;
			background: url(../images/nav/top-architects.gif);
			padding:0;
			}
		
		#top_arch a:hover, #top_arch a.current{
			background: url(../images/nav/top-architects-over.gif);
			padding: 0;
			}
			
		
		/* builders */
		#top_builders a, #top_builders a:link, #top_builders a:visited{ 
			width:162px;
			height:26px;
			text-decoration: none; 
			text-indent: -3000px; 
			display: block;
			background: url(../images/nav/top-builders.gif);
			padding:0;
			}
		
		#top_builders a:hover, #top_builders a.current{
			background: url(../images/nav/top-builders-over.gif);
			padding: 0;
			}
			
			
		/* request quote */
		#top_quote a, #top_quote a:link, #top_quote a:visited{ 
			width:162px;
			height:26px;
			text-decoration: none; 
			text-indent: -3000px; 
			display: block;
			background: url(../images/nav/top-quote.gif);
			padding:0;
			}
		
		#top_quote a:hover, #top_quote a.current{
			background: url(../images/nav/top-quote-over.gif);
			padding: 0;
			}
			
			
		/* contact */
		#top_contact a, #top_contact a:link, #top_contact a:visited{ 
			width:162px;
			height:26px;
			text-decoration: none; 
			text-indent: -3000px; 
			display: block;
			background: url(../images/nav/top-contact.gif);
			padding:0;
			}
		
		#top_contact a:hover, #top_contact a.current{
			background: url(../images/nav/top-contact-over.gif);
			padding: 0;
			}
			
			
	/* interior only sub-nav */
	#topnav_interior{
		width:660px;
		text-align:center;
		}
		
		#int_links{
			margin-left:300px;
			margin-right:auto;
			width: 630px;
			}
		
	#topnav_interior img{
		width:6px;
		height:6px;
		margin-left:4px;
		margin-right:4px;
		}
		
	#topnav_interior #int_links a:link, #topnav_interior #int_links a:active, #topnav_interior #int_links a:visited{
		font-size:11px;
		color:#cccccc;
		}
		
	#topnav_interior #int_links a:hover, #topnav_interior #int_links a.current{
		color:#33cc33;
		}
  
  
  
  #main {
  /*margin-top : 115px;
  margin-left : 200px;
  display : block;*/
  margin-left: 20px;
  width : 660px;
  float:left;
  margin-top:10px;
  background-color: #333333;
}

#main .homeflash	{margin-left: -20px;}

#container {
  display : block;
  width : 640px;
  min-height: 740px;
  height: auto !important;
  height: 740px; 	
  background : #393939;
  margin : 10px 10px 10px 10px;
  border : 1px solid #3e3e3e;
  text-align:left;
}

	#container p {
	  font : 12px Georgia, "Times New Roman", Times, serif;
	  line-height : 20px;
	  display : block;
	  width : 380px;
	  margin : 10px 10px 10px 39px;
	}
	
		#container #bigger p { width: 580px;}
		#container p.thumbs { width: 580px; height: 100px; padding-bottom: 10px;}
		#container p.thumbs img { float: left; margin: 0 4px 0 4px; border: 1px solid #262626; }
		
		#container ul {
			width : 380px;
			margin-left: 45px;
			font-size: 12px;
		}
		
		
		#container ul li	{
			padding-left: 10px;
			line-height: 16px;
			margin-bottom: 8px;
			margin-left: 10px;}
	
	.dblBorder {
	  display : block;
	  width : 384px;
	  margin : 20px 30px;
	  background : none;
	  border : 1px solid #000000;
	}

		.dblBorder dl {
		  display : block;
		  margin : 0;
		  padding : 10px 12px;
		  background : #003366;
		  border : 1px solid #6f6f6f;
		  color : #6794C4;
		  font-size: 14px;
		  font-family: Georgia, "Times New Roman", Times, serif;
		}
		
			.dblBorder dl dt {
				float: right;
			}
		
		#dblBorder {
		  display : block;
		  margin-right: 30px;
		  margin-bottom: 30px;
		  margin-left: 30px;
		  background : none;
		  border : 1px solid #616161;
		}
		

		
		#container div#dblBorder h2 {
		  display : block;
		  margin: 1px;
		  text-indent: 5px;
		  line-height: normal;
		  padding-top: 4px;
		  padding-bottom: 5px;
		  background : #262626;
		  border: 1px solid #616161;
		  color: #339933;
		  font: 18px Georgia, "Times New Roman", Times, serif;
		  text-transform : uppercase;
		  letter-spacing : 0.1em;
		  line-height: 34px;
		}
			#dblBorder h2:first-letter {
			  font-size : 20px;
			}
	
	#sTable {
		width: 480px;
		border: 0px solid #616161;
		margin: 0px 0px 0px 50px;
		padding: 0px;
	}

		#sTable table {
			float: right;
			padding: 0px; margin: -2px 0px 0px 0px;
		}
		
		td.leftTD {
			width: 125px;
			text-align: left;
		}
		
		input.textbox {
			width: 200px;
		}
		
		input.textboxPhone {
			width: 150px;
		}
		
		input.textboxZip {
			width: 70px;
		}
		
		#sTable textarea {
			width: 310px;
			height: 80px;
			font : 12px Georgia, "Times New Roman", Times, serif;
			line-height : 20px;
		}
/* ----------------------------------------------------------------- */
/* Products Page --------------------------------------------------- */

	#mainImage {
		position: relative;
		float:left;
		margin: -20px 0 10px 30px;
		padding: 0;
		border: 1px solid #1d1d1d;
		background: #6F6F6F;
		width: 404px;
	}

		#mainImage img {
			display: block;
			margin-top: 1px;
			margin-right: 1px;
			margin-bottom: 1px;
			margin-left: 1px;
			padding-bottom: 0;
			border: 1px solid #1d1d1d;
		}

	#rightSide {
		float: left;
		width: 160px; height: 267px;
		margin: 10px 0 0 15px;
	}
	
		#container div#rightSide ul {
			width: 160px; 
			list-style: none; 
			border-top: 1px solid #3E3E3E;			
			margin: 0;
		}
		
			#rightSide ul li {
				border-bottom: 1px solid #3E3E3E;
				padding: 0px 0px 7px 0px;
			}
		
				#rightSide ul li a {
					font-family: "ITC New Baskerville", Georgia, "Times New Roman", Times, serif;
					font-size: 13px;
					text-decoration: none;
					display: block;
					height: 13px; width: 160px;
					overflow: hidden;
					margin: 9px 0px 0px 0px;
					color: #fff;
				}
				
				#rightSide ul li a:hover, #rightSide ul li a.on {
	 				 background-position : 0 13px;
				}

					#int_paint a {	background: url('../images/links/int_paint.gif'); text-indent : -999em;}
					#int_stain a {	background: url('../images/links/int_stain.gif'); text-indent : -999em;}
					#int_arts a {	background: url('../images/links/int_arts.gif'); text-indent : -999em;}
					#int_arch a {	background: url('../images/links/int_arch.gif'); text-indent : -999em;}
					#int_builders a {	background: url('../images/links/int_builders.gif'); text-indent : -999em;}
					#int_prehang a {background: url('../images/links/int_prehang.gif'); text-indent : -999em;}
					
					#ext_paint a {	background: url('../images/links/ext_paint.gif'); text-indent : -999em;}
					#ext_cust a {	background: url('../images/links/custom_exterior.gif'); text-indent : -999em;}
					#ext_stain a {	background: url('../images/links/ext_stain.gif'); text-indent : -999em;}
					#ext_arts a {	background: url('../images/links/ext_arts.gif'); text-indent : -999em;}
					#ext_arch a {	background: url('../images/links/ext_arch.gif'); text-indent : -999em;}
					#ext_prehang a {background: url('../images/links/ext_prehang.gif'); text-indent : -999em;}
					#ext_screen a {background: url('../images/links/ext_screen.gif'); text-indent : -999em;}
					
					#mill_wain a {	background: url('../images/links/mill_wain.gif'); text-indent : -999em;}
					#mill_bead a {		background: url('../images/links/mill_bead.gif'); text-indent : -999em;}
					#mill_cust a {		background: url('../images/links/mill_cust.gif'); text-indent : -999em;}
					#mill_stand a {		background: url('../images/links/mill_stand.gif'); text-indent : -999em;}
					
					#war_warrantee a {	background: url('../images/links/war_warrantee.gif'); text-indent : -999em;}
					#war_finish a {	background: url('../images/links/war_finish.gif'); text-indent : -999em;}
					#war_instal a {		background: url('../images/links/war_installations.gif'); text-indent : -999em;}
					
					#cust_pro a {	background: url('../images/links/cust_pro.gif'); text-indent : -999em;}
					#cust_inv a {	background: url('../images/links/cust_inv.gif'); text-indent : -999em;}
					#cust_pan a {	background: url('../images/links/cust_pan.gif'); text-indent : -999em;}

	#subContent {
		position: relative;
		width: 448px;
		padding: 10px 0 0 0;
		margin: 0 0 0 4px;
		border-top: 1px solid #3E3E3E;
		border-right: 1px solid #3E3E3E;
	}
		
		#container h2 {
		  color : #339933;
		  font : 18px Georgia, "Times New Roman", Times, serif;
		  letter-spacing : 0.1em;
		  line-height: normal;
		  margin-top: 10px; 
		  margin-right: 10px; 
		  margin-bottom: 10px;
		  margin-left: 28px;
		  padding-left: 2px;
		}	
		
		#subContent h2 {
		  color : #339933;
		  font : 18px Georgia, "Times New Roman", Times, serif;
		  text-align: center;
		  letter-spacing : 0.1em;
		}	
	
		#container h3 {
		  color : #339933;
		  font : 14px Georgia, "Times New Roman", Times, serif;
		  text-transform : uppercase;
		  letter-spacing : 0.1em;
		  margin: 10px 10px 10px 28px;
		}
		
		#subContent h3 {
		  color : #339933;
		  font : 14px Georgia, "Times New Roman", Times, serif;
		  text-align: center;
		  text-transform : uppercase;
		  letter-spacing : 0.1em;
		  margin: 10px 10px 10px 28px;
		}
		
		#subContent p {
			margin: 0px 10px 10px 30px !important;
		}
		
		#subContent img	{
			margin: 0 0 15px 0px;	}
		
		.intcontent	{
			float:left; xmargin-left: 30px;
			padding: 1px;
			border: 2px solid #1d1d1d;
			background: #6F6F6F;	} 
		
		#subContent ol, #container ol {
			margin-left: 65px;
			margin-right: 40px;
			margin-bottom: 10px;
			font-size: 12px;
		}
		
			 #container ol li ul { margin-left: 10px;	}
		
			#subContent ol li {
				margin-bottom: 6px;
			}

		#subContent hr {
			display: none;
			padding: 0; margin-bottom: 10px;
			float: right;
			clear: both;
			background: none;
			border: 0px solid #393939;
		}
		
		ol#subRightSide {
			width: 160px; 
			list-style: none; 
			position: absolute;
			right: -200px;
			top: 10px;
		}
		
			ol#subRightSide li {
				display: block;
				height: 40px;
				text-align: right;
			}
		
.submitButton {
	font-size: 14px;
	color: #367BBA;
	background: #262626;
	border: 1px solid #616161;
}

.submitButtonOn {
	font-size: 14px;
	color: #8DBCE7;
	background: #262626;
	border: 1px solid #616161;
}


/* ----------------------------------------------------------------------- */
/* links styles ----------------------------------------------------------- */

#links {
  background : #336633;
  /*display : block;
  position : absolute;
  top : 176px;
  left : 0;*/
  width : 265px;
  float:left;
}

	#links ul li a {
	  display : block;
	  overflow : hidden;
	  height : 25px;
	  color: #fff;
	}

	#links ul li a:hover, #links ul li a.on {
	  background-position : 0 25px;
	}

	#linksTop {
	  display : block;
	  width : 264px;
	  height : 22px;
	  background : url('../images/shared/linksTop.gif') no-repeat;
	  margin-left: 124px;
	  margin-top: 5px;
	  margin-bottom: 5px;
	}
	
	#linksBot {
	  display : block;
	  width : 264px;
	  height : 22px;
	  background : url('../images/shared/linksBot.gif') no-repeat;
	  margin-left: 124px;
	  margin-top: 5px;
	  margin-bottom: 5px;
	}

		#links ul {
		  display : block;
		  width : 244px;
		  list-style : none;
		  position: relative;
		  margin : 10px 0 10px 10px;		 
		  border-right : 1px solid #214221;
		  border-bottom : 1px solid #214221;
		  border-left: 1px solid #214221;
		}
			#links ul li {
			  margin : 0;
			  overflow : hidden;
			  text-indent : -999em;
			  width: 244px;
			  border-top: 1px solid #214221;
			}
			
			#links ul li ul {
				position: relative;
				margin : 3px 0px 8px 0px;
				background: #336633;
				border: 0px solid #214221;
				width: 240px;

				
			}
			
			#links ul li ul li {
				margin : 0 0 3px 2px;
				text-indent: 0em;
				position: relative;
				display: block;
				width: 240px; 
				height: 14px;
				text-align: left;
				border: 0px solid #214221;
				color: #999999;
				font: 11px Georgia, "Times New Roman", Times, serif;
			}
			
				#links ul li ul li a {
					position: absolute;
					/*top: 3px; 
					left: 0px;*/
					display: block;
					height:14px;
					text-align: left;
					color: #999999;

					padding-left:11px;
					text-decoration: none;
					background-image:url(../images/shared/bullet_sq.gif);
					background-repeat:no-repeat;
					background-position:1px;
					}
				
				#links ul li ul li a:hover, #links ul li ul li a.current{
					color: #ffffff;
					background-image:url(../images/shared/bullet_sq.gif);
					background-repeat:no-repeat;
					background-position:1px;
					}
					
					

				#home {		background : url('../images/links/home.gif'); text-indent : -999em;}
				#sdoorprograms {		background : url('../images/links/nav-st-door-pro.gif'); text-indent : -999em;}
				#custexdoor{		background : url('../images/links/nav-cust-ex-doors.gif'); text-indent : -999em;}
				#custintdoor{		background : url('../images/links/nav-cust-int-doors.gif'); text-indent : -999em;}
				#archmillwork{		background : url('../images/links/nav-arch-millwork.gif'); text-indent : -999em;}
				#cust {		background : url('../images/links/custom.gif'); text-indent : -999em;}
				#user {		background : url('../images/links/users.gif'); text-indent : -999em;}
				#port {		background : url('../images/links/portfolio.gif'); text-indent : -999em;}
				#about {	background : url('../images/links/about.gif'); text-indent : -999em;}
				#cont {		background : url('../images/links/contact.gif'); text-indent : -999em;}

			a#requestQuote {
			  position : absolute;
			  bottom : -38px;
			  left : 0;
			  display : block;
			  width : 184px;
			  height : 30px;
			  text-indent : -999em;
			  overflow : hidden;
			  background : url('../images/links/request_quote.gif');
			}
			
			a:hover#requestQuote {
			  background-position : 0 30px;
			}
			
			
	
			
/* ----------------------------------------------------------------------- */
/* Bottom styles --------------------------------------------------------- */


#mainBottom {
	float:left;
	width:660px;
	margin-top:10px;
	background-color:#333333;
	}
	
	
	/*#bLeft {
	  margin : 0;
	  position : absolute;
	  top : 10px; left : 10px;
	  display : block;
	  width : 175px;
	  height : 115px;
	  background : #2e2e2e;
	}
	
		#bLeft p {
		  margin : 14px 10px 0;
		  padding : 0;
		  letter-spacing : 0.02em;
		  color : #cccccc;
		  font : 12px Georgia, "Times New Roman", Times, serif;
		  line-height : 14px;
		}*/
	
	#bCenter {
		float:left;
		width:312px;
		margin:10px;
		border:1px solid #3c3c3c;
		}
		
		#bCenter img{
			float:left;

			margin-bottom:8px;
			}
			
		#bCenter h2{
			background: url('../images/shared/custom_capabilites.gif') no-repeat;
			border-bottom: 1px solid #3c3c3c;
			display:block;
			margin:0 0 0 8px;
			height: 22px;
			text-indent : -999px;
			overflow: hidden;
			color : #009933;
			font : 16px Georgia, "Times New Roman", Times, serif;
			}
		
	  /*margin : 0;
	  position : absolute;
	  top : 10px; left : 200px;
	  display : block;
	  width : 296px;
	  height : 115px;
	  border : 1px solid #3c3c3c;
	}*/
		
		/*#bCenter img {
		  position: absolute;
		  top: 0; left: 0;
		}*/
		
		#bCenter p {
		  width: 145px;
		  margin : 0px 0 0 114px;
		  padding : 8px 10px 0;
		  color : #cccccc;
		  font : 11px Georgia, "Times New Roman", Times, serif;
		  text-align:left;
		  line-height : 13px;
		}
	
	#bRight {
		float:left;
		width:312px;
		margin:10px 10px 10px 0;
		border:1px solid #3c3c3c;
		}
		
	  /*margin : 0;
	  position : absolute;
	  top : 10px; left : 508px;
	  display : block;
	  width : 338px;
	  height : 115px;
	  border : 1px solid #3c3c3c;
	}*/

		#bRight p {
		  margin : 8px 10px 0;
		  padding : 0;
		  color : #cccccc;
		  font : 11px Georgia, "Times New Roman", Times, serif;
		  line-height : 13px;
		  text-align:left;
		}

			h2.bRightHead {
			  background: url('../images/shared/whats-new.gif') no-repeat;
			  display: block;
			  width: 100%; height: 22px;
			  margin : 0;
			  border-bottom : 1px solid #3c3c3c;
			  text-indent : -999px;
			  overflow: hidden;
			  color : #009933;
			  font : 16px Georgia, "Times New Roman", Times, serif;
			}
			
ul#whatsNew {
	margin-top: 10px; padding-left: 10px;
	list-style: none;
}			

	ul#whatsNew li {
		padding-bottom: 10px;
		padding-left: 13px;
		text-align:left;
		background: url('../images/shared/bullet.gif') no-repeat top left;	
		background-position: 0 3px;	
	}			



/* ----------------------------------------------------------------------- */
/* admin ----------------------------------------------------------------- */

table.admin {
	width: 580px;
	margin-left: 30px;
	padding-bottom: 60px;
	font-weight: normal;
	border-collapse: collapse;
	
}

input {
	margin-left: 0px;
}

	table.admin tr th {
		padding-top: 4px; padding-bottom: 4px;
		font-size: 120%;
	}
	
	table.admin tr td {
		margin-left: 0px;
		border-top: 1px solid #616161;
		border-bottom: 1px solid #616161;
		padding-right: 5px;
		padding-top: 4px; padding-bottom: 4px;
		font-size: 85%;
		font-weight: normal;
		
	}

input.larger {
	width: 300px;
}

textarea, iframe#wysiygtextarea0 {
	background: #ffffff;
}

/* ----------------------------------------------------------------------- */
/* footer styles --------------------------------------------------------- */

#footer {
  left : 264;
  font : 11px Georgia, "Times New Roman", Times, serif;
}
	#footer p {
	  margin : 0px 0px 0px 40px;
	  padding :  0px 0px 0px 0px;
	  color : #333333;
	}
	#footer a {
	  text-transform : uppercase;
	  text-decoration : none;
	  color : #666666;
	}

#bottomLeft {
  position : absolute;
  bottom : -181px;
  left : 0;
  margin : 0;
  display : block;
  width : 184px;
  height : 135px;
  background : #333333;
}
	#bottomLeftIn {
	  position : relative;
	  margin : 10px;
	  display : block;
	  width : 164px;
	  height : 115px;
	  background : #2e2e2e;
	}
		#bottomLeftIn p {
		  margin : 0 10px;
		  padding : 15px 0 3px;
		  color : #cccccc;
		  text-align : center;
		  font : 11px Georgia, "Times New Roman", Times, serif;
		  line-height : 13px;
		}

/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */