/********************
PRIMARY STRUCTURE & STYLES
********************/
body
{
	margin:10px 0px 0px 0px;
	padding:0;
	text-align:center;
	background:#D3BB8C;
	font-family:verdana, arial, sans-serif;
	color:#666;
	font-size:10px;	
	line-height:14px;
	height:100%;
}
/*CLEARING DEFAULTS*/
ul, li, h1, p
{
	margin:0;
	padding:0;
}
p
{
	margin-top:5px;
	margin-bottom:5px;
}
body a
{
	color:#666;
	text-decoration:underline;
	font-size:10px;
}
body a:hover
{
	color:#2B85BB;
	font-size:10px;
}

body a img
{
	border:0;
}
.sub_link a
{
	font-weight:bold;
	font-size:9px;
	text-decoration:none;
}
.sub_link a:hover
{
	font-size:9px;
	
}
#container
{
	margin:0 auto; /*centers div*/
	width:760px;
	background:#fff url(../images/global/bdr_span.gif) left repeat-y;
	
}
#strip_top /*Corners and shadow on top*/
{
	background:#fff url(../images/global/bdr_shadow_top.gif) top repeat-x;
	height:10px;
}
#strip_bottom  /*Corners and shadow on the bottom*/
{
	clear:both;
	background:#fff url(../images/global/bdr_shadow_btm.gif) bottom repeat-x;
	height:10px;
}

/********************
LOGO AND PRIMARY NAV
********************/

#masthead
{
	margin:0 auto;
	width:710px;
	padding:10px 0 0 0;
}
#masthead img.logo
{
	padding-left:7px;
}
/********************
IMAGE ROLLOVER -- NO JS
********************/
#navigation
{
	list-style-type:none;
	height:43px;
}

#navigation li
{
	float:left;
}
#navigation li a
{
	display:block;
	height:28px;
	margin-top:20px;
}
#navigation li a span
{
	display:none;
}
#navigation li.cruising_on a
{
	width:158px;
	background:url(../images/nav/nav_experience_full.gif) bottom left no-repeat;
}
#navigation li.cruising_on a:hover
{
	background:url(../images/nav/nav_experience_full.gif) bottom left no-repeat;	
}
#navigation li.cruising a
{
	width:158px;
	background:url(../images/nav/nav_experience_full.gif) top left no-repeat;
}
#navigation li.cruising a:hover
{
	background:url(../images/nav/nav_experience_full.gif) bottom left no-repeat;	
}
#navigation li.destinations a
{
	width:94px;
	background:url(../images/nav/nav_destinations_full.gif) top left no-repeat;
}
#navigation li.destinations a:hover
{
	background:url(../images/nav/nav_destinations_full.gif) bottom left no-repeat;	
}
#navigation li.destinations_on a
{
	width:94px;
	background:url(../images/nav/nav_destinations_full.gif) bottom left no-repeat;
}
#navigation li.destinations_on a:hover
{
	background:url(../images/nav/nav_destinations_full.gif) bottom left no-repeat;	
}
#navigation li.cruiselines a
{
	width:92px;
	background:url(../images/nav/nav_cruiselines_full.gif) top left no-repeat;
}
#navigation li.cruiselines a:hover
{
	background:url(../images/nav/nav_cruiselines_full.gif) bottom left no-repeat;	
}
#navigation li.cruiselines_on a
{
	width:92px;
	background:url(../images/nav/nav_cruiselines_full.gif) bottom left no-repeat;
}
#navigation li.cruiselines_on a:hover
{
	background:url(../images/nav/nav_cruiselines_full.gif) bottom left no-repeat;	
}
#navigation li.bookacruise a
{
	width:98px;
	background:url(../images/nav/nav_bookcruise_full.gif) top left no-repeat;
}
#navigation li.bookacruise a:hover
{
	background:url(../images/nav/nav_bookcruise_full.gif) bottom left no-repeat;	
}

