/* Northwest Topshots
Designed by Limelight Department:  www.limelightdepartment.com
*/

/*
Color scheme
background: #141414
text: #f4f4f4
accent: #1c6677
*/

/* 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, sub, sup, tt, var,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* GENERAL
------------------------------------------------------------------------------------------------------------------- */
html {
    background: #141414 url(/images/header.jpg) no-repeat 0 0;
    background-position:top center; 
}

body {
    font-family: arial, sans-serif;
}

p, ul, blockquote, form {
    color: #f4f4f4;
}

#content ul {
	margin-left: 10px;	
}

#content li {
	margin-bottom: 10.5px;
}

#header {
	height: 409.5px;
    	
}

blockquote {
    font-style: italic;
}

#form td {
    padding: 5.25px;
}

#galleria{
	width: 850px;
	margin:20px auto;
	height: 400px;
}

a {
    color: #1c6677;
}

a:hover, a:focus {
	color: #eee;
}

.pdf {
    background: url(/images/pdficon_small.gif) no-repeat;
    padding-left: 20px;
}
/* HEADER
------------------------------------------------------------------------------------------------------------------- */
#head_pannel {
    background: url(../images/head_pannel.png) no-repeat -60px 0;
    
    height: 231px;
    margin-top: 42px;
}

#head_pannel p {
    margin-top: 42px;
    font-size: 26.25px;
    letter-spacing: 1px;
    font-weight: bold;
    text-shadow: 4px 4px 7px #000;
}    

#head_video {
    height: 189px;
    margin-top: 21px;    
}

#head_video img, #head_video embed {
    border: 5px solid #333;
    margin-top: -5px;
}

/* NAV
------------------------------------------------------------------------------------------------------------------- */
ul#nav {
    height: 31.5px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    float: right;
    margin-right: -146px;
    text-shadow: 1px 1px 0px #bbb;
}

#wrapper ul#nav li a:hover, ul#nav ul li a:focus{
    background: url(/images/nav_hover.jpg) repeat-x 0 -1px;
    color: #222;
    text-shadow: 1px 1px 0px #ddd;
}


ul#nav li a, ul#nav li{
float: left;
padding: 0;
}

ul#nav li a {
    text-decoration: none;
    padding: 5px 17px 6px 17px;
    color: #323232;
}

ul#nav li{
list-style: none;
position: relative; /* qualifies children for position absolute */
}


/*Sub Menu*/

ul#nav li ul{
display: none;
position: absolute;
left: 0;
top: 100%; /* pushes submenu down immendiately after its parent */
padding: 0;
margin: 0;
text-align: left;
}

ul#nav li:hover > ul{ /* selects only direct children of li:hover */
display: block;
position: absolute;
}

ul#nav li ul li, ul#nav li ul li a{
float: none; /* displays submenu as a block */
background-color: #b9b9b9;
}

ul#nav li ul li{
_display: inline; /* IE6 fix to resolve lined displayed when hovering over submenu */
}

ul#nav li ul li a{
width: 140px; /* width for submenus */
display: block;
}

/* Sub sub menu */

ul#nav li ul li ul{
display: none;

border-left: 1px solid #888;
}

ul#nav li ul li:hover ul {
left: 100%; /* pushes sub menu after right after its parent */
top: 0; /* brings sub menu up */
}

ul#nav li ul li ul li a{

width: 220px; /* width for submenus */
display: block;
}


/* HOME
------------------------------------------------------------------------------------------------------------------- */
#home #content {
    padding-top: 31.5px;    
}

#home #content h2 {
    color: #ccc;

    font-size: 26.25px;
}

#home #content .home_head p{
    font-size: 1.2857142857142858em;
    line-height: 21px;
    color: #ccc;
    text-shadow: 1px 1px 1px #000;
}

#home #content .home_box {
    margin-bottom: 42px;
    margin-top: 42px;
    margin-left: 60px;
    background-color: rgba(256, 256, 256, .01);
}

#home #content .home_box a {
    width: 700px;
     z-index: 1000;
    position: relative;
    height: 168px;
    margin-top: -31px;
    padding-top: 31px;
}

#home #content .home_box:hover h3{
    background-color: #1c6677;
    color: #ececec;
}

#home #content .home_box:hover{
    background-color: #222;
    -moz-box-shadow: 0px 1px 4px #151515;
    -webkit-box-shadow: 0px 1px 4px #151515;
}

#home #content .home_box img {
    width: 220px;
    float: left;
    background-color: #000;
}

#home #content .home_box h3 {
    background-color: #101010;
    width: 220px;
    margin-bottom: 0;
    line-height: 31.5px;
    font-size: 21px;
    color: #a9a9a9;
    text-align: center;
    z-index: 1;
}

