@charset "UTF-8";
/* CSS Document */



/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}





/* reset some styles */
h1 { font-size:200%; color:#333;   }
h2 { font-size:150%; color:#333;  }
h3 { font-size:120%; color:#333;   }
h1,h2,h3 { margin:0.8em 0 0.5em; }
h1,h2,h3,h4,h5,h6,strong { font-weight:bold; }
em { font-style:italic; }

blockquote,ul,ol,dl { margin:1em; }
ol,ul,dl { margin-left:2.5em; }
ol li { list-style: decimal outside; }
ul li { list-style: disc outside; }







html { height: 100%; }


body {
	background:#FFF;
	text-align:center;
	margin:0;
	padding:0;
	font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-size:12px;

}
hr {
	clear: both;
	height: 1px;
	border: 0;
	margin:0;
	visibility: hidden;
}


a { outline: none; }

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



.left {float:left;}
.right {float:right;}
.clear {clear:both;}



.container {
	width:800px;
	text-align:left;
	margin:0 auto;
}


#header {
	height:98px;
}

#main-nav {
	background:url(../images/nav-bkg.gif) repeat-x center top;
	height:55px;
}


#main-nav a.logo {
	float:left;
	background:url(../images/nw-doc-logo.gif) no-repeat bottom left;
	width:229px;
	height:39px;
	padding:10px 0 0;
	border:none;
}

#main-nav ul {
	float:right;
	list-style:none;
	margin:0;
	padding:0 2px 0 0;
	background:url(../images/nav-div.gif) no-repeat top right;
}

#main-nav ul li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	
}

#main-nav ul li.selected { background:url(../images/nav-bkg.gif) repeat-x center -55px; }

#main-nav ul li.over { background:url(../images/nav-bkg.gif) repeat-x center bottom; }

#main-nav ul li.selected.over { background:url(../images/nav-bkg.gif) repeat-x center -110px; }



#main-nav ul li span {
	background:url(../images/nav-div.gif) no-repeat top left;
	display:block;
	width:2px;
	height:55px;
	float:left;
}

#main-nav ul li a {
	text-indent:-2000px;
	background-position:center center;
	background-repeat:no-repeat;
	height:55px;
	padding:0 8px;
	margin:0 0 0 2px;
	display:block;
}

#main-nav ul li.nav-1 a { background-image:url(../images/nav-1.gif); width:35px; }
#main-nav ul li.nav-2 a { background-image:url(../images/nav-2.gif); width:69px; }
#main-nav ul li.nav-3 a { background-image:url(../images/nav-3.gif); width:57px; }
#main-nav ul li.nav-4 a { background-image:url(../images/nav-4.gif); width:54px; }
#main-nav ul li.nav-5 a { background-image:url(../images/nav-5.gif); width:87px; }
#main-nav ul li.nav-6 a { background-image:url(../images/nav-6.gif); width:60px; }
#main-nav ul li.nav-7 a { background-image:url(../images/nav-7.gif); width:54px; }









#sub-nav {
	background:url(../images/sub-nav-bkg.gif) repeat-x center top;
	height:43px;
	
}
#sub-nav .container {
	text-align:center;
}

#sub-nav ul {
	list-style:none;
	margin:0 auto;
	padding:0;
	background:url(../images/sub-nav-div.gif) no-repeat top center;
		
	left:50%;
	position:relative;
	float:left;
	height:43px;
}

#sub-nav ul li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	background:url(../images/sub-nav-div.gif) no-repeat top left;
	
	
	position:relative;
	right:50%;
}

#sub-nav ul li a:hover { background:url(../images/sub-nav-bkg-over.gif) repeat-x center bottom; }

#sub-nav ul li a.current,
#sub-nav ul li.selected a { background:url(../images/sub-nav-bkg-over.gif) repeat-x center top; }



#sub-nav ul li a {
	color:#FFF;
	line-height:43px;
	margin:0;
	padding:0 15px;
	
	
	display:block;
	width:auto;
	height:43px;
	
	text-decoration:none;
}