/********************
HERO GRAPHIC
********************/
#hero_home
{
	margin:0 auto;
	width:748px;
	padding-top:3px;
	background:url(../images/global/dbl_line_h.gif) top repeat-x;
	clear:both;
}
#hero_sub
{
	width:536px;
	padding-top:3px;
	background:url(../images/global/dbl_line_h.gif) top repeat-x;
}

/********************
COLUMN LAYOUT AND COMPONENTS
********************/

#three_col_wrap /*Centers and keeps all primary content*/
{
	clear:both;
	margin:0 auto;
	width:746px;
	padding-right:2px;
	overflow:auto;
}
.two_col_wrap /*Two left-hand columns are conatined in here, but also could be used without interior columns, as on the 'What's your Cruise Style' page. Made a class instead of ID for modular reusability */
{
	width:535px;
	float:left;
	overflow:hidden; /*By hidding this, and using a large bottom padding and negative margin on the columns, it allows the vertical lines to extend all the way to the bottom of the page. */
}
.two_col_content
{
	margin:0 auto;
	width:495px;
	text-align:left;
}
.col_one /*optional, if page design spans columns one and two. Made a class instead of ID for modular reusability */
{
	width:266px;
	padding-right:3px;
	float:left;

}
.col_content /*for the column content in column 1 & 2*/
{
	margin:0 auto;
	width:226px;
	text-align:left;
}

.col_content_three /*for the column content in column 3*/
{
	margin:0 auto;
	padding:20px 0 20px 0;
	width:180px;
	text-align:left;
}
.col_two /*optional, if page design spans columns one and two. Made a class instead of ID for modular reusability */
{
	width:266px;
	float:right;

}
#col_three /*Column three is outside of the normal col_one and col_two flow, and is on the right of two_col_wrap */
{
	width:210px;
	float:right;

}

/*RE-USABLE BUILDING BLOCKS*/
.left
{
	float:left;
}
.right 
{
	float:right;
}
.clear
{
	clear:both;
}
/*common padding and spacing blocks*/
.twenty_twenty
{
	padding:20px 0 20px 0;
}
.twenty_ten
{
	padding:20px 0 10px 0;
}
.twenty_five
{
	padding:20px 0 5px 0;
}
.twenty_bottom
{
	padding-bottom:20px;
}
.ten
{
	padding-top:10px;
}
.five
{
	padding-top:5px;
}
.ten_ten
{
	padding-top:10px;
	padding-bottom:10px;	
}
.ten_bottom
{
	padding-bottom:10px;
}
.mar_ten
{
	margin-top:10px;
}
.fifteen
{
	padding-top:15px;
}
.minus_ten
{
	padding-top:-10px;
}

/********************
CONTENT STYLES
********************/
/*Lists use background images for bullets as opposed to list-style-image to keep vertical alignment centered across browsers*/
.arrow_list
{
	padding-left:5px;
}
.image_text ul.arrow_list
{
	padding:0;
}

.arrow_list li
{
	padding-bottom:5px;
	list-style-type:none;
	padding-left:10px;
	background:url(../images/global/dbl_arrow.gif) no-repeat;
	background-position: 0 5px;
}
.stacked_list li
{
	width:84px;
	float:left;
}
.wide_list li
{
	width:204px;
	float:left;
	margin-left:20px;
}
.circle_list 
{
	padding: 0 0 10px 40px;
}
.circle_list li
{
	color:#CFCFCF;
	padding-bottom:5px;
}
.circle_list li strong
{
	color:#666;
}
.bullet_list 
{
	padding:0 0 0 20px;
}
.bullet_list li
{
	color:#666;
	padding-bottom:5px;
}
.bullet_list li strong
{
	color:#666;
}

.bulletnum_list 
{
	padding:0 0 0 20px;
}
.bulletnum_list li
{
	color:#666;
	padding:0;
	padding-bottom:5px;
}

.copy
{
	margin-bottom:15px;
}

.sub_link
{
	padding-left:5px;
	list-style-type:none;
}
.sub_link li
{
	padding-left:20px;
	background:url(../images/global/arrow_blue.gif) no-repeat;
	background-position: 5px 2px;
}

