html { height: 100%; }
body { height: 100%; margin: 0; padding: 0; background: #ffffff; font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 13px; color: #484747; }

.mainContainer { min-height: 100%; }
* html .mainContainer { height: 100%; }


.container { width: 850px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; }

.navigation { background: url(/style/images/navigation_bg.png) repeat-x; width: 100%; height: 37px; font-family: "Myriad Pro", "Trebuchet MS", Arial, Verdana, sans-serif; font-weight: bold; }
.navigation a:link { text-decoration: none; }
.navigation a:visited { text-decoration: none; }
.navigation a:hover { text-decoration: none; }

.navigation .link { width: auto; height: 30px; position: relative; float: left; padding: 10px 13px 0px 13px; }
.navigation .link .shadow  { position: absolute; display: block; color: #ffffff; z-index: 1; margin-top: 1px; }
.navigation .link span { position: relative; display: block; padding-right: 1px; color: #4c4c4c; z-index: 10; } 
.navigation .link span a { color: #4c4c4c; }
.navigation .link span a:hover { color: #42114d; }

.navigation .linkActive { width: auto; height: 30px; position: relative; float: left; padding: 10px 9px 0px 10px; margin-left: 10px; margin-right: 10px; float: left; background:url(/style/images/navigation_active.png) repeat-x; }
.navigation .linkActive .shadow  { position: absolute; display: block; color: #000000; z-index: 1; margin-top: 1px; }
.navigation .linkActive span { position: relative; display: block; padding-right: 1px; color: #ffffff; z-index: 10; } 
.navigation .linkActive span a { color: #ffffff; }

.logo { float: left; margin-right: 120px; }
.logo img { border: none; }

.content { padding-top: 10px; padding-bottom: 9em; }
.content a:link { color: #621775; }
.content a:hover { color: #560f68; }
.content a:visited { color: #621775; }
.content a:active { color: #621775; }

iframe { border: none; }

.contentLeft { float: left; width: 50%; padding-bottom: 30px; }
.contentLeft2 { float: left; width: 53%; padding-bottom: 30px; }
.contentRight { float: right; width: 50%; }
.contentRight2 { float: right; width: 43%; padding-top: 30px; }

.leftLeft { width: 48%; float: left; }
.leftRight { width: 47%; padding-left: 5%; float: left; }
.leftLeft p { text-align: left; }
.leftRight p { text-align: left; }

.highlights { padding: 0px 15px 20px 40px; }
.highlights p { margin-top: 0px; }
.highlights .highlight { clear: both; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #f1f1f1; }
.highlights .highlight img { margin-right: 5px; }

.featureContainer { width: 401px; height: 470px; }
.featureTop { width: 401px; height: 10px; background: url(/style/images/features_top.png) top left no-repeat }
.featureBottom { width: 401px; height: 50px; background: url(/style/images/features_bottom2.png) top left no-repeat; display: block; text-decoration: none; }
.features { background: #f9f9f9; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; padding: 0px 15px 20px 10px; }
.features p { margin-top: 0px; }
.features .highlight { clear: both; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #f1f1f1; border-top: 1px solid #ffffff; }
.features .highlight img { margin-right: 5px; }


.tagline { padding: 20px 5px 20px 5px; font-size: 18px; text-align: justify; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; margin: 20px 0 10px 0; }

h3 { margin: 0; padding: 0; margin-top: 30px; }
h4 { margin: 0; padding: 0; }
p { margin: 0; padding: 0; margin-top: 5px; line-height: 21px; text-align: justify; }

.spotlight { width: 870px; height: 360px; background: url(/style/images/spotlight.png) no-repeat; margin-top: 20px; margin-bottom: 10px; }
.spotLeft { width: 45%; float: left; }
.spotRight { width: 53%; float: right; }
.spotHeader { padding-left: 40px; padding-top: 30px; }
.spotScreen { padding-top: 40px; padding-right: 25px; text-align: right; }
.spotTagline { text-align: center; font-size: 16px; font-weight: bold; color: #5e5959; padding-top: 20px; padding-left: 30px; line-height: 25px; }

.footerContainer { width: 100%; height: 115px; background: #333333; position: relative; margin-top: -9em; }
.footer { width: 870px; margin-left: auto; margin-right: auto; padding-top: 20px; padding-bottom: 20px; line-height: 25px; color: #FFFFFF; font-size: 12px; }
.footer a { color: #FFFFFF; }

.tabbed_area { position: relative; }
ul.tabs { width: 195px;margin:0px; padding:0px;float: left;	padding-top: 1px; padding-bottom: 1px; background-color:#ededed; border-left: 1px solid #cfcfcf;border-right: 1px solid #cfcfcf; }
ul.tabs li { list-style:none; }
ul.tabs li a { width: 180px; height: 28px; display: block; padding-top: 10px; padding-left: 15px; background-color:#ededed; color:#ffebb5; text-decoration:none; }
ul.tabs li a:visited { color: #333333; }
ul.tabs li a:hover { color: #783589; cursor: pointer; }
ul.tabs li a.active { background: url(/style/images/tour_active.png) no-repeat; color:#ffffff; padding-top: 12px; padding-left: 30px; width: 200px; height: 36px; border: none; margin-left: -15px; margin-bottom: -6px; }
.tab { 	border-top:1px solid #ffffff; border-bottom:1px solid #d9d9d9; }
.tour_nav { position: absolute; left: 0px; }
.tour_content { margin-top: 10px; margin-left: 240px; padding-top: 20px; padding-bottom: 30px;}
#content_2, #content_3, #content_4, #content_5, #content_6, #content_7, #content_8, #content_9  { display:none; }
.tour_c_full { width: 480px; padding-right: 50px; }
.tour_c_left { width: 240px; float: left; padding-right: 50px; }
.tour_c_right { width: 240px; float: left; }
.tabsTop { background: url(/style/images/tour_top.png) no-repeat top left; width: 197px; height: 6px; }
.tabsBot { background: url(/style/images/tour_bottom.png) no-repeat bottom left; width: 197px; height: 6px; clear: left; }
.tourTitle { margin-bottom: 20px; margin-top: 23px; }

.smallText { font-size: 10px; font-style: italic; }

.photos { height: 110px; padding-top: 15px; }
.photo { float: left; margin-right: 4px; }
.photo img { width: 60px; height: 60px; }
