/*===================================
	General
===================================*/
body{ background: url(images/layout/body-bg2.jpg) no-repeat top center; margin: 0; text-align: center;font-family: Georgia, "Times New Roman", Times, serif; font-size: 62.5%}
#wrapper{ width: 1024px; margin: 0 auto; }


/*===================================
	Header
===================================*/
#header{ height: 172px; background: url(images/layout/top-bar.png) no-repeat top left; position: relative; }

/* == The Logo == */
/*#header h1{ margin: 0; padding: 0; position: absolute; top: 0; left: 391px; width: 253px; height: 170px; background: url(images/layout/logo.png) no-repeat; z-index: 3}*/
#header h1{ margin: 0; padding: 0; position: absolute;  left: 391px; width: 253px; height: 170px; background: url(images/layout/logo2.png) no-repeat; z-index: 3}
#header h1 span{ display: none; }

/* == Main Navigation == */
#header ul#mainnav{ position: absolute; margin: 0; padding: 0; list-style: none; left: 225px; top: 39px; width: 630px; z-index: 2; }
#header ul#mainnav li{ float: left; background:url(images/layout/top-nav-bg.jpg) repeat-x; height: 38px; color: #7b93b7; padding-top: 6px; }
#header ul#mainnav li.first{ background: url(images/layout/nav-left.gif) no-repeat top left; padding-left: 25px;}
#header ul#mainnav li.mid{ width: 260px;}
#header ul#mainnav li.last{ background: url(images/layout/nav-right.gif) no-repeat top right; padding-right: 25px;}

#header ul#mainnav li a{ font-size: 1.6em;  padding: 0 6px; display: block; float: left; color: #7b93b7; text-decoration: none; }
#header ul#mainnav li a:hover, body.home #header ul#mainnav li a.home, body.services #header ul#mainnav li a.services,body.about #header ul#mainnav li a.about,body.contact #header ul#mainnav li a.contact{ color: #0f4370; }

/* == Services Navigation == */
#servicesnav{ margin: 0; padding: 10px 0 0 0; top: 82px; left: 247px; position: absolute; list-style: none; background: url(images/layout/secondary-nav.gif) no-repeat; width: 139px; height: 129px; text-align: left; }
#servicesnav li{ padding-left: 15px; font-size: 1.0em; }
#servicesnav li a{ color: #fff; text-decoration: none; }
#header ul#mainnav li #servicesnav li a:hover, body.window #header ul#mainnav li #servicesnav li a.window, body.pressure #header ul#mainnav li #servicesnav li a.pressure, body.glass #header ul#mainnav li #servicesnav li a.glass, body.metal #header ul#mainnav li #servicesnav li a.metal{ color: #d6c5a0; }
	ul#mainnav li.services{ position: relative; }
ul#mainnav li.services ul#servicesnav{display: none; position: absolute; top: 43px; left: -60px; }
body.services ul#mainnav li.services ul#servicesnav{ display: block; }
ul#mainnav li.services ul#servicesnav li a{ font-size: 1.1em;color: #fff; padding: 0;}
ul#mainnav li.services ul#servicesnav li { height: auto; background-image: none;  padding: 0 0 0 8px; }

/*===================================
	Main Area
===================================*/
#main{ height: 548px; position: relative; }

/* == Content Area == */
#content{ top: 27px; left: 50px; width: 308px; height: 513px; background: url(images/layout/content-bg-2.jpg) no-repeat; position: absolute; text-align: left; color: #fff; }

/* == Headings == */
#content h2{ padding: 8px 25px 0 10px; margin-top: 8px; color: #022c5b; font-size: 2.4em; }

#content h3{ padding: 8px 25px 0 10px; margin-top: 8px; margin-bottom: 0px; color: #022c5b; font-size: 1.2em; font-style: italic; }
/* == Paragraphs == */
#content p{ font-size: 1.2em; padding: 0 25px 0 10px; }
#content p.h3sub{ margin-top: 0; padding-top: 0; }
#content p.discuss{ font-size: 1.8em; }
#content p.discuss strong{ color: #022c5b; }
#content p.note{ font-style: italic; color: #022c5b; margin-top: 5px; padding-top: 5px; }

/* == List ==*/
#content ul{ margin-top: 5px; padding-top: 5px; font-size: 1.2em; margin-bottom: 0; padding-bottom: 0; }

address{ padding: 0 25px 0 10px; font-size: 1.6em; }
address em{ display: block; }
address strong{ color: #022c5b; }

/* == Photo Box == */
#photos{ position: absolute; top: 24px; right: 0; }


/*===================================
	Footer
===================================*/
#footer{ height: 40px; }
#footer p{ margin: 8px auto; padding: 8px 0 0 0; font-size: 1.3em; color: #d3c4a3; text-align: center; font-style:italic; width: 600px}
#footer p a{ color: #d3c4a3; text-decoration: none; }
#footer p a:hover{ text-decoration: underline; }