/*
  Template Name: Template-090
  Template URI: http://websitebox.org/
  Description: A RealitySoft Template
  Author: RealitySoft
  Author URI: http://websitebox.org/
  Version: 1.0
  Date: Tuesday May 16, 2012
*/

/*  TOC 
01. GENERAL TYPOGRAPHY 
02. STRUCTURE
	- Header
    * Logo
    * Navigation
	- Content
  - Extras
03. PROGRESSIVE ENHANCEMENTS
  - Transitions
04. MEDIA QUERIES (Responsive web design)
*/

/*
===============================================================================================================
01. GENERAL TYPOGRAPHY
=============================================================================================================== */
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
img {border: 0;}
body { font-size: 100%; margin: 0; padding: 0; }
body{line-height:20px;}
a,a:hover,a:active,a:focus{text-decoration:none; outline:0 none;-moz-outline-style:none;}
.wsbx_clearfix:after, .wsbx_page_content:after { content: "."; display: block; clear: both; visibility: hidden;
line-height: 0; height: 0;} 
.wsbx_clearfix, .wsbx_page_content { display: inline-block; }
html[xmlns] .wsbx_clearfix, html[xmlns] .wsbx_page_content { display: block;} 
* html .wsbx_clearfix, * html .wsbx_page_content { height: 1%; overflow: visible; }

#toTop, .wsbx_featuredwrap li img,
#wsbx_primary_menu ul li a:hover,
#wsbx_primary_menu ul li a.wsbx_selected,
#wsbx_primary_menu ul li.wsbx_current_page_nav a,
#wsbx_primary_menu ul li ul,
#wsbx_primary_menu ul li ul li a:hover,
.flex-control-nav li a { behavior:url('http://data.websitebox.com/data/applications/01/headers/0101290/css/js/PIE.htc'); zoom: 1; position: relative; }

/*
===============================================================================================================
02. STRUCTURE
=============================================================================================================== */
.wsbx_page_wrap, .wsbx_page_header,
.wsbx_bottom_header_wrap, .wsbx_page_footer { position:relative; width: 96%; max-width:1038px; margin: 0 auto; display: block!important; }
.wsbx_top_headwrap { height: 75px; margin-bottom: 2%; }

/* Header
-------------------------------------------------------------- */
.wsbx_page_header { position: relative; height: 75px; }
.wsbx_page_header .wsbx_logo { position: absolute; width: auto; z-index: 99; top: 10px; left: 0; }


