/* General Reset */
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, hr, button{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align: baseline;
	background:none;
}
ol, ul {list-style:none;}
h1, h2, h3, h4, h5, h6, li {line-height:100%;}
blockquote, q {quotes:none;}
q:before,
q:after {content: "";}
table {border-collapse:collapse; border-spacing:0;}
input, textarea, select{
	font:11px Arial, Helvetica, sans-serif;
	vertical-align:middle;
	padding:0;
	margin:0;
}
form, fieldset{border-style:none;}
/* General Settings */
html {
	height:100%;
	min-width:1000px;
}
body {
	font:12px Georgia, "Times New Roman", Times, serif;
	color:#2c2b25;
	background:url(../images/bg-body.gif);
	height:100%;
	min-width:1000px;
}
a {
	text-decoration:none;
	color:#2c2b25;
}
a:hover {
	text-decoration:none;
	color:#ff0;
}
/* wrapper */
.wrapper {
	min-height:100%;
	background:url(../images/bg-wrap.jpg) no-repeat 50% 0;
}
* + html .wrapper {height:100%;}
.page {
	padding:0 0 80px;
	width:100%;
}
/* header */
.header-area {
	width:100%;
	background:url(../images/bg-header.png) repeat-x;
	margin:0 0 73px;
}
.header {
	width:912px;
	margin:0 auto;
	overflow:hidden;
	padding:10px 19px 9px;
}
.logo {
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo.png) no-repeat;
	width:184px;
	height:40px;
	margin-top: -4px;
}
.logo a {
	display:block;
	height:100%;
	vertical-align: middle;
}
.nav {float:right;}
.nav li {
	float:left;
	font-size:16px;
	line-height:19px;
	padding:7px 0 0 30px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: 580;
	text-shadow: 0px -1px 0px #000000;
	
}
.nav a {color:#fff;}
.nav a {color:#DCDBD5;}
.nav a:hover {
	text-decoration:none;
	color:#ff0;
}
/* end header */
/* visual */
.visual {
	width:903px;
	margin:0 auto;
	position:relative;
	z-index:11;
	padding:0 0 0 37px;
}
.visual:after {
	clear:both;
	content:"";
	display:block;
}
.visual .view {
	float:left;
	width:389px;
	height:292px;
	background:url(../images/bg-view.png) no-repeat;
	position:relative;
	padding:43px 46px 87px;
	margin:0 0 -58px 0;
}
.visual .view img {vertical-align:top;}
.visual .descript {
	height:1%;
	overflow:hidden;
	padding:14px 0 0;
	font-size:20px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height:24px;
	color:#fff;
	float: right; 
	width: 380px;
}
.visual .descript p {
	padding:0 0 20px;
	word-spacing:-1px;
}
.signup {
/*    background: url(../images/bg-signup-box.png) no-repeat;
    width: 380px;
    height: 212px; 
	padding:7px 0 0 80px; */
	padding:7px 0 0 0px;
	color:#f4c403;
	font-size:15px;
	line-height:18px;
}
.visual .signup p {
	padding:0 0 18px;
	letter-spacing:0;
}
.signup .row {
	width:284px;
	height:30px;
	overflow:hidden;
	padding:7px 8px 50px;
	background:url(../images/bg-signup.png) no-repeat;
}
.signup .text {
	float:left;
	width:177px;
	border:0;
	background:none;
	font: 16px/19px Helvetica, Tahoma, Geneva, sans-serif;
	color:#fff;
	padding:5px 0 6px;
}
.signup .btn-submit {
	float:right;
	width:99px;
	height:30px;
	padding:0 0 1px;
	border:0;
	cursor:pointer;
	background:none;
	font:bold 16px/19px Tahoma, Geneva, sans-serif;
	color:#f30;
}
/* end visual */
/* main */
.main-area {
	width:100%;
	padding:26px 0 0;
	background:url(../images/bg-main-t.png) repeat-x;
	position:relative;
	z-index:10;
}
.main-b {
	padding:0 0 9px;
	background:url(../images/bg-main-b.png) repeat-x 0 100%;
	width:100%;
}
.main-c {
	width:100%;
	background:url(../images/bg-main-c.gif);
}
.main {
	width:950px;
	margin:0 auto;
	overflow:hidden;
	padding:46px 0 18px;
}
.text-pirates {
	width:342px;
	height:72px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/text-pirates.png) no-repeat;
	margin:0 0 17px;
}
.boxes {
	height:1%;
	overflow:hidden;
}
.boxes .box {
	float:left;
	width:458px;
	font-size:18px;
	line-height:23px;
	color:#2c2b25;
	padding:0 15px 0 2px;
}
.boxes .txt {padding:2px 48px 27px 0;}
.boxes p {padding:0 0 24px;}
.boxes .item {
	height:1%;
	overflow:hidden;
	font-size:14px;
	line-height:20px;
	padding:0 0 42px;
}
.boxes .left .item
	{ margin: 0 0 0 -8px; }
.boxes .view {
	float:left;
	width:178px;
	height:136px;
	padding:24px 26px 39px;
	overflow:hidden;
	background:url(../images/bg-view-2.png) no-repeat;
	margin:0 15px 0 0;
}
.boxes .view img {vertical-align:top;}
.boxes .item h3 {
	font-size:20px;
	line-height:23px;
	font-weight:normal;
	padding:10px 0 2px;
}
.boxes .item h3 a {color: #2c2b25;}
.boxes .item h3 a:hover {color:#fff;}
/* end main */
/* section */
.section {
	width:100%;
	position:relative;
	z-index:9;
	margin:-9px 0 -10px;
	background:url(../images/bg-wrap.jpg) no-repeat 50% -190px;
}
.gallery {
	width:950px;
	margin:0 auto;
	padding:43px 25px 14px;
	position:relative;
	overflow:hidden;
}
.gallery h2 {
	font-size:24px;
	line-height:27px;
	color:#ffb900;
	font-weight:normal;
	padding:0 0 14px;
}
.gallery .holder {
	width:950px;
	overflow:hidden;
	position:relative;
	margin:0 0 27px;
}
.gallery .holder ul {
	width:99999px;
	overflow:hidden;
}
.gallery .holder li {
	float:left;
	width:950px;
	color:#deddd7;
	font-size:14px;
	line-height:18px;
	overflow:hidden;
	position:relative;
}
.gallery .box-holder {
	width:980px;
	overflow:hidden;
	margin:0 0 0 -30px;
}
.gallery .holder .box {
	float:left;
	width:430px;
	padding:0 22px 0 38px;
}
.gallery .holder .alignleft {margin:0 29px 0 0;}
.gallery .holder img {vertical-align:top;}
.gallery .holder h3 {
	font-size:20px;
	line-height:23px;
	font-weight:normal;
	padding:6px 0 5px;
}
.gallery .holder h3 a {color:#deddd7;}
.gallery .holder h3 a:hover {color:#ffb900;}
.gallery .link-prev,
.gallery .link-next {
	width:35px;
	height:35px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}
.gallery .link-prev {background:url(../images/btn-prev.png) no-repeat;}
.gallery .link-prev:hover {background:url(../images/btn-prev-hover.png) no-repeat;}
.gallery .link-next {background:url(../images/btn-next.png) no-repeat;}
.gallery .link-next:hover {background:url(../images/btn-next-hover.png) no-repeat;}
.gallery .switcher-area {
	width:938px;
	overflow:hidden;
	position:relative;
}
.gallery .w1,
.gallery .w2 {
	float:left;
	position:relative;
	left:50%;
}
.gallery .w2 {left:-50%;}
.gallery .switcher {float:left;}
.gallery .switcher ul {
	float:left;
	padding:0 15px;
}
.gallery .switcher li {
	float:left;
	padding:10px 3px;
}
.gallery .switcher a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	width:18px;
	height:18px;
	background:url(../images/btn-switcher.png) no-repeat -8px -10px;
}
.gallery .switcher .active,
.gallery .switcher a:hover {
	width:34px;
	height:38px;
	margin:-10px -8px;
	background-position:-34px 0;
}
/* end section */
/* space */
.space-area {
	width:100%;
	background:url(../images/bg-space-t.png) repeat-x;
	padding:9px 0 0;
	position:relative;
	z-index:11;
}
.space-holder {
	width:100%;
	background:url(../images/bg-main-c.gif);
}
.space {
	width:100%;
	background:url(../images/bg-space.png) no-repeat 50% 100%;
	font-size:20px;
	line-height:31px;
	color:#2c2b25;
	padding:0 0 264px;
}
.space .holder {
	width:950px;
	margin:0 auto;
	padding:35px 0 0;
}
.space h2 {
	font-size:24px;
	line-height:27px;
	font-weight:normal;
	color:#23221c;
	padding:0 0 20px;
}
.space .frame {
	width:970px;
	overflow:hidden;
	margin:0 -10px;
}
.space .box {
	float:left;
	width:465px;
	padding:0 10px;
}
.space .marked-img {
	vertical-align:middle;
	position:relative;
	margin:-8px 0;
}
/* end space */
.alignleft {float:left;}
/* end wrapper */
/* footer */
.footer-area {
	width:100%;
	position:relative;
	margin:-350px 0 0;
	background:url(../images/bg-footer-area.gif) repeat-x 50% 100%;
	z-index:50;
}
.footer {
	background:url(../images/bg-footer.png) no-repeat 82px -4px;
	height:54px;
	width:896px;
	margin:0 auto;
	overflow:hidden;
	padding:296px 45px 0 10px;
	text-align:right;
	font-size:12px;
	line-height:15px;
	color:#dfded8;
}
* html .footer {padding-right:42px;}
* +html .footer {padding-right:42px;}
.footer a {color:#ffb900;}
.footer a:hover {color:#fff;}
/* end footer */