@import url('common.css');

/*========================Site Structure=====================================*/

#wrapper {
	width:100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: auto;
}
.repeat{
	background-image: url(../images/bg-r.jpg);
	background-repeat: repeat;
}
#top-bg {
	background-image: url(../images/body-top-bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: auto;
	width: 100%!important;
	text-align: center;
	float: left;
}
.top-bg {
	background-image: url(../images/back_big.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: auto;
	width: 100%!important;
	text-align: center;
}

#top-menu-curve {
	background-image: url(../images/top-menu-curve-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 98px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.top-menu-curve {
	background-image: url(../images/top-menu-curve-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	width: 100%!important;
	text-align: center;
}

#top-part {
	height: 100px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#top-logo {
	float: left;
	height: 56px;
	width: 401px;
	padding-top: 9px;
}
#top-contact {
	height: 56px;
	width: 230px;
	padding-top: 9px;
	padding-left: 266px;
	float: right;
	text-align: right;
}
#top-menu {
	float: left;
	width: 790px;
	padding-right: 55px;
	padding-left: 55px;
	padding-top: 2px;
}
#top-menu img {
	padding: 0px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 25px;
}





.curve {
	float: left;
	height: auto;
	width: auto;
}
.clear {
	clear: both;
}
#container {
	height: auto;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}

#content {
	float:left;
	width:900px;
	height:auto;
	background-image: url(../images/main.jpg);
	background-repeat: no-repeat;
	background-position: -5px top;
}
#content .left {
	float: left;
	height: auto;
	width: 240px;
	padding-left: 10px;
}
#content .right {
	float: left;
	height: auto;
	width: 635px;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #FFFFFF;
}
#content-bottom-curve {
	background-image: url(../images/content-bottom-curve.jpg);
	background-repeat: no-repeat;
	background-position: 2px top;
	float: left;
	width: 900px;
	height: 7px;
}
#footer-container {
	float: left;
	width: 892px;
	padding-left: 8px;
	padding-top: 10px;
	padding-bottom: 20px;
}


#footer {
	float: left;
	width: 886px;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
#footer a {
	padding-right: 5px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

h1 {
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	padding-bottom: 6px;
}
h3 {
}

h4 {
}

h5 {
}
.left-news-board {
	float: left;
	width: 228px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 12px;
}
.left-news-board-input {
	height: 130px;
	width: 190px;
	border: 1px solid #666666;
	margin: 0px;
	padding: 0px;
	background-color: #B0AFB6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.news-board-btn {
	width: 175px;
	float: left;
	padding-left: 40px;
	padding-bottom: 15px;
}
.login-btn {
	width: 110px;
	float: left;
	padding-left: 98px;
	padding-top: 5px;
}
#content .right p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #FFFFFF;
	width: 615px;
	text-align: justify;
}
strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.red-big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #F7060D;
	text-decoration: none;
	text-align: center;
	float: left;
	width: 615px;
}
.white-big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
.book-now-btn {
	text-align: center;
}
.rates-img {
	float: left;
	height: auto;
	width: 540px;
	text-align: center;
	padding-left: 75px;
}
.rates-img img {
	margin: 20px;
}
.testimonial-sep {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.testimonials-date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}
#content .right a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#content .right a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-decoration: underline;
}
.contact-left-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 18px;
}
.contact-input {
	background-color: #E4E4E4;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.contact-btn {
	background-color: #CC0000;
	width: 90px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 6px;
	padding-bottom: 6px;
}
.charter-ttl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #710002;
	line-height: 26px;
	padding-left: 6px;
}
.charter-sub-ttl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #55646B;
	line-height: 24px;
	padding-left: 6px;
}
.charter-service-hr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 25px;
	padding-left: 8px;
}
.link_charters-hr-bg  {
	border: 0px none #4F5E64;
	background-color: #445157;
	padding: 5px;
}
.charter-service-img {
	border: 1px solid #6C8088;
}
#content .right ul {
}
#content .right li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 16px;
	list-style-type: disc;
	list-style-position: inside;
}
