/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select {
    color: #5b5b54;
}

body {
	background-color:#fff;
    font-size:1.250em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {	
	margin-bottom:16px;
    resize: vertical;
	overflow:auto;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
/* Commonly Use */

.left{
	float:left;	
}
.right{
	float:right;	
}
.italic{
	font-style:italic;	
}
.bold{
	font-family: 'open_sansbold';
}
.align-right{
	text-align:right;	
}
.align-center{
	text-align:center;	
} 
.muted {
    color: #999999;
}
.paddingTop20{
	padding-top:20px;	
}
.paddingTop30{
	padding-top:30px;	
}
a.muted:hover,
a.muted:focus {
  color: #808080;
}

.text-warning {
  color: #c09853;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #a47e3c;
}

.text-error {
  color: #b94a48;
}

a.text-error:hover,
a.text-error:focus {
  color: #953b39;
}

.text-info {
  color: #3a87ad;
}

a.text-info:hover,
a.text-info:focus {
  color: #2d6987;
}

.text-success {
  color: #468847;
}

a.text-success:hover,
a.text-success:focus {
  color: #356635;
}

/* Wrapper */

.wrapper{
	margin:0 auto;
	width:1190px;		
}

/* Navigation and Links */

#topNav ul{
	padding:0;	
}
#topNav ul li{
	font:normal 0.7em/1em 'OpenSansRegular';
	border-right:1px solid #5b5b54;
	text-transform:uppercase;
	padding:0 15px 0 10px;
	list-style-type:none;
	display:inline-block;
	* display:block;
	background:none;	
	color:#5b5b54;	
}
#topNav ul li:last-child{
	border-right:none;
	padding-right:0;
}
#topNav ul li a{
	color:#5b5b54;	
}
#topNav ul li a:hover, #topNav ul li.selected a{	
	color:#026abc;	
}
#bannerInner-nav ul{
	padding:25px 0 0 0;	
	*zoom: 1;
}
#bannerInner-nav.home ul{
	padding-top:12px;	
}
#bannerInner-nav ul:before,
#bannerInner-nav ul:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
#bannerInner-nav ul:after {
    clear: both;
}
#bannerInner-nav ul li{
	font:normal 1.3em/1em 'open_sansbold';
	text-transform:uppercase;
	list-style-type:none;
	padding-bottom:15px;
	text-align:center;
	position:relative;	
	margin-left:10px;		
	background:none;
	padding-left:0;		
	color:#5b5b54;
	width:390px;
	z-index:150;	
	float:left;	
}
#bannerInner-nav.home ul li{
	padding-bottom:0;
	padding-top:8px;	
}
#bannerInner-nav.home ul li .banner-desc{
	padding:16px 0 20px 0;
	text-align:left;
	position:absolute;
	min-height:166px;
	display:none;
	width:100%;
	bottom:42px;
	left:0;	
}
#bannerInner-nav.home ul li .banner-desc p{
	font:normal 22px/1.2em 'open_sanssemibold';
	text-transform:none;
	padding-right:18px;
	padding-left:38px;
	margin-bottom:0;
	color:#fff;	
}
#bannerInner-nav.home ul li .banner-desc p:first-child{
	padding-right:42px;
}
#bannerInner-nav.home ul li.frst .banner-desc{
	background:url(../img/trans-yellow.png);	
}
#bannerInner-nav.home ul li.sec .banner-desc{
	background:url(../img/trans-green.png);	
}
#bannerInner-nav.home ul li.third .banner-desc{
	background:url(../img/trans-blue.png);	
}
#bannerInner-nav.home ul li .banner-desc .btn:hover{
	color:#5B5B54;	
}
#bannerInner-nav ul li.frst{
	border-bottom:8px solid #e6c30b;
	margin-left:0;	
}
#bannerInner-nav ul li.sec{
	border-bottom:8px solid #546f28;
}
#bannerInner-nav ul li.third{
	border-bottom:8px solid #026abc;
}
#bannerInner-nav.home ul li.frst{
	border-top:8px solid #e6c30b;
	border-bottom:none;
}
#bannerInner-nav.home ul li.sec{
	border-top:8px solid #546f28;
	border-bottom:none;
}
#bannerInner-nav.home ul li.third{
	border-top:8px solid #026abc;
	border-bottom:none;
}
#bannerInner-nav ul li a{
	color:#5b5b54;
}
#bannerInner-nav ul li a:hover, #bannerInner-nav ul li.selected a{
	text-decoration:none;
	color:#026abc;	
}
#bannerInner-nav.home ul li span{
	cursor:pointer;
	color:#026abc;
}
.list-downloads{
	padding:0;	
}
.list-downloads li{
	list-style-type:none;
	background: url(../img/ico-download.gif) left top no-repeat;
	padding:0 0 32px 68px;
	line-height:1.2em
	color:#5b5b54;		
}
.list-downloads li:hover{
	background-image:url(../img/ico-download-hover.gif);	
	
}
.list-downloads li a{	
	color:#5b5b54;
}
.list-downloads li:hover a{
	font-family: 'open_sanssemibold';
	color:#026abc;	
}
.footerNav ul li{
	line-height:1.5em;
	font-size:.8em;	
}
.footerNav ul li a{
	color:#5b5b54;	
}

