/* -----------------------------------------------------------------------
	Client:		AfricaTours Inc.
	Title:		Stylesheet for screen media
	Author:		Jason Garber, jason@sixtwothree.org
	Copyright:	AfricaTours Inc., http://www.africasafaris.com
	Created:	20 May 2006
------------------------------------------------------------------------- */


/* ----- Import external stylesheets -------------------------------------*/
@import url("nav.css");
@import url("forms.css");


/* ----- General styles ------------------------------------------------- */
* { margin: 0; padding: 0; }

body {
	padding-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
	color: black;
	background: white;
	}

a img { border: 0; }
hr { display: none; }
.center { text-align: center; }
.align { text-align: right; }

/* commented backslash hack (second rule is for IE5/Mac) \*/
.alt { position: absolute; left: -9999px; }
/* end hack */
/*\*//*/
.alt { text-indent: -9999px; }
/**/


/* ----- Layout --------------------------------------------------------- */
div#wrap {
	position: relative;
	width: 772px;
	margin: 0 auto;
	text-align: left;
	}

div#branding {
	height: 75px;
	border-bottom: 1px solid white;
	background: black;
	}

h1#logo { padding: 6px 0 0 14px; }

ul.page-controls {
	display: inline;
	float: right;
	list-style: none;
	margin-right: 20px;
	}

ul.page-controls li {
	display: inline;
	float: left;
	margin-left: 16px;
	*padding-top: 6px;
	}

div#page-heading span.header-photos { display: block; margin-top: 10px; }

div#content-wrap {
	*height: 1%;
	border: solid white;
	border-width: 10px 0;
	background: url("../images/content-wrap-bg.gif") repeat-y 0 0;
	}

div#content-wrap:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	}

div#content {
	display: inline;
	float: right;
	width: 480px;
	padding: 0 20px 0 17px;
	}

body.about div#content { padding-top: 244px; background: url("../images/headers/about.jpg") no-repeat 0 0; }
body.about-itineraries div#content { padding-top: 244px; background: url("../images/headers/about-itineraries.jpg") no-repeat 0 0; }
body.planning div#content { padding-top: 244px; background: url("../images/headers/planning.jpg") no-repeat 0 0; }
body.safaris div#content { width: 490px; padding-right: 10px; }
body.faqs div#content { padding-top: 244px; background: url("../images/headers/faqs.jpg") no-repeat 0 0; }
body.newsletters div#content { padding-top: 244px; background: url("../images/headers/newsletters.jpg") no-repeat 0 0; }
body.guestbook div#content { padding-top: 244px; background: url("../images/headers/guestbook.jpg") no-repeat 0 0; }

body.gallery div#content-wrap, body.specials div#content-wrap, body.itineraries div#content-wrap { background: transparent; }
body.gallery div#content-wrap { display: inline; float: left; width: 762px; margin-left: 10px; padding: 0; }
body.specials div#content, body.itineraries div#content { float: left; width: 762px; margin-left: 10px; padding: 0; }

body.gallery div#content {
	float: left;
	width: 624px;
	padding: 0;
	}

body.contact-form div#content, body.guestbook-sign div#content {
	float: left;
	width: 490px;
	padding: 0;
	background: #ffffcc url("../images/separator.gif") repeat-x 0 0;
	}

div#africa-map { position: relative; width: 490px; height: 560px; background: url("../images/map/africa-map.gif") no-repeat 0 0; }
div#africa-map img { width: 490px; height: 560px; border: 0; }

