/*-------------------------------------------
	TITLE: Ocean Holiday Cruises
	CREATED: 8/3/2007

--
	LAYOUT
	- HEADER
	- HEADER MENU
	- MENU
	- CONTENT
	- HOMEPAGE PHOTOS MENU
	- FOOTER
	
	MISCELLANEOUS
	- CLEAR FIX
--

-------------------------------------------*/
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-image: url(../images/body_bg.jpg);
 background-repeat:repeat-x;
 background-color: #3f576c;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 width: 100%;
 height: 100%;
} 
 
#pagewidth{ 
 width:891px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 background-image: url(../images/content_bg.jpg);
 background-position:left 345px;
 background-repeat:no-repeat;
 z-index: 1000;
 position: relative;
}

#topbg {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
	background-image: url(../images/top_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	height: 100%;
	width: 100%;
}

a {color:#2e699e; text-decoration: underline; outline: none;}
a:hover {color:#4d261d; border-bottom: 1px solid #4d261d;}
:focus {-moz-outline-style: none;}

a img {
	border: 0px;
}

/*-------------------------------------------
	- HEADER
-------------------------------------------*/
#header{
 position:relative; 
 height:345px; 
 width:100%;
 background-image:url(../images/header_temp.jpg);
}

#header h1 {
	margin: 0px;
	text-indent: -9999px;
}
#header h1 a {
	position: absolute;
	left: 370px;
	top:60px;
	display: block;
	height: 150px;
	width: 150px;
}

h2 {
	margin: 0px;
	text-indent: -9999px;
}

/*-------------------------------------------
	- HEADER MENU
-------------------------------------------*/
#header ul {list-style-type:none; position: absolute; margin: 0px; padding: 0px; top: 287px; left: 45px;}
#header li {height: 58px; float: left;}
#header a {display:block; height: 58px; text-indent: -9999px; border-bottom: none;}

	/*- offstate -*/

#header li.list1 {background:transparent url(../images/home_btn.png); background-repeat:no-repeat; width: 75px;}
#header li.list2 {background:transparent url(../images/about_btn.png); background-repeat:no-repeat; width:  75px;}
#header li.list3 {background:transparent url(../images/specials_btn.png); background-repeat:no-repeat; width:  175px;}
#header li.list4 {background:transparent url(../images/vacation_btn.png); background-repeat:no-repeat; width:  104px;}
#header li.list5 {background:transparent url(../images/testimonials_btn.png); background-repeat:no-repeat; width:  93px;}
#header li.list6 {background:transparent url(../images/traveling_btn.png); background-repeat:no-repeat; width:  133px;}
#header li.list7 {background:transparent url(../images/faq_btn.png); background-repeat:no-repeat; width:  46px;}
#header li.list8 {background:transparent url(../images/contact_btn.png); background-repeat:no-repeat; width:  100px;}


	/*- hovering items -*/

#header a#item1 {background:transparent url(../images/home_btn.png) no-repeat;}
#header a#item2 {background:transparent url(../images/about_btn.png) no-repeat;}
#header a#item3 {background:transparent url(../images/specials_btn.png) no-repeat;}
#header a#item4 {background:transparent url(../images/vacation_btn.png) no-repeat;}
#header a#item5 {background:transparent url(../images/testimonials_btn.png) no-repeat;}
#header a#item6 {background:transparent url(../images/traveling_btn.png) no-repeat;}
#header a#item7 {background:transparent url(../images/faq_btn.png) no-repeat;}
#header a#item8 {background:transparent url(../images/contact_btn.png) no-repeat;}

#header a#item1:hover {background-position:0px -58px; z-index:50;}
#header a#item2:hover {background-position:0px -58px; z-index:50;}
#header a#item3:hover {background-position:0px -58px; z-index:50;}
#header a#item4:hover {background-position:0px -58px; z-index:50;}
#header a#item5:hover {background-position:0px -58px; z-index:50;}
#header a#item6:hover {background-position:0px -58px; z-index:50;}
#header a#item7:hover {background-position:0px -58px; z-index:50;}
#header a#item8:hover {background-position:0px -58px; z-index:50;}

/*-------------------------------------------
	- Content
-------------------------------------------*/

