/* Tag styles
*******************************************************************************/
* {
	margin : 0;
	padding : 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 95%;
	text-align : center;
	color : #4D4D4D;
	line-height : 1.1em;
	background : white url(../images/bg_tile.gif) 50% 194px no-repeat;
}

body.content {
	background : white url(../images/bg_tile_content.gif) 50% 194px no-repeat;
}

h1 {
	font-size : 1.3em;
	margin-bottom : 0.2em;
}

h2 {
	font-size : 1.7em;
	margin-bottom : 0.2em;
	color : #C26E15;
	margin-left : 7px;
	font-weight:normal;
}

h3 {
	font-size : .9em;
	margin-bottom : 0.2em;
}

h4 {

}

p {
	margin-bottom : 1em;
	margin-left : 7px;
}

hr {
	border : 0;
	background-color : white;
	height : 0;
	border-top : 1px solid #F6FBE4;
	margin-top : 6px;
	margin-bottom : 5px;
}
table {
	border-collapse : collapse;
	border : 0;
	padding : 0;
}

th {
	text-align : left;
	vertical-align : top;
}

td {
	vertical-align : top;
	padding : 5px 12px 5px 11px;
}

input {
	border : 1px solid #9FAA00;
	background-color : #F6FBE4;
}

input.check-box {
	border : 0;
	background-color : transparent;
	vertical-align : middle;
}
input.radio-button {
	border : 0;
	vertical-align : bottom;
	background-color : transparent;
}

ul {
	margin-left : 20px;
	padding : 0;
}

ul li {
	
}

ol {

}

ol li {

}


a:link,
a:visited,
a:hover,
a:active {
	color : #8E9800;
}
a:hover {
	text-decoration : none;
}

a img {border:0;}


/* page-wrapper
*******************************************************************************/
#page-wrapper {
	width : 736px;
	margin : 0 auto;
	text-align : left;
	position : relative;
}


/* logo
*******************************************************************************/
#logo {
	position : absolute;
	right : 0;
	top : 27px;
	width : 127px;
	height : 141px;
	background : transparent url(../images/logo.gif) 0 0 no-repeat;
}
* html #logo {right : -1px;}


/* agent login
*******************************************************************************/
#agent-login {
	height : 26px;
	\height : 27px;
	he\ight : 26px;
	text-align : right;
	font-size : 0.75em;
	width : 608px;
	padding-top : 1px;
}

#agent-login a:link,
#agent-login a:visited,
#agent-login a:hover,
#agent-login a:active {
	text-decoration : underline;
	display : block;
	padding : 2px 0 4px 0;
	float : right;
	width : 6.5em;
	background : transparent url(../images/img_arrow.gif) 0 8px no-repeat;
	color : #4D4D4F;
}
#agent-login a:hover {
	text-decoration : none;
}


/* header 
*******************************************************************************/
#header {
	height : 112px;
	
	clear : both;
}

#header p.intro-text {
	font-size : 0.7em;
	padding : 65px 165px 0 30px;
	margin : 0;
	line-height : 1.2em;
}

.header-default {
	background : #A7C539 url(../images/img_header.gif) 0 0 no-repeat;
}

.header-home {
	background : #A7C539 url(../images/img_header_imagine.gif) 0 0 no-repeat;
}

.header-apartments{
	background : #A7C539 url(../images/img_header_spirit.gif) 0 0 no-repeat;
}

.header-virtual-tour {
	background : #A7C539 url(../images/img_header_style.gif) 0 0 no-repeat;
}
.header-gallery {
	background : #A7C539 url(../images/img_header_design.gif) 0 0 no-repeat;
}

.header-flash {
	background : #FFFFFF url(../images/header_border.gif) 0 0 no-repeat;
	padding-left: 12px;
}

.header-flash object {
	display : block;
}

.header-flash embed {
	display : block;
}


/* nav
*******************************************************************************/

