span {display: none;}

#wrapper {
	background-color: black;
	text-align: left;
	width: 864px;
	margin: 0px auto;
}

body {
	background-color: black;
	margin: 0px auto;	
	text-align: center; /* for IE */
}

#header {	
	margin-top: 0px;
	padding-top: 0px;
	height: 200px;
	width: 864px;
}

#logo a{
	background-image: url('images/civilsmith_logo.png'); 
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 0px;
	height: 40px;
	width: 217px;
	float: left
}

#logo a span {
  visibility: hidden;
}

#nav_top a#home {
	background-image: url('images/nav_01.png'); 
	background-repeat: no-repeat;
	height: 20px;
	width: 56px;
	float: left;
	margin: 0px;
	padding: 0px
}

#nav_top a:hover#home {
	background-image: url('images/nav_on_01.png'); 
	background-repeat: no-repeat;
	height: 20px;
	width: 56px;
	float: left;
	margin: 0px;
	padding: 0px

}

#nav_top a#about {
	background-image: url('images/nav_02.png'); 
	background-repeat: no-repeat;
	height: 20px;
	width: 137px;
	float: left;
	margin: 0px;
	padding: 0px
}

#nav_top a:hover#about {
	background-image: url('images/nav_on_02.png'); 
	background-repeat: no-repeat;
	height: 20px;
	width: 137px;
	float: left;
	margin: 0px;
	padding: 0px
}

#nav_top a#about2 {
	background-image: url('images/nav_on_02.png'); 
	background-repeat: no-repeat;
	height: 20px;
	width: 137px;
	float: left;
	margin: 0px;
	padding: 0px
}

#nav_top a:hover#about2 {
	background-image: url('images/nav_on_02.png'); 
	background-repeat: no-repeat;
	height: 20px;
	width: 137px;
	float: left;
	margin: 0px;
	padding: 0px
}

#nav_top a#collections {
	background-image: url('images/nav_03.png'); 
	background-repeat: no-repeat;
	height: 20px;
	width: 109px;
	float: left;
	margin: 0px;
	padding: 0px
}

#nav_top a:hover#collections {
	background-image: url('images/nav_on_03.png'); 
	background-repeat: no-repeat;
	height: 20px;
	width: 109px;
	float: left;
	margin: 0px;
	padding: 0px
}

#nav_top a#collections2 {
	background-image: url('images/nav_on_03.png'); 
	background-repeat: no-repeat;
	height: 20px;
	width: 109px;
	float: left;
	margin: 0px;
	padding: 0px
}

#nav_top a:hover#collections2 {
	background-image: url('images/nav_on_03.png'); 
	background-repeat: no-repeat;
	height: 20px;
	width: 109px;
	float: left;
	margin: 0px;
	padding: 0px
}

#nav_top a#press {
	background-image: url('images/nav_04.png'); 
	background-repeat: no-repeat;
	height: 20px;
	width: 54px;
	float: left;
	margin: 0px;
	padding: 0px
}

#nav_top a:hover#press {
	background-image: url('images/nav_on_04.png'); 
	background-repeat: no-repeat;
	height: 20px;
	width: 54px;
	float: left;
	margin: 0px;
	padding: 0px
}

#nav_top a#press2 {
	background-image: url('images/nav_on_04.png'); 
	background-repeat: no-repeat;
	height: 20px;
	width: 54px;
	float: left;
	margin: 0px;
	padding: 0px
}

#nav_top a:hover#press2 {
	background-image: url('images/nav_on_04.png'); 
	background-repeat: no-repeat;
	height: 20px;
	width: 54px;
	float: left;
	margin: 0px;
	padding: 0px
}

#nav_top a#blog {
	background-image: url('images/nav_05.png'); 
	background-repeat: no-repeat;
	height: 20px;
	width: 50px;
	float: left;
	margin: 0px;
	padding: 0px
}

#nav_top a:hover#blog {
	background-image: url('images/nav_on_05.png'); 
	background-repeat: no-repeat;
	height: 20px;
	width: 50px;
	float: left;
	margin: 0px;
	padding: 0px
}

