/* CSS Document */

html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
	margin: 0;
	padding: 0;
	border: 0;
}

a, input {
  outline: none;
}

body {
	background: #849465 url(../images/effects/header-strip.gif) repeat-x;
	font: 12px Arial;
	color: #6A655A;
}

#wrapper {
	width: 923px;
	margin: 27px auto;
}

#header {
	width: 923px;
	height: 394px;
}

#mallTitleCallout {
	background: #fff url(../images/backgrounds/mall-background-gradient.gif) top right repeat-y;
	width: 211px;
	height: 274px;
	float: left;
	padding: 60px 21px;
}

#mallTitleCallout .logo {
	background: url(../images/logos/logo.gif) no-repeat;
	width: 161px;
	height: 119px;
	margin: 0px auto 75px auto;
}

#mallTitleCallout .mallHours {
	margin: 0px auto 15px auto;
	border-collapse: collapse;
}

#mallTitleCallout .storeHoursLink {
	font: normal 16px Arial;
	color: #89A265;
}

#mallTitleCallout p.center {
	text-align: center;
}

#mallTitleCallout .mallHours td {
	width: 100px;
	padding: 1px 5px
}

#flashContent {
	background: #fff;
	width: 500px;
	height: 314px;
	float: left;
	padding: 40px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

#primaryContent {
	width: 670px;
	float: right;
	background: #294411 url(../images/backgrounds/primary-content-background.jpg) no-repeat;
	font: 12px Arial;
	color: #fff;
}

#mainContent {
	width: 620px;
	padding: 30px 25px;
}

#primaryContent h2 {
	font: normal 20px Georgia;
	color: #89A265;
	margin-bottom: 15px;
}

#primaryContent a {
	color: #fff;
	text-decoration: underline;
}

#primaryContent ul {
	list-style: none;
	margin-bottom: 15px;
}

#primaryContent ul li {
	background: url(../images/effects/white-bullet.gif)  0px 5px no-repeat;
	margin-left: 15px;
	padding-left: 10px;
}

#content p {
	margin-bottom: 15px;
}

#content p.center {
	text-align: center;
}

#siteInfo {
	background: #1F3510 url(../images/effects/footer-strip.gif) repeat-x;
	padding: 0px 25px 25px 25px ;
}

#siteInfo .logo {
	margin-top: 30px;
	background: url(../images/logos/logo-footer.gif) no-repeat;
	width: 98px;
	height: 46px;
	float: left;
}

#siteInfo img {
	float: right;
	margin-left: 10px;
	border: 7px solid #1F3510;
}

/* Secondary Content Elements */

#secondaryContent {
	width: 231px;
	float: left;
	padding: 14px 11px;
}

#secondaryContent .callout {
	width: 189px;
	padding: 23px 19px;
	font: 12px Arial;
	color: #6A655A;
	line-height: 20px;
	margin-bottom: 15px;
}

#mallTitleCallout a, #secondaryContent .callout a {
	font: 12px Arial;
	color: #6A655A;
	text-decoration: none;
}

#locationCallout {
	background: #fff url(../images/backgrounds/location-callout-background.gif) bottom right no-repeat;
}

#locationCallout .map, #locationCallout .map a {
	background: url(../images/mini-map.gif) no-repeat;
	width: 165px;
	height: 94px;
	display: block;
}

#locationCallout .map {
	margin-bottom: 25px;
}

#leasingCallout {
	background: #1F3510;
}

#secondaryContent #leasingCallout p {
	color: #b7b7b7;
}

#leasingCallout .shapeLogo, #leasingCallout .shapeLogo a {
	background: url(../images/logos/logo-shape.gif) no-repeat;
	width: 125px;
	height: 101px;
	display: block;
}

#leasingCallout p {
	font-weight: bold;
}

#leasingCallout a {
	font-weight: bold !important;	
}


#leasingCallout .shapeLogo {
	margin: 0px auto 15px auto;
}

/* Titles */

#header h1.title, #content h1.title, #content h2.title {
	font: 10px Arial;
	text-indent: -9000px;
	height: 14px;
	margin-bottom: 15px;
}

#titleDirections { background: url(../images/titles/title-directions.gif) no-repeat; width: 92px; }
#titleLeasingInformation { background: url(../images/titles/title-leasing-information.gif) no-repeat; width: 174px; }
#titleLocation { background: url(../images/titles/title-location.gif) no-repeat; width: 81px; }
#titleMallHours { background: url(../images/titles/title-mall-hours.gif) no-repeat; width: 211px; }
#primaryContent #titleStoreDirectory { background: url(../images/titles/title-store-directory.gif) no-repeat; width: 618px; height: 18px; margin: 0px auto 30px auto; }

/* Navigation */

#nav {
	width: 670px;
	height: 42px;
	margin-left: 253px;
	list-style: none;
}

#nav li {
	width: 98px;
	height: 42px;
	float: left;
	margin-right: 2px;
	background: url(../images/effects/tab-off.gif) no-repeat;
}

#nav li a {
	width: 78px;
	height: 28px;
	padding: 7px 10px;
	display: block;
	background: url(../images/effects/tab-off.gif) no-repeat;
	font: 12px Arial;
	color: #6A655A;
	text-decoration: none;
	text-align: center;
}

#nav li a:hover, #nav li.active,  #nav li.active a {
	background: url(../images/effects/tab-on.gif) no-repeat;
}

/* Tooltip styles */


#directory {
	padding: 0px 30px; 
}

#directory .directoryColumn{
	width: 280px;
	float: left;
}

#directory li {
}

#directory li .store {
	position: relative;
}


#directory li .tooltip
{
	position: absolute;
	left: -50px;
	top: -100px;
	background: url(../images/effects/bubble-tip.gif) no-repeat;
	width: 187px;
	height: 56px;
	padding: 25px 5px;
	text-align: center;
	font: 12px Arial;
	color: #294411;
}

#directory li .tooltip a
{
	color: #294411;
}


/* Clear fix */
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear {
	height: 1%;
}
.clear {
	display: block;
}
/* End hide from IE-mac */