/*== global ==*/
*{margin:0;padding:0;}
#affiiliate {display: none;} /* Spreadshirt specific */
:focus {outline:0;}  /* to keep Firefox from putting that dotted line around */
.clear {clear:both;}
/*== end global ==*/

body {
	margin: 0; 
	padding: 0;
	color:#ddd;
	font-family: 'Droid Sans', Tahoma, Arial, Verdana, sans-serif;
	font-size: 0.8em;
	background:url(images/bg_tile.gif) repeat-x top center;
	background-color: #000000;}

/*=== Main div setup ===*/
#container {
	width: 880px;	
	margin:0 auto;
	padding: 0px;
	border:3px solid #000;
	border-top:0px;
	background-color:#000000;
	}
	
#content {
	background-color:#000000;
	background-image:url(images/body_bg.jpg);
	background-repeat:no-repeat;
	background-position: right top;
	margin:0;
	padding:0;
	min-height:575px;
  	height:auto !important;
  	height:575px;
}

#bottom {
	clear:both;
	margin:.65em auto;
	text-align:center;
	font-size:11px;
	font-family:Tahoma, Arial, sans-serif;
	font-style:normal;
	line-height:2;
	letter-spacing: 0.45em;
	color: #06443F;}

#header {
	height:97px;
	padding:0 0 0 0;
	background:url(images/header.gif) no-repeat 0 0;
	width:100%;}
	
#header h1 {
	margin:0px;
	text-indent:-9999px;}


/*==== h setup ====*/
h1, h2, h3, h4, h5, h6 {font-weight:400;margin:0;padding:0;}
h1 {font-size:160%;}
h2 {font-size:100%;}
h1, h3 {color:#008f83;}
h4 {color:#ddd;font-weight:normal;padding-left:12px;line-height:1.3;}


/*=== links setup ===*/
a:link, a:visited {
	color:#008f83;
	text-decoration:underline;}

a:hover, a:active {
	color:#ddd;}

#content a:link, #content a:visited {
	color:#ddd;
	text-decoration:none;
	border-bottom:1px solid #008f83;}

#content a:hover, #content a:active {
	color:#ddd;
	text-decoration:none;
	border-bottom:1px solid #ffffff;}

a img {border:none;}

.h1link {color:#008f83;text-decoration:none !important;}

/*======= NAV BAR ========*/	

#navbar {
	height:42px;
	margin:0 0 0;
	padding:0;
	width:100%;}
	
#navbar ul {
	background:transparent url(images/navbar2.jpg) 0 0 no-repeat;
	display:block;
	height:42px;
	list-style-type:none;
	margin:0 auto;
	padding:0;
	position:relative;
	width:880px;}
	
#navbar li {display:block;float:left;cursor:pointer;cursor:hand;}
#navbar ul li a {display:block;height:42px;text-indent:-9999px;}
#navhome a:hover { background:transparent url(images/navbar2.jpg) 0px -42px no-repeat;}
#navcal a:hover { background:transparent url(images/navbar2.jpg) -114px -42px no-repeat;}
#navshop a:hover { background:transparent url(images/navbar2.jpg) -242px -42px no-repeat;}
#navcustom a:hover { background:transparent url(images/navbar2.jpg) -354px -42px no-repeat;}
#navfaq a:hover { background:transparent url(images/navbar2.jpg) -461px -42px no-repeat;}
#navcontact a:hover { background:transparent url(images/navbar2.jpg) -525px -42px no-repeat;}
#navfacebook a:hover { background:transparent url(images/navbar2.jpg) -739px -42px no-repeat;}
#navtwitter a:hover { background:transparent url(images/navbar2.jpg) -781px -42px no-repeat;}
#navgplus a:hover { background:transparent url(images/navbar2.jpg) -823px -42px no-repeat;}

/* these come after to override. */
#navhome a:active, body#home #navbar li#navhome a { background:transparent url(images/navbar2.jpg) 0px -84px no-repeat;cursor:default;}
#navcal a:active, body#cal #navbar li#navcal a { background:transparent url(images/navbar2.jpg) -114px -84px no-repeat;cursor:default;}
#navshop a:active, body#clothes #navbar li#navshop a { background:transparent url(images/navbar2.jpg) -242px -84px no-repeat;cursor:default;}
#navcustom a:active, body#custom #navbar li#navcustom a { background:transparent url(images/navbar2.jpg) -354px -84px no-repeat;cursor:default;}
#navfaq a:active, body#faq #navbar li#navfaq a { background:transparent url(images/navbar2.jpg) -461px -84px no-repeat;cursor:default;}
#navcontact a:active, body#contact #navbar li#navcontact a { background:transparent url(images/navbar2.jpg) -525px -84px no-repeat;cursor:default;}
#navfacebook a:active, body#facebook #navbar li#navfacebook a { background:transparent url(images/navbar2.jpg) -739px -84px no-repeat;cursor:default;}
#navtwitter a:active, body#twitter #navbar li#navtwitter a { background:transparent url(images/navbar2.jpg) -781px -84px no-repeat;cursor:default;}
#navgplus a:active, body#gplus #navbar li#gplus a { background:transparent url(images/navbar2.jpg) -823px -84px no-repeat;cursor:default;}

#navhome { left:0px; width:114px;}
#navcal { left:114px; width:128px;}
#navshop { left:242px; width:112px;}
#navcustom { left:354px; width:107px;}
#navfaq { left:461px; width:64px;}
#navcontact { left:525x; width:116px;}
#navblank {left:641; width:98px;}
#navfacebook {left:739px; width:42px;}
#navtwitter {left:781px; width:42px;}
#navgplus {left:823px; width:57px;}

/*=== End Nav Bar -===*/