#nav_top a#contact {
	background-image: url('images/nav_06.png'); 
	background-repeat: no-repeat;
	height: 20px;
	width: 80px;
	float: left;
	margin: 0px;
	padding: 0px
}

#nav_top a:hover#contact {
	background-image: url('images/nav_on_06.png'); 
	background-repeat: no-repeat;
	height: 20px;
	width: 80px;
	float: left;
	margin: 0px;
	padding: 0px
}

#nav_top a#retailers {
	background-image: url('images/nav_07.png'); 
	background-repeat: no-repeat;
	height: 20px;
	width: 115px;
	float: left;
	margin: 0px;
	padding: 0px
}

#nav_top a:hover#retailers {
	background-image: url('images/nav_on_07.png'); 
	background-repeat: no-repeat;
	height: 20px;
	width: 115px;
	float: left;
	margin: 0px;
	padding: 0px
}

#nav_top a#retailers2 {
	background-image: url('images/nav_on_07.png'); 
	background-repeat: no-repeat;
	height: 20px;
	width: 115px;
	float: left;
	margin: 0px;
	padding: 0px
}

#nav_top a:hover#retailers2 {
	background-image: url('images/nav_on_07.png'); 
	background-repeat: no-repeat;
	height: 20px;
	width: 115px;
	float: left;
	margin: 0px;
	padding: 0px
}


#about_content {
	background-image: url('images/who_is_bg.jpg'); 
	background-repeat: no-repeat;
	margin-left:10px;
	margin-top: -150px;
	height: 573px;
	width: 806px;
	float: left
}

#contact_content {
	background-image: url('images/contact.jpg'); 
	background-repeat: no-repeat;
	margin-left:10px;
	margin-top: -150px;
	height: 573px;
	width: 806px;
	float: left
}

#contact_info {
	margin-left:50px;
	margin-top: 75px;
}

#press_content {
	background-image: url('images/press_bg.jpg'); 
	background-repeat: no-repeat;
	margin-left:10px;
	margin-top: -150px;
	height: 573px;
	width: 806px;
	float: left
}

#retailers_content {
	background-image: url('images/wheretobuy_bg.jpg'); 
	background-repeat: no-repeat;
	margin-left:10px;
	margin-top: -150px;
	height: 573px;
	width: 806px;
	float: left
}

#retailers {
	margin-left:5px;
	margin-top: 20px;
	height: 500px;
	width: 815px;
	overflow: auto;
	float: left;
}

#retailers2_content {
	background-image: url('../images/globe.jpg'); 
	background-repeat: no-repeat;
	margin-top: -150px;
	height: 537px;
	width: 806px;
	float: left; font-style:normal !important; font-variant:normal !important; font-weight:normal !important
}
	#retailers2 { 
		height: 485px;
		overflow: auto;
	}
		#retailers2 ul { font-size: 18px; text-align: left; }
			#retailers2 li { color: #fff; display: block; padding: .5em 0; list-style: none; }
				#retailers2 a { color: #fff; text-decoration: none; text-transform: uppercase; }
				#retailers2 a:hover { color: #800; }
			.alignright {float:right;}
			.clear {clear: both;}
				
hr.clear { height: 0; margin: 0; padding: 0; border: none; clear: both; visibility: hidden; }

#info {
	float: left;
	margin-left: 25px;
	margin-top: 0px;
}

#nav {
	margin-left: 550px;
	margin-top: 75px;
}

#press {
	float: left;
	margin-left: 40px;
	margin-top: 25px;
	width: 800px;
}

#retailers_content p {
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: white;
	line-height: 15px;
}

/* Home Page */
#content_home {	
	margin-top: -150px;
	margin-left: -30px;
	height: 573px;
	width: 806px;
}
div#rotator {
	position:relative;
	height:576px;
}
div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
div#rotator ul li.show {
	z-index:500
}
a img, a, img { border: none; }

#content_collections1 {
	background-image: url('images/collection_main.jpg'); 
	background-repeat: no-repeat;
	margin-left:10px;
	margin-top: -150px;
	height: 573px;
	width: 806px;
	float: left
}

