/*
	*** Styles.css ~ /assets/styles.css
	*** Travel Syndicate's Base CSS Document
	*** Created By Will Ayers on 04/07/2009
*/

html, body, div, a img { border:0; padding:0; margin:0; }

/* *** Basic Tags *** */

html, body {
	background-color:#fff;
}

body {
	font:normal 18px verdana, geneva, arial, sans-serif; color:#010101;
}

h1 {
	font-size:25px; color:#dc6702; margin:0; padding:16px 0;
}
h2 {
	font-size:25px; color:#8cc229;
}
h3 {
	font-size:16px; color:#3C9FDD; margin-bottom:0;
}
h4 {
	font-size:15px;  color:#3C9FDD;
}

h5 {
	font-size:15px; color:#46374a;
}

h1, h2, h5 {
	font-style:italic;
}

p {
	font-weight:normal; font-size:80%; margin:0; padding:12px 24px 8px 0;
}

.box-button-submit, .box-button-reset {
	display:block; border:1px solid #5D3E4D; background-color:#FFAB00; padding:6px 8px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; float:left; margin:4px;
}
.box-button-reset {
	border-color:#999; background-color:#e8e8e8;
}


#content ul, #content ol {
	list-style-position:inside; padding:12px;
}
#content ul li {
	padding:2px 0; font-size:75%;
}

a:link, a:active, a:visited {
	color:#3C9FDD; text-decoration:none;
}
a:hover {
	color:#5D3E4D;
}

table ul {
	margin:0 !important; padding:0 !important;
}

table, table tr, table tr td, table td {
	font-size:14px;
}
#content table td {
	padding:8px;
}
/* *** Basic Site Structure *** */

#travel-syndicate {
	width:990px; margin:0 auto;
}

#middle, #promotions {
	width:930px; margin:0 auto;
}

#hero-shot {
	padding-top:19px; width:990px; height:405px; position:relative;
}
#hero-photos {
	width:990px; height:386px; overflow:hidden; position:relative; z-index:5;
}
#header {
	padding-bottom:2px;
}
#middle {
	position:relative; z-index:10; padding:24px 0;
}
#content {
	width:691px; float:left;
}
#content-two {
	float:right; width:691px;
}
#sidebar-two {
	float:left; width:299px;
}
#page-two {
	width:990px; position:relative;
}
.larger-content {
	float:none; width:930px !important;
}
#sidebar {
	width:239px; float:right; position:relative; top:-57px; z-index:30;
}
#promotions {
	height:162px; overflow:hidden;
}

/* *** Header *** */

#logo {
	display:block; width:419px; height:185px; float:left; padding:10px 0 0 30px;
}

#information {
	width:411px; float:right; padding-top:55px;
}
#contact-information {

}
#booknow-information {
	padding-left:73px;
}

/* *** Main Navigation *** */
#main-nav-bg {
	position:absolute; top:0px; left:30px; z-index:10; width:165px; height:405px;
}
#main-nav-middle {
	 background-color:#b8d03a; -moz-opacity:.85; filter:alpha(opacity=85); opacity:.85; width:165px; height:386px;
}
#main-nav-top {
	height:19px; width:165px; background:transparent url('img/main_nav_corners.gif') no-repeat 0px 0px; overflow:hidden;
}
#main-nav-bottom {
	height:19px; width:165px; background:transparent url('img/main_nav_corners.gif') no-repeat 0px -19px; overflow:hidden;
}
#main-nav {
	position:absolute; list-style-type:none; top:19px; left:30px; z-index:12; margin:0; padding:0; background:transparent url('img/main_nav_sprite.gif') no-repeat; width:165px; height:387px;
}
#main-nav li {
	position:relative;
}
#main-nav li, #main-nav li a {
	display:block; float:left; width:165px;
}
#main-nav li a {
	text-indent:-6466px; overflow:hidden;
}

#nav-home a {
	height:34px;
} #nav-home a:hover { background:transparent url('img/main_nav_sprite.gif') no-repeat -175px 0px; }

#nav-about a {
	height:40px;
} #nav-about a:hover { background:transparent url('img/main_nav_sprite.gif') no-repeat -175px -34px; }

#nav-cruises a {
	height:40px;
} #nav-cruises a:hover { background:transparent url('img/main_nav_sprite.gif') no-repeat -175px -74px; }

