/* The Body */
html, body { overflow-x: hidden; }

/* The page container */
.container { margin: 0; padding: 0; }

/* The header  */
#header-container { height: 96px; margin: 0; }
#header { height: 96px; width: 900px; margin: 0 auto; position: relative; }

/* The logo  */
#logo { float: right; margin: 0; padding: 0; height: 96px; line-height: 96px; }

/* The navigaton bar */
.menu {  position: absolute; top: 38px; left: 200px;}

/* Menu */
.nav, .nav * { list-style: none; font-size:12px; font-family:Verdana, Geneva, sans-serif }
.nav li { float: left; padding: 0; position: relative; }
.nav ul li { width: 100%; }
.nav ul li a { font-family: Verdana, Geneva, sans-serif; letter-spacing: 0; }

.nav a { font-size: 15px; display: block; position: relative; padding: 0 10px; letter-spacing: -0.04em; line-height: 20px; }

/* Hides items under top menu */
.nav ul { position: absolute; top: -9999em; width: 20em; /* left offset of submenus need to match (see below) */ margin-top: 2px; }

/* Shows submenus */
.nav li:hover ul,
.nav li.nav-hover ul { left: 10px; top: 26px; /* match top ul list item height */ z-index: 99; }

/* Hides all sub items (4 levels deep) */
.nav li:hover li ul,
.nav li.nav-hover li ul,
.nav li li:hover li ul,
.nav li li.nav-hover li ul,
.nav li li li:hover li ul,
.nav li li li.nav-hover li ul { top: -999em; }

/* On :hover, displays all sub items (4 levels deep) */
.nav li li:hover ul,
.nav li li.nav-hover ul,
.nav li li li:hover ul,
.nav li li li.nav-hover ul,
.nav li li li li:hover ul,
.nav li li li li.nav-hover ul { left: 20em; /* match .nav ul width */ top: -5px; margin: 0 1px; }

/* Default Skin for the Menu */
.menu ul li.current_page_item,
.menu ul li.current_page_parent,
.menu ul li.current_page_ancestor { font-weight: bold; }
.menu ul li.current_page_item ul a,
.menu ul li.current_page_parent ul a,
.menu ul li.current_page_ancestor ul a { font-weight: normal;}
.nav ul { border-bottom: none; }
.nav ul li a { font-size: 11px; padding: 5px 10px; text-transform: none; }

.nav a:hover { text-decoration: none; }
.nav ul a { border-right: none; }

/* Menu bugfix */
.ie7 .nav:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }












/* Content */
#content { width: 900px; margin: auto; }


/* Full-Width Home Page Slider */
#slider-full-width { width: 1920px; height: 434px; position: relative; left: -510px; display: none; }
#slider-full-width ul { list-style-type: none; }
#slider-full-width * { margin: 0; padding: 0; }
#slider-full-width li { width: 1920px; height: 434px; text-align: center; }
#slider-full-width .text-bg { position: absolute; bottom: 0; left: 0; width: 1920px; height: 58px; }
#slider-full-width .text { position: absolute;  bottom: 10px; left: 510px; width: 840px; text-align: left; }
#slider-full-width h2 { display: inline; font-size: 18px; line-height: 24px; }
#slider-full-width h2 a:hover { text-decoration: none; }
#slider-full-width p { display: inline; font-size: 13px; margin-left: 7px; }

#slider_nav { position: absolute; right: 510px; bottom: 16px; width: 200px; height: 20px; z-index: 20; list-style: none; }
#slider_nav li { overflow: hidden; display: block; float: right; height: 14px; margin: 0 0 0 7px; padding: 0; width: 14px; }
#slider_nav li:hover { cursor: pointer; z-index: 5000; }

/* Alternate Home Page Slider */
#slider-container { height: 392px; padding-top: 42px; }
#slider-nav { width: 980px; margin: 0 auto; position: relative; }
#slider { width: 900px; display: none; margin: 0 auto; }
#slider ul { list-style-type: none; margin: 0; }
#slider li { width: 900px; height: 350px; position: relative; }
#slider .text-bg { position: absolute; bottom: 0; left: 0; width: 900px; height: 58px; }
#slider .text { position: absolute;  bottom: 18px; left: 18px; width: 900px; text-align: left; }
#slider h2 { display: inline; font-size: 18px; line-height: 24px; }
#slider h2 a:hover { text-decoration: none; }
#slider p { display: inline; font-size: 13px; margin-left: 7px; }

