/* tags */
body {
	background-color:black;
	padding:0;
	margin:0;
	color:white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/background-top-left.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-attachment:fixed;
	font-size:62.5%; 
}
h1, h2, h3, h4 { text-transform:uppercase; color:#bebebe; }
h1 { font-size:2.8em; }
table h3 { margin:0; }
h2 { font-size:2.4em; }
h3 { font-size:2.0em; }
h4 { font-size:1.6em; }
p { font-size:1.4em; }
a { color:white; }
a img { border:none; }
table tr td { padding:5px 0; }
table tr td p { margin:0; }
li { font-size:14px; }

/* wrapper */
#wrapper {
	width:860px;
	margin:0 auto;
	padding-top:100px;
	position:relative;
}

/* menu */
#menu {
	background-image:url(images/menu-background.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	height:71px;
	width:836px;
}
#menu a {
	display:block;
	float:left;
	width:114px;
	height:71px;
	background-position:top;
}
#menu a.home { background-image:url(images/menu-home.gif); }
#menu a.about { background-image:url(images/menu-about.gif); }
#menu a.gallery { background-image:url(images/menu-gallery.gif); }
#menu a.links { background-image:url(images/menu-links.gif); }
#menu a.news { background-image:url(images/menu-news.gif); }
#menu a.contact { background-image:url(images/menu-contact.gif); }
#menu a:hover, #menu a.on { background-position:bottom; }

/* content */
#content {
	padding:10px 60px;
	width:716px; /* 836 - 2 x 60 */
	background-image:url(images/content-background.gif);
}
#content.frontpage {
	padding:10px 26px;
	width:784px; /* 836 - 2 x 26 */
}
#content.gallery {
	padding:10px 16px;
	width:804px; /* 836 - 2 x 16 */
	background-image:url(images/content-background.gif);
	text-align:center;
}
#content.gallery a, #wrapper a.button {
	background-image:url(../inc/images/gallery-button.gif);
	display:inline-block;
	margin-right:0px;
	padding-top:9px;
	height:23px; /* 32 - 9 */
	width:137px;
	font-size:1.2em;
	text-decoration:none;
	text-align:center;
}
#content.gallery a:hover, #content.gallery a.on, #wrapper a.button:hover, #wrapper a.button.on {
	background-position:bottom;
}
#content #slideshowpro {
	padding:16px;
	width:748px;
	height:527px;
	background-image:url(images/slideshow-background.gif);
}
#content img {
	width:280px;
	background-image:url(images/photo-background.gif);
	padding:0 16px;
}
#content div.photo-top {
	width:312px;
	height:16px;
	background-image:url(images/photo-background-top.gif);
}
#content div.photo-bottom {
	width:312px;
	height:16px;
	background-image:url(images/photo-background-bottom.gif);
	margin-bottom:20px;
}
#content div#text {
	float:right;
	width:360px;
}

/* footer */
#footer {
	background-image:url(images/footer-background.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:784px; /* 836 - 2 x 26 */
	height:50px;
	padding:20px 26px;
}
#footer p {
	font-size:1.2em;
}
a#lucidideas {
	width:202px;
	height:40px;
	display:block;
	float:right;
	margin-right:100px;
	margin-top:10px;
	background-image:url(images/lucidideas.gif);
}
a#lucidideas:hover {
	background-position:bottom;
}

/* contact us form */
div#contact-form { float:left; width:300px; }
input, select { vertical-align:middle; }
label { display:block; font-size:1.2em; line-height:1.2em; margin-bottom:5px; }
input {width:298px; background:#fff; border:1px solid #bebebe; margin-bottom:5px;}
textarea { width:298px; height:173px; overflow:auto; background:#fff; border:1px solid #bebebe; padding:0; margin-bottom:10px; }
input#submit {
	border:none;
	float:none;
	padding:none;
	width:auto;
}

/* google map */
div#mapsearch { padding:0; margin:0; }
div#mapsearch div.gsmsc-controls, div#mapsearch div.gsmsc-idleMapDiv div span, div#mapsearch div.gsmsc-idleMapDiv div a{
	display:none;
}

/* cms */
#wrapper.cms {
	padding-top:20px;
	text-align:center;
}
#wrapper.cms textarea { 
	width:860px; 
	height:400px; 
}

/* misc */
#background {
	display:block;
	position:fixed;
	right:0;
	bottom:0;
	z-index:-1;
	width:700px;
	height:554px;
	background-image:url(images/background-bottom-right.gif);
}
#logo {
	width:165px;
	height:167px;
	background-image:url(images/logo.gif);
	position:absolute;
	top:5px;
	right:0;
}
a.photo {
	display:block;
	float:left;
	width:144px;
	height:144px;
	padding:10px;
	margin:0 10px 10px 0;
	text-align:center;
	background-image:url(images/photo-background-shared.gif);
}
div.hr {
	border-bottom:1px #bebebe solid;
	margin-bottom:20px;
	clear:both;
}
div.clear { clear:both; }
p.errormessage { color:red; font-size:1.4em; }