/*=====================================================
	   Copyright 2009 Fifth Estate Clothing
		    CSS Stylesheet
	       Design by Cole Hendricks 
	   	          of 
	        www.ColeHendricks.com
=======================================================*/







/*=================================================
		Page Attributes
=================================================*/
body {margin: 0 auto; text-align: center; background: url(media/bg.png); background-attachment: fixed;}
ul { list-style: square; }
img { border: none; }
h1, h2, h3, h4, h5, h6 {margin-bottom: 4px;}

a, a:active, a:visited {color: #FFFFFF; text-decoration: underline;}
a:hover {color: #FFFFFF; text-decoration: none;}


#container {width: 900px; margin: 70px auto; text-align: left; border: 2px solid #FFFFFF;}





/*=================================================
		Header
=================================================*/


#header {width: 900px; height: 304px; margin: 0; padding: 0; background: url(media/header.png) no-repeat;}


ul#navigation {float: left; width: 860px; height: 18px; padding: 244px 0 0 160px; margin: 0;} 
ul#navigation li {display: inline;}
ul#navigation li a, ul#navigation li a:visited {float: left; display: inline; height: 18px; line-height: 18px; background: url(media/navigation.png) no-repeat 0 0; padding: 0; text-indent: -999em; }

ul#navigation li#home a {width: 57px; background-position: -130px 0; padding: 0 20px;}
ul#navigation li#home a:hover {background-position: -130px -26px;} 

ul#navigation li#about a {width: 56px; background-position: -229px 0; padding: 0 20px;}
ul#navigation li#about a:hover {background-position: -229px -26px;} 

ul#navigation li#contact a {width: 74px; background-position: -330px 0; padding: 0 20px;}
ul#navigation li#contact a:hover {background-position: -330px -26px;}

ul#navigation li#press a {width: 49px; background-position: -447px 0; padding: 0 20px;}
ul#navigation li#press a:hover {background-position: -447px -26px;} 

ul#navigation li#stockists a {width: 82px; background-position: -539px 0; padding: 0 20px;}
ul#navigation li#stockists a:hover {background-position: -539px -26px;} 

ul#navigation li#shop a {width: 52px; height: 21px; background-position: -665px 0;}
ul#navigation li#shop a:hover {background-position: -665px -26px;}  







/*=================================================
		Content
=================================================*/


#content {width: 900px; background: #000000; margin: 0;} 
#content h1 {font-size: 12px; font-family: Verdana; color: #000000; font-weight: bold;}
#content h2 {font-size: 12px; font-family: Verdana; color: #FFFFFF; font-weight: normal;}
#content h3 {font-size: 12px; font-family: Verdana; color: #FFFFFF; font-weight: bold;}
#content h4 {font-size: 24px; font-family: Georgia; color: #d97a0a; font-weight: bold; margin: 0px;}
#content h5 {font-size: 10px; font-family: Georgia; color: #FFFFFF; font-weight: normal; margin: 0px;}
#content h6 {font-size: 20px; font-family: Verdana; color: #d97a0a; font-weight: normal; margin: 0px;}
#leftside {float: left; width: 670px; background: #000000; padding: 0 0 0 10px;}
hr {color: #000000; background-color: #000000; border: 1px dotted #212121; border-style: none none dotted;}
#formtextfield {border: 0px; height: 27px; width: 200px; background: #FFFFFF; font-family: Arial; color: #000000; font-weight: bold; font-size: 12px; padding: 6px 0 0 3px;}
#formtextarea {border: 0px; height: 200px; width: 200px; background: #FFFFFF; font-family: Arial; color: #000000; font-weight: bold; font-size: 12px; padding: 6px 0 0 3px;}
#rightside {float: right; width: 200px; background: #000000; padding: 0 10px 0 0:}
#mailinglist {display: block; width: 180px; height: 220px; padding: 33px 11px; background: url(media/mailinglist.png) no-repeat; text-align: left;}
#mailinglisttext {border: 0px; height: 27px; width: 130px; background: #FFFFFF; font-family: Arial; color: #000000; font-weight: bold; font-size: 12px; padding: 6px 0 0 3px;}
#clear {clear: both;}






/*=================================================
		Content
=================================================*/
#footer {width: 900px; height: 40px; background: #000000; padding: 0 0 0 0; margin: 0 0 0 0; text-align: center; font-size: 10px; color: #FFFFFF; font-family: Verdana;}