/*
########################################################################
wertzateria stock css
02.2009
ryan medlin
########################################################################
*/

img, #nav_inner, ul {border:0;margin:0;padding:0;}

body {
text-align:center;margin:0;pading:0;
background: url(graphics/headblue.gif) repeat-x; 
font-size:80%;
font-family:"trebuchet MS",verdana,sans-serif;
color:#666;
line-height:20px;
}


/*
body.noscroll {
overflow-x:auto; overflow-y:hidden;margin-right:15px;
}
*/


#container {
margin: 0 auto;
padding:0;
width:1000px;
text-align:left;
height:1100px;

}

.dd {float:right;width69px;border:0;}
.wertzmark {float:left;}

#nav {
padding:0 0 0 350px;
}


/* NAV ------------------------------------------------------------------*/


#nav_inner {
width: 650px; height: 60px;
background: url(graphics/nav_sprites_650x120.gif) no-repeat;
position: relative;}
#nav_inner li {
margin: 0; padding: 0; list-style: none;
position: absolute; top: 0;}
#nav_inner li, #nav_inner a {
    height: 60px; display: block; overflow:hidden; text-indent:-1024px;}

#portfolio {left: 0; width: 140px;}
#news {left: 140px; width: 100px;}
#stock {left: 240px; width: 100px;}
#shop {left: 340px; width: 90px;}
#about {left: 430px; width: 100px;}
#contact {left: 530px; width: 118px;}


#portfolio a:hover {
background: transparent url(graphics/nav_sprites_650x120.gif) 0 -60px no-repeat;}
#news a:hover {
background: transparent url(graphics/nav_sprites_650x120.gif) -140px -60px no-repeat;}
#stock a:hover {
background: transparent url(graphics/nav_sprites_650x120.gif) -240px -60px no-repeat;}
#shop a:hover {
background: transparent url(graphics/nav_sprites_650x120.gif) -340px -60px no-repeat;}
#about a:hover {
background: transparent url(graphics/nav_sprites_650x120.gif) -430px -60px no-repeat;}
#contact a:hover {
background: transparent url(graphics/nav_sprites_650x120.gif) -530px -60px no-repeat;}


li#portfolio.selected {background: transparent url(graphics/nav_sprites_650x120.gif) 0px -60px no-repeat;}

li#news.selected {background: transparent url(graphics/nav_sprites_650x120.gif) -140px -60px no-repeat;}

li#stock.selected {background: transparent url(graphics/nav_sprites_650x120.gif) -240px -60px no-repeat;}

li#shop.selected {background: transparent url(graphics/nav_sprites_650x120.gif) -340px -60px no-repeat;}

li#about.selected {background: transparent url(graphics/nav_sprites_650x120.gif) -430px -60px no-repeat;}

li#contact.selected {background: transparent url(graphics/nav_sprites_650x120.gif) -530px -60px no-repeat;}


/* END NAV ------------------------------------------------------------------*/


/* Content ------------------------------------------------------------------*/

#col1{width:70px;float:left;padding:220px 0 0 0;font-size:.94em;color:#666;}
#col1 ul {padding:0 20px 0 0;text-align:right;list-style-type:none;}
#col2{width:930px;float:left;margin-top:5px;}
#col2  a {text-decoration:none;color:#1386ac;}
#col2  a:hover {text-decoration:none;color:#00536e;}
#col2 h3, #col1 h3 {font-weight:normal;font-size:18px;}

/* END Content ------------------------------------------------------------------*/

/* Fieldset ------------------------------------------------------------------*/

fieldset{margin:0;padding:0;border:0;}
		label{width:250px; display:block;}
		.txt_input{width:250px; display:block;}
		textarea{height:80px; width:250px;}
		input{display:block;}
		.req{color:#f00;font-size:90%;}
		#form_errors{color:#f00; display:none;}
		#form_thanks{color:#00536e; display:none;}
		
/* END Fieldset ------------------------------------------------------------------*/


/* Footer ------------------------------------------------------------------*/

#footer {padding:25px 0 0 0;}
#footer .legal {font-size:.86em;width:350px;color:#999;float:left;padding-top:13px;}
#footer .phone {
width:350px;
float:right;
background: transparent url(graphics/phone_221x30.gif) top right no-repeat;height:30px;}

/* END Footer ------------------------------------------------------------------*/


/* ClearFix ------------------------------------------------------------------*/

.clearfix:after {  
content: ".";  
display: block;  
clear: both;  
visibility: hidden;  
line-height: 0;  
height: 0;  
}  
            .clearfix { display: inline-block; }  
html[xmlns] .clearfix { display: block;        }  
* html      .clearfix { height: 1%;            }  

/* END ClearFix ------------------------------------------------------------------*/