﻿body { background: #1c273f; font-family: Calibri, Sans-Serif; font-size: 10px/20px; }

div#bg { width: 1040px; background: #1c273f url(images/bg_repeat.jpg) repeat-y; margin: 0 auto; }
div#container { width: 999px; background: #1c273f url(images/bg.jpg) no-repeat; margin: 0 auto; position: relative; }
h1 span { display: none; }
h1 { height: 95px; width: 217px; background: url(images/logo.gif) no-repeat; position: relative; left: 20px; top: 6px; }
h6 {font-family: Georgia; font-weight: normal; font-size: 18px; color: #fff; text-align: left; margin: 20px 0 10px 0;}
h2.cushycms { border-bottom: inset 4px #43406c; padding-bottom: 10px; }

hr { margin: 20px 0; border-bottom: dotted 1px #fff; height: 1px;  }

ul#main-nav { height: 78px; position: absolute; top: 115px; left: 60px;	 }
ul#main-nav li { float: left; }
ul#main-nav li span { display: none; }
ul#main-nav li a.home { display: block; width: 82px; height: 39px; background: url(images/main-nav.gif) no-repeat 0 0;  }
ul#main-nav li a.about { display: block; width: 85px; height: 39px; background: url(images/main-nav.gif) no-repeat -82px 0; }
ul#main-nav li a.journey { display: block; width: 103px; height: 39px; background: url(images/main-nav.gif) no-repeat -167px 0; }
ul#main-nav li a.radio { display: block; width: 95px; height: 39px; background: url(images/main-nav.gif) no-repeat -270px 0; }
ul#main-nav li a.events { display: block; width: 90px; height: 39px; background: url(images/main-nav.gif) no-repeat -365px 0; }
ul#main-nav li a.sessions { display: block; width: 101px; height: 39px; background: url(images/main-nav.gif) no-repeat -455px 0; }
ul#main-nav li a.products { display: block; width: 101px; height: 39px; background: url(images/main-nav.gif) no-repeat -556px 0; }
ul#main-nav li a.links { display: block; width: 86px; height: 39px; background: url(images/main-nav.gif) no-repeat -657px 0; }
ul#main-nav li a.contact { display: block; width: 120px; height: 39px; background: url(images/main-nav.gif) no-repeat -743px 0; }

ul#main-nav li a.home:hover,ul#main-nav li a.home.selected { display: block; width: 82px; height: 39px; background: url(images/main-nav.gif) no-repeat 0 -40px; }
ul#main-nav li a.about:hover,ul#main-nav li a.about.selected { display: block; width: 85px; height: 39px; background: url(images/main-nav.gif) no-repeat -82px -40px; }
ul#main-nav li a.journey:hover,ul#main-nav li a.journey.selected { display: block; width: 103px; height: 39px; background: url(images/main-nav.gif) no-repeat -167px -40px; }
ul#main-nav li a.radio:hover,ul#main-nav li a.radio.selected { display: block; width: 95px; height: 39px; background: url(images/main-nav.gif) no-repeat -270px -40px; }
ul#main-nav li a.events:hover,ul#main-nav li a.events.selected { display: block; width: 90px; height: 39px; background: url(images/main-nav.gif) no-repeat -365px -40px; }
ul#main-nav li a.sessions:hover,ul#main-nav li a.sessions.selected { display: block; width: 101px; height: 39px; background: url(images/main-nav.gif) no-repeat -455px -40px; }
ul#main-nav li a.products:hover,ul#main-nav li a.products.selected { display: block; width: 101px; height: 39px; background: url(images/main-nav.gif) no-repeat -556px -40px; }
ul#main-nav li a.links:hover,ul#main-nav li a.links.selected { display: block; width: 86px; height: 39px; background: url(images/main-nav.gif) no-repeat -657px -40px; }
ul#main-nav li a.contact:hover,ul#main-nav li a.contact.selected { display: block; width: 120px; height: 39px; background: url(images/main-nav.gif) no-repeat -743px -40px; }

div#content-wrapper { position: relative; top: 105px; left: 70px; }
div#content { width: 886px; height: 100%; padding: 10px;}
div#content div#left { width: 625px; color: #fff; }
div#content div#left h2 { font-family: Georgia; font-weight: normal; font-size: 24px; letter-spacing: 1px; color: #fff; margin-bottom: 10px;}
div#content div#left h3 { font-family: Georgia; font-weight: normal; font-size: 18px; color: #43406c; text-align: left; margin: 10px 0; }
div#content div#left h4 { font-family: Georgia; font-weight: normal; font-size: 20px; color: #43406c; text-align: left; margin: 10px 0; }
div#content div#left h5 { font-family: Georgia; font-weight: normal; font-size: 14px; color: #43406c; text-align: right; margin: 10px 0; }

div#content p { color: #fff; line-height: 25px; }

div#content div#left { float: left; }
div#content div#left div#featured-content { width: 607px; height: 185px; background: url(images/featured-content-bg.png) no-repeat; padding: 10px; margin: 20px 0; position: relative; }
div#content div#left div#featured-content img.featured-image { float: left; margin: 0 10px 10px 0; }
div#content div#left div#featured-content h2 { font-size: 14px; color: #43406c; font-weight: bold; }
div#content div#left div#featured-content p { color: #000; line-height: 20px; width: 450px; }
div#content div#left div#featured-content img.amazon { position: absolute; bottom: 40px; right: 40px; }

div#content div#right { width: 190px; float: right; text-align: center; position: relative; right: 30px; }
div#content div#right p { text-align: left; }
div#content div#right img { margin: 20px 0; }
div#content div#right a.more-about { display: inline-block; margin: 10px 0 0 0; color: #bc86b8; text-decoration: underline; }

div#footer { padding: 20px; color: #FFF; background: #666699; height: 150px; position: relative; margin-top: 100px; }
div#footer div#faerie { position: absolute; top: -54px; right: 10px; }
div#footer a { color: #fff; text-decoration: none; display: inline-block; padding: 0 10px 0 5px; }
div#footer a:hover { color: #fff; text-decoration: underline;   }
div#footer a.selected { color: #fff; text-decoration: none;}
div#footer #footer-inner { }
div#footer #footer-inner div.legal { float: right; }
div#footer #footer-inner div.legal-links { float: right; clear: right; margin-top: 10px; }
div#footer #footer-inner .footer-links { position: relative; top: 40px; clear: both; }
div#footer #footer-inner .footer-links a { display: inline-block; padding-right: 15px; }

div.adr { line-height: 20px; margin-bottom: 20px; }
div.company a { display: inline-block; color: #584034; text-decoration: none; line-height: 20px; }

.clear { clear: both; }
.float-right { float: right; }
.float-left { float: left; }
.float-image-left { float: left; margin: 0 20px 20px 0; }
.float-image-right { float: right; margin: 0 0 20px 20px; }

#preview{
	position:absolute;
	padding: 10px; background: #F9F9F9; border: solid 2px #CCC;
	display:none;
	color:#fff;
	}