#nav-tour a {
	height:38px;
} #nav-tour a:hover { background:transparent url('img/main_nav_sprite.gif') no-repeat -175px -114px; }

#nav-vp a {
	height:36px;
} #nav-vp a:hover { background:transparent url('img/main_nav_sprite.gif') no-repeat -175px -152px; }

#nav-inclusive a {
	height:42px;
} #nav-inclusive a:hover { background:transparent url('img/main_nav_sprite.gif') no-repeat -175px -188px; }

#nav-specials a {
	height:39px;
} #nav-specials a:hover { background:transparent url('img/main_nav_sprite.gif') no-repeat -175px -230px; }

#nav-request a {
	height:38px;
} #nav-request a:hover { background:transparent url('img/main_nav_sprite.gif') no-repeat -175px -269px; }

#nav-tools a {
	height:39px;
} #nav-tools a:hover { background:transparent url('img/main_nav_sprite.gif') no-repeat -175px -307px; }

#nav-corporate a {
	height:39px;
} #nav-corporate a:hover { background:transparent url('img/main_nav_sprite.gif') no-repeat -175px -346px; }

/* *** Sub Navigation *** */

#main-nav ul {
	background-color:#b8d03a; -moz-opacity:.85; filter:alpha(opacity=85); opacity:.85; width:145px; position:absolute; top:-6466px; left:-1px; padding:0 8px 0 12px; margin:0 !important;
}
#main-nav li:hover ul, #main-nav li.sfHover ul {
  top: 5px; left:165px;
}
	#nav-corporate:hover ul, li#nav-corporate.sfHover ul {
		top:-117px !important;
	}
#main-nav ul li a {
	width:140px !important;
}
	#sub-directory a {
		background:transparent url('img/sub_nav_sprite.gif') no-repeat 0px 0px; height:37px;
	} #sub-directory a:hover { background:transparent url('img/sub_nav_sprite.gif') no-repeat 0px -156px; }
	
	#sub-profiles a {
		background:transparent url('img/sub_nav_sprite.gif') no-repeat 0px -37px; height:40px;
	} #sub-profiles a:hover { background:transparent url('img/sub_nav_sprite.gif') no-repeat 0px -193px; }
	
	#sub-there a {
		background:transparent url('img/sub_nav_sprite.gif') no-repeat 0px -77px; height:39px;
	} #sub-there a:hover { background:transparent url('img/sub_nav_sprite.gif') no-repeat 0px -233px; }
	
	#sub-apollo a {
		background:transparent url('img/sub_nav_sprite.gif') no-repeat 0px -311px; height:39px;
	} #sub-apollo a:hover { background:transparent url('img/sub_nav_sprite.gif') no-repeat 0px -350px; }
	
	#sub-reservations a {
		background:transparent url('img/sub_nav_sprite.gif') no-repeat 0px -116px; height:38px;
	} #sub-reservations a:hover { background:transparent url('img/sub_nav_sprite.gif') no-repeat 0px -272px; }


/* *** Content *** */

.section img {
	float:left; padding:0 16px 16px 0;
}
.section h2 {
	margin:0;
}
.section h5 {
	margin:0;
}

/* *** Side Bar *** */
#sidebar #amex {
	padding:24px 0; margin:0 auto; width:106px; height:66px;
}
#promo-package {
	width:239px; padding-top:11px; background:transparent url('img/sidebar_orange_corners_top.png') no-repeat 0px 0px; font-family:arial, sans-serif, verdana;
}
#promo-package-content {
	background-color:#ffab00; -moz-opacity:.85; filter:alpha(opacity=85); opacity:.85; width:239px; text-align:center;
}
	#promo-package * {
		margin:0; padding:0; font-style:normal;
	}
	#promo-package h3 {
		color:#453649; font-size:24px;
	}
	#promo-package h2 {
		display:block; color:#fff; font-size:30px; line-height:1.4em;
	}
	#promo-package h4 {
		color:#453649; font-size:22px;
	}
	#promo-package a {
		text-decoration:none; color:#453649; border-bottom:2px solid #453649; font-size:90%;
	}
#promo-package-bottom {
	height:11px; width:239px; background:transparent url('img/sidebar_orange_corners_bottom.png') no-repeat 0px 0px; overflow:hidden; line-height:0; margin-bottom:8px;
}

#email-gather {
	width:226px; height:124px; background:#fff url('img/email_gather_bg.jpg') no-repeat 0px 0px; padding:26px 0 0 13px;
}

