/* 
Title:     Dragonfly - gStyles.css
Author:    Darrin Waterbury, darrin@darrinscottstudios.com
*/

body {
	margin: 0 auto;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: medium; /* for compliant browsers */
	color: #000;
	background: #000;
	}
	  
html>body { /* be nice to Opera */
 	font-size: medium;
	}

body#p-index #home a,
body#p-accommodations #accommodations a,
body#p-activities #activities a,
body#p-contact #contact a {
  color: #fc0;
	}
	
/* Links
------------------------------------------------------------------------------------------------- */
a:link {
	color: #fc0;
	text-decoration: none;
	}
a:visited {
	color: #fc0;
	text-decoration: none;
	}
a:hover {
	color: #fc0;
	text-decoration: underline;
	}

#wrapper {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 950px;
	}

#contentContainer {
	position: relative;
	width: 950px;
	height: 600px;
	background: #fff;
	font-size: 75%;
	}
	
#mainNav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #22007f;
	z-index: 100;
	}

#nav {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	display: inline;
	}
#nav li {
	float: left;
	margin: 0;
	padding: 10px 14px;
	list-style-type: none;
	}
#nav a {
	float: left;
	text-decoration: none;
	color: #fff;
	}
#nav a:hover, #nav a.active {
	color: #fc0;
	}
#home a {
	margin-left: 36px;
	}

/* Photo Shadows
------------------------------------------------------------------------------------------------- */
.img-wrapper {
  clear: right;
  float: left;
  position: relative;
  background: url(../images/shadow.png) no-repeat bottom right;
  /*background: url(../images/shadow2.gif) no-repeat bottom right;*/
	}
.img-wrapper div {
	background: url(../images/mask.png) no-repeat left top;
	/*background: url(../images/mask.gif) no-repeat left top;*/
	padding: 0;
	float: left; /* Fixes problem in IE5.2/Mac */
	}
.img-wrapper img {
  display: block;
  margin: -5px 20px 20px -5px;
  position: relative;
	}

/* Page Navigation
------------------------------------------------------------------------------------------------- */
#pageNav {
	position: absolute;
	right: 50px;
	bottom: 20px;
	font-size: 140%;
	color: #000;
	}
#pageNav a {
	color: #000;
	}