body {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #fff8f8; background: #000; margin: 0 auto; line-height: 150%;}
img {border: none;}
a {color: #fff; text-decoration: underline;}
a:hover {text-decoration: none;}

#container {width: 950px; margin: 0 auto; position: relative;}
#logo {width: 198px; height: 177px; position: absolute; top: 1px; left: 13px;}

/* Navigation */
#nav-wrap {background: url(images/nav-bg.jpg) no-repeat top left; width: 950px; height: 67px;}
#nav {width: 683px;  height: 23px; background: url(images/nav.jpg); margin-top: 0; margin-right: 30px; margin-top: 30px;  padding: 0; position: relative; float: right;
}

#nav i { visibility: hidden;}
  #nav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;} 
  #nav li, #nav a { height: 23px; display: block; text-decoration: none;}
	
	#nav a:hover {text-decoration:none;}
	
  #about {left: 0px; width: 94px;}
  #womens {left: 126px; width: 166px;}
  #mens {left: 324px; width: 132px;}
  #hats {left: 488px; width: 45px;}
  #contact {left: 565px; width: 118px;}
  
 #about a:hover {
    background: transparent url(images/nav.jpg)
    -0px -23px no-repeat; height: 23px;}
  #womens a:hover {
    background: transparent url(images/nav.jpg)
    -126px -23px no-repeat; height: 23px;}
  #mens a:hover {
    background: transparent url(images/nav.jpg)
    -324px -23px no-repeat; height: 23px;}
  #hats a:hover {
    background: transparent url(images/nav.jpg)
    -488px -23px no-repeat; height: 23px;}
	#contact a:hover {
    background: transparent url(images/nav.jpg)
    -565px -23px no-repeat; height: 23px;}

 #about a.selected {
    background: transparent url(images/nav.jpg)
    -0px -23px no-repeat; height: 23px;}
  #womens a.selected {
    background: transparent url(images/nav.jpg)
    -126px -23px no-repeat; height: 23px;}
  #mens a.selected {
    background: transparent url(images/nav.jpg)
    -324px -23px no-repeat; height: 23px;}
  #hats a.selected {
    background: transparent url(images/nav.jpg)
    -488px -23px no-repeat; height: 23px;}
#contact a.selected {
    background: transparent url(images/nav.jpg)
    -565px -23px no-repeat; height: 23px;}
	
	
/* Home Panels */
#home-panel1 {width: 389px; height: 349px; float:left;}
#home-panel2 {width: 210px; height: 349px; float: left;}
#home-panel3 {width: 351px; height: 349px; float: left;}
#home-section {width: 950px; margin-top: 20px; padding-bottom: 10px; text-align: center; }



/* Interior Panels */
#panel1 {width: 466px; height: 348px; float:left;}
#panel2 {width: 482px; height: 348px; float: left;}
#page-title {font-size: 3.2em; color: #000; font-weight: 200; letter-spacing: .03em; text-transform:uppercase; position: absolute; top: 338px; left: 10px; width: 466px; line-height: normal;}

#interior-panel {width: 950px; height: 347px; background: url(images/interior-bg.jpg) no-repeat top left;}
#interior-panel .content {
	width: 665px;
	height: 256px;
	font-size: 14px;
	text-transform: uppercase;
	overflow: auto;
	position: absolute;
	top: 80px;
	right: 29px;
	padding-right: 10px;
}
#interior-panel h1 {position: absolute; top: 335px; right: 30px; color: #575a59; font-size: 5em; font-weight: 200; text-transform:uppercase;}

.content-head {clear: left; width: 940px; height: 25px; background: url(images/gradient-bar.jpg) no-repeat top left; font-size: 16px; color: #fff; text-transform: uppercase; font-style: italic; font-weight: normal; margin-top: 358px; margin-bottom: 8px; padding-top: 1px; padding-left: 10px; line-height: normal;}

.content-head.interior {margin-top: 10px;}

.column {float: left; width: 230px; margin-right: 10px; padding-bottom: 10px;}
.column-right {float: right; width: 230px; padding-bottom: 10px;}
.column h3, .column-right h3 {font-size: 12px; color: #fff; border: 1px solid #49412b; font-weight: normal; padding: 0px 3px; margin-top: 10px;}
.column.interior h3, .column-right.interior h3 {
	text-transform: uppercase;
	float: left;
	margin-left: 0px;
}
.buy-now {width: 68px; height: 20px; float: left; margin-left: 25px; margin-top: 10px;}

.interior p {clear: both;}

/*Footer */
#footer {width: 950px; padding-top: 20px; font-size: 14px; text-align: center; clear:both; }
#footer a {text-decoration: none;}
#footer a.selected {text-decoration: none; color:#DC3232;}
#copyright {font-size: 11px; margin-top: -5px;}