/*
Style Name:
Style URI:
Description:
Version:0.1
Author:Ryan Imel
Author URI:http://www.aspiringindie.com/
Tags:
*/

/* Body */
body {
    background: url("../images/bg.jpg") no-repeat scroll center top #000;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 12px;
    line-height:18px;
    color:#555;
    height:100%;
}
#wrapper {
    margin:0 auto;
    padding:0;
    position:relative;
    width:972px;
}
#vert{
    height:729px;
}

/* Typography */
h1,h2,h3,h4,h5,h6 {background:url('../images/header.png') center bottom no-repeat;color:#708FC3;font-family:Helvetica, Verdana, Arial, sans-serif;font-size:16px;font-weight:normal;margin:0 0 8px 0;padding:0 0 25px 0;text-transform:uppercase}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#0099cc;text-decoration:none}
p {margin:0 0 11px 0}

/* Colors */
a {color:#7d7d7d;text-decoration:none}

/* Misc. */
div.clear {clear:both}

/* Wrapper */
div.wrap {}

/* Header */
/*div#header h1 {display:none}*/
#header {
    height:79px;
    margin:0 auto;
    padding-left:6px;
    padding-right:6px;
    padding-top:10px;
}
#header #logo {float:left}
#header .right {float:right;color:#708FC3;font-size:14px;padding-top:35px;font-weight:bold;text-transform:uppercase}

#page{
    margin:0 auto;
    width:972px;
}

/* Navigation */
div#nav {
    background:url("../images/menu.png") no-repeat scroll 0 0 transparent;
    font-size:13px;
    height:52px;
    margin:0 auto;
    overflow:hidden;
    padding-left:6px;
    padding-right:6px;
    padding-top:6px;
    position:relative;
    width:960px;
    z-index:9999;
}
div#nav a {color:#d3d3d3;text-decoration:none}
div#nav div.wrap {height:42px}
div#nav ul {width:100%}
div#nav li {
    background:url('../images/nav/left.jpg') left top no-repeat;
    float:left;
    height:42px;
}
div#nav li.first {background:none}
div#nav li a {
    background:url('../images/nav/right.jpg') right top no-repeat;
    display:block;
    height:42px;
}
div#nav li.last a {background:none}
div#nav li a span {
    display:block;
    height:28px;
    overflow:hidden;
    padding:14px 21px 0;
}
div#nav span:hover {cursor:pointer}
div#nav li a:hover span,
div#nav li.current a span {background:url('../images/nav/hover.png') center bottom no-repeat;cursor:pointer}

