/* @override http://iconheadwear.com/style.css */

/* @override http://iconheadwear.com/style.css */

/*  
Author: Alex Badasci
Author URI: http://www.studiocreek.com
*/

* {
	padding: 0px;
	margin: 0px;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: black;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #69696a;
	line-height: 1.5em;
}
#container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: URL(images/background-gradient.png) top center repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	position:relative;
	height:150px;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#header h1 a {
	position: absolute;
	left: 20px;
	top: 10px;
	padding: 0;
	height: 106px;
	width: 215px;
	background: url(images/logo.png) no-repeat top left;
	text-indent:-99999px;
}


#header .nav {
	position:absolute;
	top:30px;
	right:30px;
	height:50px;
	width:650px;
	border-bottom: 1px solid gray;
	text-align: right;
}

#header .nav li {
	display:inline;
	padding: 0 20px;
}

#header li.current a, #footer li.current a {
	color: #999999;
	font-weight: 900;
}

#header a:hover, #footer a:hover {
	text-decoration: underline;
}

#content {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	min-height:550px
}

#content img {
	padding: 0 20px 0 0;
}


#content h1 {
	font-size:20px
}

#content h2 {
	font-size:16px
}


p {
	font-size: 14px;
	padding:  0 0 1.5em 0;
}

#content p a {
	color: grey;
}



h1, h2, h3, h4 {
	color:#c22e19;
	padding:  0 0 1em 0;
}

#header a, #footer a {
	color: grey;
	text-decoration: none;
}

#gallery {
	min-height: 600px;
}

#gallery li a img {
	float: left;
	width: 150px;
	height: 120px;
	padding: 0px;
	margin: 0 30px 30px 0;
	border: 1px solid #777777;
}

#gallery li {
	list-style-type: none;
}

#promo.innerfade {
	text-align: left;
	width: 520px;
	height: 400px;
	float: left;
}
#promo li {width: 530px;height: 400px; list-style: none;}
#promo li img {padding:0;}

h2.home {
	float: right;
	padding-right: 80px;
}

#footer {
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	position:relative;
	height:100px;
}

#footer .nav {
	position:absolute;
	top:40px;
	right:30px;
	height:40px;
	width:910px;
	border-top: 1px solid gray;
	padding-top: 20px;
	text-align: right;
}

#footer .nav li {
	display:inline;
	padding: 20px;
}


#footer p {
	position:absolute;
	font-size: 12px;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	top: 60px;
}