#slider-container #slider-nav-left { width: 18px; cursor: pointer; height: 33px; position: absolute; left: 0; top: 159px; }
#slider-container #slider-nav-right { width: 18px; cursor: pointer; height: 33px; position: absolute; right: 0; top: 159px; }


/* The 3 Home Sections */
#home-3-sections { width: 900px; margin: 0 auto; padding: 43px 0 0 0; }

.home-section-1, .home-section-2, .home-section-3 { width: 280px; float: left; }
.home-section-1 { margin: 0; }
.home-section-2, .home-section-3 { margin: 0 0 0 30px; }

#home-3-sections h3 { margin: 0 0 15px 0; padding: 0 0 5px 0; font-size: 22px; letter-spacing: -0.04em; }
#home-3-sections h3 a:hover { text-decoration: none; }


/* Inner Page */
.hfeed { width: 900px; float: left; margin: 170px 0 0 0; padding: 0; }
.aside { width: 280px; float: left; margin: 45px 0 0 30px; padding: 0; }


/* Sub-header */
#sub-header-container { height: 55px; margin: 0 auto; padding-top: 26px; }
#sub-header { width: 900px; margin: 0 auto; }
#sub-header h2 { float: left; font-weight: bold; font-size: 30px; height: 31px; padding: 0; margin-right: 30px; letter-spacing: -0.04em; }
#sub-header .meta { float: left; font-weight: bold; font-size: 16px; margin-top: 5px; }
.ie7 #sub-header .meta {  margin-top: 8px; }
.ie8 #sub-header .meta {  margin-top: 6px; }

/* Sub-header Search*/
#sub-header-search { float: right; position: relative; width: 280px; }
#sub-header-search .search { position: absolute; left: 0; top: 0; width: 167px; height: 20px; font-size: 13px; margin: 0; padding: 2px 20px; border: 0; }
.ie8 #sub-header-search .search { padding-top: 2px; padding-bottom: 0; height: 22px; }
.chrome #sub-header-search .search,
.safari #sub-header-search .search { width: 165px; }
#sub-header-search button { position: absolute; right: 0; top: 0; border: 0; font-size: 13px; padding: 3px 13px; cursor: pointer; }
.ie7 #sub-header-search button { padding: 0; width: 73px; }
.ie8 #sub-header-search button { padding: 2px 16px; }
.chrome #sub-header-search button,
.safari #sub-header-search button { top: -2px; }
.chrome #sub-header-search button { padding: 4px 16px; }


/* Full Width Page */
#page-full-width { width: 900px; margin: 45px auto 0 auto; }

/* Ecommerce */
#ecommerce-filter ul { margin: 0 0 20px 0; }
#ecommerce-filter li { display: inline-block; margin: 0 5px 0 0; }
#ecommerce-filter li a { padding: 5px 7px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0; }
#ecommerce-filter li a:hover { text-decoration: none; }

.ecommerce-order-by { float: right; }

#products-main { width: 670px; float: left; margin: 45px 0 0 0; padding: 0; }
#products-aside { width: 200px; float: left; margin: 45px 0 0 30px; padding: 0; }
#products-main h2 { font-size: 22px; margin: 0 0 15px 0; padding: 0 0 5px 0; letter-spacing: -0.04em; }
#products-list { margin-top: 30px; }
#products-list ul { margin: 0 0 20px 0; list-style-type: none; }
#products-list li { float: left; width: 210px; margin: 0 0 0 20px; padding: 0; }
#products-list li.product-item-1 { margin-left: 0; }
#products-list .product-image img { display: block; }
#products-list .product-text-container { padding: 1px 10px 7px 10px; }
#products-list .product-title { font-size: 15px; }
#products-list .product-price { font-weight: bold; }
#products-list .product-more-link { float: right; }

.product-image { float: left; margin-bottom: 10px; }
#product-detail-options { float: right; width: 215px; }
#product-detail-options #product-cart { float: right; }
#product-detail-options #product-cart a { padding: 5px 7px; font-size: 11px; }
#product-detail-options #product-price { float: left; padding: 4px 7px; font-size: 11px; }
#product-detail-options .product-option { padding: 10px 10px 10px 0; }
#product-detail-options .product-option label { margin-top: 6px; margin-right: 10px; font-weight: bold; float: left; }

.quantity { width: 30px; text-align: right; }

#cart-checkout { padding: 5px 7px; float: right; }
#cart-continue-shopping { padding: 5px 7px; float: left; }

/* Columns Layouts */
.one-half h3,
.one-third h3,
.two-third h3,
.one-fourth h3,
.three-fourth h3 { margin: 0 0 15px 0; padding: 0 0 5px 0; letter-spacing: -0.04em; }

