/*  
Theme Name: PghWindowDoor Custom
Theme URI: http://www.pghwindowdoor.com/
Description: The default theme for the new PghWindowDoor.com website.
Version: 1.0
Author: Chris Cagle	
Author URI: http://www.cagintranet.com/
*/

/* GLOBAL RESETS **/
:link,:visited {text-decoration:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:400;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}

/* GLOBAL SETS **/
.clear {clear:both;}
body {
	text-align:center;
	font-family:"lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	background: #FFFFFF url(images/background.png) top left repeat-x;
	color:#333333;
	}
.wrapper {
	margin-left:auto;
	margin-right:auto;
	width:900px;
	}
	
	
	
/* HEADER */
#header {
	text-align:left;
	position:relative;
	font-family:arial, "lucida Grande", verdana, helvetica, sans-serif;
	height:480px;
	}
	#header #logo {
	position:absolute;
	top:0;
	left:0;
	}
	#header #logo a {
	display:block;
	background: transparent url(images/logo.png) top left no-repeat;
	height:136px;
	width:346px;
	text-indent:-9999px
	}
	#header #topnav {
	position:absolute;
	top:15px;
	right:0;
	text-align:right;
	color:#FFDE27;
	font-size:17px;
	line-height:22px;
	}
	#header #topnav a {padding:0 5px}
	#header #topnav a:link, #header #topnav a:visited {
	color:#5A5249;
	font-size:12px;
	}
	#header #topnav a:hover, #header #topnav a:focus {
	color:#333;
	font-size:12px;
	text-decoration:underline;
	}
#header #panumber {
	position:absolute;
	top:50px;
	right:0;
color:#999;
font-size:10px;
text-align:right;
}
	
	#header #mainnav {
	position:absolute;
	top:123px;
	right:0;
	text-align:right;
	font-weight:bold;
	font-size:13px;
	}
	#header #mainnav a {
	line-height:40px;
	background:transparent url(images/nav-bg.png) top left repeat-x;
	margin:0 0 0 2px;
	padding:12px 10px;
	}
	#header #mainnav a:link, #header #mainnav a:visited {
	background-position:bottom;
	color:#FFF;
	}
	#header #mainnav a:hover, #header #mainnav a:focus, #header #mainnav a.current {
	background-position:top;
	color:#FFE033;
	}
	
	
	#header .banner {
	position:absolute;
	top:152px;
	left:0;
	height:315px;
	width:100%;
	background: transparent url(images/banner.jpg) top left no-repeat;
	}
	#header #banner-about {background: transparent url(images/banner-about.jpg) top left no-repeat !important; }
	#header #banner-windows {background: transparent url(images/banner-windows.jpg) top left no-repeat !important; }
#header #banner-home {background: transparent url(images/banner-home.jpg) top left no-repeat !important; }
	#header #banner-doors {background: transparent url(images/banner-doors.jpg) top left no-repeat !important; }
	#header #banner-circle {background: transparent url(images/banner-circle.jpg) top left no-repeat !important; }

	#header .banner h2#tagline {
	width:265px;
	float:right;
	font-size:26px;
	margin:60px 0 0 0;
	font-family:georgia, garamond, serif;
	text-align:center;
	color:#FFFFFF;
	line-height:34px;
	}

	
	
/* BODY */

#bodycontent {
	width:580px;
	float:left;
	text-align:left;
	}
#bodycontent h1 {
	font-size:26px;
	color:#24211E;
	margin:0 0 20px 0;
	}
	#bodycontent .bodytext {
		line-height:18px;
		}
	#bodycontent .bodytext a:link, #bodycontent .bodytext a:visited { color:#24211E;font-weight:bold;text-decoration:underline; }
	#bodycontent .bodytext a:hover, #bodycontent .bodytext a:focus { color:#E8C500;font-weight:bold;text-decoration:underline; }
	#bodycontent .bodytext p {
		margin:0 0 20px 0;
		}
	#bodycontent .bodytext ul, #bodycontent .bodytext ol {
		margin:0 0 20px 30px;
		}
#bodycontent .bodytext blockquote {margin:30px 0;padding:15px;border:1px solid #cecece;}
	#bodycontent h3 {
		font-size:20px;
		color:#333;
		margin:0 0 10px 0;
		font-family:georgia, garamond, serif;
		border-bottom:1px solid #eee;
		padding:10px 0 3px 0;
		}