/* Header Area */

#header{
	padding:0 18px 14px 16px;
	position:relative;
	z-index:500;	 	
}
#header .logo{
	padding-top:32px;	
}
#header .span8{
	text-align:right;	
}

/* banner Area */

#bannerArea{
	background-color:#66635e;
	min-width:1190px;		
	overflow:hidden;
	height:448px;	
}
#bannerArea .cycle-slideshow{
	width:100%;	
}
#bannerArea .cycle-slideshow .cycle-slide{
	text-align:center;
	width:100%;
}

/* Content Area */

#contentInner{
	padding:56px 10px 30px 52px;	
	*zoom: 1;
}
#contentInner:before,
#contentInner:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
#contentInner:after {
    clear: both;
}
#contentHome{
	padding:48px 48px 40px 52px;	
	*zoom: 1;
}
#contentHome:before,
#contentHome:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
#contentHome:after {
    clear: both;
}
#contentHome .leftCol{	
	width:735px;
	float:left;	
}
#contentHome .leftCol h1{
	padding:0 0 24px 28px;	
}
#contentHome .rightCol{
	padding:60px 0 0 52px;
	width:302px;
	float:left;	
}
#contentHome .rightCol ul{
	padding:0;	
}
#contentHome .rightCol ul li{
	list-style-type:none;
	padding:0 0 25px 0;
	background:none;	
}
#contentInner .leftCol-generic{
	padding-left:6px;
	width:608px;
	float:left;	
}
#contentInner .rightCol-generic{
	padding-top:90px;
	width:482px;
	float:right;	
}
#contentInner .leftCol{
	padding-right:40px;
	width:510px;
	float:left;	
}
#contentInner .rightCol{
	width:540px;
	float:left;	
}
#contentInner .rightCol h4{
	padding-left:48px;	
}
#contentInner .leftCol-contact{
	padding-right:64px;
	padding-left:4px;
	width:431px;
	float:left;	
}
#contentInner .leftCol-contact p{
	margin-bottom:.8em	
}
#contentInner .leftCol-contact .bold{
    font-family: 'open_sanssemibold';  	
}
#contentInner .rightCol-contact{
	padding-top:40px;
	width:591px;
	float:right;	
}
#contentInner .rightCol-contact h4{
	padding-bottom:32px;	
}

/* Footer Area */

#footer{
	background:url(../img/footer-border-top.gif) left top no-repeat;
	padding:28px 26px 14px 48px;
	*zoom: 1;	 	
}
#footer:before,
#footer:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
#footer:after {
    clear: both;
}
#footer .col1{
	padding-right:10px;
	width:192px;
	float:left;	
}
#footer .col2{
	padding-right:10px;
	width:137px;
	float:left;	
}
#footer .col3{
	width:363px;
	float:left;	
}
#footer h6{
	font:normal .8em 'open_sanssemibold';
	text-transform:uppercase;
	padding-bottom:2px;	
}
#footer h6 a{
	color:#5B5B54;	
}
#footer p{
	line-height:1.5em;
	font-size:.8em;
}
#footer p a{
	color:#5B5B54;
}

/* Classes */

