/**************************************************
1. Style Reset
**************************************************/

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

/* Unordered Lists */
ul{
list-style: none;
}

/* Blockquote / Quote */
blockquote, q{
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

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

p{
margin: 0;
line-height: 1.6em;
}	

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

.clearfix { display: inline-table; }

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

/* End hide from IE-mac */

/* Layout */


html {
height: 102%;
}

body {
background:url(../img/bg.gif);
background-position:top;
background-repeat:repeat-x;
background-color:#FFF5DF;
}

#wrapper {
width:858px;
margin:auto;
margin-top:16px;
padding:1px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666;
background-color:#FFF;
margin-bottom:15px;
}	

#top{
float:left;
width:858px;
height:110px;
background-color:#7030A0;
}

h1{
float:left;
width:452px;
height:92px;
background-image:url(../img/belvedere_lodge.gif);
background-repeat:no-repeat;
text-indent:-9999px;
margin-top:15px;
margin-left:206px;
}


#nav {
float:left;
width: 847px;
height:39px;
font-weight:normal;
margin:5px;
margin-bottom:0px;
}

#nav ul { height: 38px; background-color:#FEF7CD;}
#nav ul li {display: inline;}
#nav ul li a {
display: block;
float: left;
padding: 0px 0px 0;
font-family:Verdana, Geneva, sans-serif;
font-size:16px;
color:#7030A0;
text-align:center;
padding-left:28px;
padding-right:28px;
padding-top:9px;
height:29px;
text-decoration: none;
background-color:#FEF7CD;

}

#nav ul li a:hover {
background-color:#fff;
text-decoration:none;
color:#7030A0;
}

#nav ul li a.active{
background-color:#FFF;	
}

#nav ul li#nav-last-item a{
padding-right:34px;	
}

h2{
margin-top:15px;

color:#70309F;
}

h2 em{
display: block;
float: left;
background:url(../img/btn_bg_left.gif) no-repeat;
width: 6px;
height: 24px;
margin-left:50px;
}
h2 span{
display: block;
float: left;
background:url(../img/btn_bg_mid.gif) repeat-x;
height: 21px;
padding-top:4px;
}

h2 b{
display: block;
float: left;
background:url(../img/btn_bg_right.gif) no-repeat;
width: 6px;
height: 24px;
} 

#bookingengine{
float:left;
width:847px;
height:90px;
margin-left:5px;
background:url(../img/bookingbg.gif);
background-repeat:repeat-x;
}

#bookingengine-form{
float:left;
margin-top:12px;
}

#bookinglogos{
float:right;
width:290px;
height:90px;
text-align:right;
padding-right:10px;
}

#mid-photo, #mid-gallery, #mid-video{
float:left;
height:192px;
margin-right:5px;
}

#mid-photo{width:246px; margin-left:5px;}
#mid-gallery{width:345px;}
#mid-video{width:244px;}

#content{
float:left;
width:848px;
padding:5px;
padding-top:15px;
padding-bottom:10px;
}

#left, #right{
float:left;
width:170px;
}

#left ul, #right ul{
margin-bottom:20px;	
}

#left ul li{
width:180px;
}

#left li{
border-bottom:1px solid #D7D7D7;
}

#left li a:link, #left li a:visited{
color:#666;	
text-decoration:none;
display:block;
padding:5px;
padding-right:0px;
}

#left li a:hover{
display:block;
background:url(../img/arrow.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#7030A0;
color:#FFF;
padding:5px;
padding-right:0px;
}

#right ul li{
width:170px;	
}
#right li{
margin-bottom:10px;
background-position:top left;
background-repeat:no-repeat;
padding:5px;
padding-left:2px;
padding-bottom:10px;
border-bottom:1px dashed #666;
}

#right img{
padding:2px;
border:1px solid #666666;
margin-top:20px;
}

#main{
float:left;	
width:450px;
margin-left:25px;
margin-right:14px;
}

#main h3{
margin-bottom:10px;	
margin-top:3px;
}

#main p{
margin-bottom:10px;	
}

#main a:link, #main a:visited, #right a:link, #right a:visited{
color:#7030A0;
text-decoration:none;
}

#main a:hover, #right a:hover{
text-decoration:underline;
}

#main li{
padding-left:15px;
padding-bottom:10px;
pading-top:3px;
background-image:url(../img/bullet.png);
background-repeat:no-repeat;
}

#main ul{
margin-bottom:10px;	
}

