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

Note: This resets default browser styles. Generally, browsers apply
margins, padding, and font sizes automatically to many HTML elements.
These defaults are drawn from CSS sheets internal to the browser, and often cause
unexpected behavior. This overrides those defaults, 
clearing the slate and preventing headaches down the line. 
_____________________________________________________________________________*/

/* 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:14px;
	width:190px;
}

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


#italy {
	background:transparent url(../gfx/header_italy.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 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;}
.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;

}
.content h3 {
	clear:both;
	display:block;
	*display:inline-block;
}

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

/*

Passes CSS to Firefox 3, and only Firefox 3. Necessary due to
minor differences in CSS rendering between Firefox 2 and 3.

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



/*

Passes CSS to Firefox 3, and only Firefox 3. Necessary due to
minor differences in CSS rendering between Firefox 2 and 3.

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

/*Safari filter

=^=

This section passes CSS declarations to Safari, and only Safari.

*/

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

/*

End Safari filter

*/

.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 {}