@charset "utf-8";
/*
	master.css
*/
/*
 * RESET
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
	background: transparent;
}
tr, td {
	vertical-align:top;
}
body {
}
img, div {
	behavior:url("http://www.planroomdirect.com/_css/iepngfix.htc"); /* - IE6 PNG TRANSPARENCY FIX*/
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img, div {  }

/*
 * BASIC ELEMENTS
 * Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
 */
body {	
	font:normal 100% Arial, Helvetica, sans-serif;
	width: 900px;
	margin:0 auto;
	background:url(../_images/bg.jpg) center top;
}
 /*
 * BASIC LAYOUT
 * Define the basic template: header, footer, menu, content
 */
#page{
	width: 923px;
	background-color: #ffffff;
	padding-left: 7px;
	padding-right: 7px;
	float:left;
}

 /*
 * HEADER
 * Define all elements in the header area
 */
#header{
	width: 100%;
	border-top: solid 3px #882a20;
	background-image: url(../_images/home_header_bg.gif);
	background-repeat: no-repeat;
	background-position: 361px 40px;
	position: relative;
	height:130px;
}
	#header_enter_planroom{
		position: absolute;
		right: 0px;
		top: 0px;
	}
	#header_enter_planroom a{
		text-decoration: none;
		color: #1F71AC;
		font-size: 11px;
		padding:5px;
		float:right;
	}

 /*
 * MENU
 * Define all elements in the menu area
 */
#menu{
	width: 100%;
	border-bottom: solid 4px #882a20;
	position: relative;
	float:left;
}
	#menu ul{
		background-image: url(../_images/menu_bg.gif);
		width: 590px;
		height: 32px;
		position: relative;
		left: 333px;
		float:left;
		-webkit-border-radius-topleft: 5px;
		-moz-border-radius-topleft: 5px;
		top: 3px;
	}
		#menu ul li{
			/*background: url(../_images/menu_list_bullet.gif) no-repeat 5px 15px;*/
			float:left;
			position: relative;
			left:20px;
		}
			#menu ul li a{
				float:left;
				text-decoration:none;
				font-size: 12px;
				color: #ffffff;
				font-weight: bold;
				padding: 5px;
				margin: 5px;
			}
			#menu ul li a:hover{
				text-decoration:underline;
			}
		#menu #nav-con-onlineplanroomplanroomdirecthome .home a,
		#menu #nav-con-sampleplanroom .sampleplanroom a,
		#menu #nav-con-faq .faqs a,
		#menu #nav-con-sampleplanroom .demo a,
		#menu #nav-con-testimonials .testimonials a,
		#menu #nav-con-freetrial .ordernewplanroom a,
		#menu #nav-con-pricesheet .pricesheet a,
		#menu #nav-con-freetrial .contact a
		{
			background-color:#FFFFFF;
			color:#015D8C;
			float:left;
			height:18px;
			-webkit-border-radius-topleft: 5px;
			-webkit-border-radius-topright: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
		}
 
 /*
 * SPLASH
 * Define all elements in the splash area
 */
#splash{
	width: 100%;
	height: 432px;
	position: relative;
	float:left;
	margin-top: 4px;
	background: url(../_images/splash_bg.jpg) no-repeat;
}
	#splash_helmet_overlay{
		background: url(../_images/splash_helmet.png) no-repeat;
		width: 300px;
		height: 437px;
		position: absolute;
		top: -33px;
		left: 0;
	}
	#splash_video{
		background-color:#000000;
		height:340px;
		left:334px;
		position:absolute;
		top:3px;
		width:560px;
	}
	#splash_free_trial{
		left:422px;
		position:absolute;
		top:348px;
	}
 
 /*
 * CONTENT
 * Define all elements in the content area
 */
#content{
	width: 883px;
	padding-left: 20px;
	padding-right:20px;
	float:left;
	font-size: 13px;
	color: #000000;
}
	#content .subpage{
		margin-top: 10px;
		min-height: 300px;
	}
	#content p{
	color: #000000;
		line-height: 20px;
	}
	#content p strong{
		color: #a33124;
	}
	#content h1{
		color: #c74521;
		font-size: 18px;
	}
	#content h2{
		font-size: 15px;
	}
	#content h3{
		color: #666666;
		font-size: 14px;
	}
	#content hr,
	#page_content hr{
		width: 95%;
		color: #e5e5e5;
	}
	#content_full{
		width: 904px;
	}
	#content_left{
		width: 333px;
		border-right: solid 1px #b7b8ba;
		padding-right: 10px;
	}
		#content_left p{
			padding-top: 5px;
			padding-bottom: 5px;
		}
	.subpage #content_left{
		width: 600px;
		border-right: solid 1px #b7b8ba;
		padding-right: 10px;
	}
		.subpage #content_left p{
			padding-top: 0px;
			padding-bottom: 5px;
		}
	#content_right{
		padding-left: 10px;
		width: 550px;
	}
		#content_right p{
			padding-top: 5px;
			padding-bottom: 5px;
		}
	.subpage #content_right{
		padding-left: 10px;
		width: 262px;
	}
		.subpage #content_right p{
			padding-top: 0px;
			padding-bottom: 5px;
		}
		#content_right p{
			color: #000000;
		}
		#content_left #pod_benefits{
			float: left;
			width: 240px;
			background: url(../_images/pod_benefits.gif) no-repeat;
			padding-top:25px;
			margin-left: 10px;
		}
		#content_right #pod_home{
			float: left;
			width:473px;
			background: url(../_images/pod_hereshow.gif) no-repeat;
			margin-top:0;
			padding-top:25px;
			margin-left: 10px;
		}
		#content_left #pod_benefits ul,
		#content_right #pod_features ul{
			list-style-type:disc;
			list-style:outside;
		}
			#content_left #pod_benefits ul li,
			#content_right #pod_features ul li{
				list-style-type:disc;
				color: #000000;
				margin-left: 20px;
				padding-bottom: 5px;
				list-style:outside;
			}
	#content a{
		color: #1f71ac;
	}
		#content a:hover{
			color: #a33124;
		}
		
