/* 		Eric Meyer's Reset CSS 
   		http://meyerweb.com/eric/tools/css/reset/index.html 
_____________________________________________________________________________*/

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END Eric Meyer's Reset CSS */

/* 		pie clear fix
_________________________________________*/

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

.clear {display: inline-block;}  /* for IE/Mac */


/* for IE */

/*
.clear {
    zoom: 1;
    display: block;
} 
*/

/* END pie clear fix*/

body {
	font-size:62.5%;
	text-align:center;
	background:#495f56 none;
}

.page {
	position:relative;
	width:975px;
	text-align:left;
	margin:0 auto;
	padding:12px;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	color:#6b4a29;
	background:#ffffff none;
}


p  {
	font-size:12px;
	line-height:18px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear:both;
	font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-weight:bold;
	font-style:italic;
	color:#188738;
}

em {
	font-family:Times, "Times New Roman", Georgia, serif;
	font-style: italic;
}

.article_quote h6 {
	font-size:12px;
	line-height:18px;
	color:#6b4a29;
	font-style: normal;
	font-weight:normal;
}

.article h3 {	
	color:#6b4a29;
	font-size:14px;
	font-style:normal;
}

.article h4 {
	color:#ac8966;
	font-size:13px;
	font-style:normal;
	margin-top:2px;
}

.costa_rica {color:#80b539;}

h1 {font-size:2em;}
h2 {font-size:30px;}
h3 {font-size:24px;}
h4 {font-size:1.25em;}
h5 {font-size:1.11em;}
h6 {font-size:1.05em;}

ul,
ol  {margin:0em 0em 0em 0em;}

ul li,
ol li {
	margin:0em;	
	font-size:12px;
	line-height:18px;
}

img {}

a {text-decoration:none;}
a:active {outline:none;}

.identity a {
	position:absolute;
	top:32;
	left:32;
	*position:relative;
	*margin-bottom:-20px;
	z-index:90;
	display:block;
	text-indent:-9999px;
	background:transparent url(../gfx/collette_vacations_logo.jpg) no-repeat 0% 0%;		
	width:174px;
	height:47px;
}

.callout {
	margin:93px 25px 0 0;
	*margin:78px 25px 0 0;
	position:absolute;
	right:13px;
	width:204px;
	top: 86px;
}

p.quote {
	font-size:24px;
	line-height:30px;
}

.article_quote {
	float:left;
	width:347px;
	margin:27px 0 0 83px;
}

.article_quote p{
	font-size:24px;
	line-height:30px;
}

.content {
	clear:both;
	margin:23px 0 0 0;
	_margin:12px 0 0 0;
	padding:400px 0px 0px 0px;
	*padding:385px 0px 0px 0px;
	background:transparent url(../gfx/header_full.jpg) no-repeat 0% 0%;		
}

.introduction {
	clear:both;
	float:left;
	width:495px;
	margin:0 0 0 50px;
	_margin:0 0 0 25px;
}

.introduction p {
	font-size:13px;
	line-height:18px;
}

.featured_vacations {
	position:relative;
	clear:both;
	width:987px;
	_width:972px;
	margin:0 0 13px 0;
	_margin:0 0 7px 0;
	background:#ffffff url(../gfx/featured_vacations_bg.gif) no-repeat 0px 25px;	
}


.featured_vacations_row2 {
	position:relative;
	clear:both;
	width:987px;
	_width:972px;
	margin:0 0 13px 0;
	_margin:0 0 7px 0;
	background:#ffffff url(../gfx/featured_vacations_bg.gif) no-repeat 0px 0px;	
}

.vacation_footer {
	clear:both;
	width:987px;
	height:5px;
	background:#ffffff url(../gfx/featured_vacations_btm.gif) no-repeat bottom left;
}

.featured_vacations.lower {background:#ffffff url(../gfx/featured_vacations_single_bg.gif) no-repeat 0px 0px;	}
.featured_vacations.lower_two {background:#ffffff url(../gfx/featured_vacations_bg.gif) no-repeat 0px 0px;}
.featured_vacations.lower .vacation_footer {background:#ffffff url(../gfx/featured_vacations_single_btm.gif) no-repeat bottom left;}

div.article {
	position:relative;
	width:467px;
	float:left;
	padding:15px 0 0 0;
	margin:0 0px 5px 0;

}

div.article.last {
	margin:0 0 5px 30px;
}

.article_images {
	float:left;
}

.article_images img {
	padding:3px;
	margin:0 15px 0 15px;
	border:1px solid #bfb3a0;
}

.article_content {
	float:left;
	margin:0 0 0 10px;
}

.article_content ul {width:265px;}

.article_content ul li{
	display:inline;
}

.article_content ul.duration li{
	font-weight:bold;
}

.article_navigation {
	clear:both;
	height:29px;
}

.gallery {
	clear:both;
	margin:23px 0 0 2px;
	*margin:23px 0 0 2px;
}

html>/**/body .gallery , x:-moz-any-link, x:default {margin:10px 0 0 2px;}

.gallery ul li {
	display:inline;
	margin:0 0 0 45px;
}

.gallery ul li.first {
	margin:0 26px 0 43px;
}

a.btn {
	display:block;
	text-indent:-9999px;
}

a.learn_more {
	background:transparent url(../gfx/buttons/learn_more_btn.jpg) no-repeat 0px 0px;
	width:86px;
	height:23px;
	float:right;
	position:absolute;
	bottom:0px;
	right:10px;
	z-index:80;
}

.contact_information {
	width:277px;
	float:right;
	margin:35px 0 0 0;
	_margin:35px -110px 0px 0px;
}

.contact_information a {
	display:block;
	clear:both;
	width:277px;
	margin:0 0 10px 0;
}

html>/**/body .contact_information a, x:-moz-any-link, x:default { 
	margin:0 0 10px -13px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.contact_information a {margin:0 0 10px -13px;} 
	.gallery {margin:7px 0 0 2px;}
} 

.contact_information a.call_now {
	height:61px;
	padding:33px 0 0 113px;
	background:transparent url(../gfx/buttons/call_now_btn.jpg) no-repeat 0px 0px;
}

.contact_information a.questions {
	height:22px;
	padding:13px 0 0 98px;
	background:transparent url(../gfx/buttons/help_btn.jpg) no-repeat 0px 0px;
}

.contact_information a.call_now h5{
	font-size:20px;
	color:#f7f4cd;
	margin:0 0 6px 0;
	font-style: normal;
	letter-spacing:1px;
	font-weight:normal;
}

.contact_information a.call_now h6{
	font-size:16px;
	color:#ffffff;
	font-style: normal;
	letter-spacing:1px;
	font-weight:normal;
}

.contact_information a.questions h6 {
	font-size:12px;
	color:#ffffff;
	font-style: normal;
	font-weight:normal;
	text-transform: uppercase;
}

.legal_information {}

.faded {color:#787878}

.error {color: #ff0000;}
.warning {color: #ff6600;}
.notice {background:#ffff99 none;}

.hidden {display:none;}
.invisible {visibility:hidden;}

.ampersand {}