#nav a.nav-location {
	background : transparent url(../images/nav_location.gif) 0 -21px no-repeat;
	width : 98px;
	height : 21px;
	display : block;
	margin-right : 2px;
}
#nav a.nav-pandanas {
	background : transparent url(../images/nav_pandanas.gif) 0 -21px no-repeat;
	width : 98px;
	height:21px;
	display : block;
	margin-right : 2px;
}
#nav a.nav-apartments {
	background : transparent url(../images/nav_apartments.gif) 0 -21px no-repeat;
	width : 98px;
	height:21px;
	display : block;
	margin-right : 2px;
}
#nav a.nav-news {
	background : transparent url(../images/nav_news.gif) 0 -21px no-repeat;
	width : 97px;
	height:21px;
	display : block;
	margin-right : 2px;
}
#nav a.nav-contact {
	background : transparent url(../images/nav_contact.gif) 0 -21px no-repeat;
	width : 97px;
	height:21px;
	display : block;
	margin-right : 2px;
}
#nav a.nav-gallery {
	background : transparent url(../images/nav_picture_gallery.gif) 0 -21px no-repeat;
	width : 98px;
	height:21px;
	display : block;
}

#nav a.nav-location:hover,
#nav a.nav-pandanas:hover,
#nav a.nav-apartments:hover,
#nav a.nav-news:hover,
#nav a.nav-contact:hover,
#nav a.nav-gallery:hover {background-position : 0 0;}



/* begin suckerfish rules */
#nav {
	font-size : 0.8em;
	margin : 0;
	padding : 10px 0 0 12px;
	list-style-type : none;
	height : 45px;
	\height : 55px;
	he\ight : 45px;
	background : transparent (../images/bg_nav.gif) 0 0 no-repeat;
}
#nav ul {margin : 0;}

#nav a:link,  #nav a:visited, #nav a:hover, #nav a:active {padding : 0;}
#nav a:hover {
	color : black;
	text-decoration : none;
}
#nav a.arrow:link,  
#nav a.arrow:visited, 
#nav a.arrow:active {
	background : transparent url(../images/nav-arrow.gif) 100% -13px no-repeat;
}
#nav a.arrow:hover {
	background-position : 100% -89px;
}
#nav li {
	list-style-type : none;
	float : left;
	padding : 0;
	background-image : none;
}
#nav li li {
	border-top : 2px solid white;
	width : auto;
	/*height : 18px;*/
	line-height : 1.4em;
	white-space : nowrap;
	padding : 2px 6px 1px 16px;
	background : #CFD47F url(../images/img_second_nav_arrow.gif) 5px 7px no-repeat;
}
#nav li li a:link, #nav li li a:visited, #nav li li a:hover, #nav li li a:active {
	width : auto;
	color : #4D4D4D;
	text-decoration : none;
	padding : 0 2px 0 2px;
}
#nav li li a:hover {
	text-decoration : underline;
	color : #4D4D4D;
}
#nav li ul { /* second-level lists */
	position: absolute;
	background-color: #CFD47F;
	color : white;
	left: -999em;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* emd suckerfish nav */


#landing-sub-nav li {
	list-style-type : none;
	padding-left: 15px;
	background : transparent url(/images/bullet_link.gif) 6px 6px no-repeat;
}

.body-un-ordered-list{
	margin-bottom:1em;
}

.body-un-ordered-list li {
	list-style-type : none;
	padding-left: 15px;
	background : transparent url(/images/bullet_arrow.gif) 3px 6px no-repeat;
	padding-bottom : 5px;
}

#left-col div.announce-box a:link,
#left-col div.announce-box a:visited,
#left-col div.announce-box a:hover,
#left-col div.announce-box a:active  {
	color : #4D4D4F;
}



/* left-col
*******************************************************************************/
#left-col {
	clear : both;
	width : 204px;
	margin-left : 12px;
	margin-right : 9px;
	position : relative;
	float : left;
	font-size : 0.75em;
	/* fix double margin float bug in IE */
	display : inline;
}
#left-col div.announce-box {
	background-color : #B3B08E;
	padding : 12px;
	color : white;
	line-height : 1.25em;
	height : 145px;
	\height : 169px;
	he\ight : 145px;
	font-size: 10px;
}
#left-col div.announce-box h2 {
	margin-bottom : 0.35em;
}
#left-col div.announce-box p {margin:0;}

#left-col div.announce-box a:link,
#left-col div.announce-box a:visited,
#left-col div.announce-box a:hover,
#left-col div.announce-box a:active  {
	color : #4D4D4F;
}


