/****************************************************************************

Author: Stephen Saugestad
Development by: Wallop Creative
Last updated: 

*****************************************************************************/

/* defaults ****************************************************************/

* {
	margin: 0;
	padding: 0;
} 

body {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#777;
}

body a {
	color:#49A2AB;
	text-decoration:underline;
	padding:0 0 1px 0;
}

body a:hover {
	color:#49A2AB;
	text-decoration:none;
}

/* removes the link underline from logo swap */

h1 a {
	text-decoration:none;
}

/* list items ********************************************/

ul, li {
	margin:0;
	padding:0;
	list-style:none;
}

/* set more defaults **********************************************************/

input {
	border:none;
	border:0;
}

a img {
	border:none !important;
}

/* hacks *************************************************************************/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac */

* HTML .clearfix {
	height: 1%;
}

/* class attributes *********************************************/

/* these are for the pages with two photos */

p.pagePhoto {
	margin:0 0 20px 0;
}

p.pagePhotoLast {
	margin:0;
}

/* these are for the pages with four photos */

p.smallPhotos01, p.smallPhotos02, p.smallPhotos03, p.smallPhotos04 {
	float:left;
	margin:0 10px 20px 0;
	padding:0;
	display:inline; /* for DF bug */
}

p.smallPhotos02 {
	margin:0 0 20px 10px;
}

p.smallPhotos03 {
	margin:0 10px 0 0;
}

p.smallPhotos04 {
	margin:0 0 0 10px;
}

a.pdf, a.movie {
	padding:2px 0 2px 20px;
	background:url(../images/icon_pdf.gif) no-repeat 0 6px;
	display:block;
}

p.subHeading {
	color:#49A2AB;
	margin:0;
}

a.movie {
	background:url(../images/icon_movie.gif) no-repeat 0 6px;
}

.headline {
	color:#8F8B56;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	margin:0 0 20px 0;
}

ul.optionList {
	border:solid 2px #fff;
	margin:0 20px 0 20px;
}

ul.optionList li {
	padding:0;
	margin:0;
	border:solid 1px #F4F2F0;
}

ul.optionList li a, 
ul.optionList li a.lastItem {
	display:block;
	padding:8px;
	background-color:#F4F2F0;
	color:#8C0503;
	text-align:center;
	text-decoration:none;
	border-bottom:solid 1px #ddd;
}

ul.optionList li a.lastItem {
	border:none;
}

ul.optionList li a:hover {
	color:#BB0904;
	background-color:#fff;
}

p.slogan {
	color:#444;
	font-style:italic;
	font-weight:bold;
	width:210px;
}

div.photoWrap {
	padding:20px 0 0 20px;
}

p.break {
	background:url(../images/bg_line_horiz.gif) repeat-x 0 12px;
	margin:0;
}

/* lists in the content areas */

ul.list li {
	padding:0 0 6px 10px;
	line-height:16px;
	background:url(../images/bullet.gif) no-repeat 0 6px;
}

ul.list {
	margin:0 0 10px 0;
}

/* these are for the pages with four photos */

#column02 p.smallPhotos01, #column02 p.smallPhotos02, #column02 p.smallPhotos03, #column02 p.smallPhotos04 {
	float:left;
	margin:0 10px 20px 0;
	padding:0;
	display:inline; /* for DF bug */
}

#column02 p.smallPhotos02 {
	margin:0 0 20px 10px;
}

#column02 p.smallPhotos03 {
	margin:0 10px 0 0;
}

#column02 p.smallPhotos04 {
	margin:0 0 0 10px;
}

/* main divs ********************************************************************/

#wrap, #wrapOneCol {
	width:780px;
	margin:0 auto;
	background:url(../images/bg_wide.gif) no-repeat top center;
}

/* change the bg image for the one column layout */

#wrapOneCol {
	background:url(../images/bg_one_column.jpg) no-repeat top center;
}

#logo {
	text-indent:-99999px;
	font-size:1px;
	width:262px;
	height:97px;
	display:block;
	background:url(../images/logo_new.gif) no-repeat 0 0;
}

a#logo {
	border:none;
}

#header {
	width:760px;
	height:134px;
}

#photos {
	width:760px;
	height:240px;
	background:url(../images/photos.jpg) no-repeat 0 0;
}

/* main columns on the home page */

#logos, #logosHome, #logosRes, #logosCom {
	width:488px;
	float:right;
	/*background:url(../images/bg_line_horiz.gif) repeat-x top left;*/
	padding:10px;
}

#logosHome, #logosRes, #logosCom {
	margin:12px 0 0 0;
}

/* columns for the standard two column layout */

#column01 p, #column02 p, #columnWide p, #column03 p {
	margin:0 0 16px 0;
	line-height:20px;
}

#column01 {
	width:220px;
	padding:20px;
	float:left;
}

#column01 h1 { text-transform: uppercase; font-size: 15px; margin-bottom: 8px;}

#column01 h2 {font-size: 13px; text-transform:uppercase;}
#column02, #columnPhoto, #columnFlash, #columnFire, #columnParveneer, #columnFlashCommercial {
	width:480px;
	padding:20px;
	float:right;
}

#column03 {
	width:520px;
	float:right;
}

#columnFlash, #columnFlashCommercial {
	width:520px;
	padding:0;
	height:520px;
	background:#f4f4f4;
}

#columnFlashCommercial {
	padding:165px 0 0 0;
	background:#333;
}

