@import url(http://fonts.googleapis.com/css?family=Muli:400,300italic,400italic,300);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300italic,400italic,300,700,700italic);
* { margin:0; padding:0;}
/* html5 default style sheets */
audio,canvas,video { display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) { display: none; height: 0;}
[hidden] { display: none;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html,button,input,select,textarea { font-family: sans-serif;}
a:focus { outline: thin dotted;}
abbr[title] { border-bottom: 1px dotted;}
b,strong { font-weight: bold;}
blockquote { margin: 1em 40px;}
dfn { font-style: italic;}
mark { background: #ff0; color: #000;}
code,kbd,pre,samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em;}
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
q { quotes: none;}
q:before,q:after { content: ''; content: none;}
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}
svg:not(:root) { overflow: hidden;}
figure { margin: 0;}
form { margin: 0;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px;}
button,input,select,textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
button,input { line-height: normal;}
button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible;}
button[disabled],input[disabled] { cursor: default;}
input[type="checkbox"],input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0;}
textarea { overflow: auto; vertical-align: top;}

/* default */
h1,h2,h3,h4,h5,h6,p,a,dl,dt,dd,ul,ol,li,div,small,span,b,table,tr,td,article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary,main { padding:0; margin:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary,main { display: block;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
a { text-decoration:none;}
img { border:0;}
ul,ol { list-style:none;}
.hidden{ text-indent:-999em; overflow:hidden;}
hr.hide-line{ padding:0; margin:0; display:none;}
.clear{ clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}/* End hide from IE Mac */
/*nojavascript*/
.nojavascript{ position:absolute; z-index:1; color:red; background:#fff; font:bold 12px 'Trebuchet MS',Arial,georgia, San-serif; border:2px red dashed; width:990px; top:0; left:50%; margin-left:-495px; }
/* default */
h1,h2,h3,h4,h5,h6,p,a,dl,dt,dd,ul,ol,li,div,big,span,strong,italic,table,tr,td { padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
a { text-decoration:none;}
img { border:0;}
ul,ol { list-style:none;}
.hidden{ text-indent:-999em; overflow:hidden;}
hr.hide-line{ padding:0; margin:0; display:none;}
.clear{ clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}/* End hide from IE Mac */
/*nojavascript*/
.nojavascript{ position:absolute; z-index:1; color:red; background:#fff; font:bold 12px 'Trebuchet MS',Arial,georgia, San-serif; border:2px red dashed; width:990px; top:0; left:50%; margin-left:-495px; }

/* Body */
body{ font: 100% Arial, Helvetica, sans-serif; background:url(../images/common/bodyBG.jpg) center top; margin:0; padding:0; text-align: center; color:#FFF;}
#mn-wrapper,#cn-wrapper,#ft-wrapper { width:100%; min-width:990px;}
#hd-wrapper { background:url(../images/common/hd-wrapper.jpg) repeat-x center top;}
#bn-wrapper { background:url(../images/common/bn-wrapper.png) repeat-x center 509px;}
#mn-wrapper { background:url(../images/common/mn-wrapper.png) repeat-x center bottom;}
#cn-wrapper { background:url(../images/common/cn-wrapper.jpg) repeat-x center top; padding-top: 100px; }
#ft-wrapper { background:url(../images/common/ft-wrapper.jpg) repeat-x center top #0F0F0F;}

/* inner pages */
body#inner #hd-wrapper { background:url(../images/common/hd-wrapper-inner.jpg) repeat-x center top;}
body#inner #mn-wrapper,body#inner #bn-wrapper { background:none;}

header,#banner,#content-top,#content-bottom,main,#main-bottom,footer { position:relative; width:990px; margin:0 auto;}
header,#banner,main { text-align:left;}

header { height:158px; padding:0; font-family: 'Muli', sans-serif;}
.hd-logo { position:absolute; top:42px; left:5px;}
.hd-right { position:absolute; top:0; right:15px; width:435px; text-align:center; color:#000; background:url(../images/common/hd-rightBG.jpg) repeat-x center top; border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px;}
.hd-right p { font-size:15px; line-height:120%; font-family: 'Roboto Condensed', sans-serif;}
.hd-right p span { display:inline-block; position:relative; top:-7px;}
.hd-right p small { display:inline-block; position:relative; top:2px; font-size:20px; line-height:120%; font-weight:bold; font-family: 'Muli', sans-serif;}
.hd-right p b { display:inline-block; position:relative; top:2px; left:0;}
.hd-right p b a { padding:0;}
nav { position:absolute; top:42px; right:0;}
nav ul { padding:0;}
nav ul li { float:left;}
nav ul li a#contact { width:148px;}
nav ul li a { display:block; text-align:center; width:140px; height:30px; padding:76px 0 0; font-size:16px; line-height:120%; color:#FFF; text-transform:uppercase; -webkit-transition: background-color 2s ease-out; -moz-transition: background-color 2s ease-out; -o-transition: background-color 2s ease-out; transition: background-color 2s ease-out;}
nav ul li a#contact:hover,nav ul li a#contact.active-menu { width:138px; background:url(../images/common/nav-hover2.png) no-repeat center top;}
nav ul li a:hover,nav ul li a.active-menu { text-align:right; width:130px; padding:76px 10px 0 0; color:#111; font-weight:bold; background:url(../images/common/nav-hover.png) no-repeat center top;}

/* Banner */
#banner { height:414px; padding:0; font-family: 'Roboto Condensed', sans-serif;}
#banner h2 { font-size:31px; line-height:120%; font-family: 'Muli', sans-serif;}
#banner h2 b { color:#FFE599;}
#banner p { font-size:15px; line-height:120%;}
#banner p .bn-learn, .btn { display:block; width:180px; height:32px; margin:15px 0 0; padding:12px 0 0; font-size:21px; line-height:120%; color:#191919; font-weight:bold; text-align:center; font-family:Arial, Helvetica, sans-serif; background:url(../images/common/bn-learnBG.jpg) repeat-x center top; border:1px solid #d4d4cc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#banner p .bn-learn:hover { color:#000; text-shadow:1px 1px 1px #FFF;}
.btn { margin: 0 auto; }
.bn-left { width:396px; padding:18px 0 0 15px;}
.bn-left p { width:381px; padding:15px 0 0; border-top:1px solid #D6D6D6;}

/* Main */
main { padding:0;}

/* Content */
body#inner #content { width:100%; min-height:450px; padding:20px 0 20px;}
body#inner #content h1,body#inner #content h2,body#inner #content p { padding:0;}
body#inner #content .grouped-list { float:left; width:320px;}
body#inner #content .second-grouped-list { float:left; width:188px;}
body#inner #content p .view-button { display:block; width:110px; height:26px; padding:7px 0 0; color:#FFF; text-align:center; text-transform:uppercase; font-weight:bold; background:url(../images/content/viewBG.jpg) repeat-x center top; border:1px solid #D99442; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
body#inner #content p .view-button:hover { color:#000; text-shadow:1px 1px 1px #FFF;}
body#inner #content p span { color:#FFE599;}
#content { float:left; width:506px; min-height:300px; /*padding:0 27px 170px 20px;*/    padding: 20px 15px;    background: #000000ad;}
#content h1,#content h2 { font-size:18px; line-height:120%; font-weight:bold; color:#FFE599;}
#content .alter-text { line-height:150% !important; color:#FFE599; font-family: 'Muli', sans-serif;}
#content .left-img { float:left; padding:0 24px 0 0 !important;}
#content .left-img img { border:3px solid #FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:1px 2px 3px #000;}
#content p { padding:0 50px 0 0; font-size:15px; line-height:133%;}
#content p .read-button { display:block; width:111px; height:27px; padding:8px 0 0 396px; font-weight:bold; color:#484848; text-align:center; background:url(../images/content/readBG.png) no-repeat center top;}
#content p .read-button:hover { color:#000; text-shadow:1px 1px 1px #FFF;}
#content .divided-list { float:left; width:243px;}
#content ol { padding:0 0 0 10px; list-style-image:url(../images/content/list-img.png);}
#content ol li { font-size:15px; line-height:180%;}

/* aside */
aside { position:relative; float:right; width:437px; padding:150px 0 0;}
aside h2,aside h3 { padding:0 0 0 8px; font-size:20px; line-height:120%; font-weight:bold; font-family: 'Muli', sans-serif;}
aside h2 { text-shadow:1px 1px 11px #000;}
aside h3 { color:##151515;}
aside .sb-abs-img { z-index:99; position:absolute; top:653px; right:-3px;}
aside .bn-learn {position:absolute; top:805px; right:140px; display:block; width:111px; height:27px; padding:8px 0 0 0; font-weight:bold; color:#111; text-align:center; background:url(../images/content/readBG.png) no-repeat center right;}
aside p { font-size:14px; line-height:129%; font-style:italic; color:#3F1F00;}
aside p small { display:block; text-align:right; padding:0 20px 0 0; font-size:13px; line-height:120%;}
.sb-testimonials { width:403px; height:85px; margin:7px 0 0; padding:0 0 0 20px; background:url(../images/common/sb-testiBG.png) no-repeat center top;}
aside .sb-container-data { z-index:99; position:relative; padding:10px 0 0;}
aside .sb-moved-data { position:relative; top:-56px; left:113px; height:200px; padding:0 0 253px;}
aside .sb-alter-data { top:-21px;}
aside dl { position:relative; float:left; width:177px; height:200px; margin:0 4px 0 0;}
aside dl dt { position:absolute; top:0; left:0;}
aside dl dd { z-index:99; position:relative; top:90px; width:128px; height:55px; margin:0 auto; padding:17px 0 0; text-align:center; font-size:15px; line-height:120%; font-weight:bold; background:url(../images/common/sb-ddBG.png) center top; border-radius:48%; -moz-border-radius:48%; -webkit-border-radius:48%;}
aside a { color:#FFF;}
aside a:hover { color:#FFE599;}

/* content bottom */
#content-bottom { height:379px;}
#content-bottom h2 { font-size:14px; line-height:150%; font-family: 'Muli', sans-serif;}
#content-bottom h3 { font-size:20px; line-height:120%; font-weight:bold; color:#FFE599; font-family: 'Muli', sans-serif;}
#content-bottom p { font-size:12px; line-height:167%;}
.bot-left { position:relative; float:left; width:378px; text-align:left; padding:70px 160px 0 15px;}
.bot-logo { position:absolute; top:-46px; left:15px;}
.bot-left h4 { padding:8px 0 0; font-size:15px; line-height:120%;}
.bot-left h4 a { color:#FFF;}
.bot-left h4 span { position:relative; top:2px; display:inline-block; padding:0 10px 0 0;}
.bot-left h4 small { display:block; font-size:28px; line-height:120%; font-weight:bold; color:#FFE599;}
.bot-form { float:right; width:300px; height:293px; margin:0 12px 0 0; background:url(../images/common/form.png) no-repeat center top;}

/* footer */
footer { min-height:108px; padding:0 0 10px; font-family: 'Roboto Condensed', sans-serif;}
.ft-left { float:left; width:538px; text-align:left; padding:11px 0 0 15px;}
.ft-right { float:right; width:422px; text-align:right; padding:20px 15px 0 0;}
.ft-nav,.ft-right p { font-size:15px !important; text-transform:uppercase; font-family: 'Muli', sans-serif;}
.ft-nav span { padding:0 5px 0;}
.ft-nav a { color:#FFF;}
.ft-nav a:hover,.ft-nav a.active-menu { color:#FFE599;}
.esilver-text a { color:#0080F2 !important;}
.esilver-text .company-logo { display:inline-block; width:50px; position:relative; top:5px; left:0;}
.esilver-text span { position:relative !important; top:0 !important; display:inline-block !important; margin:0 !important; padding:0 !important;}
footer p { padding:10px 0 0; font-size:12px; line-height:120%;}

/* Contact */
.contactBox { width:500px; margin:0 auto; padding:10px 0 10px; background:#F6F1E6; border: 5px #D99442 solid; color:#000;}
.contactBox p { padding:0 10px 0 !important;}
.contactBox a { color:#000 !important;}
.contactBox strong { color:#C17931;}
.contactBox-left { float:left; width:250px; margin:0; padding:0;}
.contactBox-right { float:right; width:250px; margin:0; padding:0;}

.contactForm { width:500px; margin:10px auto; padding:0 0 10px; background:#F6F1E6; border: 5px #D99442 solid; color:#000;}
.contactForm label { display:block; margin:0; font-size:14px; line-height:120%;}
.contactForm input[type=text] { display:block; width:450px; min-height:25px; margin:0 auto; padding:0; font-size:14px; line-height:120%; border:0; font-family:Georgia, "Times New Roman", Times, serif;}
.contactForm input[type=submit] { display:block; width:100px; margin:0 auto; padding:0 0 2px 0; text-align:center; font-size:14px; line-height:120%; font-family:Georgia, "Times New Roman", Times, serif;}
.contactForm textarea { display:block; width:450px; margin:0 auto; padding:0; font-size:14px; line-height:120%;}

/*contact form messages*/
form .messages p {
	display: none;
	font-family: Arial !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	font-size: 16px !important;
}

form .loading { display: none; }

form .alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

form .alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

form .alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

form [type="submit"] { margin: 20px auto; }

/*contact form*/
.ctc-form {
	margin: 0 auto;
	text-align: center;
}

.ctc-form input[type="text"],
.ctc-form textarea {
	font-family:Arial;
	font-size: 16px;
	color:#000;
	height:45px;
	display: block;
	width: 100%;
	border:1px solid #ddd;
	border-radius: 3px;
	padding: 5px 10px;
	box-sizing: border-box;
	margin: 0 auto 8px;
}

.ctc-form textarea {
	height: 120px;
	padding-top:10px;
}

.ctc-form button { display: block; }

.ctc-form .recap { display: inline-block; }

.ctc-form .g-recaptcha div { margin: 0 auto 10px; }

.ctc-hide { display: none; }

/* gallery */
#content .gallery { list-style: none; margin:0; padding:15px 0 0 0; display:inline-block;}
#content .container { margin:0; padding:0; }
#content .gallery li { float:left; text-align:center; padding:0 18px 15px 0; margin:0; color:#000000;}
#content .gallery li a{ text-decoration:none;}
#content .gallery li a img{ border:4px solid #FFE599; padding:2px; background:#FFF; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -webkit-transition-duration: 0.3s;transition-duration: 0.3s; -webkit-transition-property: -webkit-transform;transition-property: transform;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
#content .gallery li a:hover img{ border:4px solid #FFF; background:#FFE599; -webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
#content .gallery li span{ font-family:Arial; font-size:10px; line-height:1 !important; display:inline-block;}

#content .page_navigation{ padding:20px 0 20px 0; margin:0; text-align:center;}
#content .page_navigation a,.ellipse{ text-align:center; display:inline-block; margin:0 3px; color:#FFF; background:none; padding:3px 5px 3px 5px; text-decoration:none; font-size:12px; font-weight:bold; font-family:Arial; border:1px solid #FFF;}
#content .page_navigation a:hover,#content .page_navigation a.active_page{ display:inline-block; margin: 0 3px; color:#FFE599;}

.review-section { background: #000000ad; padding: 50px 0; }
.review-section h2 { text-align: center; font-family: 'Muli', sans-serif; font-size: 30px; margin-bottom: 30px; }
.review-section .wrapper { overflow-y: scroll; height: 600px; margin-top: 50px; }