/* Reset and Fonts
----------------------------------------------*/



/* Pull them into this stylesheet 
when done with the project */


/* Global Tag Definitions */
@import url("globals.css");







/* layout
----------------------------------------------*/



html {
	background: black;
}

body, #wrapper {
	background: #000 url(../images/body-bg.jpg) repeat-y top center;
	color: #e2e1e1;
	
/* 	color: #fff; */
	font-family: arial, clean, sans-serif;
	font-size: 14px;
/* 	overflow: hidden; */
}

#wrapper,
#footer {
	margin: 0 auto;
	width: 974px;
}

#wrapper {
	min-height: 632px;
}

#content-container {
	width: 577px;
	float: right;
}

.content {

}

#col-container {
	width: 344px;
	float: left
}

#col img#logo {
	margin: 79px 0 120px 0;
}

#nav {
	text-align: center;
	margin: 28px 0 0 0;
}

#nav li {
	display: inline;
	padding: 0 8px;
	border-right: 1px solid #1a1a1a;
	line-height: 13px;
	font-size: 13px;
}

#nav li.last {
	border-right: none;
}

#locator-link {
	text-align: center;
	margin-top: 28px;
}

#footer-container {
	clear: both;
	background-color: #000;
	padding: 0 0 900px 0;
}

#footer {
	padding: 46px 0 0 0;
}

#footer img {
	float: left;
	margin-left: 105px;
}

#footer #form {
	width: 577px;
	float: right;
/* 	margin-right: 55px; */
}

#footer label {
/*	display: none;*/
	font-size: 13px;
	padding-right: 5px;
}

#footer select, 
#footer #zip,
#footer span.or {
	margin-right: 15px;
	vertical-align: middle;
}

#footer #zip {
	padding-left: 5px;
	width: 70px;
	height: 14px;
	font-size: 11px;

}

#footer #submit {
	vertical-align: bottom;
}

#footer #results {
	clear: both;
	width: 577px;
	float: right;
	padding: 46px 0 0 0;
	display: none;
}

#footer h2 {
	text-align: left;
	margin-bottom: 46px;
	
}

#footer .vcard {
	font-size: 12px;
	margin-bottom: 23px;
	width: 192px;
	float: left;
}

#footer .vcard div  {
	line-height: 1.4em;
}

#footer .vcard .org  {
	font-weight: bold;
}

#footer .vcard .type {
	display: none;
}


/* Global Tags
----------------------------------------------*/


body {
	
}

p, h1 {
	margin: 0 0 24px 0; 
}

/* TODO_SPH Look up why Eric Myer users line-height: 1 in reset. */

p, li, span, strong, label, a {
	line-height: 1.53em;
}


/*----------- Headings */

h1, h2 {
	letter-spacing: 0.06em;
	line-height: 1em;
	font-weight: normal;
}

h1 {
	font-size: 18px;
	white-space: nowrap;
}

h2 {
	font-size: 18px;
	text-align: center;

}



/*----------- Text Formatting */


strong {
	font-weight: bold;
}
em {
	font-style: italic;
}








/* Links
----------------------------------------------*/


/*----------- Global Links */


a:link {
	color: #e2e1e1;
	text-decoration: underline;
}
a:visited {
	color: #e2e1e1;
	text-decoration: underline;
}
a:hover {
	color: #e2e1e1;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

a:focus {
	outline: none;
}


/*----------- Nav Links */


#nav a:link {
	color: #e2e1e1;
	text-decoration: none;
}
#nav a:visited {
	color: #e2e1e1;
	text-decoration: none;
}
#nav a:hover {
	color: #f06a36;
	text-decoration: none;
}
#nav a:active {
	text-decoration: none;
}

#nav a.current {
	color: #f06a36;
}





/* Pages
----------------------------------------------*/


/* ! --------- Shared stuff --------- */

#story, 
#specs,
#contents {
	margin-top: 76px;
}

#specs ul,
#contents ul {
	width: 192px;
	float: left;
	font-size: 15px;
	padding-bottom: 24px;
	margin-bottom: 0;
}

#specs ul li,
#contents ul li {
	padding-bottom: 11px;
	font-size: 12px;
}

#specs ul li.last,
#contents ul li.last {
	padding-bottom: 0;
}



/* ! --------- Specs --------- */



#specs p.leading {
	font-size: 19px;
}

#specs h1 {
	padding: 24px 0;
	margin: 24px 0;
	border-top: 1px solid #57595b;
	border-bottom: 1px solid #57595b;
}

#specs #duel {
	clear: both;
	padding: 24px 0 24px 0;
	border-top: 1px solid #57595b;
	font-size: 12px;
}

#duel img {
	float: left;
}

#duel p {
	margin-left: 93px;
}


/* ! --------- Contents --------- */






#contents ul {
	padding: 48px 0 20px 0;
}



/* ! --------- Photos --------- */

#photos #thumbs {
	padding: 70px 0 18px 0;
}

#photos #thumbs li {
	float: left;
	margin: 0 32px 0 0;
}

#photos #thumbs li.last {
	margin: 0;
}

#large {
	width: 577px;
	height: 423px;
}

/* Misc. classes and tools
----------------------------------------------*/

.clear {
	clear: both;
}

.clearfix:after {	/* make sure IE gets its style in ltie7.css */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.zero-top {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
.zero-bottom {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.zero-left {
	margin-left: 0 !important;
	padding-left: 0 !important;
}
.zero-right {
	margin-right: 0 !important;
	padding-right: 0 !important;
}
.align-right {
	text-align: right !important;
}
.align-left {
	text-align: left !important;
}
.float-left {
	float: left !important;
}
.float-right {
	float: right !important;
}
.hide {
	display: none !important;
}
.highlight {
	color: #eb7100 !important;
}
ul.bullet li {
	padding: 0 0 0 10px;
	background: url(../images/bullet.gif) no-repeat center left;
}
ul.no-bullet li {
	padding: 0;
	background-image: none;
}



/*----------- Forms */


/* Take some stuff from magento */

input[type=text], input[type=password], textarea {
	border: 1px solid #333;
	background: #555;
	color: #fff;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
	border: 1px solid #333;
	color: #000;
	background: #DEDEDE;
}
form {
}
fieldset {
}
legend {
}
label {
}
input {
}
textarea {
}
input, textarea {
}
select {
}
optgroup {
}
option {
}





/* ! JQuery Tools ------------------------------------------------------------------------- */

.fadein {

}