.one-half { width: 435px; float: left; margin: 10px 30px 10px 0; }
.one-third { width: 280px; float: left; margin: 10px 30px 10px 0; }
.two-third { width: 590px; float: left; margin: 10px 30px 10px 0; }
.one-fourth { width: 202px; float: left; margin: 10px 30px 10px 0; }
.three-fourth { width: 667px; float: left; margin: 10px 30px 10px 0; }

.last { margin-right: 0; }

/* Title */
.title { margin: 20px 0; padding: 10px; text-align: center; font-weight: bold; font-size: 26px; clear: both; }


/* Blog */
.hentry { margin-bottom: 40px; }
.hentry .entry-text { padding: 16px 20px 25px 20px; }
.hentry h2.entry-title { font-size: 22px; letter-spacing: -0.04em; margin-bottom: 15px; }
.hentry h2.entry-title a:hover { text-decoration: none; }
.hentry a.entry-image { margin: 0; padding: 0; }
.hentry .entry-meta { height: 30px; line-height: 30px; padding-left: 20px; }
.hentry .entry-meta .comment-count { float: right; margin-right: 20px; }
.ie7 .hentry .entry-meta .author { float: left; margin-right: 5px; }
.ie7 .hentry .entry-meta .published { float: left; margin-right: 5px; }
.ie7 .hentry .entry-meta .entry-categories { float: left; }
.hentry .entry-tags-container { height: 30px; line-height: 30px; padding-left: 20px; }


/* Portfolio */
.portfolio { width: 900px; margin: 45px auto 0 auto; }
.portfolio h2 { font-size: 25px; margin-bottom: 10px; }
.portfolio .portfolio-cat { margin: 0 0 50px 0; width: 900px; }
.portfolio ul { list-style-type: none; margin: 0; padding: 0; }

/* Portfolio 1 */
#page-portfolio1 .portfolio-cat { float: left; }
#page-portfolio1 .portfolio-cat-description-wrapper { float: left; width: 210px; }
#page-portfolio1 ul { float: right; width: 670px; margin: 0 0 20px 0; }
#page-portfolio1 li { float: left; width: 210px; margin: 0 0 0 20px; padding: 0; }
#page-portfolio1 li.portfolio-item-1 { margin-left: 0; }
#page-portfolio1 .portfolio-image img { display: block; }
#page-portfolio1 .portfolio-text-container { padding: 1px 10px 7px 10px; }
#page-portfolio1 .portfolio-title { font-size: 15px; }
#page-portfolio1 .portfolio-description * { display: inline; }

/* Portfolio 2 */
#page-portfolio2 .portfolio-cat-description-wrapper { float: left; width: 210px; }
#page-portfolio2 ul { float: right; width: 670px; }
#page-portfolio2 li { margin-bottom: 30px; }
#page-portfolio2 .portfolio-image img { display: block; }
#page-portfolio2 .portfolio-text-container { padding: 9px 20px 15px 20px; }
#page-portfolio2 .portfolio-description * { display: inline; }

/* Portfolio 3 */
#page-portfolio3 li { position: relative; margin-bottom: 30px; }
#page-portfolio3 .portfolio-image img { display: block; }
#page-portfolio3 .portfolio-text-container { position: absolute; top: 0; right: 0; width: 240px; padding: 9px 20px; }
#page-portfolio3 .portfolio-text-container h3 { margin-bottom: 0; }
#page-portfolio3 .portfolio-description * { display: inline; }

/* Portfolio Detail */
#page-portfolio-detail #portfolio-detail-description { float: left; width: 435px; margin-right: 30px; }
#page-portfolio-detail #portfolio-detail-items { float: left; width: 435px; display: none; margin-top: 50px; }


/* Contact Page */
#page-contact #contact-form h2 { margin-bottom: 6px; }
#page-contact #contact-form p { margin: 0; padding: 0; display: inline; }
#page-contact label { margin-left: 5px; }
#page-contact input { width: 250px; }
#page-contact textarea { height: 105px; width: 474px; }
.ie7 #page-contact textarea { height: 189px; }
.ie8 #page-contact textarea { height: 195px; }


