/* Structure */

body {
	background-color: #423930;
	margin: 0;
	padding: 0;
	text-align: center;  /* centers container div in IE5 */
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;  /*set base font family for whole page */
	font-size: small;
	color: #423930;
}

* html body {	
	font-size: x-small; /* for IE5/win - since "small" text appears smaller than in other browsers */	
	f\ont-size: small; /* for other IE */	
	text-align: center;  	
}


div.container {
	width: 960px;
	position: relative;
	background: url(images/resortair-bg.jpg) no-repeat bottom center #423930;
		overflow: hidden;
	
	margin:  0 auto;  /* centers container div in browser window except in IE5 */
	
	margin-top: 10px;
	padding: 0;
	
	text-align: left;  /* override center alignment from body text align rule */
}

div#header {
	position: relative;
	background: url(images/resortair-intbg_01.jpg) no-repeat top center;
	overflow: hidden;
	padding: 0 0 30px 0;
	width:  100%;
}

/* page header */

#header h1 {
	color:  #faf6ed;
	font-size: 90%;
	font-weight: normal;
	margin: 20px 0 0 60px;
}

#header h2 {
	font-size: 160%;
	margin:  120px 70px 10px 530px;
	
	background-color: #faf6ed;
}


/* Content */

#content {
	float:  right;
	width:  360px;
	margin: 8px 70px 0 10px;
	
	display: inline;
	
	background-color: #efe4b7;
}

#content p {
	font-size: 90%;
}

#content a {
	color: #423930;
}

#content a:hover, a:visited {
	color: #be9e07;
}


#photcol {
	float: left;
	width: 400px;
	margin: 8px 10px 0 97px;
	
	display: inline;
	font-size: 90%;
	font-style: oblique;
}

#photcol p a img {
	border: 0;
}

/* Navigation */

#nav ul {
	margin:  0;
	padding:  0;   /* 0 out margin and padding across all browsers */
	list-style: none;
	float:  left;
	

	
	width: 860px;
	
	
	background: #e4dfc7;
	
	position:  absolute;
	
	top:  115px;
	left:  56px;
}

#nav ul li {
	font-size: 90%;
	font-weight: bold;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	float:  left;

	color: #423930;
}

#nav ul li a {
	color: #423930;
	text-decoration: none;
	background: #e4dfc7;
	
	display: block;
	cursor:  pointer;
	position:  relative;  /* for absolutely positioned span */
	
	width:  142px;
	height: 34px;
	
	
	
}

#nav ul li a:hover {
	color: #bb9801;
	text-decoration: underline;
	background: #59533e;
}

#nav ul li a span {
	position: absolute;
	width: 100%;
	height: 100%;
}


#nav ul li#nav_home a span {
	background: url(img_css/nav_home_bg.gif) top left no-repeat;
}

#nav ul li#nav_home a:hover span {
	background-position: 0 -34px;
}

#nav ul li#nav_dest a span  {
	background: url(img_css/nav_dest_bg.gif) top left no-repeat;
}

#nav ul li#nav_dest a:hover span {
	background-position: 0 -34px;
}

#nav ul li#nav_ac a span  {
	background: url(img_css/nav_aircraft_bg.gif) top left no-repeat;
}

#nav ul li#nav_ac a:hover span {
	background-position: 0 -34px;
}

#nav ul li#nav_services a span  {
	background: url(img_css/nav_services.gif) top left no-repeat;
}

#nav ul li#nav_services a:hover span {
	background-position: 0 -34px;
}

#nav ul li#nav_abt a span  {
	background: url(img_css/nav_about_bg.gif) top left no-repeat;
}

#nav ul li#nav_abt a:hover span {
	background-position: 0 -34px;
}

#nav ul li#nav_cont a span  {
	background: url(img_css/nav_contact_bg.gif) top left no-repeat;
}

#nav ul li#nav_cont a:hover span {
	background-position: 0 -34px;
}

/* you are here rules */

#nav ul li.urhere {
	text-decoration: underline;
	width:  142px;
	height: 34px;
}

#nav ul li.urhere span {
	position: absolute;
	width: 100%;
	height: 100%;
}

#nav ul li.urhere#nav_dest span {
	background: url(img_css/nav_dest_bg.gif) top left no-repeat;
	background-position: 0 -34px;
}

#nav ul li.urhere#nav_ac span {
	background: url(img_css/nav_aircraft_bg.gif) top left no-repeat;
	background-position: 0 -34px;
}

#nav ul li.urhere#nav_services span {
	background: url(img_css/nav_services.gif) top left no-repeat;
	background-position: 0 -34px;
}

#nav ul li.urhere#nav_abt span {
	background: url(img_css/nav_about_bg.gif) top left no-repeat;
	background-position: 0 -34px;
}

#nav ul li.urhere#nav_cont span {
	background: url(img_css/nav_contact_bg.gif) top left no-repeat;
	background-position: 0 -34px;
}

/* Footer */

#footer {
	width: 100%;
	background: url(images/resortair-intbg_03.jpg) no-repeat bottom center #423930;
	font-size: 80%;
	text-align: center;
	color: #999;
	margin-top: 0;
	padding: 10px 0 20px 0;
	clear: both;
}

#footer a, a:visited {
	color: #999;
}

#footer a:hover {
	color: #bb9801;
}