﻿@import url("../font/bebas.css");
@import url("../font/PTSans.css");

/* Reset Styles - Thank you Eric Meyer (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/*
1f1f1f = dark background grey
bad2ed = light blue
c55ab1 = light fuchsia
*/

html	{ font: normal normal normal 11pt/17pt 'PTSansRegular', sans-serif; }
body	{ margin: 0px; padding: 0px; text-align: center; background: #1f1f1f url('../images/bg.jpg') repeat; }

.warning	 { background: #5f1351; color: #ffffff; padding: 3px; text-align: center; margin-top: 12px; }
.notice		 { font-size: 8pt; }
.price		 { font-size: 14pt; font-weight: bold; }

#wrapper     { width:100%; height: auto; background: url('../images/bg-head.jpg') repeat-x; }

#title h1	 { width: 100%; height: 205px; margin-left: auto; margin-right: auto; background: url('../images/bg-logo.jpg') no-repeat top center; text-indent: -5000em; overflow: hidden; }

#nav		 { width: 940px; height: 67px; margin: -77px auto 0px auto; padding: 17px 0px 0px 0px; text-align:center; font: normal normal normal 22px 'BebasRegular', sans-serif; text-transform: uppercase; }
#nav img { padding-bottom: 2px; }
#nav a	 { text-decoration: none; text-shadow: 1px 1px 3px #000; margin-top: 30px; padding: 0px 12px 19px 12px; }
#nav a:link		{ color: #bad2ed; }
#nav a:visited	{ color: #7dabdd; }
#nav a:hover	{ color: #ddd; text-shadow: 0px 0px 3px #aaa; }
#nav a:active	{ color: #c55ab1; }
#nav a.selected { background: url('../images/nav_underline.png') no-repeat center bottom; }

#content	 { width: 940px; height: auto; margin-left: auto; margin-right: auto; padding: 20px 0px 0px 0px; margin: 0px auto; color: #eee; }
#content a:link		{ color: #bad2ed; }
#content a:visited	{ color: #7dabdd; }
#content a:hover	{ color: #ddd; }
#content a:active	{ color: #c55ab1; }

#col_wrapper { float:left; width:940px; position:relative; background: url('../images/divider_1600px.png') no-repeat center center; }
#col1 { float:left; width:440px; position:relative; left:0px; overflow:hidden; }
#col2 { float:left; width:440px; position:relative; left:60px; overflow:hidden; }

#threecol1 { float:left; width:286px; position:relative; left:0px; overflow:hidden; }
#threecol2 { float:left; width:286px; position:relative; left:40px; overflow:hidden; }
#threecol3 { float:left; width:286px; position:relative; left:80px; overflow:hidden; }

#col_offset_wrapper { float:left; width:940px; position:relative; background: url('../images/divider_1600px.png') no-repeat 535px center; }
#col1_offset { float:left; width:520px; position:relative; left:0px; overflow:hidden; }
#col2_offset { float:left; width:360px; position:relative; left:60px; overflow:hidden; }

#col_mini_wrapper { float:left; width:360px; position:relative; margin-top: 7px; margin-bottom: 7px; }
#col_mini_wrapper h3 { margin-bottom: -12px; }
#col1mini { float:left; width:120px; position:relative; left:0px; overflow:hidden; }
#col2mini { float:left; width:220px; position:relative; left:20px; overflow:hidden; }

#printicon	 { float: right; font-size: 12px; }
#printicon a { text-decoration: none; }
#printicon img	{ margin-right: 3px; }

#thumbnails img	 { padding: 2px; }
#thumbnails p	 { text-align: center; }

.slidecontainer { margin: 0 auto; height: 646px; width: 940px; }
/*.slidecontainer { margin: 0 auto; height: 550px; width: 800px; }*/

#package p { margin-right: 40px; } 

#contact   { width: 380px; padding: 18px 20px 0; margin: 12px auto 12px auto; border: #4f4f4f 1px solid; background: url('../images/bg-form.jpg') repeat; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; box-shadow: 0 5px 12px rgba(0,0,0,.4); -webkit-box-shadow: 0 5px 12px rgba(0,0,0,.4); -moz-box-shadow: 0 5px 12px rgba(0,0,0,.4); -khtml-box-shadow: 0 5px 12px rgba(0,0,0,.4); }
#contact textarea	{ margin: 3px; font: normal normal normal 11pt 'PTSansRegular'; }
#contact
.field { font: normal normal normal 11pt 'PTSansRegular'; height: 20px; border: 0px; }
.button		 { border:3px solid #474747; color: #eee; font: normal normal normal 11pt 'PTSansRegular', sans-serif; background: url('../images/bg-button.png') repeat center center; padding: 7px; }

#bodycopy	 { text-align: left; min-height: 725px; margin-top: 3px; padding-bottom: 40px; }
#bodycopy h2 { font: normal normal normal 18pt/20pt 'PTSansNarrowRegular', sans-serif; text-transform: uppercase; text-shadow: 0px 0px 3px #aaa; }
#bodycopy h3 { font: normal normal normal 14pt/14pt 'PTSansNarrowBold', sans-serif; }
#bodycopy h4 { font: normal normal normal 12pt/12pt 'PTSansNarrowRegular', sans-serif; text-transform: uppercase; }
#bodycopy p	 {  }
#bodycopy table		{ margin-left:auto; margin-right:auto; padding: 12px; }

#footbar { width: 100%; height: 24px; vertical-align:bottom; background: #1f1f1f url('../images/bg-footer-shadow.jpg') repeat-x; margin: 0px 0px 0px 0px; }
#foot		 { width: 100%; height: auto; background: #1f1f1f url('../images/bg-footer.jpg') repeat; color: #444; font-size: 10pt; padding: 12px 0px 40px 0px; text-shadow: 1px 1px 1px #aaa; }
#foot a	 { color: #fff; }


