@charset "UTF-8";
body {
	height:100%;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	background-color: #000000;
}

a {
color:#CC0000;
text-decoration:none;
}

a:hover {
color:#FFFFFF;
text-decoration:underline;
}

#page {
	border-collapse:collapse;
	height: 100%;
	border: 0px solid pink;
	text-align:center;
	width: 100%;
	margin: 0px;
}

.left {
	}

.middle {
width: 1024px;
}

.right {
	}


#container {
border-collapse:collapse;
	border: 0px solid green;
	height: 100%;
}

#frame {
	width: 1024px;
	height: 573px;
	background-image:url(sarah_bg.jpg);
	repeat: no-repeat;
}

#content {
position:relative; top: 50px;
	float:right;
	border: solid 0px pink;
	width: 420px;
	height: 400px;
}

#top {
	height: 50px;
	background-color: #005787;
}

#bottom {
	height:250px;
	background-color: #005787;
}

#nav {
position:relative; right: 30px;
width:450px;
height:50px;
border: 0px solid pink;
}

#navlist {
list-style:none;
}

#navlist li {
float: left;
}

#about a{
float:left;
width:93px;
height: 34px;
background-image:url(images/about_off.gif);
}

#about a:hover {
background-image:url(images/about_on.gif);
}

#tour a{
float:left;
width:89px;
height: 34px;
background-image:url(images/tour_off.gif);
}

#tour a:hover {
background-image:url(images/tour_on.gif);
}

#media a{
float:left;
width:108px;
height: 34px;
background-image:url(images/media_off.gif);
}

#media a:hover {
background-image:url(images/media_on.gif);
}

#contact a{
float:left;
width:119px;
height: 34px;
background-image:url(images/contact_off.gif);
}

#contact a:hover {
background-image:url(images/contact_on.gif);
}

#textarea {
float:right;
overflow:auto;
width: 400px;
height: 300px;
text-align:left;
}

#textarea h4 {
color:#990000;
font-size:12px;
}

#textarea h2 {
font-size: 10px;
font-weight:normal;
}

#buybutton {
position: relative; right: 10px; bottom: 140px;
float: right;
clear:both;
}