@charset "utf-8";

/* ========== BACKGROUND ========== 

body {
	background: #b0a68d url(../images/marble/background.jpg) repeat-x top;
	background-attachment: fixed;
}

/* ========== FONT LOAD ========== */

@font-face {  
	font-family: Century Gothic ;  
	src: url( /website/zseries2/fonts/CenturyGothic.eot );
}
@font-face {  
	font-family: Century Gothic ;  
	src: url( /website/zseries2/fonts/CenturyGothic.ttf );
}

/* ========== BASIC TEXT STYLES ========== */

body, td {
	color: #333333;
	font: 9pt Tahoma, Geneva, sans-serif;
} 
a:link, a:visited {
	color: #004f87;
	font: 9pt Tahoma, Geneva, sans-serif;
	text-decoration: underline; 
} 
a:hover, a:active {
	color: #97814a;
	font: 9pt Tahoma, Geneva, sans-serif;
	text-decoration: underline; 
}
.welcome, .welcome td {
	color: #ffffff;
	font: 9pt Tahoma, Geneva, sans-serif;
	text-align: justify;
}
.welcome a:link, .welcome a:visited, .welcome td a:link, .welcome td a:visited {
	color: #f3e5c1;
	font: 9pt Tahoma, Geneva, sans-serif;
}
.welcome a:hover, .welcome a:active, .welcome td a:hover, .welcome td a:active {
	color: #ffffff;
	font: 9pt Tahoma, Geneva, sans-serif;
}

/* ========== FOOTER INCLUDE ========== */

#footinc_contact div, #footinc_contact a:link, #footinc_contact a:visited, #footinc_seo a:link, #footinc_seo a:visited  {
	color: #786f5b;
	font: 8pt Tahoma, Geneva, sans-serif;
}
#footinc_contact a:hover, #footinc_contact a:active, #footinc_seo a:hover, #footinc_seo a:active  {
	color: #eee8da;
	font: 8pt Tahoma, Geneva, sans-serif;
}
#footinc_seo a:link, #footinc_seo a:visited {
	border-right: solid 1px #908771;
}

/* ========== LAYOUT ========== */

#headwrap {
	background: url(../images/marble/splash_head.png) no-repeat center bottom;
	height: 135px;
}
#menuwrap {
	background: url(../images/marble/splash_menu.png) no-repeat center top;
	height: 30px;
}
#mainwrap {
	background: url(../images/marble/splash_imagebg.png) no-repeat center top;
	height: 395px;
}
#buttonwrap {
	background: url(../images/marble/splash_button_bg.png) no-repeat center top;
	height: 184px;
}

/* ========== HEADER ========== */

#headtitle {
	color: #747474;
	font: bold 28pt "Century Gothic", Arial, Helvetica, sans-serif;
	left: 54px; top: 55px;
	text-shadow: #ffffff 1px 1px 0px;
	width: 892px;
	z-index: 10;
}
#headsubtitle {
	color: #b4ac9e;
	font: 12pt "Century Gothic", Arial, Helvetica, sans-serif;
	left: 55px; top: 93px;
	text-shadow: #ffffff 1px 1px 0px;
	width: 890px;
	z-index: 10;
}
#headlogo {
	background: url(../images/marble/splash_logo.png) no-repeat; 
	padding: 5px;
	right: 45px; top: 32px;
	z-index: 20;
}
#headlogo_lg {
	left: 34px; top: 23px;
	width: 932px;
	text-align: center;
	z-index: 30;
}

/* ========== MENU ========== */

#menu {
	left: 30px; top: 6px;
	width: 940px; height: 18px;
	z-index: 10px;
}
a.menuitem:link, a.menuitem:visited, a.menuitem1:link, a.menuitem1:visited {
	color: #5d5a53;
	display: block;
	float: left;
	font: 10pt Tahoma, Geneva, sans-serif;
	line-height: 18px;
	padding: 0 15px;
	text-decoration: none;
	text-shadow: #eeeeee 1px 1px 0px;
}
a.menuitem:hover, a.menuitem:active, a.menuitem1:hover, a.menuitem1:active {
	color: #8e8879;
	padding-top: 1px;
	text-decoration: none;
}
a.menuitem {
	border-left: solid 1px #b0a894;
}