/* right-col
*******************************************************************************/
#right-col {
	font-size : 0.75em;
	float : left;
	width : 383px;
	display : inline;
}


/* content-wide (used in single col templates) 
*******************************************************************************/
#content-wide-title {
	clear : both;
	margin : 0 0 2px 12px;
	background-color : #A7C539;
	width : 596px;
}
#content-wide-title img {display:block;}

#content-wide {
	font-size : 0.75em;
	clear : both;
	margin : 0 0 1em 12px;
	background-color : red;
	width : 596px;
	background : transparent url(../images/img_bg_virtual_tours.jpg) 0 0 no-repeat;
	min-height : 316px;
}
* html #content-wide {height : 316px;}



#content-wide div.left {
	display : inline;
	width : 340px;
	float : left;
	margin : 30px 16px 0 24px;
	
}

#content-wide div.right {
	width : 190px;
	float : left;
	margin : 30px 0 0 0;
}


/* tools
*******************************************************************************/
#tools {
	height : 58px;
	margin : 9px 0 24px 0;
}

#tools a:link,
#tools a:visited,
#tools a:hover,
#tools a:active {
	position : relative;
	text-decoration : none;
	display : block;
	width : 89px;
	height : 58px;
	float : left;
	margin-right : 9px;
}
#tools a.tools-request  {background : transparent url(../images/nav_feature_request.gif) 0 0 no-repeat;}
#tools a.tools-register {background : transparent url(../images/nav_feature_register.gif) 0 0 no-repeat;}
#tools a.tools-print 	{background : transparent url(../images/nav_feature_print.gif) 0 0 no-repeat;}
#tools a.tools-send 	{background : transparent url(../images/nav_feature_send.gif) 0 0 no-repeat;}
#tools a:hover {background-position : 0 -58px;}


/* reset rules for use in vertical side-bar */
#tools-sidebar {
	width : 89px;
	position : absolute;
	right : 14px;
	top : 234px;
}
#tools-sidebar #tools {margin:0;}
#tools-sidebar a {margin : 0 0 9px 0 !important;}



/* footer
*******************************************************************************/
#footer {
	font-size : 0.6em;
	text-align : right;
	clear : both;
	width : 596px;
	margin-left : 12px;	
	padding : 0 0 1em 0;
}
#footer img.footer-logo {
	margin-right : 70px;
	margin-bottom: -15px;
}
#footer a.disclaimer {margin-right : 21px;}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	text-decoration : none;
	color : #9FAA00;
}
#footer a:hover {text-decoration : underline;}


/* Reuseable classes 
*******************************************************************************/
.no-margin {margin : 0 !important;}
.display-block {display : block;}
.green-text {color : #8E9800;}

.text-align-right {
	text-align : right;
}

.text-grey-bold {
	color : #4D4D4F;
	font-weight : bold;
	font-size : .9em;
}
.border-bottom-h3 {
	border-bottom : 1px solid #9FAA00 !important;
	padding-bottom : 0;
}

#friends-box {
	width : 383px;
	background-color : #FAFBF2;
	border-top : 1px solid #9FAA00;
	border-bottom : 2px solid #9FAA00;
	padding-bottom : 5px;
}

table.friends {
	width : 383px;
	margin-top : 6px;
	padding : 12px 0 13px 0;
	vertical-align: top;
}

.message{
	width : 239px;
}

.float-right {
	float : right;
}

input.submit-button {
	margin-right : 0px;
	margin-top : 10px;

}
.mandatory-text {
	font-size : .9em;
	font-style : italic;
}
.required {color : #8E9800;}

.green-line-large {
	border-top : 2px solid #9FAA00;
}

.underline {
	border-bottom : 1px solid #9FAB01;
}

.v-tour-container *{
	margin-left: 0;
}

table.v-tours {
	margin-left: 2px;
	margin-top : 6px;
	margin-bottom : 1em;
	border : 0;
	border-collapse : collapse;
}
table.v-tours td {padding : 0px 3px 0px 0;}

.align-right {text-align : right;}

.img-pad-bottom {
	padding-bottom : 12px;
}

.instructional-text{
	margin-top : 1em;
}

.instructional-text img {
		vertical-align : middle;
}

table.contact-table td{
	padding : 0 30px 0 7px;
}

.marginTop {
	margin-top: 1em;
}
