/* Resets */
* { margin: 0; padding: 0; }
ol,ul { list-style:none; }
a { outline: none; text-decoration: none; }
a:hover { text-decoration: none; }

/* General */
body { font-size:62.5%; font-family: Arial, Helvetica, Tahoma, sans-serif; background:#000e1c url(../_img/bgnd.jpg) repeat-x;}
h1.welcome { display: none; }

.right {float:right;}
.left {float:left;}
.clear {clear:both;}
.img-left { float:left; margin:0 15px 10px 0; }
.img-right { float:right; margin:0 0 10px 15px; }
.fl{float:left;}
.fr{float:right;}

/* Layout Divs */
#main{width:978px; margin:0 auto;  padding:0 1px; background: #000e1c;}
#top{ height:3px; margin-bottom:1px; background-color:red;}
#center{background: #ebebeb url(../_img/bgnd-center.gif) repeat-y left top; float:left;}
#sidebar{ width:305px; float:left; text-align:left;  background-color:#0e3356;}
#content{ width:622px; float:left; padding:15px 25px 25px; background:transparent url(../_img/bgnd-content-top.gif) repeat-x left top; display:inline;}

/* Header */
#header{ height:206px; overflow:auto;}
h1#logo { text-indent:-9999px; background: transparent url(../_img/McCorvey-Sheet-Metal-Works.jpg) no-repeat left top; display: block; width: 305px; height:206px; float:left;}
h1#logo a { background: transparent url(../_img/McCorvey-Sheet-Metal-Works.jpg) no-repeat left top; display: block; 305px; height:206px; margin:0;}
#header img#banner { float:left; margin-left:1px;}

/* Navigation */
		#nav { width:305px; height:211px; background: #000e1c url(../_img/bgnd-nav.jpg) no-repeat left top;}
  /* Top level links */
		#nav ul{margin: 0;padding:5px 0 0;list-style-type: none;} 
		#nav ul li{position: relative;text-align:right;width:305px;}
		#nav ul li a{font-size:1.3em;display: block; color: white;padding: 6px 20px 6px 0;text-decoration: none; text-transform:uppercase;overflow: auto; /*force hasLayout in IE7 */}
		#nav ul li a:hover{color:#60b2ff;background-color: #001e39;}
  /*Sub level links*/
		#nav ul li ul{visibility: hidden;position: absolute;top: 0;padding:0;}
		#nav ul li ul li{width: 200px;background-color: #001e39; text-align:left; }
		#nav ul li ul li a {text-transform:none; padding-left:20px;}
		#nav ul li ul li a:hover {color:#60b2ff;background-color:#033059;}
		#nav a.subfolderstyle{}/*add a background arrow or other image for list items that have sub-items */
  /* Holly Hack for IE \*/
  * html #nav ul li { float: left; height: 1%; }
  * html #nav ul li a { height: 1%; }

/* Sidenav */
#sidenav ul{padding:15px 0 0;list-style-type: none;} 
#sidenav ul li{text-align:right;width:305px;padding:0 0 8px;background: url(../_img/nav-divider.gif) no-repeat right bottom;}
#sidenav ul li a{display:block;font-size:1.2em; color:white; padding:0 40px 5px 0;text-decoration: none;background: url(../_img/nav-arrow.gif) no-repeat 280px 4px;overflow: auto; /*force hasLayout in IE7 */}
#sidenav ul li a:hover{color:#60b2ff; background-position:280px -46px;}

/* Sidenav Labels */
h2#catalogs { text-indent:-9999px;width:305px; height:38px; background: url(../_img/header-product-catalogs.jpg) no-repeat;}
h2#about-us { text-indent:-9999px;width:305px; height:38px; background: url(../_img/header-about-us.jpg) no-repeat;}
h2#completed-projects { text-indent:-9999px;width:305px; height:38px; background: url(../_img/header-completed-projects.jpg) no-repeat;}
h2#capacities { text-indent:-9999px;width:305px; height:38px; background: url(../_img/header-capacities.jpg) no-repeat;}
h2#products { text-indent:-9999px;width:305px; height:38px; background: url(../_img/header-products.jpg) no-repeat;}
h2#quotes-forms { text-indent:-9999px;width:305px; height:38px; background: url(../_img/header-quotes-forms.jpg) no-repeat;}
h2#contact-us { text-indent:-9999px;width:305px; height:38px; background: url(../_img/header-contact-us.jpg) no-repeat;}

/* Seal */
img#seal {margin:50px 0 50px 70px;}

/* Right Column */
/* h2, h3 & h4 */ #content h2, #content h3, #content h4 {padding:12px 0 2px; color:#e00000; border-bottom:1px solid #a4abb2;}
/* h5, h6 */ #content h5, #content h6 {padding:12px 0 2px; color:#2c6194; border-bottom:none;}
#content h2, #content h3, #content h4, #content h5, #content h6 { clear:both;}
#content h2{font-size:2.2em;}
#content h3{font-size:2em;}
#content h4{font-size:1.8em;}
#content h5{font-size:1.6em;}
#content h6{font-size:1.5em; font-style:italic;}
#content p, #content table{font-size:1.3em; line-height:1.4em; color:#000; padding:8px 0;}
#content table {margin:8px 0;text-align: left;}
#content p a, #content table a {color:#e00000;text-decoration:underline;}
#content p a:hover, #content table a:hover {color: #1e81dd;}
#content hr {height:0; margin:10px 0; border-color: #a4abb2; border-style:solid; border-width:1px 0 0; clear:both; }
#content ul {list-style-type:disc; font-size:1.3em; margin:5px 0 10px 20px;}
#content ol {list-style-type:decimal; font-size:1.3em; margin:5px 0 10px 25px;}
#content ul a, #content ol a {color:#e00000;text-decoration:underline;}
#content ul a:hover, #content ol a:hover {color: #1e81dd;}
/* SlideShow */
#ss {background: url(../_img/bgnd-slideshow.gif) no-repeat; margin:25px; padding:8px;}

/* Footer */
#footer1 { clear:both; height:48px; background: #b5b4b3 url(../_img/bgnd-footer-1.gif) repeat-x;}
#footer1 p {font-size:1.2em; color:#000; padding:0 20px; line-height:44px;}
#footer1 p a {color:#000;}
#footer1 p a:hover {color:red;}

#footer2 { margin:0 0 50px; height:150px; background: transparent url(../_img/bgnd-footer-2.jpg) no-repeat;}
#footer2 {font-size:1.2em; color:#fff; padding:30px 20px;}
#footer2 img#map { margin:0 15px 0 0;}
#footer2 #cc { float:right; width:129px; height:40px;background: url(../_img/credit-cards.jpg) no-repeat;}