/*****************************
Copyright 2009 Imperial Metals
All Rights Reserved
*****************************/

* { margin: 0; padding: 0; }
body  { font: 100% Verdana, Arial, Helvetica, sans-serif; background:url(../img/temp_steel.jpg) repeat top; margin: 0; padding: 0; text-align: center; color: #000000; }

#maincontainer { width:100%; background:url(../img/TEMP_BG.gif) repeat-x top center; }
#maincontainerHOME { width:100%; background:url(../img/bg_home.gif) repeat-x top center; }
#maincontainerSHORT { width:100%; background:url(../img/bg_sub.gif) repeat-x top center; }
#maincontainerproducts { width:100%; background:url(../img/bg_products.gif) repeat-x top center; }

#container { width: 960px; margin: 0 auto; padding:0; text-align: left; }

#header { width:960px; height:65px; padding:70px 0 0 0; background:none; }

h4.logo a:hover{background-position: bottom left;}
h4.logo a{ display: block; width: 475px; height: 104px; margin:-39px 0 0 26px; background:url(../img/logo.png) no-repeat; text-indent:-9999px; font-size: 0px; float:left; }

/* Home */

#homebg { width:975px; height:230px; background:url(../img/columnhome1.jpg) no-repeat top left; padding:0; }
#mainContenthome { padding: 0; margin:0; background:url(../img/bg_sub_content.jpg) top repeat-y; }
#mainContenthome a { font:12px Arial, Helvetica, sans-serif; color:#003366; font-weight:bold; text-align:center; margin:0 0 0 20px; }
#mainContenthome a:hover { text-decoration:none; }
#sub { background:url(../img/bg_sub_content.jpg) repeat-y top; }

hr { width:180px; text-align:center; color:#ffffff; margin:20px auto;}

#footer_home { width: 960px; height:12px; margin:0 auto; padding:5px 0 30px 0; background:none; font:11px Arial, Helvetica, sans-serif; color:#888888;}
#footer_home p { margin: 0; padding: 5px 0 5px 20px; }
#footer_home a { color:#999999; text-decoration:underline; }
#footer_home a:hover {color:#ffffff; text-decoration: none; }
#footer_home span { margin:0 0 0 485px; }

#footer_sub { width: 960px; height:49px; margin:0 auto; padding:3px 0 30px 0; background:url(../img/bg_home_footer.jpg) no-repeat; font:11px Arial, Helvetica, sans-serif; color:#999999;}
#footer_sub p { margin: 0; padding: 10px 0 5px 20px; }
#footer_sub a { color:#cccccc; text-decoration:underline; }
#footer_sub a:hover {color:#ffffff; text-decoration: none; }
#footer_sub span { margin:0 0 0 470px; }

#bottom_se { width: 960px; margin:0 auto; padding:3px 0 60px 0; background:none; font:11px Arial, Helvetica, sans-serif; color:#444444; text-align:center; }
#bottom_se p { margin: 0; text-align:center; line-height:18px; }
#bottom_se a { color:#444444; text-decoration:underline; }
#bottom_se a:hover {color:#444444; text-decoration: none; }

/* Navigation */

#nav {height: 60px; width:396px; margin: -1px 15px 6px 0; float:right; }
#CCCnavContainer { height: 60px; padding: 0; text-align: center; float:right; width:396px;}
#navCCC { margin: 0px auto; width:396px; padding: 0; list-style-type: none; }
#navCCC li { float: right; margin: 0; padding: 0; height: 60px; background-color: transparent; background-repeat: no-repeat; }
#navCCC li a { display: block; background-color: transparent; background-repeat: no-repeat; height: 60px; text-decoration: none; }
#navCCC li a:hover { text-decoration: none; background-image: url(../img/nav.jpg); }

#navHome { width: 131px; background-position: -265px 0; background-image:url(../img/nav.jpg);}
#navHome:hover, #navHomeSel { width: 131px; background-position: -265px -60px; background-image:url(../img/nav.jpg); }

#navVirtual { width: 149px; background-position: -116px 0; background-image: url(../img/nav.jpg); }
#navVirtual:hover, #navVirtualSel { width: 149px; background-position: -116px -60px ; background-image: url(../img/nav.jpg); }

#navWedding { width: 116px; background-position: 0 0; background-image: url(../img/nav.jpg); }
#navWedding:hover, #navWeddingSel { width: 116px; background-position: 0 -60px ; background-image: url(../img/nav.jpg); }

.navText {visibility:hidden;}

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

#sidebar1 { float: left;  width: 280px; padding: 0; }
.subNav { width:280px; margin:5px 0 0 20px; }
.subNav ul { margin: 0; padding: 0; }
.subNav ul li { margin: 0 1px 0 0; list-style: none; list-style-image: none !important; border-bottom:1px dotted #fff; line-height: 22px; height: 1%; }
.subNav ul li a { padding:6px 15px 4px 15px; margin:0 0 0 10px; text-decoration: none; display: block; font:18px 'Myriad Pro', Helvetica, Arial, sans-serif; color: #333333; height: 1%; outline: none; }
.subNav ul li a:hover { color:#990000; }
.subNav ul li a:active { color: #ee3024; }
.subNav ul li ul { margin: 0 0 0 20px; padding: 0; }
.subNav ul li ul li { margin: 0px; padding: 0; height: 1%; list-style: none; list-style-image: none !important; border-bottom: none; line-height: 12px; }
.subNav ul li ul li a { padding: 1px 0 5px 10px; text-decoration: none; display: block; font: bold 10px "Lucida Grande", Verdana, Arial, sans-serif; color: #555555; outline: none; }
.subNav ul li ul li a:hover { color: #990000; text-decoration: underline; }
#sidebar1pic { margin:20px 0 0 23px; border:3px #cccccc solid; width:250px; height:375px; }

/* Sub */

#mainContent { margin: 0 0 0 320px; padding:0 0 25px 0; }
#mainContent p { font:13px Arial, Helvetica, sans-serif; color:#222222; padding:8px 20px 15px 20px; }
#mainContent h1 { font:22px Georgia, "Times New Roman", Times, serif; color:#111111; padding:15px 0 15px 20px; }

#mainContentsub { padding: 0 0 25px 0; margin:0; background:url(../img/bg_sub_content.jpg) top repeat-y; }
#sub { background:url(../img/bg_sub_content.jpg) repeat-y top; }

#mainContentsub h1 { font: 28px 'Myriad Pro', Helvetica, Arial, sans-serif; color: #ffffff; text-transform: uppercase; height: 38px; line-height:28px; padding:308px 40px 0 0; letter-spacing:-1px; text-align:right;}
#mainContentsub h2 { font: 18px Georgia, "Times New Roman", Times, serif; color:#111111; padding:15px 0 5px 25px; font-style:italic; }
#mainContentsub h4 { font: 22px 'Myriad Pro', Helvetica, Arial, sans-serif; color: #000000; margin:14px 0 15px 20px; }
#mainContentsub h5 { font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#111111; margin:15px 0 15px 20px; }
#mainContentsub span { font: 17px Georgia, "Times New Roman", Times, serif; color:#222222; margin:15px 0 10px 25px; padding:10px 0 10px 0; }
#mainContentsub p { font:13px Arial, Helvetica, sans-serif; color:#222222; padding:8px 20px 8px 25px; line-height:18px; }
#mainContentsub a { color:#003366; text-decoration:underline; font-weight:bold; }
.indent { margin:5px 20px 5px 60px;font:13px Arial, Helvetica, sans-serif; color:#222222; }


#home { background:#000000; width:960px; height:500px; margin:0 auto; }
#products { background:url(../img/subpages/products.jpg) no-repeat; width:960px; height:350px; margin:0 auto; }
#metalart { background:url(../img/subpages/metalart.jpg) no-repeat; width:960px; height:350px; margin:0 auto; }
#curbadapters { background:url(../img/subpages/curb_adapters.jpg) no-repeat; width:960px; height:350px; margin:0 auto; }
#junction_boxes { background:url(../img/subpages/junction_boxes.jpg) no-repeat; width:960px; height:350px; margin:0 auto; }
#products { background:url(../img/subpages/products.jpg) no-repeat; width:960px; height:350px; margin:0 auto; }
#customfab { background:url(../img/subpages/custom_fabrication.jpg) no-repeat; width:960px; height:350px; margin:0 auto; }
#HVACduct { background:url(../img/subpages/HVACduct.jpg) no-repeat; width:960px; height:350px; margin:0 auto; }
#contact { background:url(../img/subpages/contact_us.jpg) no-repeat; width:960px; height:350px; margin:0 auto; }
#about { background:url(../img/subpages/about.jpg) no-repeat; width:960px; height:350px; margin:0 auto; }
#electraport { background:url(../img/subpages/electraport.jpg) no-repeat; width:960px; height:350px; margin:0 auto; }

#product_box { width: 632px; height:380px; background:#ffffff; margin:50px 0 0 0; padding:0; }
#RoofCurbNC-SF { background:url(../img/drawings/RoofCurbNC-SF.jpg) no-repeat; width:568px; height:370px; margin:0 auto; text-align:center; }
#RoofCurbRC { background:url(../img/drawings/RoofCurbRC.jpg) no-repeat; width:574px; height:341px; margin:0 auto; text-align:center; }
#RoofCurbBC { background:url(../img/drawings/RoofCurbBC.jpg) no-repeat; width:575px; height:351px; margin:0 auto; text-align:center; }
#MountingRailRC { background:url(../img/drawings/MountingRailRC.jpg) no-repeat; width:570px; height:365px; margin:0 auto; text-align:center; }
#MountingRailNC-SF { background:url(../img/drawings/MountingRailNC-SF.jpg) no-repeat; width:570px; height:348px; margin:0 auto; text-align:center; }
#MountingRailBC { background:url(../img/drawings/MountingRailBC.jpg) no-repeat; width:573px; height:348px; margin:0 auto; text-align:center; }
#MochaTC { background:url(../img/drawings/MochaTC.jpg) no-repeat; width:960px; height:430px; margin:0 auto; text-align:center; }
#MochaQC { background:url(../img/drawings/MochaQC.jpg) no-repeat; width:960px; height:430px; margin:0 auto; text-align:center; }
#MochaDC { background:url(../img/drawings/MochaDC.jpg) no-repeat; width:517px; height:366px; margin:0 auto; text-align:center; }
#MetalBldgCurbM2-TU-BO { background:url(../img/drawings/MetalBldgCurbM2-TU-BO.jpg) no-repeat; width:572px; height:339px; margin:0 auto; text-align:center; }
#MetalBldgCurbM1F-TU-BO { background:url(../img/drawings/MetalBldgCurbM1F-TU-BO.jpg) no-repeat; width:570px; height:338px; margin:0 auto; text-align:center; }
#MetalBldgCurbM1-TU-BO { background:url(../img/drawings/MetalBldgCurbM1-TU-BO.jpg) no-repeat; width:572px; height:339px; margin:0 auto; text-align:center; }
#Heavy_Security_WallSleeve { background:url(../img/drawings/Heavy_Security_WallSleeve.jpg) no-repeat; width:497px; height:358px; margin:0 auto; text-align:center; }
#FanCurbAdapter { background:url(../img/drawings/FanCurbAdapter.jpg) no-repeat; width:564px; height:346px; margin:0 auto; text-align:center; }
#Custom_Pipe_Through { background:url(../img/drawings/Custom_Pipe_Through.jpg) no-repeat; width:573px; height:342px; margin:0 auto; text-align:center; }
#CurbExtension { background:url(../img/drawings/CurbExtension.jpg) no-repeat; width:521px; height:361px; margin:0 auto; text-align:center; }

/* Sub_Side */

#cusfab {float:right; margin:10px 30px 10px 30px; width:356px; }
#cusfabimg { border: #555555 solid 3px; padding:0; }
#mainContentsub h6 { margin:10px 0 10px 0; font:10px Arial, Helvetica, sans-serif; font-weight:bold; color:#333333; text-align:center; padding:5px 0 5px 0; border-top:1px #ffffff solid; border-bottom:1px #ffffff solid; }

/* Form */

.heading{ color:#333333; font:14px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; }

form .xxsmallinput { width:15px; height:18px; text-align:center; border:2px solid #dddddd; padding:2px; margin:2px; color:#666666; } 
form .xsmallinput { width:22px; height:18px; text-align:center; border:2px solid #dddddd; padding:2px; margin:2px; color:#666666; } 
form .smallinput { width:35px; height:18px; text-align:center; border:2px solid #dddddd; padding:2px; margin:2px; color:#666666; }
form .mediuminput { width:80px; height:18px; text-align:left; border:2px solid #dddddd; padding:2px 0 2px 5px; margin:2px; color:#666666; }
form .largeinput { width:170px; height:18px; text-align:left; border:2px solid #dddddd; padding:2px 0 2px 10px; margin:2px; color:#666666; }
form .xlargeinput { width:220px; height:28px; text-align:left; border:2px solid #dddddd; padding:2px 0 2px 20px; margin:2px; color:#666666; }
form .message { width:220px; height:62px; text-align:left; border:2px solid #dddddd; padding:2px 0 2px 20px; margin:2px; color:#666666; }

.large input { width:150px; }
.formbutton{ cursor:pointer; border:outset 1px #ccc; background:#000000; color:#ffffff; font-weight:bold; padding: 1px 2px; }
.formarrow{ cursor:pointer; background:url(../images/arrow.gif); background-repeat:no-repeat; height:20px;   width:20px; }

.toggleborder img{border:3px solid #ffffff;}	
.toggleborder:hover img{border: 3px solid #cccccc;}
.toggleborder:hover{color: red;}

/* Products */

#homebottom { text-align:center; margin:0; }
ul.palmetto_home {display:block; padding:25px 0 0 28px; list-style:none; height:205px; }
ul.palmetto_home li {display:block; float:left; width:285px; margin-right:15px;}
ul.palmetto_home li a {display:block; color:#666666; text-decoration:none; }
ul.palmetto_home li a br {display:none;}
ul.palmetto_home li a h3 {display:block; text-align:center; color:#003366; height:25px; background-position:center center; background-repeat:no-repeat; font:24px 'Myriad Pro', Helvetica, Arial, sans-serif; border-bottom:1px #bbbbbb solid; width:264px; margin:0 auto; }
ul.palmetto_home li a:hover h3 { color:#990000; }
ul.palmetto_home li a img {border:2px solid #cccccc; margin:15px 0 0 0; }
ul.palmetto_home li a:hover img {border:2px solid #999999; margin:15px 0 0 0; }
ul.palmetto_home li a p {display:block; padding:10px 10px; text-align:center; font-size:11px; line-height:14px; position:relative;}
ul.palmetto_home li a p br {display:block; }
ul.palmetto_home li a p em {display:block; color:#003399; width:290px; font-size:12px; text-align:center; font-weight:bold; font-style:normal; position:absolute; top:5px; left:0; }
ul.palmetto_home li a:hover {background-position:top right; }
ul.palmetto_home li a:hover p { color:#990000; }
ul.palmetto_home li a:hover p em {text-decoration:underline; color:#990000;}