/*
Theme Name: Aztec WP Template
Theme URI: 
Description: Wordpress theme created for Aztec
Version: 1.0
Author: Vincent Rafols
Author URI: http://oxzenmedia.com
Tags: 
*/
*{
margin: 0;
padding: 0;
}
body {
font-size: 14px;
color: #ccc;
text-align: left;
line-height: 20px;
font-family: Verdana, Tahoma, Helvetica, Arial, "Trebuchet MS", sans-serif;
background: #000000 url(images/vd_bg.jpg) no-repeat fixed top center;		/* For a scrolling background, remove "fixed" */
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#main_wrapper {
overflow: hidden;
}
#wrapper {
margin: 0 auto;
width: 980px;
}
#left_pillar {
float: left;
margin: 260px 0 0 -97px;
width: 95px;
background: transparent url(images/pillars.png) repeat-y top left;  
}
#right_pillar {
float: right;
margin: 260px -96px 0 0;
width: 95px;
background: transparent url(images/pillars.png) repeat-y top right; 
}
#body_wrap {
float: left;
padding: 0 10px;
width: 960px;
background: transparent url(images/body_wrap_bg.png) repeat-y center top; 
}
#left_pillar, #right_pillar, #body_wrap {
padding-bottom: 9999px;
margin-bottom: -9999px;
}
#left_flame {
float: left;
margin-left: -170px;
width: 170px;
height: 260px;
background: transparent url(images/left_flame_bg.png) no-repeat right;
}
#right_flame {
float: right;
margin-right: -170px;
width: 170px;
height: 260px;
background: transparent url(images/right_flame_bg.png) no-repeat right;
}
#header{
width: 960px;
height: 135px;
background: transparent url(images/topbanner_vday_can5.jpg) no-repeat top center;
}
#logo {
float: left;
margin: 30px 0 0 30px;
}
/* --------------- menu --------------- */
#navbar{
margin-bottom: 10px;
padding: 0 8px;
height: 45px;
width: 944px;
background: transparent url(images/menu_bg.jpg) no-repeat top center;
}
#menu {
margin: 0 auto;
height: 45px;
background: transparent url(images/menu.png) no-repeat top center;
overflow: hidden;
}
#menu li {
float: left;
display: block;
list-style: none;
}
#menu li a {
display: block;
height: 45px;
text-indent: -999px;
}
#menu li a.home {
width: 118px;
}
#menu li a.home:hover, #menu li.current a.home {
background: transparent url(images/menu_hover.png) no-repeat left top;
background-position: -8px 0;
}
#menu li a.products {
width: 146px;
}
#menu li a.products:hover, #menu li.current a.products {
background: transparent url(images/menu_hover.png) no-repeat left top;
background-position: -126px 0;
}
#menu li a.faq {
width: 99px;
}
#menu li a.faq:hover, #menu li.current a.faq {
background: transparent url(images/menu_hover.png) no-repeat left top;
background-position: -272px 0;
}
#menu li a.news {
width: 112px;
}
#menu li a.news:hover, #menu li.current a.news {
background: transparent url(images/menu_hover.png) no-repeat left top;
background-position: -371px 0;
}
#menu li a.webstore {
width: 203px;
}
#menu li a.webstore:hover, #menu li.current a.webstore {
background: transparent url(images/menu_hover.png) no-repeat left top;
background-position: -483px 0;
}
#menu li a.photos {
width: 127px;
}
#menu li a.photos:hover, #menu li.current a.photos{
background: transparent url(images/menu_hover.png) no-repeat left top;
background-position: -686px 0;
}
#menu li a.contact {
width: 136px;
}
#menu li a.contact:hover, #menu li.current a.contact {
background: transparent url(images/menu_hover.png) no-repeat left top;
background-position: -813px 0;
}
/* --------------- top banner --------------- */
#top_banner {
margin: 5px 10px;
padding: 10px;
width: 920px;
height: 280px;
background: transparent url(images/top_banner_bg.jpg) no-repeat top left;
}
#left_banner {
float: left;
width: 320px;
height: 280px;
}
#right_banner #slides a{
    position: relative;
}
#right_banner #slides a img{
    position: absolute;
}
#right_banner {
float: right;
width: 590px;
height: 280px;
overflow: hidden;
position: relative;
}
#controls {
position: absolute;
bottom: 10px;
right: 10px;
/*margin: -60px 10px 0 10px;*/
/*height: 40px;*/
text-align: right;     
z-index: 1;
}
#controls img {
height: 12px;
width: 12px;
margin-left: 3px;
border: #000000 solid 1px; 
opacity: .50;
filter: alpha(opacity=50);
}
#controls .jFlowSelected img, #controls img:hover {
border: #ff6633 solid 1px;
opacity: 1;
filter: alpha(opacity=100);
}
/* --------------- featured products --------------- */
#featured_products {
margin: 10px 10px;
width: 940px;
height: 260px;
background: #201d1d;
}
#product_menu {
margin: 0 auto;
width: 940px;
height: 40px;
background: transparent url(images/products_menu_bg.jpg) no-repeat center top;
overflow: hidden;
}
#product_menu li {
float: left;
display: block;
padding: 0 17px 0 15px;
list-style: none;
height: 40px;
background: transparent url(images/menu_seperator.png) no-repeat right center;
}
#product_menu li.more {
background: transparent;
}
#product_menu li a {
display: block;
margin-top: 12px;
height: 14px;
padding: 3px 3px 0 3px;
}
#product_menu li a:hover {
line-height: 2px;
}
#product_container {
margin: 10px;
width: 920px;
height: 200px;
overflow: hidden;
}
#left_button {
float: left;
margin-right: 5px;
width: 30px;
height: 200px;
background: transparent url(images/left_button.jpg) no-repeat top left;
}
#left_button:hover {
background: transparent url(images/left_button.jpg) no-repeat top right;
cursor: pointer;
}
#right_button {
float: right;
margin-left: 5px;
width: 30px;
height: 200px;
background: transparent url(images/right_button.jpg) no-repeat top left;
}
#right_button:hover {
background: transparent url(images/right_button.jpg) no-repeat top right;
cursor: pointer;
}
#products {
width: 850px /*!important*/;
height: 200px;
overflow: hidden;
}
#products a.product {
display: block;
float: left;
margin: 0 5px;
width: 160px;
height: 200px;
background: #000;
overflow: hidden;
text-decoration: none;
}
#products a.product img {
margin: 10px 10px 0 10px;
border: 3px solid #201d1d;
}
#products a.product img:hover {
border: 3px solid #ee3124;
}
#products a.product span.details {
margin-top: 3px;
display: block;
color: #ccc;
font-size: 12px;
line-height: 10px;
text-align: center;
}
#products a.product span.price {
display: block;
color: #ee3124;
text-align: center;
}
/* --------------- bottom banner, news and video links--------------- */
#bottom_banner {
float: left;
margin-left: 10px;
padding: 10px;
width: 610px;
height: 280px;
background: #000 url(images/bottom_banner_bg.png) no-repeat top left;
}
#latest_news {
float: right;
margin-right: 10px;
padding:40px 10px 10px;
width:280px;
height: 150px;
background: transparent url(images/latest_news_bg.jpg) no-repeat top left;
}
#latest_news .news small {
float: left;
margin: 5px 10px 0 0;
width: 65px;
color: #d97014;
font-size: 12px;
}
#latest_news .news h5 a {
float: left;
width: 185px;
margin-top: 5px;
color: #ccc;
font-weight: normal;
text-decoration: none;
font-size: 12px;
text-align: left;
}
#latest_news .news h5 a:hover {
text-decoration: underline;
}
#video_links {
float: right;
margin: 10px 10px 0 0;
width: 300px;
height: 90px;
}
#video_links #video_one {
float: left;
display: block;
padding: 10px;
width: 125px;
height: 70px;
background: transparent url(images/video_bg.jpg) no-repeat top left;
}
#video_links #video_two {
float: right;
display: block;
padding: 10px;
width: 125px;
height: 70px;
background: transparent url(images/video_bg.jpg) no-repeat top left;
}
#video_links #video_one img, #video_links #video_two img {
opacity: .50;
filter: alpha(opacity=50);
}
#video_links #video_one:hover img, #video_links #video_two:hover img {
opacity: 1;
filter: alpha(opacity=100);
}
/* --------------- footer --------------- */
#footer_wrap {
float:left;
margin-top: 10px;
height: 150px;
width: 960px;
background: transparent url(images/footer_wrap_bg.png) no-repeat center bottom;
}
#footer_left_bg {
float: left;
margin-left: -200px;
height: 150px;
width: 200px;
background: transparent url(images/footer_wrap_bg.png) no-repeat left bottom;
}
#footer_right_bg {
float: right;
margin-right: -200px;
height: 150px;
width: 200px;
background: transparent url(images/footer_wrap_bg.png) no-repeat right bottom;
}
#footer {
height: 150px;
width: 960px;
}
#connect_with_us {
margin: 0 auto;
width: 940px;
height: 40px;
background: transparent url(images/connect_with_us_bg.png) no-repeat top left;
overflow: hidden;
}
#signup_form {
float: left;
margin: 7px 0 7px 352px;
width: 229px;
height: 40px;
}
#signup_form .email {
float: left;
padding: 0 0 0 10px;
width: 178px;
height: 26px;
line-height: 26px;
color: #666666;
background: transparent url(images/newsletter_bg.png) no-repeat top left;
border: 0;
}
#signup_form .button {
float: left;
}
#socials {
float: right;
margin: 7px 20px 7px 0;
width: 100px;
height: 26px;
}
#socials img{
margin: 0 3px 0 0;
}
p.footer_menu {
float: left;
margin: 5px 0 0 20px;
width: 670px;
color: #83755c;
}
p.footer_menu a {
color: #83755c;
text-decoration: none;
}
p.footer_menu a:hover {
color: #83755c;
text-decoration: underline;
}
p.copyright {
float: right;
margin: 5px 20px 0 0;
width: 250px;
color: #83755c;
text-align: right;
}
/* --------------- sidebar --------------- */
#sidebar {
float: left;
margin-left: 10px;
width: 300px;
text-align: center;
}
#ads {
padding: 10px 10px 0 10px;
width: 280px;
margin-bottom: 10px;
background: transparent url(images/bg.gif) repeat top left;
}
#ads img {
margin-bottom: 10px;
vertical-align: bottom;
border: 3px solid #201d1d;
}
#ads a img:hover {
margin-bottom: 10px;
vertical-align: bottom;
border: 3px solid #ee3124;
}
#sidebar #latest_news {
float: right;
margin-right: 0;
padding: 40px 20px 10px 20px;
width: 260px;
height: 150px;
background: transparent url(images/latest_news_bg.jpg) no-repeat top left;
}
#sidebar #video_links {
margin: 10px 0 0 0;
}
#content {
float: right;
margin-right: 10px;
padding: 20px;
width: 590px;
background: #201d1d;
position: relative;
}
h1, h2, h3, h4 {
margin-top: 10px;
font-size: 24px;
color: #D97014;
line-height: normal;
font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
h1 {
margin-top: 0;
}
h2 {
font-size: 18px;
padding-top: 5px;
line-height: 15px;
}
h3 {
font-size: 16px;
font-weight: normal;
}
#content p {
margin: 15px 0;
}
#content a {
color: #D97014;
text-decoration: none;
}
#content a:hover {
color: #D97014;
text-decoration: underline;
}
#content .photo-gallery small{
	font-size: 11px;
	color: #999999;
}
#content .photo-gallery {
	float: left;
	width: 45%;
	height: 300px;
	margin: 0 2%;
}
#content .photo-gallery strong{
	font-size: 12px;
	color: #D97014;
	line-height: 14px;
}
#content p span {
color: #D97014;
}
#content .news {
margin: 20px 0 0 0;
padding: 0 0 10px 0;
vertical-align: bottom;
border-bottom: 1px dotted #D97014;
}
#content .news img {
float: left;
margin: 0 20px 10px 0;
vertical-align: bottom;
border: 3px solid #D97014;
}
#content .photos {
margin: 20px 0 0 0;
padding: 20px;
text-align: center;
background: transparent url(images/bg.gif) repeat top left;
}
#content #vs-image{
height:500px;
position:absolute;
right:0;
top:0;
width:220px;
background: red;
margin:65px 40px 0 0;
}
.contact-us-form {
	width: 280px;
	float: left;
}
.wpcf7-validates-as-required, .input-text {
	width: 275px;
	height: 20px;
}
.contact-us-form textarea {
	width: 275px;
}
.contact-us-text {
	width: 300px;
	float: right;
}
/*----------------Custom Scrollbar------------*/
.code {
    border: 1px solid #CC0000;
    background: #FFFFCC;
    padding: 10px;
    width: 40%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
#news-scroll{
    width: 280px;
    height: 155px;
}
.news{
    display:inline-block;
    margin-bottom:10px;
}
.news h5{
    float: left;
}