#left h3, #right h3{
width:170px;
background-color:#FEF7CD;
padding:5px;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
color:#333;
font-weight:normal;
margin-bottom:4px;
}

#main h3{
font-family:Verdana, Geneva, sans-serif;
font-size:17px;
color:#333;
}

#footer{
float:left;
width:829px;
padding-left:15px;
padding-right:15px;
padding-top:10px;
padding-bottom:5px;
background-color:#7030A0;
color:#FFF;
text-align:center;
line-height:150%;
font-size:11px;
font-family:Verdana, Geneva, sans-serif;
}

#footer a:link, #footer a:visited{
color:#FFF;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;	
}

#footer p{
margin-top:2px;
margin-bottom:2px;
}

#tellafriend{
background-color:#7030A0;
border-top:3px solid #AE89C9;
padding:5px;
padding-top:10px;
width:170px;
}

#tellafriend label{
color:#FFF;	
}

.submit input{
width:75px;
height:20px;
background-repeat:no-repeat;
background:url(../img/sendbg.gif);
text-align:center;
color:#9B389B;
margin-top:6px;
border:none;
} 

.itinerary-index{
background-color:#FEF7CD;
padding:3px;
}

.video{
float:left;
width:220px;
height:200px;
text-align:center;
margin-right:3px;
}

.video-title{
	
}

.rates-table{
width:400px;	
}

.rates-table tr{

border:1px solid #FFF;
}
.rates-table td{
padding:5px;	
}

.rates-table-header{
color:#FFF;
background:#7030A0;
}

.tbg1{
background:#FEF7CD;
}

.tbg2{
background:#FFFADF;	
}

#map{
width:440px; 
height: 215px; 
overflow:hidden; 
border: 1px solid #666666;	
}

.facilities{
float:left;
width:180px;
padding:10px;
margin-right:10px;
}

.facilities li{
padding:3px;	
}

li.facilitiesheader {
font-weight:bold;	
}

.facilities li{
background:url(../img/bullet.png);
background-repeat:no-repeat;
padding-left:20px;
color:#333;
}

/* FORM CSSS */

form.cmxform {
	float:left;
	width:400px;
	color:#FFFFFF;
	margin-bottom:0;
	text-align:left;
	margin-right:0px;
	margin-top:15px;
}

form.cmxform fieldset ol li{
	background: none;
}

form.cmxform h1{
	font-size: 10pt; 
	color: #639CB4;
	margin-bottom: 0px;
	margin-top: 0px;
	margin:0;
	padding:0;
	margin-left:5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight:bold; 

}

form.cmxform fieldset {
	border-top:1px solid #692D95;
	padding-left:10px;
	
}
	
form.cmxform legend { 
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 10pt; 
	line-height: 1.75;
	color:#003D79;
	font-weight:bold;
	background-color:#0085CD;
}

form.cmxform label {
display: block;
vertical-align: top;
width: 150px;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#666;
line-height: 1.75;

}


form.cmxform input, form.cmxform select {  
     font-size: 11px; 
     color: #333333; 
     border:#999;
     border-style: solid; 
     border-top-width: 1px; 
     border-right-width: 1px; 
     border-bottom-width: 1px; 
     border-left-width: 1px; 
     padding-left : 4px; 
     padding-right : 4px;			  
}

form.cmxform textarea {  
     font-size: 11px; 
     color: #333333; 
     border:#999;
     border-style: solid; 
     border-top-width: 1px; 
     border-right-width: 1px; 
     border-bottom-width: 1px; 
     border-left-width: 1px; 
     padding-left : 4px; 
     padding-right : 4px; 
	  
}

form.cmxform fieldset ol {
  	margin: 0;
  	padding: 0;
}

form.cmxform fieldset li {
	list-style: none;
  	padding: 5px;
  	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	line-height: 1.75;
	color:#003D79;
}

form.cmxform em {
  	font-weight: bold;
  	font-style: normal;
  	color: #cc0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;  
    	font-size: 8pt; 
	line-height: 1.75;
}
	
form.cmxform fieldset fieldset { 
	background: none;
	border: none;
}
	

form.cmxform fieldset fieldset legend {
  	font-weight: normal;
	margin-left: 123px;
}

form.cmxform fieldset fieldset label {
  	display: block;
  	width: auto;
}


form #submit {
	color: #FFFFFF;
	background-color:#692D95;
	margin-top:5px;
	margin-bottom:5px;
	display:block;
	padding: 4px;
}