#maincol{
 display:inline; 
 position: relative; 
 width: 470px;
 float:left; 
 }

#maincol p {
 padding-left: 78px;
 padding-right: 25px;
 font-size: .8em;
 line-height: 2em;
 margin-top: 0px;
}


#maincol h2 {
	width: 238px;
	height: 65px;
	margin: 3px 0px 0px 45px;
	text-indent: -9999px;
}

#maincol ul {
 padding-left: 92px;
 .padding-left: 70px;
 font-size: .8em;
 line-height: 2em;
}


#subpagecol{
 display:inline; 
 position: relative; 
 width: 891px;
 float:left; 
 }
 
#subpagecol p {
 padding-left: 78px;
 padding-right: 78px;
 font-size: .8em;
 line-height: 2em;
 margin-top: 0px;
}

#subpagecol h2 {
	width: 361px;
	height: 65px;
	margin: 3px 0px 0px 45px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#subpagecol h3 {
 padding-bottom: 5px;
 padding-left: 78px;
 font-size: .85em;
 margin: 0px;
 color: #42332c;
}

#subpagecol h4 {
 padding-bottom: 5px;
 padding-left: 78px;
 font-size: .8em;
 font-style:italic;
 margin: 0px;
 color: #514139;
}

#subpagecol ul {
 width: 720px;
 padding-left: 78px;
 padding-right: 78px;
 font-size: .8em;
 line-height: 1.5em;
 margin-top: 0px;
}

.welcome {
	background-image: url(../images/h2_welcome.jpg);
}

.about_us {
	background-image: url(../images/h2_about_us.jpg);
}

.specials_vacation_packages {
	background-image: url(../images/h2_specials_vacation_packages.jpg);
}

.vacation_ideas {
	background-image: url(../images/h2_vacation_ideas.jpg);
}

.testimonials {
	background-image: url(../images/h2_testimonials.jpg);
}

.traveling_resources {
	background-image: url(../images/h2_traveling_resources.jpg);
}

.faq {
	background-image: url(../images/h2_faq.jpg);
}

.contact_us {
	background-image: url(../images/h2_contact_us.jpg);
}

.romantic_getaways {
	background-image: url(../images/h2_romantic_getaways.jpg);
}

.family_vacations {
	background-image: url(../images/h2_family_vacations.jpg);
}

.group_cruises_tours {
	background-image: url(../images/h2_group_cruises_tours.jpg)
}


.mystery_cruises {
	background-image: url(../images/h2_mystery_cruises.jpg)
}


#rightcol { 
 float: right; 
 width: 421px;
 background-image:url(../images/rightcol_bg.jpg);
 background-repeat: no-repeat;
 background-position: left 2px;
}

#tree {
width: 100%; 
height: 100%; 
margin-top: -431px; 
margin-left: -50px; 
position: absolute; 
background-image: url(../images/tree.gif); 
background-repeat:no-repeat; 
background-position: bottom right; 
z-index: 0;
}

.bordertop {
	background-image:url(../images/h3_bg.gif);
	background-repeat:no-repeat;
	background-position: top left;
	padding-bottom: 18px;
	padding-top: 22px;
}

#current_specials a, #current_specials a:hover{
	width: 377px;
	height: 77px;
	display: block;
	background-image: url(../images/current_specials.jpg);
	border: 0px;
	text-indent: -9999px;
	margin: 0px 0px 0px 72px;
}

div.hr {
  height: 1px;
  width:50%;
  background-color: #d9c8b2;
  padding: 0px;
  margin: 0px 0px 15px 75px;
}
div.hr hr {
  display: none;
}



/*-------------------------------------------
	- Split
-------------------------------------------*/
#split_left {
 display:inline; 
 position: relative; 
 width: 444px;
 float:left; 
 }

#split_right { 
 float: right; 
 width: 446px;
 background-image:url(../images/right_split_bg.jpg);
 background-repeat: no-repeat;
 background-position: 0px 2px;
}

#split_left h2 {
	width: 361px;
	height: 65px;
	margin: 3px 0px 0px 45px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

 
#split_left p {
 padding-left: 78px;
 padding-right: 78px;
 font-size: .8em;
 line-height: 2em;
 margin-top: 0px;
}

 
#split_right p {
padding-top: 65px;
 padding-left: 25px;
 padding-right: 78px;
 font-size: .8em;
 line-height: 2em;
 margin-top: 0px;
}