div#africa-map img.country-botswana { background: url("../images/map/botswana.gif") no-repeat 200px 397px; }
div#africa-map img.country-egypt { background: url("../images/map/egypt.gif") no-repeat 254px 12px; }
div#africa-map img.country-kenya { background: url("../images/map/kenya.gif") no-repeat 314px 222px; }
div#africa-map img.country-maldives { background: url("../images/map/maldives.gif") no-repeat 150px 98px; }
div#africa-map img.country-mauritius { background: url("../images/map/mauritius.gif") no-repeat 413px 412px; }
div#africa-map img.country-mozambique { background: url("../images/map/mozambique.gif") no-repeat 286px 343px; }
div#africa-map img.country-namibia { background: url("../images/map/namibia.gif") no-repeat 140px 391px; }
div#africa-map img.country-seychelles { background: url("../images/map/seychelles.gif") no-repeat 388px 298px; }
div#africa-map img.country-southafrica { background: url("../images/map/southafrica.gif") no-repeat 175px 431px; }
div#africa-map img.country-tanzania { background: url("../images/map/tanzania.gif") no-repeat 281px 265px; }
div#africa-map img.country-zambia { background: url("../images/map/zambia.gif") no-repeat 218px 322px; }
div#africa-map img.country-zimbabwe { background: url("../images/map/zimbabwe.gif") no-repeat 241px 379px; }

div.itinerary {
	clear: both;
	_height: 215px;
	min-height: 215px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url("../images/separator.gif") repeat-x 0 100%;
	}

div.itinerary:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	}

div.itinerary-photo { display: inline; float: left; width: 255px; margin-right: 16px; }
div#content div.itinerary-summary { margin-bottom: 1.2em; font-size: 1.1em; }
div#content div.itinerary-summary ul { margin-left: 0; list-style: none; }
div#content div.itinerary-content { display: inline; float: left; width: 480px; }

div#content .itinerary-day { font-weight: bold; color: #cc3300; }
div#content .itinerary-day-title { font-weight: bold; color: #333366; }
div#sidebar div#itinerary-summary { padding: 0 8px; /* font-size: 1.1em; */ }

div#content table { margin-bottom: 2em; font-size: 1.1em; }

table.rates-table {
	width: 100%;
	margin-bottom: 2em;
	border-collapse: collapse;
	font-size: 1.1em;
	background: url("../images/separator.gif") repeat-x 0 0;
	}

table.rates-table tbody th {
	width: 70%;
	padding: 0.3em 0.5em 0.3em 0;
	font-weight: normal;
	text-align: left;
	background: url("../images/separator.gif") repeat-x 0 100%;
	}

table.rates-table tbody td {
	padding: 0.3em 0.5em 0.3em 0;
	font-weight: bold;
	text-align: left;
	color: #cc3300;
	background: url("../images/separator.gif") repeat-x 0 100%;
	}

table#seasons-table {
	width: 100%;
	margin-bottom: 1em;
	border-collapse: collapse;
	font-size: 1.1em;
	}

table#seasons-table tbody th {
	width: 140px;
	vertical-align: top;
	padding: 0.3em 0.5em 0.3em 0;
	font-weight: bold;
	text-align: left;
	background: url("../images/separator.gif") repeat-x 0 100%;
	}

table#seasons-table tbody td {
	vertical-align: top;
	padding: 0.3em 0.5em 0.3em 0;
	text-align: left;
	background: url("../images/separator.gif") repeat-x 0 100%;
	}

table#gallery-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1em;
	}

table#gallery-table tbody td {
	width: 150px;
	vertical-align: top;
	padding: 10px 6px 10px 0;
	background: url("../images/separator.gif") repeat-x 0 0;
	}

div#content table#gallery-table tbody td p {
	margin: 0.5em 0 0 0;
	padding: 1px 0 3px 20px;
	line-height: normal;
	background: url("../images/gallery-caption-bg.gif") no-repeat 0 0;
	}

div#content table#gallery-table tbody td p a { font-weight: normal; }

div#sidebar {
	width: 230px;
	margin-left: 10px;
	padding-bottom: 10px;
	}

div#sidebar div { padding-bottom: 10px; }
div#sidebar div.last { background: url("../images/separator.gif") repeat-x 0 100%; }

div#footer {
	clear: both;
	border-top: 6px solid black;
	}


/* ----- Typography ----------------------------------------------------- */
div#page-heading h1 {
	margin-left: 10px;
	font-size: 2.4em;
	font-weight: normal;
	color: #ff3300;
	}