#content_collections_men {
	background-image: url('images/men_bg.jpg'); 
	background-repeat: no-repeat;
	margin-left:10px;
	margin-top: -150px;
	height: 573px;
	width: 806px;
	float: left
}

#content_collections_women {
	background-image: url('images/women_bg.jpg'); 
	background-repeat: no-repeat;
	margin-left:10px;
	margin-top: -150px;
	height: 573px;
	width: 806px;
	float: left
}

#description {
	background-image: url('images/desc_men.jpg'); 
	background-repeat: no-repeat;
	margin-left:10px;
	margin-top: -150px;
	height: 573px;
	width: 806px;
	float: left
}

#content2 {
	margin-left: 65px;
	margin-top: 0px;
	height: 200px;
	width: 500px;
	float: left;
}

#category {
	margin-left: 0px;
	margin-top: -45px;
	height: 59px;
	width:800px;
	float: left;
}

#box {
	margin-left: 25px;
	margin-top: 0px;
	height: 200px;
	width: 600px;
	float: left;
}



#links a{
	color: #000000;
}

#img {
	margin-left: 0px;
	margin-top: -50px;
	height: 200px;
	width: 200px;
	float: left;
}
	
#item {
	margin-left: 0px;
	margin-top: 10px;
	padding: 0px;
	height: 145px;
	width: 125px;
	float: left;
	text-align: center;
}

#item a{
	color: #000000;
	text-decoration: none;
}

#item a:hover{
	color: #000000;
	text-decoration: underline;
}

#about {
	margin-left: 100px;
	margin-top: -25px;
	height: 300px;
	width: 600px;
	float: left;
	overflow: auto;
}

#image_large {
	margin-left: 90px;
	margin-top: 15px;
	height: 468px;
	width: 311px;
	float: left;
}

#textbox {
	line-height: 2px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 8px;
	margin-left: 25px;
	margin-top: 24px;
	height: 195px;
	width: 264px;
	float: left;
	padding-left: 15px;
	background-image: url('images/tran_box.png'); 
	background-repeat: no-repeat
}
	
#who_is2 {	
	margin-left: 35px;
	margin-top: 20px;
}

#who_is p{
	color: white;
	line-height: 15px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	margin-left: 58px;
	margin-top: -20px;
	height: 195px;
	width: 650px;
}

#thumbs {	
	margin-left: 426px;
	margin-top: -335px;
	height: 195px;
	width: 264px;
	float: left;
}

#views {
	margin-left: 98px;
	margin-top: 490px;
	height: 75px;
	width: 264px;
}

#links{	
	margin-left:142px;
	margin-top: 0px;
	width: 250px;
	float: left;
	padding: 0px;
	
}

#links2{
	margin-left: 90px;
	margin-top: 0px;
	width: 250px;
	float: left;
	padding: 0px;
}

#product_desc{
	margin-left: 350px;
	margin-top: -220px;
	height: 200px;
	width: 400px;
	float: left;
}

#navbar {
	text-align: left;
	background-repeat: no-repeat;
	background-image: url('images/nav_bg.png');
	width: 130px;
	height: 370px;
	margin-left: 50px;
	margin-top: 25px;
	float: left
}

ul#mainnav {
	color: white;
	font-size: 10px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	list-style: none;
	padding-top: 0px;
	padding-left: 20px;
	line-height: 20px;
}

ul#mainnav li a:link, ul#mainnav li a:visited   {
	color: #ffffff;
	text-decoration: none;
}

ul#mainnav li a:hover {
	text-decoration: underline;
}

#nav_top {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 20px;
	padding: 0;
	width: 620px;
	height: 20px;
	float: left;
}

#nav_top ul{
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0;
	list-style: none;
	float: left;
}

#nav_top li {	
	float: left;
	list-style: none;
}

#sub_content {
		background-repeat: no-repeat;
		background-image: url('images/content.png');
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		width: 634px;
		height: 345px;
		padding-top: 25px;
		padding-left: 35px;
		margin-top: 0px;
		margin-left: 170px;
		margin-bottom: 30px		
}
	
#footer{
	background-repeat: no-repeat;
	background-image: url('images/copy.png');
	width: 420px;
	height: 65px;
	padding: 0;
	margin-left: 325px;
	margin-top: 10px;
	float: left
}

