/*** DEFAULT ***/

ul {list-style:none; margin:0; padding:0;}
img {border:0;}
:focus {outline:none;}
a {color:#000000; text-decoration:none; cursor:pointer;}
a:hover, a:visited {color:#666666;}
input {border:0;}
p {margin:0 0 10px;}
h1,h2,h3,h4,h5,h6 {margin:0;}

/*** CHARACTER STYLING ***/

body, input {font-family:'proxima-nova',sans-serif; font-weight:400; color:#333333;}

h1 {font-family:'nudista-web',sans-serif; font-style:normal; font-weight:600; color:#000000; line-height:1em;}
h2 {font-family:'nudista-web',serif; font-style:normal; font-weight:700; color:#000000;}
h3 {font-family:'proxima-nova',serif; font-style:normal; font-weight:600;}

strong {font-weight:700;}

.highlight {font-size:16px; font-weight:600; color:#22bdb6; line-height:1.2em;}

/*** NAV ***/

#nav {width:100%; position:absolute; top:0; left:0; z-index:9998; border-top:5px solid #22bdb6;}
#nav .holder {width:100%; height:80px; position:absolute; top:0; left:0; background-color:#ffffff;}

#nav ul#primary {width:960px; position:relative; padding:0; margin:0 auto;}
#nav li {float:left; position:relative;}
#nav li a {font-family:'proxima-nova',sans-serif; font-size:14px; font-style:normal; font-weight:600; color:#555555; text-transform:uppercase; padding:35px 25px 0; height:45px; float:left; background-color:#ffffff; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out;}

#nav li a:hover, #nav li a.active {color:#ffffff; background-position:center 0; background-color:#22bdb6;}
#nav li a.logo {background:url(../img/common/logo.png) no-repeat center 25px; background-color:#ffffff; width:200px; height:80px; padding:0; float:left;}

#nav  ul#primary  ul {position:absolute; top:80px; left:0; z-index:9999; background-color:#ffffff; box-shadow:0 0 10px rgba(0,0,0,0.25);}
#nav  ul#primary  ul li a {font-size:12px; font-weight:600; color:#333333; width:180px; height:auto; padding:10px; background:none; border-bottom:1px solid #eeeeee;}
#nav  ul#primary  ul li a:hover {background-color:#f4f4f4;}
#nav  ul#primary ul {display:none;}
#nav  ul#primary li:hover ul {display:block;}

/*** BODY STRUCTURE ***/

body {background:url(../img/common/bg_tile.jpg); background-color:#e1ddd9; min-width:960px; width:100%;}

.transition {-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;}

.preloaderlayer {background:url(../img/common/bg_tile.jpg); background-color:#e1ddd9; position:absolute; width:100%; height:700px; top:0; left:0; z-index:-1;}
#preloader {position:absolute; width:100%; height:100%; top:0; left:0; z-index:9997; background:transparent url(../img/common/ajax-loader.gif) no-repeat center center;}

#splash {width:100%; height:800px; position:absolute; overflow:hidden;} 
#splash.home {height:900px;}
.home .splash {width:100%; height:900px; position:absolute; left:0; z-index:-1; background-repeat:no-repeat; background-position:center -50px; background-size:cover;} 
.splash {width:100%; height:800px; position:absolute; left:0; z-index:-1; background-repeat:no-repeat; background-position:bottom; background-size:cover;}

#container {position:relative; z-index:1;}

.maincontent {font-size:14px; color:#222222; background-color:#ffffff; padding:60px 60px 0; box-shadow:0 0 10px rgba(0,0,0,0.25);}
.maincontent p {margin:15px 0;}
.maincontent a {color:#22bdb6;}
.maincontent a:hover {
	color:#000000;
}

.mainheader {height:500px; position:relative;}
.mainheader h1 {font-size:42px; color:#ffffff; padding:440px 0 0; line-height:0.8em; text-shadow:0 1px 8px rgba(0,0,0,0.9); width:600px;}

.mainheader .subnav {font-family:'nudista-web',sans-serif; font-style:normal; font-weight:600; display:block; width:960px; position:absolute; bottom:0;}
.mainheader .subnav ul li {display:inline;}
.mainheader .subnav ul li a {float:left; width:235px; height:30px; background-image:url(../img/common/tabs.jpg); background-repeat: no-repeat; color:#727272; text-align:center; padding-top:10px; font-size:16px; font-weight:900;}
.mainheader .subnav ul li a:hover, .mainheader .subnav li a.active {background-position:0 -40px; color:#189089;}
.mainheader .subnav ul li a.inactive2 {color:#727272; background-position:0 -80px;}
.mainheader .subnav ul li a.inactive2:hover {background-position:0 -40px; color:#189089;}

.backtotop { display:none; position:fixed; top:100%; right:50%; margin-top:-318px; margin-right:-530px; width:60px; height:40px; background-image:url(../img/common/btn_backtotop.jpg); background-repeat: no-repeat; cursor:pointer; box-shadow:0 1px 3px rgba(0,0,0,0.5); z-index:9999;}
.backtotop:hover {background-position:0 -40px;}
.backtotop:active {margin-top:-317px;}

/*** COMMON ***/

.divider {margin:20px 0;height:18px; background-image:url(../img/common/div.jpg); background-repeat: no-repeat; background-position:center;}
.btn_more {font-weight:700; background:url(../img/common/bullet_more.png) no-repeat left center; padding:1px 0 0 18px;}
.btn_back {font-weight:700; background:url(../img/common/bullet_back.png) no-repeat left center; padding:1px 0 0 25px;}

.btn_submit {font-size:14px; font-weight:600; color:#ffffff; text-align:center; display:block; height:39px; background-color:#22bdb6; padding:0 20px 0 5px; cursor:pointer;}

ul.btn_submit li {font-weight:700; background-image:url(../img/common/btn_arrow.png); background-position:center right; background-repeat:no-repeat; float:none !important; padding:10px 0 0 !important; height:28px;}

/*** CONTACT US ***/

#contactus_holder {position:absolute; width:100%; top:-400px; z-index:99999;}

#contactus {font-size:14px; position:relative; margin:0 auto; top:0; width:100%; height:380px; background-color:#ffffff; border-top:5px solid #22bdb6; box-shadow:5px 0 10px rgba(0,0,0,0.8);}
#contactus h2 {font-size:18px; font-weight:600; color:#333333; text-transform:none;}

#contactus .container_16 {padding:40px 0; position:relative;}
#contactus ul {margin:20px 0;}
#contactus ul li {margin:0 0 15px;}
#contactus ul li .grid_1 {padding:3px 15px 0 0;}

#contactus select {font-family:inherit; padding:3px; width:272px;}
#contactus input[type=text], #contactus textarea {width:260px; background-color:#f8f8f8; border:1px solid #cccccc; padding:5px; -webkit-transition:all 0.15s ease-in-out; -moz-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;}
#contactus input:hover, #contactus textarea:hover {background-color:#eeeeee;}
#contactus .error {border:1px solid #cd4747 !important;}
#contactus .address {font-size:12px;}
#contactus .address strong, #contactus .address i {font-size:14px;}
#contactus a {color:#22bdb6;}
#contactus a:hover {color:#666666;}

#contactus .countries > ul {width:150px; margin:0;}
#contactus .countries > ul > li {margin:0 0 5px; display:block; border-bottom:1px solid #eee;}
#contactus .countries a {font-size:14px; color:#666666; line-height:1.5em;}
#contactus .countries a.active, #contactus .countries a:hover  {color:#22bdb6;}
#contactus .countryadd > div {display:none;}
#contactus .countryadd > div.active {display:block;}

#contactus .btn_submit {float:right; border:0; width:100px; margin-right:52px;}
#contactus .btn_submit:hover{background-position:0 -39px;}
#contactus .btn_submit {padding:0;}
#contactus .closeBtn {position:absolute; top:40px; right:0; cursor:pointer; width:21px; height:21px; background:url(../img/common/btn_close.jpg);  -webkit-transition:all 0.15s ease-in-out; -moz-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;}
#contactus .closeBtn:hover {opacity:0.7;}

/*** FOOTER ***/

#footer {background:url(../img/common/bg_footer1.jpg); width:100%; min-height:200px; display:block; opacity:0;}

#footer .grid_16 {background:url(../img/common/bg_footer2.jpg); min-height:200px;}

#footer .holder ul {}
#footer .holder li {display:inline;}
#footer .holder li > a {font-size:10px; color:#888888; text-transform:uppercase; float:left; padding:30px 20px 0 30px; margin:0 0 10px 0;}
#footer .holder li > a:hover {color:#ffffff;}

#footer .copyright {color:#ffffff; border-top:1px solid #434b3e; padding:20px 0 0; margin:20px 30px 0;}
#footer .copy, #footer .partner {display:block; margin:0 0 10px;}