#bodycontent p.contactinfo {padding-top:0px;}

#bodycontent #shortsection {
margin:50px 0 0 0;
padding:5px 0 0 0;
background:transparent url(images/dot.gif) top left repeat-x;
}

#bodycontent #shortsection .shortinfo {
background:transparent url(images/dot.gif) bottom left repeat-x;
margin:20px 0;
padding:0 0 20px 0;
color:#746A61;
line-height:18px;
}
#bodycontent #shortsection .shortinfo img.more-thumbnail {float:left;margin:0 20px 0 0;}
#bodycontent #shortsection .shortinfo p.learnmore {
float:right;
margin:0 0 0 0;
background:transparent url(images/button.png) center center no-repeat;
width:158px;
text-align:center;
height:35px;
line-height:29px;
}
#bodycontent #shortsection .shortinfo p {margin:0 0 15px 0;}
#bodycontent #shortsection .shortinfo p.learnmore {margin:0;}
#bodycontent #shortsection .shortinfo p.learnmore a:link, #bodycontent #shortsection .shortinfo p.learnmore a:visited  {
color:#FFFFFF;
}
#bodycontent #shortsection .shortinfo p.learnmore a:focus, #bodycontent #shortsection .shortinfo p.learnmore a:hover  {
color:#FFE033;
}
#bodycontent #shortsection .shortinfo strong {color:#24211E}
#bodycontent .photogallery img {margin:0 20px 0 0;border:3px solid #cecece;}

/** SIDEBAR **/

#sidebar {
	float:right;
	width:265px;
	text-align:left;
	margin:55px 0 0 0;
	}
#sidebar .sidebox {
	margin:0 0 25px 0;
	border:1px solid #E2E0DE;
	background:#EFEEED url(images/sidebg.png) top left repeat-x;
	padding:8px;
	}
	#sidebar .sidebox div {
	background:#FFF;
	border:1px solid #D3CDC7;
	padding:15px 10px;
	}
	#sidebar .sidebox h2 {
	color:#221E1C;
	font-size:18px;
	font-family:georgia, garamond, serif;
	margin:0 0 15px 0;
	}
	#sidebar .sidebox h2 span {
	color:#A89F97;
	font-size:11px;
	text-transform:uppercase;
	font-family:arial, "lucida Grande", verdana, helvetica, sans-serif;
	}
	#sidebar .sidebox p {
	color:#24211E;
	line-height:18px;
	margin:0 0 20px 0;
	}
#sidebar #contactinfo p a:link, 
#sidebar #contactinfo p a:visited { color:#24211E;font-weight:bold;text-decoration:underline; }
#sidebar #contactinfo p a:hover, 
#sidebar #contactinfo p a:focus { color:#E8C500;font-weight:bold;text-decoration:underline; }
	#sidebar #brands p {
	margin:0 0 20px 5px;
	}
	#sidebar #brands a img {
	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
	margin:10px 0 0 0;
	}
	#sidebar #brands a:hover img {
	filter:alpha(opacity=100);-moz-opacity:1.00;opacity:1.00;
	}
	#sidebar #contactinfo p span {
	font-size:11px;
	color:#999;
	}
	#sidebar #contactinfo p span a:link, #sidebar #contactinfo p span a:visited {
	text-decoration:none;
	color:#999;
	}
	#sidebar #contactinfo p span a:hover, #sidebar #contactinfo p span a:focus {
	text-decoration:underline;
	color:#333;
	}


	#sidebar h3 {
		}



/** FOOTER **/

#footer {
	margin:70px 0 10px 0;
	}
	#footer p {line-height:19px;margin:0 0 20px 0;text-align:left;}
	#footer p.contactus {padding:20px 0;background:transparent url(images/dot.gif) bottom left repeat-x;}
	#footer .left {float:left;width:250px;text-align:left;color:#666;}
	#footer .right {float:right;width:550px;text-align:right !important;color:#666;}
	#footer a:link, #footer a:visited {
		color:#666;
		text-decoration:underline;
		}
	#footer a:hover {
		color:#333;
		text-decoration:underline;
		}