#content_collections1 a#men{
	background-repeat: no-repeat;
	background-image: url('images/men.png');
	width: 57px;
	height: 30px;
	padding: 0;
	margin: 0px auto;
	float: left
}

#content_collections1 a:hover#men{
	background-repeat: no-repeat;
	background-image: url('images/men_on.png');
	width: 57px;
	height: 30px;
	padding: 0;
	margin: 0px auto;
	float: left
}

#content_collections1 a#women{
	background-repeat: no-repeat;
	background-image: url('images/women.png');
	width: 75px;
	height: 30px;
	padding: 0;
	margin: 0px auto;
	float: left
}

#content_collections1 a:hover#women{
	background-repeat: no-repeat;
	background-image: url('images/women_on.png');
	width: 75px;
	height: 30px;
	padding: 0;
	margin: 0px auto;
	float: left
}

#men_content {
	margin-top: 25px;
	margin-left: 20px;
	height: 500px;
	width:800px;
    float: left;
}

#collection_title {
	background-image: url('images/collection_title.png'); 
	background-repeat: no-repeat;
	margin-top: 85px;
	margin-left: 235px;
	height: 24px;
	width:199px;
	float: left
}

#collection_title2 {
	background-image: url('images/collection_title_holiday.png'); 
	background-repeat: no-repeat;
	margin-top: 87px;
	margin-left: 210px;
	height: 24px;
	width:244px;
	float: left
}


#collection_title_spring2010 {
	background-image: url('images/collection_title_spring2010.png');
	background-repeat: no-repeat;
	margin-top: 93px;
	margin-left: 208px;
	height: 11px;
	width:200px;
	float: left
}

#collection_links {
	margin-top: 85px;
	margin-left: 0px;
	height: 24px;
	width:175px;
	float: left;
}

#collection_links a:hover#men{
	background-image: url('images/collection_title_on_02.png'); 
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 0px;
	height: 24px;
	width:63px;
	float: left
}

#collection_links a#men{
	background-image: url('images/collection_title_on_02.png'); 
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 0px;
	height: 24px;
	width:63px;
	float: left
}

#collection_links a:hover#women{
	background-image: url('images/collection_title_on_03.png'); 
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 0px;
	height: 24px;
	width:105px;
	float: left
}

#collection_links a#women{
	background-image: url('images/collection_title_03.png'); 
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 0px;
	height: 24px;
	width:105px;
	float: left
}

#collection_links1 a:hover#men{
	background-image: url('images/collection_title_on_02.png'); 
	background-repeat: no-repeat;
	margin-top: 85px;
	margin-left: 0px;
	height: 24px;
	width:63px;
	float: left
}

#collection_links1 a#men{
	background-image: url('images/collection_title_02.png'); 
	background-repeat: no-repeat;
	margin-top: 85px;
	margin-left: 0px;
	height: 24px;
	width:63px;
	float: left
}

#collection_links1 a:hover#women{
	background-image: url('images/collection_title_on_03.png'); 
	background-repeat: no-repeat;
	margin-top: 85px;
	margin-left: 0px;
	height: 24px;
	width:105px;
	float: left
}

#collection_links1 a#women{
	background-image: url('images/collection_title_on_03.png'); 
	background-repeat: no-repeat;
	margin-top: 85px;
	margin-left: 0px;
	height: 24px;
	width:105px;
	float: left
}

#back {
	margin-left: 250px;
	margin-top: 50px;
	width: 125px;
}

#back2 {
	margin-left: 250px;
	margin-top:200px;
	width: 125px;
}

p {
	line-height: 17px;
	letter-spacing: 1px;
	color: #000000;
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}
	
ul.content {
	line-height: 17px;
	letter-spacing: 2px;
	color: #faffb0;
	font-size: 11px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	width: 525px;
}

h3 {font-family: verdana, sans-serif;}
h2 {font-family: Georgia, "Times New Roman", Times, serif;}
h5 {font-family:  Verdana, Helvetica, Arial, sans-serif; letter-spacing: 2px; font-size: 11px}