/* Comments */
.comment-title,
#leave-a-reply { font-size: 20px; padding: 20px 0; }
.comment-list, .comment-list .children { list-style: none; }
.comment-list { margin-left: 0; }
.comment { position: relative; }
.single-comment { padding: 20px; position: relative; margin-bottom: 50px; }
.comment-list .children { margin-top: 40px; margin-left: 70px; }
.comment-meta { margin: 0 0 10px 70px; padding-top: 31px; }
.avatar { position: absolute; top: 20px; left: 20px; }
.commenter { position: absolute; top: 20px; left: 90px; font-size: 16px; font-weight: bold; font-style: normal; }
.comment-content { margin-left: 70px; }
.comment-reply { position: absolute; top: 79px; left: 28px; }
.comment-arrow { position: absolute; left: 19px; bottom: -30px; width: 39px; height: 31px; }
.ie7 .comment-arrow { bottom: -28px; }

/* Comment Reply */
#comment-form .form-section input { margin-right: 5px; width: 250px; }
#comment-form .form-section textarea { width: 574px; }
.form-section { margin-bottom: 10px; }
.form-section label { cursor: pointer; }
#commenter-details input { margin-right: 10px; }


/* Testimonials */
#testimonials .single-comment { margin-bottom: 70px; }
#testimonials .single-comment p { font-style: italic; }
#testimonials .single-comment .person { position: absolute; bottom: -26px; left: 55px; }


/* Widgets */
.widget { margin-bottom: 39px; }
.widget h3 { margin: 0 0 15px 0; padding: 0 0 5px 0; font-size: 22px; letter-spacing: -0.04em; }
.widget h3 a:hover { text-decoration: none; }
.widget ul { list-style-type: none; margin: 0; padding: 0;  }
.widget ul li ul { margin-top: 5px; margin-bottom: -7px; }
.widget ul li ul li { padding-left: 10px; }
.widget li { margin: 0; padding: 6px 0; }
.widget li a:hover { text-decoration: none; }


/* 


 */
#footer-container { height: 117px; padding: 0; margin: 0; clear: both; }
#footer { width: 900px; margin: 0 auto; position: relative; }

#footer ul#footer-pages { list-style-type: none; margin: 30px 0 0 0; padding: 0; height: 24px; }
#footer ul#footer-pages li { float: left; }
#footer ul#footer-pages a { padding: 3px; font-size: 15px; }

#footer p { margin: 0; }
#footer a { text-decoration: none; }
#footer #copyright { font-size: 15px; padding-top: 8px; clear: both; }

#footer ul#social { list-style-type: none; position: absolute; right: -2px; top: 0; }
.ie7 #footer ul#social { top: 30px; }
#footer ul#social li { display: inline; margin-left: 4px; }

#footer-widgets-container { margin: 30px 0 0 0; padding: 0; }
#footer-widgets { width: 920px; margin: 0 auto; }
#footer-widgets .footer-widget-box { float: left; width: 164px; }

#footer-widgets .widget { margin: 40px 10px; }
.ie7 #footer-widgets .widget { padding-bottom: 40px; }
#footer-widgets .widget h3 { margin: 0 0 15px 0; padding: 0 0 5px 0; font-size: 22px; letter-spacing: -0.04em; }
#footer-widgets .widget ul { list-style-type: none; margin: 0; padding: 0;  }
#footer-widgets .widget ul li ul { margin-top: 5px; margin-bottom: -7px; }
#footer-widgets .widget ul li ul li { padding-left: 10px; }
#footer-widgets .widget li { margin: 0; padding: 6px 0; }
#footer-widgets .widget li a:hover { text-decoration: none; }


/* Meta Information */
.meta { font-size: 15px; font-style: italic; }


/* Tables */
table { line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; width: 100%; border-collapse: collapse; }
caption { text-align: left; }
th, td { padding: 5px; }
td { font-size: 12px; }


/* Pagenavi */
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi span.pages { display: none; }
.wp-pagenavi { margin-bottom: 25px;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { padding: 4px 7px; margin: 0 3px 0 0; text-decoration: none; }
.wp-pagenavi span.current { padding: 4px 7px; margin: 0 3px 0 0; font-weight: bold; }


/* Lightbox image hover icons */
#content img { z-index: 2; }
.lightbox-image { position: absolute; z-index: 1; }
.lightbox-video { position: absolute; z-index: 1; }


/* Image Loader GIF */
.image-holder { background: transparent url('../images/ajax-loader.gif') no-repeat scroll 50% 50%; }


#content img { -khtml-opacity:0; -moz-opacity:0; -ms-filter:"alpha(opacity=0)"; filter:alpha(opacity=0); opacity:0; }
#content #slider-full-width img { -khtml-opacity:1; -moz-opacity:1; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); opacity:1; }