#columnPhoto {
	width:520px;
	height:520px;
	padding:0;
	margin:0;
	background:#f4f4f4;
}

#columnFire {
	width:520px;
	padding:0;
	background:#000;
}

#columnParveneer {
	width:520px;
	padding:20px 0 0 0;
	background:#141E1F;
}

/* column for the one column layout */

#columnWide {
	width:710px;
	padding:20px 25px 0 25px;
}

/* columns for the contact page */

#contactCol01, #contactCol02, #contactCol03 {
	display:inline /* for DF bug */
}

#contactCol01 {
	width:260px;
	padding:0 40px 0 0;
	float:left;
}

#contactCol02 {
	width:200px;
	float:left;
}

#contactCol03 {
	width:190px;
	float:right;
}

/* footer */

#footer, #footerWide {
	width:770px;
	background:url(../images/bg_line_horiz.gif) repeat-x 0 0;
	padding:10px 0 20px 10px;
	margin:0 auto;
	font-size:9px;
	text-align:center;
	clear:both;
}

#footerWide {
	width:740px;
	padding:10px 0 0 20px;
}

/* start nav and suckerfish menu **************************************************/
 
ul#nav {
	width:760px;
	padding:0 0 0 16px;
	clear:both;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

#nav li {
	display:inline;
	padding:0 16px 0 16px;
}

#nav li {
	float:left;
}

#nav li ul { /* second-level lists */
	border-top:solid 1px #222;
	position:absolute;
	background:#222;
	margin:0 0 0 -36px;
	width:172px;
	left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
}

#nav a:hover {
	color:#9AE1E7;
}

#nav a {
	display:block;
	padding:11px 0 11px 0;
	color:#fff;
	text-decoration:none;
}

#list01 li, #list02 li {
	border-bottom:solid 1px #333;
	padding:0 0 0 12px;
}

#list01 a, #list02 a {
	display:block;
	width:160px;
}

#list02 a {
	width:160px;
}

#list02 a.sectionHeading {
	font-weight:bold;
	color:#22C4D0;
}

/* title attributes *********************************************************/

/* main title swaps */

#wrap h2, #wrapOneCol h2 {
	margin:0 0 14px 0;
}

/* general */

#h_welcome {
	text-indent: -9999px;
	width:84px;
	height:17px;
	background:url(../images/h_welcome.gif) no-repeat 0 0;
}

#h_open_door {
	text-indent: -9999px;
	width:175px;
	height:12px;
	background:url(../images/t_open_door.gif) no-repeat 0 0;
}

#h_residential_products {
		text-indent: -9999px;
	width:129px;
	height:12px;
	background:url(../images/t_residential_products.gif) no-repeat 0 0;
}

#h_commercial_products {
		text-indent: -9999px;
	width:137px;
	height:12px;
	background:url(../images/t_commercial_products.gif) no-repeat 0 0;
}

#h_commercial {
	text-indent: -9999px;
	width:161px;
	height:12px;
	background:url(../images/t_commercial02.gif) no-repeat 0 0;
}

#h_about {
		text-indent: -9999px;
	width:115px;
	height:12px;
	background:url(../images/t_about.gif) no-repeat 0 0;
}

#h_plant {
		text-indent: -9999px;
	width:141px;
	height:12px;
	background:url(../images/t_parwood_plant.gif) no-repeat 0 0;
}

#h_warranty {
		text-indent: -9999px;
	width:172px;
	height:12px;
	background:url(../images/t_parwood_warranty.gif) no-repeat 0 0;
}

#h_who {
	
		text-indent: -9999px;
	width:133px;
	height:12px;
	background:url(../images/t_who_we.gif) no-repeat 0 0;
}

#h_residential {
		text-indent: -9999px;
	width:153px;
	height:12px;
	background:url(../images/t_residential02.gif) no-repeat 0 0;
}

#h_custom {
		text-indent: -9999px;
	width:146px;
	height:12px;
	background:url(../images/t_custom_process.gif) no-repeat 0 0;
}

#h_style {
		text-indent: -9999px;
	width:111px;
	height:12px;
	background:url(../images/t_style_guide.gif) no-repeat 0 0;
}

#h_fire {
		text-indent: -9999px;
	width:190px;
	height:12px;
	background:url(../images/t_fire_rated.gif) no-repeat 0 0;
}

#h_dsc {
		text-indent: -9999px;
	width:187px;
	height:12px;
	background:url(../images/t_dsc.gif) no-repeat 0 0;
}

#h_specifications {
		text-indent: -9999px;
	width:179px;
	height:12px;
	background:url(../images/t_specifications.gif) no-repeat 0 0;
}

#h_pricing {
		text-indent: -9999px;
	width:50px;
	height:12px;
	background:url(../images/t_pricing.gif) no-repeat 0 0;
}

#h_parveneer {
		text-indent: -9999px;
	width:74px;
	height:10px;
	background:url(../images/t_parveneer.gif) no-repeat 0 0;
}

#h_process {
		text-indent: -9999px;
	width:157px;
	height:12px;
	background:url(../images/t_parwood_process.gif) no-repeat 0 0;
}

#h_gallery {
		text-indent: -9999px;
	width:104px;
	height:12px;
	background:url(../images/t_photo_gallery.gif) no-repeat 0 0;
}

#h_contact {
	
		text-indent: -9999px;
	width:155px;
	height:12px;
	background:url(../images/t_contact.gif) no-repeat 0 0;
}