.widget-fb-holder{
	background-color:#fff;
	margin-bottom:15px;
	overflow:hidden;
	
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	
	-moz-box-shadow:0 0 30px 0 #c0bfbf;
    -webkit-box-shadow:0 0 30px 0 #c0bfbf;
    box-shadow:0 0 30px 0 #c0bfbf;
}
.widget-fb-holder .txt-desc{
	background-color:#e6c30b;
	padding:28px 46px 6px 68px;	
	
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	
	-moz-box-shadow:0 0 18px 0 #e0e0e0;
    -webkit-box-shadow:0 0 18px 0 #e0e0e0;
    box-shadow:0 0 18px 0 #e0e0e0;
}
.widget-fb-holder .txt-desc p{
	font:normal 1em/1.2em 'open_sanssemibold';
	margin-bottom:8px;	
	color:#fff;	
}
.widget-fb-holder .fb-post{
	padding:25px 45px 48px 68px;	
}
.widget-fb-holder .fb-post h3{
	font:normal 1.3em/1.2em 'open_sanssemibold';
	padding-bottom:20px;
	color:#026abc;	
}
.widget-fb-holder .fb-post h3 .likeFB{
	margin-top:12px;
	float:right;
}
.widget-fb-holder .fb-post .commentBox{
	margin:0 auto;
	width:530px;	
}
.border-yellow{
	border-bottom:1px solid #e6c30b;
	padding-bottom:16px;
	margin-bottom:38px;	
}
.border-blue{
	border-bottom:1px solid #026abc;
	padding-bottom:16px;
	margin-bottom:38px;	
}
.border-green{
	border-bottom:1px solid #546f28;
	padding-bottom:16px;
	margin-bottom:38px;	
}
.yellow-box{
	background-color:#e6c30b;
	padding:20px 30px 10px;
	margin:0 17px 20px -32px;
	
	 border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	
	-moz-box-shadow:0 0 15px 0 #cdcbcb;
    -webkit-box-shadow:0 0 15px 0 #cdcbcb;
    box-shadow:0 0 15px 0 #cdcbcb;
}
.yellow-box h2{
	padding-bottom:22px;
	color:#454545;	
}
.yellow-box p{
	font-family:'open_sanssemibold';
	line-height:1.2em;
	color:#fff;	
}
.form-holder{
	padding:26px 50px 16px;
	margin-bottom:30px;	
	
	 border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.form-holder.yellow{
	background-color:#e6c30b;	
}
.form-holder.blue{
	background-color:#026abc;	
}
.form-holder.green{
	background-color:#546f28;	
}
.form-holder p{
	font-family:'open_sanssemibold';
}
.form-holder.blue, .form-holder.green p{
	color:#fff;	
}
.form-holder.gray{
	background-color:#5b5b54;
	padding:24px 45px 10px 24px;
	margin-bottom:14px;	
	
	 border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.form-holder.gray input[type="text"],
.form-holder.gray input[type="password"],
.form-holder.gray textarea{
	width:345px;	
}
.form-holder.gray textarea{
	margin-bottom:8px;	
}
.form-holder.gray p{
	margin-bottom:8px !important;
}
.testi-box{
	background-color:#dfdfdf;
	padding:48px 76px 35px;
	text-align:center;
	margin-bottom:10px;
	position:relative;	
	 
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.testi-box p{
	font-family:'open_sanssemibold';
	line-height:1.3em;
}
.testi-box .quote-top{
	position:absolute;
	left:25px;
	top:-15px;	
}
.testi-box .quote-btm{
	position:absolute;
	bottom:-15px;
	right:30px;		
}
.download-row{
	margin:20px 0;
	*zoom: 1;
}
.download-row:before,
.download-row:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.download-row:after {
    clear: both;
}
.download-row .downloads-holder{
	background-color:#dfdfdf;
	padding:34px 60px 6px;
	min-height:380px;
	margin-right:10px;
	margin-left:-52px;	
	width:520px;
	float:left;
	
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.widget-radar{
	background-color:#99bb62;
	padding:24px 15px 22px 90px;
	position:relative;
	
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;	
}
.widget-radar img{
	position:absolute;
	left:-24px;
	top:10px;	
}
.widget-radar h3{
	font: normal 1.3em/1em 'open_sansbold';
	text-shadow:1px 2px 1px #728d4f;
	text-transform:uppercase;
	color:#fff;	
}
.widget-radar h3 a{
	text-decoration:none;
	color:#fff;	
}
.widget-radar p{
	font: normal .8em/1.3em 'open_sanssemibold';
	text-shadow:1px 2px 1px #728d4f;
	margin-bottom:0;
	color:#fff;	
}
.widget-market-update{
	padding:0;
	background-color:#fff;
	margin-bottom:15px;
	
	-moz-box-shadow:0 0 30px 0 #c0bfbf;
    -webkit-box-shadow:0 0 30px 0 #c0bfbf;
    box-shadow:0 0 30px 0 #c0bfbf;
}
.widget-market-update h3{
    font:normal 1.3em/1.2em 'open_sanssemibold';
	text-transform:uppercase;
	padding-bottom:20px;
	text-align:center;
	color:#026abc;
}
.widget-market-update table{
	width:100%;	
}
.widget-market-update table td{
	 font:normal 0.550em 'open_sanssemibold';
	 padding-bottom:8px;
}
.map-holder{
	margin-bottom:46px;
	overflow:hidden;
	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	
	-moz-box-shadow:0 0 36px 0 #c0bfbf;
    -webkit-box-shadow:0 0 36px 0 #c0bfbf;
    box-shadow:0 0 36px 0 #c0bfbf;
}
.img-holder-btm{
	background-color:#eee;
	padding:17px 18px;
	margin:20px 0 30px;
	width:1052px;	
}
.img-rounded{
	margin-bottom:40px;
	overflow:hidden;	
	
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

/*
 border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	
	-moz-box-shadow:0 0 5px 0 #012443;
    -webkit-box-shadow:0 0 5px 0 #012443;
    box-shadow:0 0 5px 0 #012443;
	
	position:relative;
	behavior: url(js/PIE.htc);		
*/

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}
.clear{
	clear:both;
	height:0;	
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}