@import url('reset.css');
@import url('default.css');
@import url('type.css');

/***

Font-sizes. Browser default is 16px. Set body to 75%,which is equal to 12px and,therefore,1em is 12px.
9px :0.75em
10px :0.8111em
11px :0.9167em
12px :1.0em
13px :1.0833em
14px :1.1667em
15px :1.25em
16px :1.3111em
17px :1.4167em
18px :1.5em
19px :1.5833em
20px :1.6667em
21px :1.75em
22px :1.8111em
23px :1.9167em
24px :2.0em
25px :2.0833em
26px :2.1667em
27px :2.25em
28px :2.3111em
29px :2.4167em
30px :2.5em
31px :2.5833em
32px :2.6667em

***/

body								{ font-family: Arial, sans-serif; background: #232323; color: #535353; font-size: 10px;}
.argh								{ float: left; height: 260px; overflow: hidden;}
.clear								{ clear: left !important; width: 620px; height: 2px;}
.left								{ float: left;}
.right								{ float: right;}
.wrap								{ width:960px; margin: 0 auto; position: relative;}
hr									{ border: none; width:100%; height: 1px; background: none; border-bottom: 1px solid #cccccc; display: block; clear: both; padding: 15px 0; margin-bottom: 15px; }
									  
img 								{ -ms-interpolation-mode:bicubic; }
img.left							{ float: left; margin: 0 20px 20px 0;}
img.right							{ float: right; margin: 0 0 20px 20px;}
									  
object								{ margin-bottom: 20px;}
									  
#header								{ background: url(../img/bg-header.jpg) top left repeat-x #fff;}
#header .wrap						{ height: 145px;}
#header h1							{ margin: 0;}
									  
#logo								{ width:160px; height: 80px; display: block; background: url(../img/logo-jonbauer.jpg) top left no-repeat; text-indent: -9999px; float: left; margin-top: 28px;}
									  
#banner								{ height: 315px; background: #cecdc9;}
#banner-cycle						{ height: 315px; width:100%; margin: 0; padding: 0;}
#banner-cycle li					{ height: 315px; width:100%; position: relative;}
#banner-cycle li img				{ position: absolute; left: 50%; margin-left: -480px;}
#banner-nav							{ position: absolute; bottom: 10px; right: 0; z-index: 50;}
#banner-nav a						{ padding: 7px 9px 5px; -webkit-border-radius:3px; -moz-border-radius:3px; font-size: 12px; line-height: 12px; color: #111; display: inline-block;  background: #fff; background: rgba(255,255,255,0.5); margin: 0 5px 0 0; }
#banner-nav a.activeSlide			{ color: #fff; background: #000; background: rgba(0,0,0,.5);}
									  
#navigation							{ float: left; margin:36px 0 0 50px;;}
#main-nav							{ margin: 0; padding: 0; height: 53px; display: block; width: 200px;}
#main-nav li						{ margin: 0; padding: 0; width: 93px; overflow: visible; display: block; float: left;}
#main-nav li a						{ border-left:1px solid #e7e7e7; color: #5EA2AD; padding: 1px 0 1px 10px; font-size: 15px; display: block; overflow: visible; white-space: nowrap;}
#main-nav li a:hover				{ border-left:1px solid #4c4c4c;}
#main-nav li a.current				{ border-left:1px solid #4c4c4c;}
									  
#pdfResource li 					{ padding: 0px 0 10px 38px; background: url(/media/imagic/pdf.gif) no-repeat}
#pdfResource a 						{ color: #5EA2AD !important;}
#pdfResource h3						{ margin: 0 !important; padding: 0 !important;}
									  
									  
									  
									  
ul#submenu							{ margin: 0; padding: 0 0 15px 0; }
#submenu li							{ list-style-type: none; }
#submenu li a						{ padding: 16px 18px 16px 25px; color: #5EA2AD; display: block; border-bottom: 1px solid #e7e7e7; font-size: 14px; line-height: 20px; background: url(../img/sub-menuBG.jpg) no-repeat left bottom; text-transform: uppercase;}
#submenu li a:hover					{ background: url(/media/img/gradient.jpg) repeat-y; color: #5EA2AD; }
#submenu .current 					{ background: url(/media/img/gradient.jpg) repeat-y;}
									  
									  
#rightHeader						{ float: right; width: 455px; }
#signUp								{ float: right; width: 256px;}
									  
#newsletterForm						{ padding: 6px 0 0 9px;}
#newsletterText						{ border: 1px solid #c2c2c2; padding: 2px 5px; color: #fff; margin: 0; float: left; width: 282px; height: 23px; background: none; font-size: 16px;}
#newsletterSubmit					{ height: 29px; width: 29px; border: none; margin: 0; display: inline-block; margin: 0 0 0 -3px; float:left; background: url(../img/bg-newsletter-submit.jpg) top left no-repeat; text-indent: -9999px;}
									  
#social								{ margin: 77px 0 0 0; padding: 0;}
#social li							{ float: left; margin: 0; padding: 0;}
									  
#content							{ background: url(../img/bg-content.jpg) top left repeat-x #fff; padding-top: 10px; }
.noborder 							{ float: left; padding: 0px !important; background: transparent; margin: 2px 10px 7px 0;}
									  
.col 								{ width:293px; float: left; margin-left: 40px;  padding-bottom: 15px; display: inline; }
.col.first							{ margin-left: 0; float: left; }
									  
#main_content						{ width:625px; padding-bottom: 20px; float: left; min-height: 400px; padding-bottom: 10px;}
#sub_content						{ width:293px; padding: 50px 0 20px; margin-left: 40px; float: left;}
									  
									  
									  
.button								{ color: #5ea2ad; font-weight: bold; font-size: 12px;}
.button:hover						{ color: #3d7a84;}
.button.twitter						{ background: url(../img/icon-twitter.jpg) top left no-repeat; padding: 0 0 3px 25px;}
									  
.wrap h1							{  color: #585858; font-size: 24px; font-weight: normal; margin-top: 30px; text-transform: uppercase; }
.wrap h2							{ color: #585858; font-size: 20px; font-weight: bold; margin-top: 30px;}
.wrap h3							{ color: #4c4c4c; font-size: 17px; font-weight: normal; margin-bottom: 5px; text-transform: uppercase;}
.wrap h3.date						{ color: #a2a2a2; font-size: 13px; font-weight: normal; margin-bottom: 5px; text-transform: uppercase;}
.wrap h4							{ color: #585858; font-size: 14px; font-weight: 100;}
.wrap h4.date						{ color: #a2a2a2; font-size: 11px; font-weight: 100; margin-bottom: 5px; text-transform: uppercase;}
.wrap h5							{ color: #585858; font-size: 12px; font-weight: 100;}
									  
.home h2							{ font-size: 22px; margin-bottom: 5px; font-weight: normal; text-transform: uppercase;}
									  
.wrap h2 a							{ color: #5ea2ad; font-weight: normal; text-transform: uppercase;}
.wrap h2 a:hover					{ color: #e4db28;}
.wrap h3 a							{ color: #5ea2ad;}
.wrap h3 a:hover					{ color: #e4db28;}
.wrap h3.date a						{ color: #5ea2ad;}
.wrap h3.date a:hover				{ color: #e4db28;}
.wrap h4 a							{ color: #5ea2ad;}
.wrap h4 a:hover					{ color: #e4db28;}
.wrap h4.date a						{ color: #5ea2ad;}
.wrap h4.date a:hover				{ color: #e4db28;}
.wrap h5 a							{ color: #5ea2ad;}
.wrap h5 a:hover					{ color: #e4db28;}
									  
.wrap p								{ color: #878787; font-size: 12px;}

#main_content ul,
#main_content ol							{ color: #878787; font-size: 12px;}
#main_content ul							{ padding-top: 4px; list-style-type: circle; }
#main_content li							{ padding-bottom: 4px; margin-left: 20px; }

#main_content ul#tour li					{ padding-bottom: 0; list-style: none; }
#main_content ul#tour li hr					{ margin-top: 0; padding-top: 0; }
								  
.wrap a								{ color: #5EA2AD}
.wrap a:hover						{ color: #dcd323}
									  
.wrap blockquote					{ }
.wrap blockquote p					{ font-size: 14px; color: #a2a2a2; font-style: italic;}
									  
#content img						{ float: left; padding: 6px; background: #c2c2c2; margin: 2px 10px 7px 0;}
									  
#comment-form						{ }
#comment-form tr					{ }
#comment-form td					{ vertical-align: top;}
#comment-form label					{ color: #585858; font-size: 12px; padding: 9px 0 5px; margin: 2px 0; float: right; padding-right: 10px;}
#comment-form input					{ padding: 5px 5px; font-size: 12px; border:1px solid #ccc; color: #585858; width: 300px;}
#comment-form textarea				{ padding: 5px 5px; font-size: 12px; border:1px solid #ccc; color: #585858; width: 300px;}
p.submit 							{ width: 400px; text-align: right;}
p.submit input						{ padding: 5px 10px; text-align: center; background: #fff; border:1px solid #ccc; color: #585858; cursor: pointer;}
									  
ul#latestNews						{ margin: 0; padding: 0;}
ul#latestNews li					{ border-top:1px solid #cccccc; margin-top: 5px; padding-top: 10px; clear: left; float: left; width: 293px;}
ul#latestNews li img				{ padding: 6px; background: #c2c2c2; margin-bottom: 7px;}
									  
ul#tourFeed							{ margin: 0; padding: 0 0 8px;}
ul#tourFeed li						{ margin: 0; padding: 8px 0;}
ul#tourFeed li h3					{ margin: 0 0 0 45px; padding: 0; font-size: 13px; color: #878787; font-weight: bold;}
ul#tourFeed li h4					{ margin: 0 0 0 45px; padding: 0; font-size: 13px; color: #878787; font-weight: normal;}
									  
div.date							{ border: 1px solid #e2e2e2; width: 33px; height: 37px; padding-top: 2px; -webkit-border-radius:8px; -moz-border-radius:8px; display: block; float: left; }
div.date .month						{ width:33px; text-align: center; color: #a2a2a2; font-size: 12px; margin: 0;}
div.date .day						{ width:33px; text-align: center; color: #a2a2a2; font-size: 12px; font-weight: bold; margin: 0;}
.locationHome						{ font-size: 14px; padding-left: 11px;}
									  
.date								{ text-transform: uppercase; }
									  
#tour li							{ }
.tourDetails						  	{width: 250px; float: left; padding: 0 20px 0 20px;}
.location							{ width: 160px; height: 30px; float: left; } 
.time								{ float: left; font-size: 15px;}
									  
#albumWrap							{ background: url(/media/img/clicktoplay.gif) no-repeat; float:left; padding: 20px 0 20px 0}
#albums img 						{ padding: 0 !important;}
#albums 							{ background: #ededed;  height: 192px; display: block; padding: 0; overflow: hidden;}
.clicktoplay						{ float: left; width: 626px; height: 18px; background: red; }
#bottomButtons						{ float: right; width: 293px; height: 160px; margin-top: 20px;}
#bottomButtons img					{ float: left !important; margin: 0px;}
.clear								{ clear: left;}
									  
									  
#footer								{ background: url(../img/bg-footer.jpg) top left repeat-x; clear: both;}
#footer .wrap						{ height: 185px;}
#footer .wrap .col					{ padding: 40px 0;}
#footer-nav							{ color: #FFF;}
#footer #footerLinks				{ color: #fff; font-size: 12px; margin: 20px 0 0;}
ul#footer-nav li a					{ color: #fff !important; float: left; border-right: 1px solid #FFF; padding: 0 3px;}
#footer #footerCopy					{ color: #898989; text-transform: uppercase; font-size: 10px; margin-bottom: 4px;}
#footer #footerCopy a				{ color: #898989;}
#footer a.placeHolder				{ background: #686868; font-size: 20px; color: #a2a2a2; padding: 40px 0; -webkit-border-radius:8px; -moz-border-radius:8px; display: block; text-align: center; text-transform: uppercase; }
									  
.box1								{ float: left; width: 360px; margin: 10px 20px 10px 0;}
.box2								{ float: left; width: 200px; margin: 10px 20px 10px 0;}
									  
.cd									{ float: left; }
.details							{ float: left; width: 330px; }
.cd									{ padding: 20px 10px 0px 0}
.details							{ padding: 30px 0 0 0;}

/*
.style6 {color: #000000}
.style25 {font-size: 13px; font-family: "Times New Roman", Times, serif; color: #5EA2AD; }
.style26 {font-size: 13px}
.style27 {color: #5EA2AD; font-family: "Times New Roman", Times, serif;}
.style28 {font-size: 14px}
*/

td img 								{ padding: 0 !important; margin: 0 !important;; border: none !important;}
table 								{ font-family: Arial;}
td									{ border-bottom: 1px solid #e0e0e0; padding: 10px;}
td									{ border-right: 1px solid #e0e0e0;}
th									{ background: #e0e0e0; padding: 10px;}
th									{ border-right: 1px solid #FFF}
									  
.even 								{ background: ;}