/*
#email-title {
	width:155px; height:35px; overflow:hidden; padding-bottom:12px; background:transparent url('img/email_gather_title.gif') no-repeat 0px 0px; margin:0; text-indent:-6466px;
}

*/
#email {
	width:204px; border:1px solid #ded740; -moz-border-radius:4px; -webkit-border-radius:4px; padding:4px; color:#999;
}
#email-gather button, #egForm button {
	display:block; border:0; width:61px; height:24px; background:transparent url('img/email_gather_submit.gif') no-repeat 0px 0px; text-indent:-6466px; overflow:hidden; margin:6px 0 0 153px;
}
#email-gather button:hover, #egForm button:hover {
	background-position:0px -24px;
}

/* *** Promotions *** */

.promo {
	width:276px; height:142px; float:left; padding:12px;
}
.promo h4 {
	font-size:11px; color:#5c3f4d; margin:0; padding:0;
}
.promo .details {
	display:block; width:101px; height:42px; text-indent:-6466px; overflow:hidden; background:transparent url('img/promos/details.gif') no-repeat 0px 0px; float:right; position:relative; top:-12px; z-index:10;
}
.promo .details:hover {
	background-position:0px -42px;
}

#all-inclusive {
	background:#fff url('img/promos/maroon.jpg') no-repeat 0px 0px;
}
#all-inclusive h4 {
	color:#ffab00;
}

#cruises {
	background:#fff url('img/promos/orange.jpg') no-repeat 0px 0px; margin:0 10px;
}
#cruises .details {
	background:transparent url('img/promos/details.gif') no-repeat 0px -84px;
}
#cruises .details:hover {
	background-position:0px -126px;
}

#tours {
	background:#fff url('img/promos/green.jpg') no-repeat 0px 0px;
}

/* *** Footer *** */

#bottom-nav {
	list-style-type:none; padding-top:20px;
}
#bottom-nav li {
	display:inline; padding:0px 12px;
}
#bottom-nav li a {
	color:#adadad; text-decoration:none; font-size:12px; padding:4px;
}
#bottom-nav li a:hover {
	color:#777;
}

/* *** Classes *** */

.clear {
	clear:both;
}

.special {
	margin:24px 0;
}
.special img {
	float:left; border:3px solid #e3e3e3; margin:0 12px 8px 0;
}
.special h2 {
	margin:0;
}
.special h3 {
	font-size:16px; margin:0; color:#5D3E4D; font-weight:normal;
}
.special div.description {
	padding-top:12px;
}

ul.list {
	margin:0; padding:0 !important; width:95%;
}
ul.list li.main-li {
	border:1px solid #e3e3e3; font-size:16px !important;
}
ul.list li {
	display:block; padding:0 !important; font-size:14px !important;
}
ul.list li ul {
	padding:26px 12px !important;
}
ul.list li ul li {
	padding:4px 0;
}

ul.list a.main-li-link {
	display:block; background-color:#f5f5f5;padding:4px 8px; border-top:1px solid #fff; border-bottom:1px solid #e9e9e9;
}
ul.list a.main-li-link span {
	color:#999 !important; text-align:right; font-size:65%; display:block; width:40%; float:right;
}

ul#all-list li {
	display:block; width:140px; margin:8px; float:left; height:100px;
}
.sub-li-link {
	padding:4px 2px; display:block;
}

#egForm input {
	border:1px solid #999; padding:6px; background-color:#f3f3f3; width:250px; margin-bottom:8px;
	/* css3 */ border-radius:5px; /* mozilla */ -moz-border-radius:5px; /* webkit */ -webkit-border-radius:5px;
}
#egForm label {
	color:#5b3f4d; font-size:90%;
}
#egForm button {
	margin:8px 0 0 0;
}

div.error {
	margin:12px 0; padding:16px; color:#d52031; border:1px solid #eb5563; background-color:#fcd2d6; width:90%;
	/* css3 */ border-radius:5px; /* mozilla */ -moz-border-radius:5px; /* webkit */ -webkit-border-radius:5px;
}

div.success {
	margin:12px 0; padding:16px; background-color:#dffcd2; border:1px solid #8ced62; color:#53c221; width:90%;
	/* css3 */ border-radius:5px; /* mozilla */ -moz-border-radius:5px; /* webkit */ -webkit-border-radius:5px;
}
input.small-input {
	width:25px !important; padding:0; margin:0;
}