@charset "utf-8";

body {
	font: 90%/1.5em Arial, Helvetica, sans-serif;
	background: #000;
	color: #FFF;
	padding: 0;
	margin: 0;
}

/* Links */

a img {border: none;}

a {text-decoration: none;}

a:link {color:#F00;}

a:visited {color: #09F;}

a:hover {color: #9CF;}

a:active {color: #CCC;}


/* wrappers */

#mainWrapper {
	margin: 0 auto 0 auto;
	width: 990px;
}

#headerText {
	font-weight: bold;
	position: absolute;
	z-index: 10;
	top: 10px;
	margin-left: 10px;
}

#content {
	min-height: 350px;
	background: url(../images/content-bg.jpg) right top no-repeat;
	padding: 10px 40px 10px 20px;
	margin-left: 160px;
}

#header IMG, #nav ul li a { display: block; }

/* nav */

#nav ul {
	width: 160px;
	position: absolute;
	top: 135px;
	list-style: none;
	padding: 0;
	margin: 0;
}

#homeLink a { 
	height: 116px;
	background: url(/images/nav_sprite.jpg) 0 0;
}

#homeLink a:hover { background: url(/images/nav_sprite.jpg) 170px 0; }

#servicesLink a {
	height: 91px;
	background: url(/images/nav_sprite.jpg) 0 274px;
}

#servicesLink a:hover {	background: url(/images/nav_sprite.jpg) 170px 274px; }

#galleryLink a {
	height: 105px;
	background: url(/images/nav_sprite.jpg) 0 183px;
}

#galleryLink a:hover { background: url(/images/nav_sprite.jpg) 170px 183px; }

#aboutLink a {
	height: 77px;
	background: url(/images/nav_sprite.jpg) 0 78px;
}

#aboutLink a:hover { background: url(/images/nav_sprite.jpg) 170px 78px; }


/* Fonts */

H1 {font-size: 1.2em;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
	border-bottom: 2px solid #333;
}

H2 {font-size: 1.1em;}

H3, H4, H5, H6 {font-size: 1em;}

H2, H3, H4, H5, H6 {margin: 10px 0 15px 0;}

p {margin: 10px 0 15px 0;}

ol, ul {margin: 10px 0 15px 20px;}

.centerText, #footer, #photo {text-align: center;}

.textRight, #form LABEL, #footnote {text-align: right;}

.smallText, #footer, #footnote, #photoDesc, #photo {font-size: .9em;}

#footnote {font-style: italic;}

.red, .error {color: #F00;}

.pass {color: #0C0;}

.bold, .error, .pass, #photoPath {font-weight: bold;}


/* Forms */

FIELDSET {
	margin: 10px 0 20px 0;
	padding: 5px;
}

FIELDSET FIELDSET {background: #DDD;}

LEGEND, FIELDSET {border: 1px solid #000;}

LEGEND {
	padding: 0 3px 0 3px;
	margin-left: 5px;
	background: #FFF;
}

LABEL {font-size: 12px;}

SELECT, INPUT, TEXTAREA {
	font: 1em Arial, Helvetica, sans-serif;
	border: 1px solid #000;
	background: #fff;
	color: #000;
}

#form LABEL, #form INPUT, #form SELECT, .smTextArea {width: 180px;}

.smTextArea, .smTextAreaWide, .smTextAreaFullWide {height: 5.5em;}

.medTextArea, .smTextAreaWide {width: 370px;}

.medTextArea {height: 225px;}

.smTextAreaFullWide {width: 98%;}

#form SELECT.smSelect {width: 45px;}

#form SELECT.medSelect {width: 80px;}

INPUT[type=checkbox] {
	width: auto;
	border: none;
}

#form LABEL, #form SELECT, #form INPUT, #form TEXTAREA, #form SPAN {
	float: left;
	margin: 5px 0 10px 5px;
	padding: 0 1px 0 1px;
}

#form DIV {margin: 0 0 0 190px;}

#form INPUT[type=submit] {float: none;}

DIV#btn {
	text-align: right;
	margin: 3px 0 0 0;
	width: 375px;
}

#btn INPUT {
	padding: 0 1px 1px 1px;
	border: 1px solid #900;
	background: #F00;
	color: #FFF;
	width: auto;
}

#btn INPUT:focus {
	border: 1px solid #F00;
	background: #900;
	color: #FFF;
}

#form BR {clear: both;}

/* Pagination */

#pages ul {
	list-style: none;
	padding: 10px 0 0 0;
	margin: 0;
}

#pages ul li {display: inline;}

#pages ul li a, #pages ul li a:visited {
	border: 1px solid #039;
	background: #69F;
	color: #000;
}

#pages ul li a:hover, #currentPage {
	border: 1px solid #006;
	background: #009;
	color: #FFF;
}

.noLink, #currentPage, #pages ul li a {
	padding: 1px 3px 1px 3px;
	margin: 2px;
	display: block;
	float: left;
}

.noLink {
	border: 1px solid #666;
	color: #666;
}

/* Gallery Images */

#photoAlbum {
	width: 720px;
	margin: auto;
}

.photoBox a {
	float: left;
	border: 1px solid #666;
	color: #CCC;
	padding: 2px;
	margin: 2px;
	display: block;
	height: 170px;
	width: 170px;
	font-size: 11px;
}

.photoBox div {padding: 0 2px 0 2px;}

.photoBox a:hover {border: 1px solid #F00;}

#photoDesc, #photoPath {padding: 5px;}

#photoDesc, #photoPath, #photo {
	margin: 0 0 5px 0;
	background: #000;
	border: 1px solid #999;
	color: #FFF;
}

/* msg boxes */

.errorMsg {
	border: 1px solid #900;
	background: #C33;
}

.msg {
	border: 1px solid #69F;
	background: #06C;
}

.errorMsg, .msg {
	position: relative;
	z-index: 10;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 5px;
	color: #fff;
}

/* Layout */

.clearBoth, #pages, #footer, FIELDSET {clear: both;}

.right {float: right;}

.left {float: left;}

.textRight {text-align: right;}