#footer {
	clear:both;
	text-transform:uppercase;
	margin:0;
	padding:0;
	text-align:center;
}

#footer p.address {
	padding:5px 0;
	font-size:10px;
	font-weight:bold;
	color:#575757;
}
#footer p.copyright {
	font-size:8px;
	color:#8b8b8b;
}




























.page {
	padding:30px 0;
	
	color:#2c0d0d;
	font-size:14px;
	line-height:16px;
}

.page .images {
	float:left;
	width:50%;
}
.page .images div { margin:0; padding:0 0 14px; border:none; }
.page .images img {
	padding:0;
	margin:0;
}
.page .images div.small { margin:0 14px 0 0; float:left; }



.page .copy {
	float:left;
	width:50%;
}

.page .copy.full {
	float:none;
	width:100%;
}


.page .copy h1 {
	color:#652222;
	font-size:20px;
	margin:0 0 5px;
}
.page .copy h2 {
	color:#652222;
	font-weight:normal;
	font-size:18px;
	margin:0 0 5px;
}
.page .copy p {
	margin-bottom:25px;
}




/* alt */
.page .alt .images { float:right; margin-left: 15px; width:375px;}








/* ----------------------- team ----------------------- */
.page .person .images { width:150px;}
.page .person .copy { width:600px;}

.person { margin:0 0 50px 0; clear:both; }


/* -----------------------    store    ------------------------------- */

#Store {}

h1.big-title {
	color:#652222;
	font-size:20px;
	text-align:center;
	background:url(../images/store/h1-bkg.gif) no-repeat center bottom;
	padding-bottom:2px;
}

#Store .item {
	padding:20px 0;
}

#Store .item .images {
	width:33%;
}

#Store .item .copy {
	width:66%;
}

#Store .item .copy h1 span {
	color:#666;
	font-weight:normal;
}



/* -----------------------    splash    ------------------------------- */
#splash {
	width:829px;
	height:393px;
	background:url(../images/splash/bkg.jpg) no-repeat;
	position:absolute;
	left:50%;
	top:50%;
	
	margin:-196px 0 0 -414px;
}

#splash .top { 
	position:absolute;
	top:15px;
	left:15px;
}

#splash .middle {
	position:absolute;
	top:154px;
	width:829px;
	height:35px;
	background-position:center center;
	background-repeat:no-repeat;
}

#splash #title1 { background-image:url(../images/splash/title1.gif); }
#splash #title2 { background-image:url(../images/splash/title2.gif); display:none; }

#splash .bottom { 
	position:absolute;
	top:193px;
	left:15px;
}











/* -----------------------    gallery    ------------------------------- */

.image-thumb {
	width:118px;
	height:160px;
	float:left;
	background:url(../images/thumb-bkg.gif) no-repeat;
	text-align:center;
}
.image-thumb-small {
	height:118px;
}
.image-thumb img {
	margin:8px 9px 8px 9px;
}

#Gallery h1.big-title.left-a {
	text-align:left;
	background-position:-100px bottom;
}

#Gallery h1.big-title {
	margin-top:40px;
}

#Gallery h2 {
	font-size:14px;
	color:#666;
	font-weight:normal;
}



#News {}

#News h1.big-title {
	text-align:left;
	background-position:-100px bottom;
}

#News h1.big-title span {
	color:#999;
	font-size:14px;
	font-style:italic;
	font-weight:normal;
}

a.more-btn {
	clear:both;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
	background:#F0F0F0;
	padding:5px;
	margin:5px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;

}










/* -----------------------    reg form    ------------------------------- */

.reg-form {
	font-size:12px;
	padding-left:30px;
	width:300px;
}

.reg-form label {
	font-size:10px;
	font-weight:bold;
	color:#666;
	display:block;
	margin-top:5px;
}

.reg-form input {
	font-size:14px;
}
.reg-form input.full {
	width:300px;
}
.reg-form input.half {
	width:145px;
}

.reg-form input.city {
	width:147px;
	margin-right:5px;
}
.reg-form input.state {
	width:80px;
	margin-right:5px;
}
.reg-form input.zip {
	width:50px;
}