* {
	margin: 0;
	padding: 0;
}
body {
	color: #FFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 15px;
	text-align: center;
	background: #221A0C url(../images/background.gif) repeat-x 0 0;
}
.wrapper {
	width: 1024px;
	text-align: left;
	margin: 0 auto;
}
#main {
	position: relative;
	float: left;
	width: 1024px;
}
a#logo, a#logo:active, a#logo:visited, a#logo:hover {
	position: absolute;
	top: 28px;
	left: 102px;
}
#left {
	float: left;
	display: inline;
	width: 404px;
	margin-top: 205px;
}
#left img { height: 281px; }
#right {
	float: right;
	display: inline;
	width: 510px;
	margin: 165px 70px 0 0;
}

/* navigation styles */

ul#nav {
	position: absolute;
	top: 494px;
	left: 120px;
	width: 300px;
}
ul#nav li {
	position: relative;
	height: 11px;
	line-height: 11px;
	padding: 0;
	margin: 0 0 2px 0;
}
ul#nav li a {
	display: block;
	height: 11px;
	line-height: 11px;
	background-repeat: none;
	background-position: fixed;
	padding: 0;
	margin: 0;
}
ul#nav li ul { display: none; }
ul#nav li.selected ul { display: inline; }
ul#nav li ul li { 
	float: left;
	display: inline;
	margin-right: 15px;
}
ul#nav li#about_us a {
	width: 43px;
	background-image: url(../images/nav/about_us.gif);
}
	ul#nav li#about_us ul {
		position: absolute;
		top: 0;
		left: 57px;
	}
	ul#nav li#principals a {
		width: 46px;
		background-image: url(../images/nav/principals.gif);
	}
	ul#nav li#philosophy a {
		width: 52px;
		background-image: url(../images/nav/philosophy.gif);
	}
	ul#nav li#news a {
		width: 28px;
		background-image: url(../images/nav/news.gif);
	}
	ul#nav li#awards a {
		width: 37px;
		background-image: url(../images/nav/awards.gif);
	}
ul#nav li#services a {
	width: 37px;
	background-image: url(../images/nav/services.gif);
}
	ul#nav li#services ul {
		position: absolute;
		top: 0;
		left: 51px;
	}
	ul#nav li#events a {
		width: 31px;
		background-image: url(../images/nav/events.gif);
	}
	ul#nav li#management a {
		width: 62px;
		background-image: url(../images/nav/management.gif);
	}
	ul#nav li#creative a {
		width: 42px;
		background-image: url(../images/nav/creative.gif);
	}
ul#nav li#event_photos a {
	width: 59px;
	background-image: url(../images/nav/event_photos.gif);
}
ul#nav li#testimonials a {
	width: 56px;
	background-image: url(../images/nav/testimonials.gif);
}
ul#nav li#contact a {
	width: 37px;
	background-image: url(../images/nav/contact.gif);
}
	ul#nav li#contact ul {
		position: absolute;
		top: 0;
		left: 48px;
	}
	ul#nav li#client_login a {
		width: 59px;
		background-image: url(../images/nav/client_login.gif);
	}
ul#nav a:hover { background-position: 0 -11px; }

/* home page styles */

#home_text {
	float: right;
	margin-right: 200px;
}
#home_news {
	position: absolute;
	top: 620px;
	left: 120px;
}

/* photo styles */

#gallery_list {
	position: absolute;
	left: 120px;
	top: 200px;	
}
#gallery_photos {
	position: absolute;
	top: 0;
	right: 0;
	width: 672px;
	height: 486px;
	overflow: hidden;
}
#gallery_photos img { position: absolute; }
#gallery_nav {
	position: absolute;
	top: 600px;
	left: 120px;
	width: 500px;
	height: 200px;
}
#gallery_thumbs img {
	margin: 0 5px 5px 0;
	border: 3px solid #221A0C;
	cursor: pointer;
}
#gallery_thumbs img.selected { border: 3px solid #8BBBDF; }
#gallery_title { 
	color: #8BBBDF;
	margin-right: 15px;
	font-size: 12px;
}
#gallery_nav ul li {
	float: left;
	display: inline;
}
#gallery_desc {
	position: absolute;
	top: 505px;
	left: 495px;	
}
#gallery_desc .photo_title {
	float: left;
	display: inline;
	width: 190px;
	color: #8CBDE1;
}
#gallery_desc .photo_desc {
	float: left;
	display: inline;
	width: 335px;
	color: #0088D2;
}

/* form styles */

.text_field {
	width: 225px;
	border: 1px solid #666;
	padding: 4px 2px;
	font-size: 11px;
}
.button {
	margin-top: 15px;
	width: 80px;
	padding: 4px;
	background-color: #083e5a;
	color: #90c5eb;
	border: 0;
	font-size: 11px;
}

/* scrolling content styles */

#scrollable {
	position: relative;
	float: left;
	height: 500px;
	width: 510px;
	overflow: hidden;
}
#scrollable_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 480px;
}
#scrollable_buttons {
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 500px;
}
#scroll_up {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
#scroll_down {
	position: absolute;
	bottom: 0;
	right: 0;
	cursor: pointer;
}

/* miscellaneous styles */

p { margin-bottom: 10px; }
h2 { 
	font-size: 10px;
	color: #98C8EC;
	font-weight: normal;
	margin-bottom: 5px;
}
img.header { margin-bottom: 10px; }
.sub_title {
	color: #0088D2; 
	font-size: 11px;
}
.error { color: #F00; }
a, a:active, a:visited {
	color: #0088C2;
	text-decoration: none;
}
a:hover, a.selected { color: #FFF; }
a.read_more { color: #9AC8EC; }
a img { border: 0; }
a span { display: none; }
ul { list-style-type: none; }