﻿/*
G5 Search Marketing Copyright 2009
Local Search Marketing - Local Internet Advertising
*/

/* RESET */
/* -------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
p,ol,ul {list-style:none;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/* GLOBAL SETTINGS */
/* -------------------- */

h1,h2,h3,h4,h5,h6{ color: #3d6066;}
h1 {font-size: 22px;}
h2 {font-size: 15px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;}

h1 {padding-bottom:20px; font-weight:normal;}
p {
  padding:0 0 30px 0; 
  margin:0;
  letter-spacing:120%;
  line-height:150%;
}
img {padding:0;margin:0;}
dt {padding-top:10px;font-weight:bold;}

a {color:#3d6066;}

.clear {clear:both;}
.strong {font-weight:bold;}
.right {float:right;}
img.right {padding:0 0 10px 20px;}
.left {float:left;}
img.left {padding:0 20px 10px 0;}

/* BASIC LAYOUT */
/* -------------------- */

body {
	margin:0 auto; 
	text-align:center;
	font-family:georgia, times, times new roman, serif;
	font-size:13px;
	color:#333;
	background:#fff url(/images/t/bg_main.png) repeat-x 0 97px;
}

div#whopper {
	position:relative;
    width:950px;
    padding-top:127px;
    margin:0 auto;
    text-align:left;
}

div#middle {
  width:950px;
  min-height:400px;
  height:auto !important;
  height:100%;
}

div#cola {
  position:relative;
  float:right;
  width:732px;
  padding-top:16px;
}
div#cola #content {float:left;}
div#cola #slideshow, div#cola #mainPhoto {
	position:relative;
/*	width:514px;*/
/*	text-align:center;*/
	margin-bottom:30px;
}
div#cola #slideshow #frame {
	position:relative;
	z-index:900;
	background:transparent url(/images/t/slideshow_frame.png);
	width:514px;
	height:319px;
}
div#cola #slideshow p.buttons {text-align:center; margin-top:7px; padding:0;}
div#cola #slideshow p.buttons span {margin:0; padding:1px 5px; line-height:13px; cursor:pointer;}
div#cola #slideshow p.buttons span.active {background:#dbe7e6;}
div#cola div#actions {
	width:193px;
	margin:37px 0 0 25px; 
	float:right;
}
div#actions ul {width:193px;}
div#actions ul li.phone {
	width:193px;
    height:45px;
	background:url(/images/t/actions_sprite.gif);
	text-indent:-9999px;
}
div#actions ul li a {
	width:193px;
	height:85px;
	background:url(/images/t/actions_sprite.gif);	
	display:block;
	outline:none;
	text-indent:-9999px;
}
div#actions ul li.brochure a {
	background-position:0 -73px;
	margin-top:28px;
}
div#actions ul li.brochure a:hover { background-position:0 -333px; }
div#actions ul li.tour a {
	background-position:0 -175px;
	margin-top:18px;
}
div#actions ul li.tour a:hover { background-position:0 -435px; }


div#colb {/*218px*/
	position:relative;
	float:left;
	width:193px;
	margin-right:25px;
}

div#header {
	position:absolute;
	width:950px;
	height:127px;
	text-align:center;
	top:0;
	left:0;
}
div#header img { margin-top:13px; }

div#circlePhoto {
	position:absolute;
	top:0;
	right:30px;
}
div#circlePhoto img { margin-top:48px; }
/* NAVIGATION */
/* -------------------- */

ul#nav {
	margin:23px 0 0 0;
	padding:0;
	height:289px;
}

ul#nav li a {
	width:193px;
	height:30px;
	display:block;
	background:url(/images/t/nav_sprite.gif) no-repeat;
	text-indent:-9999px;
	outline:none;
}

ul#nav li.home a { height:40px; }
ul#nav li.accomodations a { background-position:0px -40px; }
ul#nav li.amenities a { background-position:0px -70px; }
ul#nav li.dining a { background-position:0px -100px; }
ul#nav li.wellness a { background-position:0px -130px; }
ul#nav li.independent a { background-position:0px -160px; }
ul#nav li.assisted a { background-position:0px -190px; }
ul#nav li.brochure a { background-position:0px -220px; }
ul#nav li.contact a { background-position:0px -250px; height: 39px;}
ul#nav li.home a { height:40px; }

ul#nav li.home a:hover { background-position:0px -289px; }
ul#nav li.accomodations a:hover { background-position:0px -329px; }
ul#nav li.amenities a:hover { background-position:0px -359px; }
ul#nav li.dining a:hover { background-position:0px -389px; }
ul#nav li.wellness a:hover { background-position:0px -419px; }
ul#nav li.independent a:hover { background-position:0px -449px; }
ul#nav li.assisted a:hover { background-position:0px -479px; }
ul#nav li.brochure a:hover { background-position:0px -509px; }
ul#nav li.contact a:hover { background-position:0px -539px; }

ul#fontsize {
	padding-top:20px;
	text-align:center;
	font-size:12px;
}
ul#fontsize li {padding-bottom:15px;}

/***** =Home Page Styles *****/
h1.home {
	background:url(/images/t/hdr_home.gif) no-repeat;
	text-indent:-9999px;
	height:51px;
}

/* this should be exact size of the map in the comp */
#flashmap {
    width:514px;
    height:319px;
}
#map {}




/* FOOTER */
/* -------------------- */

/* FooterWrap Styles */

#footerWrap {
	clear:both;
	width:100%;
	background:url(/images/footer_bg.gif) repeat-x;
}

/* Footer Styles */

#footer {
	width:950px;
	margin:0 auto;
	/*margin-top:20px;*/
}

#tagline {
	width:950px;
	height:62px;
	text-indent:-9999px;
	background:url(/images/tagline.png) no-repeat 0 25px;
}

#footer a,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
	font-size:11px;
}

#footer #copy {
	font-size:13px;
}

ul#footerNav {
	width:950px;
  margin:10px auto;
}
ul#footerNav li {
	float:left;
	list-style:none;
}
ul#footerNav li.copy {font-size:13px; color:#333; padding:1px 15px 0 0;}
ul#footerNav li a {
	padding: 0 5px;
	border-right:1px solid #a0a0a0;
	line-height:13px;
	height:13px;
	font-size:10px;
}
ul#footerNav li.last a { border:none;}

#footerWrap div.address {clear:both; padding:20px;}

#footerWrap p.footerBrand {
padding: 5px 0;
margin :0;
line-height: 20px;
}
#footerWrap p.footerBrand a {font-size: 11px;}
#footerWrap p.footerBrand span img {
position: relative;
padding: 0 0 0 5px;
top: 5px;
}

/* New G5 Brand */
#brand {
	margin:0 auto 20px auto;
	display:block;
	width:213px;
	height:17px;
	text-indent:-9999px;
	background:url(/images/footer-brand.gif);
}
#brand:hover {background-position:0 -17px;}