.help_phone li
{
	margin-top:10px;
	list-style-type:none;
	background:url(../images/global/icon_phone.gif) center left no-repeat;
	padding-left:25px;
}
.help_mark li
{
	margin-top:10px;
	list-style-type:none;
	background:url(../images/global/icon_faq.gif) center left no-repeat;
	line-height:2em; /*make sure the icon doesn't get cut off*/
	padding-left:25px;
}

.horz_rule
{
	background:url(../images/global/dbl_line_h.gif) 20px repeat-x;
	height:3px;
	clear:both;
}
.rule_full /*spans two column widths*/
{
	width:536px;
}
.rule_half /*spans one column width*/
{
	width:266px;
}
.rule_three /*spans column three width*/
{
	width:210px;
}
.vert_rule
{
	background:url(../images/global/dbl_line_v.gif) 266px repeat-y;
	padding-bottom:5000px;
	margin-bottom:-5000px;
}
.vert_single_rule
{
	background:url(../images/global/line_v.gif) 266px repeat-y;
}
.vert_rule_featured
{
	background:#EFF4E6 url(../images/global/dbl_line_v.gif) 266px repeat-y;
}
.vert_rule_three
{
	background:url(../images/global/dbl_line_v.gif) 535px repeat-y;
}
.featured_dyk
{
	background:#F0F0F0 url(../images/heads/dyk_ftr.gif) bottom no-repeat;
}
.featured_cruise
{
	background:#EFF4E6 url(../images/heads/feat_cruise_ftr.gif) bottom no-repeat;
}
.featured_cruise_extend
{
		background:#EFF4E6 url(../images/heads/feat_cruise_ftr.gif) bottom no-repeat;
		padding-bottom:5000px;
		margin-bottom:-5000px;
	
}
.featured_wrap
{
	background:#EAF3F8 url(../images/heads/findcruise_ftr.gif) bottom no-repeat;
	height:185px;
}
.featured_wrap_home
{
	margin:0 0 0 2px;
	background:#EAF3F8 url(../images/heads/findcruise_ftr.gif) bottom no-repeat;
	height:185px;
}

.find_cruise select
{
	width:165px;
	margin-top:6px;
	font-weight:bold;
	color:#666;
	font-size:9px;
	height:20px;
}
.phone
{
	font-weight:bold;
	color:#2B85BB;
	font-size:12px;
}
h1
{
	font-weight:normal;
	font-size:13px;
	color:#333333;
	margin-bottom:10px;
}
.footer
{
	margin:5px auto 20px 5px;
	width:708px;
	color:#707070;
	font-size:9px;
	text-align: left;
}
.footer a, .footer a:hover
{
	font-size:9px;
	text-decoration:none;
}
.footer_nav
{
	margin:5px auto 12px 5px;
	width:708px;
	color:#333333;
	font-size:9px;
	text-align: left;
}
.footer_nav a
{
	font-size:9px;
	text-decoration:none;
	color:#333333;
}
.footer_nav a:hover
{
	color:#2B85BB;
	font-size:9px;
	text-decoration:none;
}
p.short
{
	margin:0 0 5px 0;
}
.image_text
{
	width:226px;
	overflow:auto;
}
.image_text_two_col
{
	width:495px;
	overflow:auto;
}
.test
{
	border:1px solid red; /*for testing divs during building*/
}

#divCruiseStyles
{
	background-image: url(../images/heads/cruise_exp_CruiseStyle_ftr.gif);
}
.normal
{
	font-family:verdana, arial, sans-serif;
	color:#666;
	font-size:10px;	
	line-height:14px;
}
.span_indent
{
	margin-left:30px;
}
.span_indent2
{
	margin-left:60px;
}
.img_left
{
	margin: 0 10px 5px 0;
}
.heading2_nomargin
{
	font-weight:normal;
	font-size:13px;
	line-height: 15px;
	color:#2B85BB;
}
.imgNumbered
{
	margin-right:7px;
}