/* Container */
#container{}
#container .wrap {
    position:relative;
}
#container .content {
    background:url("../images/container.png") no-repeat scroll 0 0 transparent;
    height:388px;
    margin:0;
    padding:3px 9px 0;
    width:954px;
    position:relative;
}
#container .aside{
    background:url("../images/aside.png") no-repeat scroll 0 0 transparent;
    height:140px;
    padding:3px 9px 0;
}
#container .aside .loading{
    display:block;
    margin:55px auto 0;
}
#container .main {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    
    background:url("../images/content.png") repeat scroll left top transparent;
    font-size:13px;
    max-height:310px;
    overflow:hidden;
    padding:22px;
    position:absolute;
    right:0;
    top:30px;
    width:274px;
    z-index:9999;
}
#container .main.large p {
    font-size:16px;
    line-height:22px;
}
#container .main li {margin-bottom:15px}
#container .flyouts {
    background:none repeat scroll 0 0 transparent;
    height:300px;
    left:40px;
    max-height:none;
    overflow:hidden;
    padding:0;
    text-align:center;
    width:894px;
	z-index:99999;
}
ul.flyout li {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background:none repeat scroll 0 0 #1B1B1B;
    display:inline-block;
    margin:0 2px 0 0;
    padding:3px;
    width:210px;
}
*:first-child+html ul.flyout li{
    float:left;
}
ul.flyout h2 {
    background:#f9efe5 url('../images/flyout-down.png') 184px 17px no-repeat;
    margin:-5px 0 0 0;
    padding:14px 14px 10px 14px;
    text-align:left;
}
body.js-on ul.flyout h2 {background:#f9efe5 url('../images/flyout-right.png') 184px 10px no-repeat;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px}
body.js-on ul.flyout h2 a {display:block}
body.js-on ul.flyout h2:hover {cursor:pointer}
body.js-on ul.flyout h2.clicked {-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0}
body.js-on div.hide {display:none}
div.flyouts div.hide {background:#e7e7e7 url('../images/hide.png') center top no-repeat;padding:16px 16px 11px 16px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;overflow:auto;height:104px}
p.button a {background:url('../images/button.png') right top no-repeat;display:block;float:left;padding:0 20px 0 0}

/* Filter */
div#filter {
    background:url("../images/filter.png") repeat scroll left top transparent;
    bottom:-2px;
    height:32px;
    left:6px;
    position:absolute;
    width:960px;
}
div#filter form {background:url('../images/divider.png') right top no-repeat;float:left;margin:5px 10px 0 5px;padding:0 10px 0 0}
div#filter p {float:left;margin:7px 0 0 0}

/* Aside Content */
div.aside {height:131px;}
div.aside li.widget {float:left;height:131px;position:relative}
div.aside li.widget:hover {cursor:pointer}

div.aside li.widget a{
    -moz-border-radius:5px;
    display:block;
    height:131px;
    width:316px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

div.aside li.widget img{}

div.aside li.last {margin:0}
div.aside div.box {
    background:url("../images/widget.png") no-repeat scroll left top transparent;
    bottom:0;
    height:43px;
    left:0;
    padding:13px 0 0 17px;
    position:absolute;
    width:299px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
}
div.aside li.widget h1 {background:none;font-weight:normal;margin:0;padding:0;text-transform:uppercase}
div.aside li.widget h3 {background:none;font-weight:normal;margin:0;padding:0;text-transform:uppercase}

/* Gallery Thumbnails */
li.thumb {background:url('../images/thumb.png') left top no-repeat;height:64px;float:left;margin:0 4px 4px 0;width:115px}
li.thumb.selected {background-image:url('../images/thumb-selected.png')}
div.aside li.last {margin-right:-2px}
li.thumb img {margin:5px;opacity:0.5;filter:alpha(opacity=50);}
li a:hover img,
li.current img {opacity:1;filter:alpha(opacity=100);}

li.hov {
	cursor:pointer;
	color:#fff;
}
/* Footer */
div#footer {
    color:#777777;
    font-size:11px;
    padding:10px 0 0 0;
    overflow:hidden;
}
div#footer p,
div#footer ul {float:left}
p#copyright {margin:0 0 0 15px}
p#credit {margin:0 15px 0 0}
div#footer a {color:#777777;font-weight:normal}
div#footer p#credit {float:right}
div#footer ul {margin:0 0 0 5px}
div#footer li {background:url('../images/footer.png') left top no-repeat;display:inline;margin:0 0 0 5px;padding:0 0 0 7px;}

/* Index page */
#slideshow img,
#slideshow .image {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;

    background-position:center 0 !important;
    background-repeat:no-repeat !important;
/*    height:388px;*/
    margin:0 auto;
    opacity:0.7;
/*    width:950px;*/
    zoom:1;
    filter:alpha(opacity = 70);
    opacity:0.7;
}
#slideshow.gallery img,
#slideshow.gallery .image
{opacity:1;filter:alpha(opacity = 100);}

#slideshow.gallery img.loading{
    display:block;
    height:32px;
    margin:163px auto 0;
    opacity:1;
    width:32px;
}

/* Contact page */
#contact .txt, #contact textarea {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background:none repeat scroll 0 0 #FFFFFF;
    border:medium none;
    margin:0 0 5px;
    padding:2px 5px;
    width:264px;
    color:#000;
}
#contact textarea{
    height:90px;
}
#contact .txt.b,
#contact textarea.b{
    color:#999999;
}

/* Product Type Pages */
#pg-prodtype div#container div.flyouts {
    height:345px;
    position:absolute;
}
#pg-prodtype div#container div.main {top:20px}


ul.slide_arrow{
	margin:6px 10px 0px 0px;
}

ul.slide_arrow li.prev{
	display:inline;
	font-size:14px;
	padding:0 3px 0 10px;
	background:url('/files/images/arrows-prev.png') no-repeat;
	cursor:pointer;
}

ul.slide_arrow li.prev:hover{
	display:inline;
	font-size:14px;
	padding:0 3px 0 10px;
	background-position:0 -14px;
	cursor:pointer;
	color:#fff;
}

ul.slide_arrow li.next {
	padding:0 10px 0 3px;
	display:inline;
	background:url('/files/images/arrows-next.png') no-repeat right top;
	font-size:14px;
	cursor:pointer;
}

ul.slide_arrow li.next:hover{
	color:#fff;
	background-position:right -15px;
}

/*li.prev_span{
	background:url('/files/images/steel-line-arrows-prev.PNG') no-repeat;
}

li.prev_span:hover{
	background:url('/files/images/steel-line-arrows-prev-hover.png') no-repeat;
}


li.prev{
	background:url('/files/images/steel-line-arrows-prev.PNG') no-repeat;
	color:#787775;
	cursor:pointer;
}

li.prev:hover{
	background:url('/files/images/steel-line-arrows-prev-hover.png') no-repeat;
	color:#FFF;
	cursor:pointer;
}

li.next {
	background:url('/files/images/steel-line-arrows-next.PNG') no-repeat right;
	color:#787775;
}

li.next:hover {
	background:url('/files/images/steel-line-arrows-next-hover.png') no-repeat right;
	color:#FFF;
	cursor:pointer;
}

li.prev:hover, li.next:hover {
	color:#FFF;
	cursor:pointer;
}*/