/* @override http://www.livingthedreamtours.com/css/style.css */

/*	--- FRAMEWORK
	-------------------------------------------------------------------
	------------------------------------------------------------------- */
@import 'blueprint/screen.css';





/*	--- LAYOUT - Primary layout division
	-------------------------------------------------------------------
	------------------------------------------------------------------- */
body {
	color: #fff;
	font-size: 80%;
	background: #000 url(../img/bg-map.jpg) no-repeat center top;
}	

#page {
	margin: 0 auto;
	width: 900px;
}

#header {
	display: inline;
	float: left;
	width: 900px;
}

#main {
	display: inline;
	float: left;
	width: 332px;	/*447 */
	margin: 32px 0 0 115px;
	text-align: left;
}

#sidebar {
	display: inline;
	float: right;
	width: 438px;
	padding-bottom: 115px;
	text-align: left;
}

#footer {
	display: inline;
	float: left;
	width: 900px;
	height: 100px;
}




/* Page Variants */
#home #page { background: url(../img/elephants2.png) no-repeat center bottom; }
#home #main { margin-top: 18px; }
#itinerary #main { width: 328px; padding-bottom: 30px;}
#itinerary #sidebar { width: 437px; }
#inquiry #main { width: 450px; padding-bottom: 30px;}
#inquiry #sidebar { width: 309px; }
#signup #main { width: 462px; padding-bottom: 30px;}
#signup #sidebar { width: 312px; }


/* Clear fix */
.clearfix:after, #page:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, #page {display:block;}
.clear {clear:both;}


/* Dev helpers */
/* #header { background-color: rgba(255,193,202,0.50); } */
/* #main { background-color: rgba(255,252,0,0.5); } */
/* #sidebar { background-color: rgba(255,165,0,0.5); } */
/* #footer { background-color: rgba(0,249,0,0.5); } */




/*	--- CLASSES - Reusable classes
	-------------------------------------------------------------------
	------------------------------------------------------------------- */

/* for content styling */

.alt {
	color: #000;
	font-style: normal;
}

.tight {
	margin-bottom: 0;
}

.bigger {
	font-size: 120%;
}

.dropped {
	margin-top: 36px;
}


/* for development */

ul.no-dots {
	margin: 0 0 18px 0;
	list-style: none;
}

ul.in-line li {
	display: inline;
	float: left;
	margin-right: 10px;
}

ul.in-line li.last {
	margin: 0;
}




/*	--- GLOBALS - Global styes
	-------------------------------------------------------------------
	------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	color: #fff;
}

h2, h3 {
	font-weight: bold;
}

a:focus,
a:hover {
	color: #ffad47;
	text-decoration: none;
	border: none;
}

a {
	outline: none;
	color: #ffad47;
	text-decoration: none;
	border-bottom: 1px solid #ffad47;
}

textarea { height: 80px; }



/*	--- HEADER - Header elements
	-------------------------------------------------------------------
	------------------------------------------------------------------- */

/* Logo */

#header h1,
#header h1 a {
	display: block;
	float: left;
	width: 268px;
	height: 154px;
	margin: 56px 0 0 115px;
}

#header h1 a {
	margin: 0;
	border: none;
	background: url(../img/logo.jpg) no-repeat left top;
	text-indent: -50000px;
}

#header h1 {
	display: inline;	/* IE6 double margin bug fix */
}


/*	--- NAVIGATION - Primary navigation
	-------------------------------------------------------------------
	------------------------------------------------------------------- */

#nav-bar {
	border: 0;
	padding: 0;
	height: 65px;
	width: 395px; /* make Opera happy */
	margin: 115px 91px 0 0;
	display: inline;
	float: right;
	list-style: none;
	overflow: hidden;
}

#nav-bar li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}

#nav-bar a {
	float: left;
	padding: 65px 0 0 0;
	height: 0px !important;
	height /**/:65px; /* for IE5/Win only */
}

#nav-bar a:hover,
#nav-bar a:active,
#home #nav-home a,
#itinerary #nav-itinerary a,
#inquiry #nav-inquiry a,
#signup #nav-signup a { 
	background-position: 0 -65px;
}



/* nav elements */

#nav-home a {
	width: 92px;
	background: url(../img/nav/home.jpg) no-repeat left top;
}

#nav-itinerary a {
	width: 105px;
	background: url(../img/nav/itinerary.jpg) no-repeat left top;
}

#nav-inquiry a {
	width: 95px;
	background: url(../img/nav/inquiry.jpg) no-repeat left top;
}

#nav-signup a {
	width: 103px;
	background: url(../img/nav/signup.jpg) no-repeat left top;
}





/*	--- MAIN - Main content division
	-------------------------------------------------------------------
	------------------------------------------------------------------- */

#main ul {
	color: #ff991a;
}

#main ul li {
	margin-bottom: 18px;
}

#main ul span {
	color: #fff;
}



/* Itinerary */
#itinerary p#first {
	padding-bottom: 18px;
	border-bottom: 3px solid #ff991a;
	font-weight: bold;
	font-style: normal;
}

#itinerary #main {
	font-style: italic;
}



/* Inquiry and Sign Up */

#inquiry #main,
#signup #main {
	font-weight: bold;
}

#inquiry-form label.equal,
#signup-form label.equal {
	display: block;
	width: 110px;
	float: left;
	line-height: 34px;
}

#signup-form em {
	clear: both;
}





/*	--- SIDEBAR - Sidebar content division
	-------------------------------------------------------------------
	------------------------------------------------------------------- */



/*	--- FOOTER - Footer elements
	-------------------------------------------------------------------
	------------------------------------------------------------------- */
#footer a {
	color: #fff;
	border-color: #fff;
}

#footer-contact a:hover {
	text-decoration: underline;
}

#footer-contact a,
#footer-contact span {
	padding: 0 16px 0 22px;
}

#footer-contact span {
	background: url(../img/footer-bullet.gif) no-repeat left center;
}

#footer-contact a {
	background: url(../img/footer-email-icon.gif) no-repeat left center;
}

#footer-contact {
	margin-bottom: 12px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: .12em;
}

#footer-contact a {
	border: none;
}

#footer #copyright {
	text-align: center;
}

.form-error { 	color: #ff991a;}
#main ul.form-error li {
	margin-bottom: 0;
	color: #ff991a;
}


#godaddy{
	float: left;
	margin-right: 20px;
}

.AuthorizeNetSeal{
	float: left;
}

#seals{
	display: block;
	width: 240px;
	padding-left: 350px;
	
}