#home #content .home_box p {
    font-size: 1.2857142857142858em;
    text-shadow: 1px 1px 1px #000;
    margin-top: -5.25px;
    margin-left: -470px;
    color: #ccc;
    line-height: 26.25px;
    z-index: 1;
}

/* CONTENT
------------------------------------------------------------------------------------------------------------------- */
#breadcrumbs a, #breadcrumbs p{
    color: #555;
    text-decoration: none;
    margin-top: 10.5px;
}

#breadcrumbs a:hover {
    color: #ccc;
    text-decoration: underline;
}

#content {
    background-color: #1b1b1b;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 84px;
    /* background: url(/images/content_background.jpg) #1b1b1b no-repeat 0 0; */
    margin-top: 1px;
    min-height: 400px;
    height: auto;
}

#content h2 {
    font-size: 31.5px;
    color: #ffffff;
}

#about .assoc img{
    margin-top: 21px;
    padding-right: 20px;
}

/* FIND A DEALER
------------------------------------------------------------------------------------------------------------------- */
ul#dealer_list {
    font-size: 13px;
    line-height: 16.75px;
}

/* LOGIN
------------------------------------------------------------------------------------------------------------------- */
#admin th {
    border-right: 1px solid #272727;
    border-left: 1px solid #272727;
    border-bottom: 1px solid #272727;
    background-color: #1c6677;
    padding: 6px 6px 6px 12px;
    color: #bbb;
}

#admin td, #admin tfoot tr {
    border-right: 1px solid #272727;
    border-left: 1px solid #272727;
    border-bottom: 1px solid #272727;
    background: #222;
    padding: 6px 6px 6px 12px;
	color: #bbb;
}

/* TESTIMONIALS
------------------------------------------------------------------------------------------------------------------- */
.testimonial {
    margin-bottom: 63px;
    padding-bottom: 62px;
    border-bottom: 1px solid #222;
}    


/* PRODUCTS
------------------------------------------------------------------------------------------------------------------- */
#products th {
    border-right: 1px solid #272727;
    border-left: 1px solid #272727;
    border-bottom: 1px solid #272727;
    background-color: #1c6677;
    padding: 6px 6px 6px 12px;
    color: #ddd;
}

#products td {
    border-right: 1px solid #272727;
    border-left: 1px solid #272727;
    border-bottom: 1px solid #272727;
    background: #222;
    padding: 6px 6px 6px 12px;
    color: #ddd;
}

div.product_img {
    border: 5px solid #242424;
    width: 270px;
    margin-left: 60px;
    background-color: #333;
    float: left;
}

#products h3 {
    background-color: transparent;
    padding-left: 0;
}

div.product_img p {
    padding: 7.25px;    
}

div.product_img img {
    width: 270px;
}

#accessories .product_img img {
    width: auto!important;
}

#accessories .galleria-container {
    height: 550px!important;
}

.page h3 {
    background-color: #1c6677;
    color: #ececec;
    font-weight: normal;
    font-size: 21px;
    padding-left: 20px;
    line-height: 31.5px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.page .product_desc {
    float: right;
    width: 440px;
    margin-right: 40px;
    background-color: #292929;
    margin-bottom: 42px;
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid rgba(204, 204, 204, .05);
    border-top: none;
}

.page .product_desc p, .page .product_desc ul{
    padding-left: 20px;
    padding-right: 20px;
}

.product_heading h2 {
    margin-bottom: 10.5px;
}

.product_heading p, .page_heading p{
    font-size: 1.2857142857142858em;
    line-height: 21px;
    color: #ddd;
    text-shadow: 1px 1px 1px #000;
}

.product_heading {
    margin-bottom: 52.5px;    
}

#windon .product_heading {
    margin-bottom: 5.25px;    
}

#products #content ul {
    font-size: 21px;
}

#products #content ul a {
    text-decoration: none;
    color: #fff;
    padding: 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#products #content ul a:hover {
    background-color: #1c6677;
}

.page .page_box {
    background-color: #292929;
    margin-bottom: 42px;
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid rgba(204, 204, 204, .05);
    padding-top: 21px;
}

.product_pricing {
    float: right;
    padding-right: 10px;
	text-decoration: none;
}

/* ACCESSORIES
------------------------------------------------------------ */
body#accessories.page .product_desc {
    width: 860px;
}

body#accessories.page .product_desc img {
    float: left;
    margin: 0 20px 20px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #000;
}



/* FOOTER
------------------------------------------------------------------------------------------------------------------- */
#footer {
    background-color: #000;
    height: auto;
    float: left;
}

#footer ul#footer_nav {
    list-style: none;    
    text-align: center;
    margin-top: 21px;
    margin-bottom: 42px;  
}

#footer ul#footer_nav li {
    display: inline;
}

#footer ul#footer_nav a {
    padding: 0 15px;
    text-decoration: none;
}