/*============================================================
 Resets
============================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	}
ol, ul { list-style:none; }

/* Form field focus style */
:focus { outline:0; }

/* Form outline / Firefox */
input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner {   
	border : 0px;
}
	
/* = HTML 5
----------------------------------------------- */
article,footer,header,section { margin:0; padding:0; display:block; }
aside,details { margin:0; padding:0; }

/*============================================================
 Clearfix
============================================================*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}

/*============================================================
 Generics
============================================================*/
html { height:100%;	}
body {
	height:100%;
	line-height:1;
	font:13px/18px "Arial", Verdana, sans-serif;
	color:#666;
	background: url(../images/graphic_bg.png) no-repeat fixed bottom left;
	}

b, strong { font-weight:bold; line-height:1; }
i, em { font-style:italic; }

a:link { color:#69C8FF; text-decoration:none; }
a:visited { color:#69C8FF; text-decoration:none; }
a:hover { color:#A3DCFF; text-decoration:underline;}
a img { border:0; }

h1,h2,h3,h4,h5,h6,p {font-weight:normal;}
h1 {font-size:24px; letter-spacing:-0.04em;}
h2 {font-size:21px; letter-spacing:-0.02em;}
h3 {font-size:18px; letter-spacing:-0.01em;}
h4 {font-size:16px;}
p { }

button { cursor:pointer; }

.clear {
	clear:both;
	display:block;
	height:0;
	overflow:hidden;
	font-size:0;
	}
.clearfix:after {content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*============================================================
Client
============================================================*/
#wrapper {width:960px; height:auto; margin:0 auto; padding:0 20px 20px 20px; background: url(../images/white_bg.png);}

/*generals*/
.separator {height:5px; width:100%; border:none; margin:10px 0; float:left; background: url(../images/hr.png);}
.subtitle {display:block;font-family: Century Gothic,sans-serif; margin:20px 0; font-size:36px; font-weight:bold; color:#6780c2; line-height:normal;}

.main_header {width:100%; height:275px;}
.logo_header {display:block; width:260px; height:230px; float:left; text-indent:-1000em; background: url(../images/logo_hera.png);}
.tagline {width:700px; height:230px; float:left; text-indent:-1000em; background: url(../images/tagline.png);}
.slider {width:960px; height:290px;}

.main_nav {display:block; width:100%; height:45px; margin:0; padding:0; float:left; background:#ffb243; font-family: Century Gothic,sans-serif; position:relative; z-index: 3;}
.main_nav ul li {display:block; height:45px; float:left;}
.main_nav ul li a {display:block; height:15px; padding:15px 25px; font-weight:bold; font-size:1.3em; letter-spacing:0.1em; line-height: 1em; color:#fff; transition: background-color 1s; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -o-transition: background-color 0.5s;}
.main_nav ul li:first-child a {margin-left:25px;}
.main_nav ul li a:hover {background-color:#f38a0a; text-decoration:none;}

/*dropdown*/
.main_nav ul li ul {display: none;}
.main_nav ul li:hover ul {display: block; margin: 0; padding: 0;}
.main_nav ul li:hover li {float: none; width:100%; height:auto; margin:0; padding:0; background:#ffb243; text-align:center; box-shadow: 0 2px 2px rgba(0,0,0,0.3);}
.main_nav ul li:hover li a {width:100%; height:20px; padding:10px 0; margin:0; line-height:normal;}
/*end of dropdown*/

.main_nav .facebook {display: block; width:35px; height:35px; position:absolute; right:5px; padding:0; margin:5px 0; background: url(../images/facebook_nav.png); text-indent:-1000em;}
.main_nav .facebook:hover {background-color:transparent; background-position:0 -35px;}
.main_nav .facebook:active {background-color:transparent; background-position:0 -70px;}

/*slider*/
#showcase h2 {display:block;font-family: Century Gothic,sans-serif; margin:0 0 5px 0; font-size:30px; font-weight:bold; color:#6780c2; line-height:normal;}
#showcase h3 {display:block;font-family: Century Gothic,sans-serif; margin:0 0 5px 0; font-size:18px; font-weight:bold; color:#6780c2; line-height:normal;}
#showcase p {width:450px; font-size:1.2em; line-height: 1.4em; color:#7d7d7d;}
#showcase img {width:470px; height:240; margin:20px; position:absolute; top:-5px; right:0;}

/*end of slider*/

.features_block {width:100%; height:420px;}
.features_block li {width:225px; height:100%; margin-right:20px; float:left;}
.features_block li.last-child {margin-right:0;}/*IE awful fix*/

.features_block li h3 {width:205px; height:17px; text-align:center; font-family: Century Gothic,sans-serif; padding:10px; color:#fff;}
.features_block li img {display:block; width:225px; height:170px;}
.features_block li p {margin-top:10px; font-size:1.2em; color:#8c8c8c;}
/*IE awful fix
.features_block li:nth-child(1) h3 {border-bottom:8px solid #ffa232; background:#ffbf41;}
.features_block li:nth-child(2) h3 {border-bottom:8px solid #f38a0a;background:#ffa232;}
.features_block li:nth-child(3) h3 {border-bottom:8px solid #9da2d0;background:#bbbfe3;}
.features_block li:nth-child(4) h3 {border-bottom:8px solid #4a68b6;background:#637ec4;}
*/
.features_block li.nth-child-one h3 {border-bottom:8px solid #ffa232; background:#ffbf41;}
.features_block li.nth-child-two h3 {border-bottom:8px solid #f38a0a;background:#ffa232;}
.features_block li.nth-child-three h3 {border-bottom:8px solid #9da2d0;background:#bbbfe3;}
.features_block li.nth-child-four h3 {border-bottom:8px solid #4a68b6;background:#637ec4;}

.more_services {text-align:right;font-family: Century Gothic,sans-serif; margin:20px 0; font-size:18px; font-weight:bold; line-height:normal;}
.more_services a {color:#6780c2;}

.facebook_follow {width:280px; height:40px; margin:0 auto;}
.facebook_follow a {display:block; width:100%; height:100%; background: url(../images/facebook_follow.png); text-indent:-1000em;}
.facebook_follow a:hover {background-position:0 -40px;}
.facebook_follow a:active {background-position:0 -80px;}

.footer_exp {width:100%; height:115px; min-width:960px; border-bottom:15px solid #ffa82a; background:#ffc759 url(../images/footer_bg.png) no-repeat bottom right;}
.footer_int {width:960px; height:85px; margin:0 auto; padding: 15px 0; text-align:center; color:#613b04; font-family: CenturyGothic,sans-serif; position:relative;}
.footer_nav ul {margin-bottom:15px;}
.footer_nav ul li {display:inline-block; font-family: CenturyGothic,sans-serif;}
.footer_nav ul li a {color:#613b04; font-size:1.3em;}
.logo_webtoast { display: block; width:100px; height:30px; text-indent:-1000em; background: url(../images/logo_webtoast.png); position:absolute; right:0; bottom:10px;}
.logo_webtoast:hover {background-position:0 -30px;}
.logo_webtoast:active {background-position:0 -60px;}

/*content*/
.content p {margin-bottom: 15px; text-align:justify; font-size: 1.2em; line-height:1.4em; color:#7d7d7d;}
.content img {/*border-bottom: 5px solid  #ffa232;*/}
.content ul {list-style-image: url(../images/bullet_1.png); padding-left:20px;}
.content ul h3 {color:#f29f27; font-weight:bold; margin-bottom:20px; line-height: 1.2em;}
.content ul li ul li {margin-bottom: 15px; text-align:left; font-size: 1.2em; line-height:1.4em; color:#7d7d7d; list-style-image: url(../images/bullet_2.png);}

.left_block {width:470px; height:auto; float: left; padding-right: 10px;}

.right_block {width:470px; height:auto; float: left; padding-left: 10px; padding-top:90px;}

/*form*/
#form {display:block; width:470px; height:auto; float:left; position:relative;}
#form h4 {display:block; color:#494848; margin:20px 0 5px 0;}
.input {display:inline; width:460px; height:20px; border:none; padding:5px; margin:0; background: url(../images/input_bg.png);}
.textarea {display:inline; width:460px; height:115px; border:none; padding:5px; margin:0; background: url(../images/textarea_bg.png) no-repeat; resize: none;}
.button_box {width:230px; height:42px; float: right; margin:20px 0;}
.button_box .button {display:block; float:left; width:110px; height:42px; text-indent:-1000em; background:url(../images/form_buttons.png); border:none;}
.button.erase {background-position: 0 0; margin-right:10px;}
.button.erase:hover {background-position: 0 -42px;}
.button.erase:active {background-position: 0 -84px;}
.button.send {background-position: -110px 0;}
.button.send:hover {background-position: -110px -42px;}
.button.send:active {background-position: -110px -84px;}

.mail {font-style: italic; font-family: CenturyGothic,sans-serif; font-weight: normal;}
.mail a {font-size:1.6em; }