/* ========== CONTACT ========== */

#contact {
	color: #5d5a53;
	font: bold 11pt Tahoma, Geneva, sans-serif;
	height: 18px;
	right: 41px; top: 6px;
	text-shadow: #eeeeee 1px 1px 0px;
	z-index: 20px;
}
#contact span {
	color: #8e8879;
	font: normal 8pt Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
}

/* ========== MAIN IMAGE ========== */
	
#mainimage {
	left: 34px; top: 5px;
	width: 932px; height: 385px;
	z-index: 10;
}
#featured {
	background: url(../images/marble/splash_featured.png) no-repeat;
	right: 42px; top: 10px;
	width: 144px; height: 375px;
	z-index: 20;
}
#featured_title {
	border-bottom: solid 1px #928975;
	color: #ffffff;
	font: 8pt Tahoma, Geneva, sans-serif;
	height: 29px;
	line-height: 29px;
	margin: 0 7px;
	text-align: center;
	text-transform: uppercase;
}
#featured_body {
	padding: 10px;
}
#panel {
	background: url(../images/marble/splash_panel.png) no-repeat 2px 6px;
	right: 34px; top: 5px;
	width: 300px; height: 385px;
	z-index: 30;
}
#panel_title {
	border-bottom: solid 1px #928975;
	color: #ffffff;
	font: 10pt Tahoma, Geneva, sans-serif;
	height: 30px;
	line-height: 30px;
	margin: 11px 21px 0 15px;
	text-align: center;
	text-transform: uppercase;
}
#panel_body {
	color: #bbbbbb;
	font: 9pt Tahoma, Geneva, sans-serif;
	padding: 10px 21px 10px 15px;
}

/* ========== FEATURED LISTINGS ========== */

#li_tooltip {
	background: url(../images/marble/splash_featured_pop.png) no-repeat center center;
}
#li_tooltip .listing-title {
	color: #2e291e;
	font: bold 10pt Tahoma, Geneva, sans-serif;
}
#li_tooltip .descriptions {
	color: #534f46;
	font: 8pt Tahoma, Geneva, sans-serif;
}
#li_tooltip .price {
	font: bold 10pt Tahoma, Geneva, sans-serif;
}

/* ========== BUTTONS ========== */

#button_img {
	left: 32px; top: 13px;
	width: 948px; height: 111px;
	z-index: 10px;	
}
#button_img img {
	display: block;
	float: left;
	padding: 0 10px;
}
#buttons {
	left: 32px; top: 6px;
	width: 948px; height: 147px;
	z-index: 20px;
}
#buttons a:link, #buttons a:visited {
	background: url(../images/marble/splash_button.png) no-repeat center top;
	color: #564f3f;
	display: block;
	float: left;
	font: bold 10pt "Century Gothic", Tahoma, Geneva, sans-serif;
	padding-top: 126px;
	text-decoration: none;
	text-shadow: #eeeeee 1px 1px 0px;
	text-transform: uppercase;
	width: 156px; height: 147px;
}
#buttons a:hover, #buttons a:active {
	color: #000000;
	background-position: center -147px;
	padding-top: 127px;
	text-decoration: none;
}
#buttons a span {
	display: block;
	padding-left: 15px;
	text-align: left;
}

/* ========== WELCOME ========== */

#welcome_wrap {
	background: url(../images/marble/splash_foot_bg.jpg) repeat-y center;
}
#welcome_head {
	background: url(../images/marble/splash_foot_top.jpg) no-repeat center top;
	padding: 35px 60px;
}
#welcome_foot {
	background: url(../images/marble/splash_foot_bot.jpg) no-repeat center bottom;
	height: 10px;
}