/* CSS Document Crestwood Metals April 2007 beneriksen.com */

html {margin:0px; padding:0;}
body {background:url(images/bk_body.gif); margin:0; padding:0; font:11px Tahoma, Arial, Helvetica, sans-serif; line-height:15px; color:#4b1900;}

h3 {font-size:14px; margin:20px 20px 10px 5px; padding:0 0 0 5px; color:#4b1900;}


#wrap {width:850px; margin-left:auto; margin-right:auto; margin-top:0; padding:0; border-bottom:#fff solid 5px; border-left:#fff solid 5px; border-right:#fff solid 5px;}
#innerWrap {width:846px; border-bottom:#C2BF9C solid 2px; border-left:#C2BF9C solid 2px; border-right:#C2BF9C solid 2px;}/* for 2px grey border only*/

a:link, a:visited {color:#000; text-decoration:underline;}
a:hover {text-decoration:none;}

.list li { padding:0 0 0 10px;  margin:0 0 0 -20px; background:url(images/bk_arrow.gif) no-repeat 0% 50%; list-style:none;}
.picLeft {float:left;}


/*-----identity & nav-----*/
#header {background:#fff url(images/header.gif) no-repeat top right; height:100px;}
.logo {width:338px; height:93px;}

#nav {margin:0; padding:0; width:846px; height:27px;}
#nav ul {list-style:none; line-height:0px; margin: 0; padding:0; font-size:0; width:846px;}
#nav li {text-indent:-9999px; float:left;}
#nav li a {height:27px; display:block; text-decoration:none;}

#nav li#navCompany {background: url(images/n_company.gif) no-repeat bottom; width:137px;}
#nav li#navScrap {background: url(images/n_scrapMetals.gif) no-repeat bottom; width:143px;}
#nav li#navProducts {background: url(images/n_endProducts.gif) no-repeat bottom; width:143px;}
#nav li#navEquipment {background: url(images/n_equipment.gif) no-repeat bottom; width:143px;}
#nav li#navServices {background: url(images/n_services.gif) no-repeat bottom; width:143px;}
#nav li#navContact {background: url(images/n_contact.gif) no-repeat bottom; width:137px;}

#nav li#navCompany a:hover {background: url(images/n_company.gif) no-repeat top; width:137px;}
#nav li#navScrap a:hover {background: url(images/n_scrapMetals.gif) no-repeat top; width:143px;}
#nav li#navProducts a:hover {background: url(images/n_endProducts.gif) no-repeat top; width:143px;}
#nav li#navEquipment a:hover {background: url(images/n_equipment.gif) no-repeat top; width:143px;}
#nav li#navServices a:hover {background: url(images/n_services.gif) no-repeat top; width:143px;}
#nav li#navContact a:hover {background: url(images/n_contact.gif) no-repeat top; width:137px;}


/*-----mainLayout-----*/
#columns {width:846px; background:url(images/bk_columns.gif) repeat-y top left;}
#columnsSideBarCorner {width:846px; background:url(images/sb_bottomCurve.gif) no-repeat bottom right;} /*bottom corner in sidebar*/
#left {float:left; width:651px; background:#fff;}

.imgRight {float:right; margin: 2px 10px; padding:1px; border:solid 1px #000;}
.imgLeft {float:left; margin: 2px 4px; padding:1px; border:solid 1px #000;}
.imgBorder {margin: 2px 4px 2px 0; padding:1px; border:solid 1px #000;}

#homeLeft {float:left; width:651px;}
#left p {padding:0 11px;}
#sidebar {float:left; width:195px;}
#sidebarTop {background:url(images/sb_Top.gif) no-repeat top right; width:195px; height:14px;}

#subleft {float:left; width:631px; padding:0 10px;}
#subsidebar {float:left; width:185px;}
#sidebarcontents {padding:0 5px 5px 5px;}

/*-----page titles etc-----*/
#flash {width:651px; height:246px;}

.blackBar {width:651px; height:15px; background:#000 url(images/flexibilityVersatility.gif) no-repeat 0px 4px; margin:0px; border-top:1px solid #fff; text-indent:-9999px;}
#bb_flexibility {background:#000 url(images/flexibilityVersatility.gif) no-repeat 0px 4px;}
#bb_company {background:#000 url(images/blackTitles_company.gif) no-repeat 0px 4px;}
#bb_scrap {background:#000 url(images/blackTitles_scrap.gif) no-repeat 0px 4px;}
#bb_product {background:#000 url(images/blackTitles_products.gif) no-repeat 0px 4px;}
#bb_equipment {background:#000 url(images/blackTitles_equipment.gif) no-repeat 0px 4px;}
#bb_service {background:#000 url(images/blackTitles_services.gif) no-repeat 0px 4px;}
#bb_contact {background:#000 url(images/blackTitles_contact.gif) no-repeat 0px 4px;}

#swapCompany {background:#000 url(images/swaps_company.jpg) no-repeat top left; width:651px; height:175px;}
#swapScrap {background:#000 url(images/swap_scrap.jpg) no-repeat top left; width:651px; height:175px;}
#swapProduct {background:#000 url(images/swap_endProduct.jpg) no-repeat top left; width:651px; height:175px;}
#swapEquipment {background:#000 url(images/swap_equipment.jpg) no-repeat top left; width:651px; height:175px;}
#swapElectronics {background:#000 url(images/swap_electronics.jpg) no-repeat top left; width:651px; height:175px;}
#swapService {background:#000 url(images/swap_services.jpg) no-repeat top left; width:651px; height:175px;}
#swapContact {background:#000 url(images/swap_contact.jpg) no-repeat top left; width:651px; height:175px;}

/* home page */

.homeFeature {width:197px; float:left; margin:14px 0 5px 14px;}

.homeFeature h3 {width:195px; height:46px; text-indent:-9999px; margin:0;}
#hf1 h3 {background:url(images/home1t.gif) no-repeat 0 0;}
#hf2 h3 {background:url(images/home2t.gif) no-repeat 0 0;}
#hf3 h3 {background:url(images/home3t.gif) no-repeat 0 0;}
.homeFeature p {margin:5px 7px;}

.more {background:url(images/g_more.gif) no-repeat 30% 60%; padding-right:10px; text-decoration:underline; font-size:91%;}
.more:hover{color:#E84A04;}

/* this is a cluster fuck i need to fix with a ul */
#hf4 {width:613px; float:left; margin:14px 0 10px 14px; padding-top:14px; border-top:1px dotted #000;}
#hf4 img {margin:5px 5px 5px 0; float:left;}
.lockUp {float:left; width:490px; margin:5px;}
#hf4 h3 {width:174px; height:22px; background:url(images/home4t.gif) no-repeat 0 0; margin:3px; text-indent:-9999px;}
#hf4 p {margin:3px;}


/*-----sidebar-----*/
.sbDots {background:url(images/bk_sbDots.gif) repeat-x 20% 50%; width:160px; height:20px; margin-left:15px;}
.sidebarUnit {width:145x; margin:10px 15px; font-size:90%;}
.sidebarUnit h2 {font-size:18px; font-weight:bold;}
.sidebarUnit h3 {font-weight:normal; color:#E84A04; margin:-6px 0 -8px 0;}
#sbNews h4 {text-align:center; background:url(images/btn_sb_ReadMore.gif) no-repeat; width:145px; height:27px; text-indent:-9999px;}
#sbDirections h4 {text-align:center; background:url(images/btn_sb_DrivingDirections.gif) no-repeat; width:145px; height:27px; text-indent:-9999px;}


.clearer {clear:both;}
#footer {margin:10px 0; text-align:center; font-size: 85%; color:#999; text-transform: uppercase;}
#footer a {color:#999;}