.group_logo{
padding-bottom: 20px;
}
.folder{
color: #666666;
font-size: 14px;
font-weight: bold;
}
.folder_space{
height: 10px;
}
.file{
color: #666666;
font-size: 13px;
padding:1px;
}
.note{
font-style: italic;
font-weight: normal;
}
.pdf{
background-image: url(../_images/sm_pdf.gif);
background-repeat: no-repeat;
}
.indent0{
padding-left: 5px;
}
.indent1{
padding-left: 20px;
}
.indent2{
padding-left: 40px;
}
.indent3{
padding-left: 60px;
}
.indent4{
padding-left: 80px;
}
.back_search{
width: 100%;
text-align: right;
}
/*
* LIVE SEARCH
*/
#bls{
position: relative;
}
#bls label{
display: block;
font-size: 14px;
color: #666666;
padding-top: 15px;
padding-bottom: 2px;
font-weight: bold;
}
#bls input,
#bls select{
width: 485px;
border: 1px #cccccc solid;
padding: 5px;
font-size: 16px;
}
#bls .bls_close{
width: 32px;
height: 32px;
background-image:url(../_images/Close-box-red-32.png);
cursor: pointer;
}
.bls_loading{
width: 24px;
height: 24px;
background-image:url(../_images/loadinfo.gif);
position: absolute;
top: 0;
left: -17px;
}
.results{
position: relative;
margin-top: 20px;
}
#result_listing_data{
margin-left: 10px;
}
.project_result{
padding: 5px;
margin-bottom: 5px;
}
.bls_result{
margin-top: 30px;
}

#bls hr,
#result_listing hr{
color: #cccccc;
width: 100%;
}
#result_listing h3{
	color: #1F71AC;
}
	#result_listing a{
		color: #666666;
	}
	#result_listing a:hover{
		color: #A33124;
	}
 /*
 * FOOTER
 * Define all elements in the footer area
 */
#footer{
	font-size: 10px;
	color: #ffffff;
	background-color: #a33124;
	float:left;
	width: 100%;
	margin-top: 20px;
}
	#footer_left{
		width: 519px;
		float:left;
		padding: 10px;
	}
	#footer_right{
		width: 364px;
		float:left;
		padding: 10px;
		text-align: right;
	}
		#footer_right a{
			color: #e4c2be;
			text-decoration: none;
		}
 /*
 * GENERIC CLASSES
 * Define styles for simple things like floating to the sides, removing a bottom margin on elements, etc
 */
.small{
	font-size: 80%;
}
.bullet_blue_arrow{
	background: url(../_images/bullet_blue_arrow.gif) no-repeat 0 7px;
	padding-left: 10px;
}
.no_background,
.home{
	background: none !important;
}
.no_underline{
	text-decoration: none;
}
div.big_blue{
	background-color:#1F71AC;
	height:3px;
	margin-bottom:10px;
	margin-top:20px;
	width:100%;
}
/*
 * FORM
 *
 */
 .webform{
 
 }
	 .webform label{
	 	display: block;
		margin-top: 10px;
	 }
	 .webform input,
	 .webform select{
	 	width: 200px;
		padding: 5px;
	 }
	 .webform textarea{
	 	width: 500px;
		height: 50px;
		padding: 5px;
	 }
	 .webform .submit{
	 	display: block;
	 	padding: 0px;
		width: 84px;
		height: 30px;
		margin-top: 10px;
	 }
	 
	 div.error,
	 p.error{
		background: #cc0000;
		color: #ffffff;
		font-size: 12px;
		padding: 5px;
		top: -9px;
		margin-top: 0px;
	 }
	 .webform .submit{
		width: auto;
	}
	.webform .field{
		position:relative;
	}	
	.webform label.error{
		position: absolute;
		background: #cc0000;
		color: #ffffff;
		font-size: 12px;
		padding: 5px;
		top: 0;
		margin-top: 0px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		left: 0;
	}
	.webform .radio{
		float:left;
		margin:5px;
		width:auto;
	}
	.webform .radio_label{
		display:block;
		margin-top:0;
		padding:5px;
	}
#price_sheet{
		font-size: 12px;
	}
	#price_sheet table{
		width:100%;
	}
		#price_sheet tr th,
		#price_sheet tr td{
			text-align: center;
			padding: 5px;
		}
		#price_sheet .right{
			text-align: right;
		}
		#price_sheet .highlight{
			background-color:#eeeeee;
		}
		#price_sheet .small{
			font-size: 70%;
		}
		#price_sheet h2.special{
			font-style:italic;
		}
		#price_sheet .orange{
			color: #c84727;
			font-size: 160%;
		}