div#page-heading p.breadcrumbs {
	margin: 4px 0 20px 10px;
	font-size: 1.1em;
	color: black;
	}

div#page-heading p.breadcrumbs em { font-weight: bold; font-style: normal; color: #ff3300; }

div#page-heading p.push-marketing {
	border-top: 1px solid white;
	padding: 2px 20px 3px 0;
	text-align: right;
	background: black;
	}

div#sidebar h2 {
	padding: 8px 8px 0 8px;
	font-size: 1.2em;
	font-weight: bold;
	color: #cc3300;
	}

div#sidebar h2.separated { background: url("../images/separator.gif") repeat-x 0 0; }

div#sidebar p {
	margin: 0 0 0.25em 0;
	padding: 0 8px;
	font-size: 1.1em;
	line-height: 1.4em;
	color: black;
	}

div#sidebar p.hanging {
	padding-left: 22px;
	text-indent: -14px;
	}

div#sidebar ul {
	margin: 0 0 1em 0;
	padding: 0 8px;
	list-style: none;
	font-size: 1.1em;
	}

div#sidebar ul li {
	margin-bottom: 0.4em;
	}

div#sidebar div#customize-your-tour li {
	padding-left: 14px;
	background: url("../images/icon-arrow-red-right.gif") no-repeat 0 4px;
}

div#sidebar div#africatours-advantage li {
	padding-left: 12px;
	background: url("../images/advantage-li-bg.gif") no-repeat 2px 4px;
	}

body.home div#sidebar ul li, div#sidebar ul.itineraries-list li { /* hack to get hotlinks to work */
	padding-left: 14px;
	text-indent: -14px;
	}

div#sidebar ul.bulleted {
	margin: 0.5em 0 1em 16px;
	list-style-type: disc;
	}

div#content h1 {
	margin-bottom: 0.2em;
	font-size: 2em;
	font-weight: normal;
	color: #cc3300;
	}

div#content h2 {
	margin-bottom: 0.2em;
	font-size: 1.2em;
	font-weight: bold;
	color: #cc3300;
	}

div#content h2.separated { padding-top: 10px; background: url("../images/separator.gif") repeat-x 0 0; }

div#content h3 {
	margin-bottom: 0.2em;
	font-size: 1.1em;
	font-weight: bold;
	color: black;
	}

div#content h4 {
	margin-bottom: 0.2em;
	font-size: 1.1em;
	font-weight: bold;
	color: black;
	}

div#content p {
	margin: 0 0 1.2em 0;
	font-size: 1.1em;
	line-height: 1.4em;
	color: black;
	}

div#content p.first, div#content blockquote.first * {
	margin-bottom: 1.5em;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.2em;
	color: #333366;
	}

body.guestbook div#content p.first { margin-bottom: 1em; }
body.contact-form div#content p, body.guestbook-sign div#content p { margin: 0; padding: 10px 10px 5px 10px; }

body.contact-form div#content p.alert, body.guestbook-sign div#content p.alert {
	display: none;
	margin: 1em 0;
	padding: 3px 10px 2px 36px;
	font-weight: bold;
	color: #cc3300;
	background: url("../images/icon-error.gif") no-repeat 10px 6px;
	}

div#content ul, div#content ol {
	margin-bottom: 1.2em;
	margin-left: 2.5em;
	font-size: 1.1em;
	line-height: 1.3em;
	color: black;
	}

div#content ul li, div#content ol li { margin-bottom: 0.25em; }

div#content ul.faq-list { margin-left: 0; list-style: none; }
div#content ul#newsletter-list { margin-left: 0; padding-bottom: 1em; list-style: none; background: url("../images/separator.gif") repeat-x 0 100%; }

div#content blockquote.first { margin-bottom: 1.5em; }
div#content blockquote.first p { margin-bottom: 0.2em; }

div#content blockquote.first p.author { text-align: right; }
div#content blockquote.first p.author:before { content: "\2014"; }

body.home div#content p { margin: 0; }
body.home div#content p.align { margin: 0 0 1em 0; }

div#content em { font-weight: bold; font-style: normal; color: #cc3300; }