/* Featured Slider Content */
.wsbx_featuredwrap { height: auto; position: relative;  }
.wsbx_featuredwrap li {position: relative; float: left; padding: 0 0 3.50%; }
.wsbx_featuredwrap li .wsbx_slider_content .wsbx_image_frame { width: 55.84007707129094%; }
.wsbx_featuredwrap li img { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.wsbx_featuredwrap li .wsbx_slider_content .wsbx_slider_caption { width: 38%; padding-top: 0.20%; } 
.wsbx_slider_content .wsbx_slider_caption h1 { font-size: 2.4em; line-height: 1; margin: 0 0 6px; padding: 0; font-weight: normal;  }
.wsbx_slider_content .wsbx_slider_caption p { font-size: 1.060em; padding-right: 10px;}
.wsbx_slider_content .wsbx_slider_caption .wsbx_button_link { padding: 10px 20px; font-size: .95em; }
.wsbx_video_framed { position: relative; padding-bottom: 37.90%; height: 0;  width: 55.84007707129094%; }
.wsbx_video_framed iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

/* Partial Staged Left */
.wsbx_featuredwrap li .wsbx_slider_content.wsbx_partial_staged_left .wsbx_image_frame { float: left; height: auto; }
.wsbx_featuredwrap li .wsbx_slider_content.wsbx_partial_staged_left .wsbx_slider_caption {float: right; margin-right: 2%; } 
   
/* Partial Staged Right */
.wsbx_featuredwrap li .wsbx_slider_content.wsbx_partial_staged_right .wsbx_image_frame {float: right; height: auto; } 
.wsbx_featuredwrap li .wsbx_slider_content.wsbx_partial_staged_right .wsbx_slider_caption {float: left; padding-left: 1.80%; } 

/* Overlay Slide Effect */
.wsbx_featuredwrap li .wsbx_slider_content.wsbx_overlay_effect { position: absolute; width: 45.0%; bottom: 10px; left: 0; z-index: 999; } /* width: 430px */
.wsbx_featuredwrap li .wsbx_slider_content.wsbx_overlay_effect .wsbx_slider_caption { width: auto; padding: 4% 3.50% 0 4%; }

/* Vimeo Video Staged Left */
.wsbx_featuredwrap li .wsbx_slider_content.wsbx_video_left .wsbx_video_framed { float: left; } 
.wsbx_featuredwrap li .wsbx_slider_content.wsbx_video_left .wsbx_slider_caption { float: right; margin-right: 2%; } 

/* Youtube Video Staged Left */
.wsbx_featuredwrap li .wsbx_slider_content.wsbx_video_right .wsbx_video_framed { float: right; } 
.wsbx_featuredwrap li .wsbx_slider_content.wsbx_video_right .wsbx_slider_caption { float: left; margin-left: 2%; } 

/* Flex Slider */
.flex-container a:active,
.wsbx_flexslider a:active {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.wsbx_flexslider { padding: 0;}
.wsbx_flexslider .slides > li { display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.wsbx_flexslider .slides img { max-width: 100%; display: block; }
.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}


/* FlexSlider Default Theme
*********************************/
.flexslider { zoom: 1; }
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative; }

/* Control Nav */
.flex-control-nav { height: 35px; width: 150px; position: absolute; right: 0; bottom: 5px; text-align: center;  }
.flex-control-nav li {margin: 12px 0 0; padding: 0; border:0; display: block; zoom: 1; *display: inline; }
.flex-control-nav li a { width: 18px; height: 18px; margin-right: 6px; float: left; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; cursor: pointer; text-indent: -9999px; }
.flex-control-nav li:last-child a { margin-right: 0; }
.flex-control-nav li a:hover { opacity:.70; }
.flex-control-nav li a.active { cursor: default; }

/* Content
-------------------------------------------------------------- */
.wsbx_page_content { padding: 15px 0 25px; clear: both; display: block; }

 /* Navigation: */
#wsbx_primary_menu { float: right; height: 40px; margin: 30px 0 0; }
#wsbx_primary_menu ul { margin: 0; padding: 0; list-style-type: none; }
#wsbx_primary_menu ul li {display: inline; float: left; position: relative; }
#wsbx_primary_menu ul li a { display: block; text-align: center; padding: 5px 10px; text-decoration: none; font-size: 1em; font-weight: normal; margin-right: 4px; text-transform: lowercase; }
#wsbx_primary_menu ul li a:hover,
#wsbx_primary_menu ul li a.wsbx_selected,
#wsbx_primary_menu ul li.wsbx_current_page_nav a { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
#wsbx_primary_menu ul li a.wsbx_last_item { margin-right: 0; }
#wsbx_primary_menu ul li ul { position: absolute; left: 0; display: none; visibility: hidden; -webkit-border-radius: 0 0 9px 9px; -moz-border-radius: 0 0 9px 9px; border-radius: 0 0 9px 9px; padding: 8px 0 8px 8px; }
#wsbx_primary_menu ul li ul li ul { top: 0; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }
#wsbx_primary_menu ul li ul li { display: list-item; float: none; }
#wsbx_primary_menu ul li ul li a { width: 140px; margin: 0; text-align: left; padding: 5px 10px; border-bottom-style: solid; border-bottom-width: 1px;  position: relative; font-size: .90em;  }
#wsbx_primary_menu ul ul li a.wsbx_last_sub_item { border-bottom: none; }
#wsbx_primary_menu .wsbx_mobileMenu {display: none; padding: 5px 6px; font-size: 1em; border-width: 1px; border-style:solid; width: 100%; } /* Hide our select drop menu */
.downarrowclass { position: absolute; margin: 0; right: 10px; top: 13px; width: 9px; height: 5px; }
.rightarrowclass { position: absolute; top: 9px; right: 8px; width: 5px; height: 9px; }


/* Extras
-------------------------------------------------------------- */
#toTop { width: 47px; height: 47px; background: #fff url(../images/top.png) 50% 50% no-repeat; position: fixed; bottom: 3.50%; right: 3.50%; cursor: pointer; display: none; z-index: 999; -webkit-box-shadow: #000 0 0 .48em; -moz-box-shadow: #000 0 0 .48em; box-shadow: #000 0 0 .48em; border-radius: 36px; } /* Back to top */

/*
===============================================================================================================
03. PROGRESSIVE ENHANCEMENTS
=============================================================================================================== */
body { transition:all .2s linear; 
  -o-transition:all .2s linear;  
  -moz-transition:all .2s linear;  
  -webkit-transition:all .2s linear;}

/*
===============================================================================================================
04. MEDIA QUERIES (Responsive web design)
=============================================================================================================== */
@media screen and (max-width: 1039px) {
  body { -webkit-text-size-adjust: none;}
  img, embed, iframe, video { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
}

@media screen and (max-width: 815px) {
  #wsbx_primary_menu ul li a { padding: 5px 7px; }
  .wsbx_slider_content .wsbx_slider_caption h1 { font-size: 1.70em; margin-bottom: 3px; }
  .wsbx_slider_content .wsbx_slider_caption .wsbx_button_link  { padding: 7px 15px; }
  .wsbx_slider_content .wsbx_slider_caption p:nth-child(2),
  .wsbx_slider_content .wsbx_slider_caption p:nth-child(3) { margin: 0 0 3px;  }
  .wsbx_slider_content .wsbx_slider_caption p { font-size: .96em; }
  .flex-control-nav { bottom: 4px; width: 126px; height: 28px; }
  .flex-control-nav li a { width: 14px; height: 14px; }
}

@media screen and (max-width: 720px) {
  .wsbx_featuredwrap { display: none!important;  }
  #wsbx_primary_menu { width: 55%; }
  .wsbx_page_content { padding: 0 0; }
}

@media screen and (max-width: 495px) {
  .wsbx_top_headwrap { height: 120px; }
  .wsbx_page_header .wsbx_logo { position: relative; left: 30%; width: 38%; }
  #wsbx_primary_menu { float: none; width: 68%; margin: 2% auto 0; }
}

@media screen and (max-width: 335px) {
  .wsbx_top_headwrap { height: 110px; }
  .wsbx_page_header .wsbx_logo { position: relative; left: 22%; width: 58%; }
  #wsbx_primary_menu { float: none; width: 96%; }
  #toTop { width: 40px; height: 40px; }
}

@media screen and (max-width: 267px) {
  .wsbx_top_headwrap { height: 98px; }
}