@charset "UTF-8";

/* universal stuff, paragraphs, headlines, un/ordered listes, etc.. */

body {margin:0;padding:0;background:url(strip.jpg) fixed top center;}
p {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#FFFFFF;}
h1 {font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#ed7e47;}
h2 {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#406b9d;}
h3 {}
img {border:0;}

/* put link colors here... */

a:link {text-decoration:none;color:#ffffcc;}
a:visited {text-decoration:none;color:#ffffFF;}
a:hover {text-decoration:none;color:#ffff66;}

/* these are the specific layout divs */

#container {width:950px;margin:0 auto;}
#header {height:108px;width:950px;float:left;}
#nav {width:950px;float:left;}
#content {width:925px;padding:0 5px 2px 20px;float:left;background:url(contentback.jpg) repeat-y;}
#footer {width:950px;clear:both;background:url(footer.jpg) no-repeat;padding:0;}
#footer p {color:white;padding:5px 0;}
#footer p a {color:white;}

/* these are the inner column layout blocks */

.column1-unit {width:925px; margin-top:3px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-left {float:left; width:265px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:650px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/}
.column3-unit-middle {float:left; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:22px;}
.column3-unit-right {float:right; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

.column2-contact-left {float:left; width:450px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-contact-right {float:right; width:450px; margin-top:25px; margin-bottom:30px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

/* these are the re-usable classes anytime you need to float an image to the right side for example, just put <img src="blah blah" class="whatever"> <anything class="">, float anything you want! the clear is used for when you have a left and a right float, and they're fucking with each other, i.e. dropping below the other one, etc., you just put an <hr class="clear"> after the divs... and you will be cool... now... the 'margin' class, is for the first paragraph of sentences when they have a gap above them, give that paragraph a class of 'margin' and yr cool... */

.clear {clear:both;visibility:hidden;}
.left {float:left; margin-right:5px;}
.right {float:right;margin-left:5px;}
.margin {margin-top:0; margin-left:10px;}
.title {background:url(title.jpg) top right no-repeat;padding:3px 0;margin-bottom:7px;text-align:center;color:white;}
.caption {font-size:10px;}
.gallerywidth {width:240px;}