div#guestbook-entries { margin-top: 3em; margin-bottom: 1.6em; padding-bottom: 24px; background: url("../images/guestbook-entries-bg.gif") repeat-y 0 100%; }
div#guestbook-entries blockquote { padding: 0 18px 1.6em 18px; }
div#guestbook-entries blockquote.first-entry { padding-top: 24px; background: url("../images/guestbook-entry-first-bg.gif") no-repeat 0 0; }
div#guestbook-entries blockquote p { margin-bottom: 0; }
div#guestbook-entries blockquote p.author { font-weight: bold; }

div#footer { padding-top: 4px; font-size: 1em; line-height: 1.4em; color: #333333; }
div.vcard { display: inline; float: right; margin-right: 3px; font-size: 1.2em; font-weight: bold; color: #ff3300; } /* f26522 */
div.vcard span.tel { margin-left: 4px; }
div.vcard br { display: none; }
div.vcard a { text-decoration: none; color: #ff3300; }
div.vcard a:hover { text-decoration: underline; }


/* ----- Links ---------------------------------------------------------- */
h1#logo a {
	display: block;
	width: 169px;
	height: 62px;
	background: url("../images/logo-bg.gif") no-repeat 0 0;
	}

a.hotlink { padding-left: 14px; background: url("../images/icon-arrow-red-right.gif") no-repeat 0 4px; }
a.toplink { padding-left: 9px; background: url("../images/icon-arrow-red-up.gif") no-repeat 0 4px; }
a.vcardlink { padding: 2px 0 2px 26px; background: url("../images/icon-vcard.gif") no-repeat 0 50%; }

p.breadcrumbs a { text-decoration: underline; color: black; }

p.push-marketing a.hotlink {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	color: white;
	background: url("../images/icon-arrow-white.gif") no-repeat 0 60%;
	}

p.push-marketing a.hotlink:hover {
	color: #ff3300;
	background: url("../images/icon-arrow-red-right.gif") no-repeat 0 60%;
	}

ul.faq-list li a { padding-left: 9px; background: url("../images/icon-arrow-red-down.gif") no-repeat 0 4px; }

div#sidebar a, div#content a { font-weight: bold; text-decoration: none; color: #336699; }
/* div#sidebar a:visited:after, div#content a:visited:after { content: "\00A0\2713"; color: #adbed0; }
div#sidebar a:visited, div#content a:visited { color: #336699; } IE/PC breaks on previous rule's color declaration */
div#sidebar a.browse { font-size: 1.1em; color: #cc3300; }
div#sidebar a:hover, div#content a:hover { text-decoration: underline; }

div#sidebar div#itinerary-summary a.hotlink { padding-left: 9px; background: url("../images/icon-arrow-red-down.gif") no-repeat 0 4px; }
div#sidebar div#seasonal-info a.hotlink { padding-left: 9px; background: url("../images/icon-arrow-red-down.gif") no-repeat 0 4px; }

ul#nav-primary a {
	float: left;
	border-right: 1px solid #cc3300;
	padding: 8px 12px;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #ff3300;
	}

ul#nav-primary a:hover, ul#nav-primary li:hover a, ul#nav-primary li.sfhover a { color: white; background: #cc3300; }
ul#nav-primary a.current { color: white; }
ul#nav-primary li.last a { border-right: 0; }

ul#nav-primary ul.nav-secondary li a {
	float: none;
	border: 0;
	padding: 0 12px;
	font-size: 1.1em;
	line-height: normal;
	color: white;
	}

ul#nav-primary ul.nav-secondary li a:hover { color: black; background: none; }

ul#nav-utility a {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	color: #ff3300;
	}

ul#nav-utility a:hover, ul#nav-utility a.current { color: white; }
/* ul#nav-utility a.current:hover { color: #ff3300; } */


/* -----  --------------------------------------------------------------- */
/* -----  --------------------------------------------------------------- */
/* -----  --------------------------------------------------------------- */
/* -----  --------------------------------------------------------------- */
/* -----  --------------------------------------------------------------- */