/*
	Author: Dale Kachele
	Website: http://upperhandcreation.com
*/

/* RESET & BASIC PAGE SETUP */
* { margin: 0; padding: 0; }
html {overflow-y: scroll; }
body { font-family: Georgia, "Times New Roman", Times, serif; font: 62.5%; }

ul { list-style: none inside; }
p { font-size: 0.9em; line-height: 1.8em; margin-bottom: 0.9em; }
a { outline: none; }
a img { border: none; }
h1 { color:#060; font-size:32px; font-weight:normal; }
h2 { color:#060; font-size:20px; font-weight:normal; }

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.blocktext { margin-top: 0.8em; margin-bottom: 0.8em; }
.tiny { color: #333; font-size: 0.7em; }
.grey { color: #333; font-size: 0.8em; }
.highlight { color: #03F; font-size: 0.7em; }

/* STRUCTURE */
#watermark { position:absolute; left:0; top:20px; z-index:9999; }
#ivy { position:absolute; right:0; top:0; }
div#highlight { margin-left:20px; float:right; width:288px; height:386px; background: url('../images/highlight.jpg') no-repeat center center; }
div#highlight h2 { margin: 25px 0 0 10px; }
div#highlight p { margin: 0 10px 0 20px; line-height: 1.2em; }
div#header { position:relative; width:100%; height:234px; text-indent: -999px; background: url('../images/logo.jpg') no-repeat center center #600; overflow:hidden; }
div#nav { width:100%; height:42px; background: url('../images/bg.jpg') repeat-x; overflow:hidden; }
div#nav ul { width:600px; margin:0 auto; }
div#nav ul li { display: inline; }
div#nav ul li a { padding-top:8px; font-size:22px; margin:0 35px; color: #FFF; display: block; float: left; height: 42px; text-decoration:none; }
div#nav ul li a:hover { color: #EEE; }
div#content { width:100%; background: url('../images/grey-bg.jpg') repeat-x top #FFF; }
.content-wrap { width:800px; margin:0 auto; padding-top:20px; position:relative; }
div#images img { float:right; margin: 10px 15px 20px 15px; }
div#images-gallery img { float:left; margin: 10px 10px 20px 10px; }
div#footer { font-size:12px; color: #FFF; width:100%; height:42px; background: url('../images/bg.jpg') repeat-x; overflow:hidden; }
div#footer-wrap { width:700px; margin:0 auto; padding-top:10px; }
div#footer a { color: #FFF; text-decoration:none; }
div#footer-form { position:relative; color: #FFF; width:100%; height:205px; background: url('../images/footer-bg.jpg') no-repeat top center #030; }
form#form { margin-bottom: 10px;}
.moveright { position:relative; float:right; margin-right:50px; }
.moveright div { margin-bottom:10px; }
.inputbox { position:relative; }