/* @override 
	http://livingthedreamtours.com/css/style-ns.css
*/

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

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

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

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

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

#home #main{
	margin: 32px 0 120px 115px;
}


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



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




/* Page Variants */
#home #page { background: url(../img/elephants.png) no-repeat 39px 600px; }
#home #main { margin-top: 18px; }




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


/*	--- 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
	-------------------------------------------------------------------
	------------------------------------------------------------------- */

hr{
	background-color: #ffad47;
	height: 3px;
	width: 350px;
	float: left;
}

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

h2, h3, h4 {
	font-weight: bold;
}

h2{
	color: #ffad47;
	margin-bottom: 0px;
}

.divider{
	margin-bottom: 10px;
}


.top-divider{
	margin-bottom: 5px;
}

.underline{
	border-bottom: 2px solid #ffad47;
	margin-bottom: 5px;
	display: block;
	width: 300px;
}

.italic{
	font-style: italic;
}

.orange{
	color: #ffad47;
}

.yellow{
	color: #ffd112;
}


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; }

img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}

/*	--- TABLE - general table styling
	-------------------------------------------------------------------
	------------------------------------------------------------------- */

table td{
	padding: 0px;
}

table tr.space-below td{
	padding-bottom: 20px;
}

table tr.small-space-below td{
	padding-bottom: 7px;
}

table.pricing{
	width: 308px;
}

#eco-tour .pricing td{
	height: 40px !important;
}


table.tour-dates{
	width: 400px;
}

.tour-dates .tour-year{
	margin-bottom: 0px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}

/*	--- 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: 78px;
	width: 425px; /* make Opera happy */
	margin: 116px 62px 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: 78px 0 0 0;
	height: 0px !important;
	height /**/:78px; /* for IE5/Win only */
}

#nav-bar a:hover,
#nav-bar a:active,
#home #nav-home a,
#custom-tour #nav-custom a,
#hunting-tour #nav-hunting a,
#eco-tour #nav-eco a { 
	background-position: 0 -78px;
}



/* nav elements */

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

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


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

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


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

#main ul {
	margin-right: 0px;
}

#main ul li {
	margin-bottom: 0px;
	font-weight: bold;
}

#main ul span {
	color: #fff;
}

#main ul.spaced li{
	margin-bottom: 10px;
}

#large-side-images{
	float: right;
	z-index: -1;
}

/* Home */

#home h2{
	color: #ffd112;	
	font-size: 15px;
	width: 200px;
}

#link-blog{
	position: absolute;
	bottom: 70px;
	left: 190px;
	text-indent: -5000px;
	width: 126px;
	height: 96px;
	display: block;
	float: right;
	background: url(../img/btn-tour-blog.png) top left no-repeat;
	border-bottom: 0px;
}

#link-facebook{
	text-indent: -5000px;
	position: absolute;
	bottom: 10px;
	left: 290px;
	display: block;
	width: 71px;
	height: 69px;
	float: right;
	clear: both;
	background: url(../img/btn-facebook.png) top left no-repeat;
	border-bottom: 0px;
}


#link-blog-ie6{
	position: absolute;
	bottom: 70px;
	left: 190px;
	border-bottom: none;
}

#link-facebook-ie6{
	position: absolute;
	bottom: 10px;
	left: 290px;
	border-bottom: none;
}


#link-blog:hover{
	background-position: 0px -96px;
}

#link-facebook:hover{
	background-position: 0px -69px;
}


/* Eco Friendly Tour */

#eco-tour table.pricing{
	width: 340px;
	overflow: auto;
}

#eco-tour table.tour-dates{
	width: 340px;
}

/* Exclusive Custom Tour */

#custom-tour h4.small-width{
	width: 250px;
}

/* Cull Hunting and Cape Tour */


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



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

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

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

#footer-contact a {
	background: url(../img/footer-email-icon.gif) no-repeat left center;
	padding: 0 16px 0 22px;
	border: none;
}

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

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

/* FOOTER SEALS */

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

#siteSealFauxBadge{
	display: block;
	height: 75px !important;
	border-bottom: 0px;
}

.AuthorizeNetSeal a{
	border-bottom: 0px;
	display: block;
	height: 75px;
}

#seals{
	float: left;
	height: 100px;
	margin-left: 180px;
}

#seals .seal{
	float: left;
	border-bottom: 0px;
	padding: 0px 10px 10px 10px
}


/*	--- FORM - Form elements
	-------------------------------------------------------------------
	------------------------------------------------------------------- */
.form-error,
.thankyou-text {
	color: #ff991a;
	font-weight: bold;
}

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

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

form label{
	float: left;
	height: 20px;
	width: 90px;
	padding-top: 10px;
}

form .text{
	width: 250px;
	margin-right: 50px;
	clear: both;
}

form#more-info .message{
	clear: both;
	padding: 5px 0px 5px 0px;
}

form#more-info p{
	margin-bottom: 0px;
}


/*	--- IE6 Fixes
	-------------------------------------------------------------------
	------------------------------------------------------------------- */

* html #home #page {
	background: none;
}
* html #link-blog,
* html #link-facebook,
* html .seal, {
	display: none;
}