/*-------------------------------------------
	- Contact Form
-------------------------------------------*/

.send-btn2 {
	margin-left: 20px;
	width: 324px;
	height: 20px;
}

			#formcontainer {
				padding: 0px;
	padding: 0px 14px 0px 14px;
				color: #553f23;
				float:left;
				margin:0;
	width: 371px;
				margin-right: ;
			}
			.form {
				margin:0;
				padding:0;
				position:relative;
				z-index:1;
			}
			.form * {
				margin:0;
				padding:0;
			}
				.form fieldset {
					border-width:0;
				}
				.form ul {
					list-style:none;
					margin:0;
					padding:0;
				}
					.form li {
						padding:5px 10px;
						clear:both;
					}

					.form div.medium, .form div.small, .form div.xsmall {
						float:left;
						padding:0 5px 0 0;
					}	
					.form label {
						display:block;
						font-size:11px; 
						font-weight:bold;
						margin:2px 0 0 0;
						text-transform:uppercase;
					}
					.form div label {
						color:#c4ad94;
						font-size:8pt;
						font-weight:normal;
						text-transform: none;
					}
					.form .error {
						color:#FF0000;
					}
					.form li input, .form li textarea {
						background-image:url(../images/input_shadow2.png);
						background-color: #f9f7f3;
						border:#CCC 1px solid;
						font-weight:normal;
						padding:2px;
					}
					.form textarea {height:75px;}
					.form input, .form textarea {width:324px;}
					.form div.large input {width:150px;}
					.form div.medium input{width:90px;}
					.form div.small input{width:45px;}
					.form div.xsmall input{width:30px;}
					.feedback {
						background:#fffee3;
						border:#f2edd4 1px solid;
						color:#333;
						float:left;
						padding:15px;
						text-align:center;
						width:230px;
					}
					/* indicator */
					.indicator {
						background:#FFF;
						filter: alpha(opacity=75);
						height:32px;
						left:0;
						opacity: .75;
						position:absolute;
						padding:200px 125px;
						top:0;
						width:32px;
						z-index:2;
					}
					/* buttons */
					.button {
	width: 324px;
	height: 20px;
	margin-left: 5px;
	margin: 0px;
	padding: 0px;
}
/*-------------------------------------------
	- Homepage Photos
-------------------------------------------*/

#rightcol ul {list-style-type:none; margin: 0px 0px 0px 7px; padding: 0px 0px 0px 20px;}
#rightcol li {height: 165px; width: 358px;}
#rightcol a {display:block; height: 165px; text-indent: -9999px; border-bottom: none;}

	/*- offstate -*/

#rightcol li.list1 {background:transparent url(../images/romantic_getaways_btn.jpg); background-repeat:no-repeat;}
#rightcol li.list2 {background:transparent url(../images/family_vacations_btn.jpg); background-repeat:no-repeat;}
#rightcol li.list3 {background:transparent url(../images/spas_hot_tubs_btn.jpg); background-repeat:no-repeat;}

	/*- hovering items -*/

#rightcol a#photo1 {background:transparent url(../images/romantic_getaways_btn.jpg) no-repeat;}
#rightcol a#photo2 {background:transparent url(../images/family_vacations_btn.jpg) no-repeat;}
#rightcol a#photo3 {background:transparent url(../images/group_cruises_button.jpg) no-repeat;}

#rightcol a#photo1:hover {background-position:0px -165px; z-index:50;}
#rightcol a#photo2:hover {background-position:0px -165px; z-index:50;}
#rightcol a#photo3:hover {background-position:0px -165px; z-index:50;}

/*-------------------------------------------
	- FOOTER
-------------------------------------------*/
#footer{
 background-image:url(../images/footer_bg.jpg);
 background-repeat: no-repeat;
 clear:both;
 font-size: 11px;
 text-align:center;
 line-height: 20px;
 padding-top: 80px;
 color: #6f8598;
 } 
 
#footer a {
	color: #6f8598;
}

#footer a:hover {
	color: #6f8598;
	border-bottom: 1px solid #6f8598;
}


 
 /* *** Float containers fix: *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}