
/* --------------------------------------------/ UNIVERSAL CLASSES \-------------------------------------------- */

	h1.myContentHeader { padding:10px 0 10px 10px; width:540px; margin-bottom:10px; background-color:#2b3942; font-size:16px; border:2px solid #DDD; color:#FFF; }
	
	
	#myReservationForm { position:relative; float:left; width:275px; height:250px; color:#FFF; font-size:12px; font-weight:bold; }
				
		#myReservationForm h2 { font-size:16px; text-align:center; border-bottom:1px solid #AAA; padding-bottom:10px; }
				
	
		div.myInputDiv { position:relative; float:left; width:275px; text-align:right; margin-bottom:5px; }

			label.myResLabel { display:block; position:relative; float:left; width:80px; margin-right:8px; margin-top:3px; }
	
			div.myResInputs { position:relative; float:left; width:187px; }


	#myCreditCards {  position:relative; float:left; width:275px; color:#FFF; font-size:12px; font-weight:bold; }
				
		#myCreditCards h2 { font-size:16px; text-align:center; border-bottom:1px solid #AAA; padding-bottom:10px; }


	div.SuccessResOutput { position:relative; float:left; margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #DDD; width:530px; }		
		div.SuccessResOutput label { position:relative; display:block; float:left; }		
		div.SuccessResOutput em { position:relative; float:right; display:block; color:#3d5873; font-weight:bold; }		

/* --------------------------------------------*/




/* --------------------------------------------/ BROWSER INITIALIZATION \-------------------------------------------- */

	* { margin : 0; padding : 0; }
	h1,h2,h3,h4,h5,h6 { font-size : 100%; }
	ol,ul { list-style : none; }
	table { border-collapse : collapse; border-spacing : 0; }
	fieldset,img { border : 0; }
	caption,th { text-align : left; }
	
	body { 
	text-align:left; 
	color:#FFF; 
	font-family:"Trebuchet MS", sans-serif;
	font-size:12px; 
	font-weight:600;
	background-color:#ebe9ea;
	background-image:url(../images/background-pic.jpg);
	background-repeat:repeat-x;
	}

/* --------------------------------------------*/




/* --------------------------------------------/ BOX MODEL CLASS \-------------------------------------------- */

	.box { position:relative; float:left; width:100px; height:100px; margin:10px; background-color:#000; overflow:hidden; }

/* --------------------------------------------*/


/* --------------------------------------------/ HEADER \-------------------------------------------- */

	#container_header { width:100%; height:100%; margin-top:40px; }
		
		#header { 
		position:relative; 
		width:898px;
		height:49px;
		margin:auto;
		background-color:#2b3942;
		border-left:1px solid #DDD;
		border-right:1px solid #DDD;
		border-top:1px solid #DDD;
		}
		
			#header h2.slogan { display:inline; position:relative; float:left; font-size:16px; color:#FFFFFF; line-height:49px; margin-left:20px; }
			
			#header h2.phone { display:inline; position:relative; float:right; font-size:24px; color:#FFFFFF; line-height:49px; margin-right:20px; }

/* --------------------------------------------*/


/* --------------------------------------------/ NAV \-------------------------------------------- */

#container_nav { width:100%; height:100%; }
	
	#nav { 
	position:relative;
	width:898px;
	height:28px;
	margin:auto;
	}
	
		#nav ul { position:relative; float:left; left:4px; }
	
		#nav li { position:relative; float:left;  }

		#nav a { display:block; width:107px; padding:5px 10px; text-align:center; text-decoration:none; color:#2b3942; font-size:12px; text-transform:uppercase; font-weight:bold; }

/* --------------------------------------------*/

 
/* --------------------------------------------/ NAV \-------------------------------------------- */

#container_slideshow { width:100%; height:100%; margin-bottom:1px; }
	
	#slideshow { 
	position:relative;
	width:898px;
	height:216px;
	margin:auto;
	background-color:#212c32;
	/*background-image:url(../images/BG-slideshow.gif);*/
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	}
	
/* --------------------------------------------*/

 
/* --------------------------------------------/ CONTENT \-------------------------------------------- */

#container_content { width:100%; }

	#content { 
		position:relative;  
		width:900px;
		height:100%;
		margin:auto; 
		border-right:1px solid #DDD;
		background-color:#3d5873;
		color:#444;
		font-weight:normal;
		line-height:16px;
		}

		#left-content { 
		position:relative; 
		float:left; 
		width:579px;
		height:100%;
		margin:auto;
		background-color:#FFF;
		border-left:1px solid #DDD;
		border-right:1px solid #222;
		}
		
			#myPageContent { padding:10px; }

		#right-content { 
		position:relative; 
		float:left;
		width:278px;
		height:100%;
		margin:auto;
		padding:20px;
		background-color:#3d5873;
		}



			.min-holder { float:left; width:1px; height:450px;  }
	
			.clear {clear:both; height:1px; overflow:hidden; }

/* --------------------------------------------*/




/* --------------------------------------------/ FOOTER \-------------------------------------------- */

#container_footer { clear:both; width:100%; height:100%; }
	
	#footer { 
	position:relative; 
	width:898px;
	height:60px;
	margin:auto;
	background-color:#212c32;
	color:#CCC; 
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	}

		#footer ul { position:relative; float:right; margin-top:23px; right:20px; }

		#footer li { position:relative; float:left; margin-left:10px; }

		#footer a { text-decoration:none; color:#CCC; }

		#footer a:hover { color:#FFF; }

/* --------------------------------------------*/

