/* reset */
*{
	margin: 0;
	padding: 0;
	border: 0;
}

/** Global **/
body {
	color: black;
	background-color: white;
	font-family: Tahoma, serif;
	font-size: 12px;
	line-height: 18px;
}


.clear {
	clear: both;
}

.textarea,
.inputbox {
	border: solid 1px #aaa;
}


div#header-wrap {
	width: 100%;
	height: 127px;
	background: url("../images/header_bg.jpg") top left repeat-x;
}

div#header {
	width: 1003px;
	height: 127px;
	margin: 0 auto;
	background: url("../images/header.jpg") top left no-repeat;
}

div#header-inner {
	width: 899px;
	height: 127px;
	margin: 0 auto;
}


div#logo {
	float: left;
	width: 344px;
}

div#nav {	
	float: left;
}

div#nav ul {
	list-style: none;
}

div#nav ul li {
	float: left;
	width: 79px;
	background: url("../images/menu_item.jpg") top left no-repeat;
	margin-right: 50px;
	padding-top: 102px;
	text-align: center;
}

div#nav ul li.hover,
div#nav ul li.active {
	background: url("../images/menu_item_on.jpg") top left no-repeat;
}


div#nav ul li a,
div#nav ul li a:visited,
div#nav ul li a:hover{
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	color: #433458;
	line-height: 24px;
}


div#page-wrap {
	
}

div#content {
	width: 899px;
	margin: 0 auto;
}

div#left-column {
	float: left;
	width: 213px;
	height: 453px;
	background: url("../images/left_bg.jpg") top left no-repeat;
}

div#left-column-inner {
	text-align: center;
}

div#left-column-inner a {
	margin-top: 15px;
	display: block;
}

div#banner {
	float: left;
	width: 683px;
}

div#footer-wrap {
	width: 100%;
	height: 165px;
	background: url("../images/footer_bg.jpg") top left repeat-x;
}

div#footer {
	width: 1003px;
	margin: 0 auto;
	height: 165px;
	background: url("../images/footer.jpg") top left no-repeat;
	text-align: center;
	font-size: 10px;
	color: #999;
}

div#footer-inner {
	padding-top: 70px;
}

div#footer a {
	color: #999;
	text-decoration: none;
}

div#footer a:hover {
	text-decoration: underline;
}

/** Home **/
div#intro-text {
	width: 899px;
	height: 215px;
	background: url("../images/main_box_bg.jpg") top left no-repeat;
}

div#stay-connected {
	float: left;
	width: 200px;
	padding-left: 20px;
	margin-top: 10px;
}

div#main-text {
	margin-top: 10px;
	float: left;
	width: 400px;
}

div#meet-staff {
	margin-top: 10px;
	float: left;
}

div#intro-text h3 {
	font-size: 16px;
	margin-bottom: 5px;
}

div#intro-text h2 {
	font-size: 24px;
	margin-bottom: 8px;
	font-weight: normal;
}

div#stay-connected img {
	margin-top: 10px;
}

div#main-text p {
	width: 380px;
}


/** Contact & Survey **/
div#left-column-contact {
	float: left;
	width: 213px;
}

div#main-content-contact {
	float: left;
	width: 684px;
}

div#survey-top,
div#contact-top {
	width: 684px;
	height: 4px;
	background: url("../images/contact_top.jpg") top left no-repeat;
}

div#contact {
	width: 684px;
	height: 420px;
	background: url("../images/contact_bg.jpg") top left repeat-y;
}

div#survey{
	width: 684px;
	background: url("../images/contact_bg.jpg") top left repeat-y;
}

div#contact-bot {
	width: 684px;
	height: 154px;
	background: url("../images/contact_bg_bot.jpg") top left no-repeat;
}

div#survey-bot {
	width: 684px;
	height: 8px;
	background: url("../images/survey_bot.jpg") top left no-repeat;
}


div#contact-form {
	float: left;
	width: 320px;
	margin-top: 20px;
	padding-left: 20px;
}

div#contact-addr {
	float: left;
	width: 320px;
	margin-top: 20px;
}

div#contact h1 {
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
}


div#contact h2 {
	font-size: 22px;
	line-height: 28px;
	font-weight: normal;
}

div#contact-form td {
	height: 26px;
	vertical-align: middle;
}

div#contact-form .inputbox {
	width: 200px;
}


div#contact-addr ul {
	margin-top: 30px;
	list-style: none;
}

div#contact-addr div#address-email {
	margin-top: 35px;
}

div#contact-addr div#address-email a {
	text-decoration: none;
	color: black;
}

div#contact-addr div#address-email a:hover {
	text-decoration: underline;
}

p.notice {
	color: #6c3995;
	margin-bottom: 10px;
}


div#survey-form {
	padding: 10px 20px;
}

div#survey h1 {
	font-size: 26px;
	line-height: 38px;
	font-weight: normal;
}

p.subhead {
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
}

div#survey p {
	margin-top: 5px;
	margin-bottom: 5px;
}

div#survey .question {
	font-weight: bold;
}

div#survey .left-prompt {
	float: left;
	margin-right: 5px;
	line-height: 16px;
}

div#survey .middle-prompt {
	float: left;
	margin-right: 5px;
	line-height: 16px;
}

div#survey .optionform {
	float: left;
	width: 25px;
	margin-top: 2px;
	line-height: 16px;
}

div#survey .choice {
	margin-bottom: 5px;
}

div#survey .optionlongform {
	float: left;
	height: 16px;
	line-height: 16px;
}

div#survey #question-services {
	float: left;
	width: 230px;
}

div#survey #question-services-answer {
	float: left;
	margin-top: 5px;
}

div#survey #client-name {
	float: left;
	width: 280px;
}

div#survey #client-address {
	float: left;
}

div#survey .left-prompt-address {
	float: left;
	width: 60px;
	height: 25px;
}

div#survey .optionform-address {
	float: left;
	margin-right: 10px;
	height: 25px;
}

div#survey #thanks {
	margin-top: 50px;
}

div#survey #thanks span {
	font-size: 20px;
	line-height: 26px;
}

.survey-same {
	width: 360px;
}

/** Services **/

div#services-top {
	height: 252px;
}

div#services-mid {
	height: 205px;
}

div#services-bot {
	height: 220px;
}

.services-left {
	float: left;
	width: 214px;
}

#services-banner {
	float: left;
	width: 504px;
}

#services-products {
	float: left;
	width: 177px;
	height: 248px;
	background: url("../images/services_products_bg.jpg") top left no-repeat;
}

#services-products-inner {
	margin-top: 40px;
	margin-left: 5px;
}


#services-mid-text {
	float: left;
	width: 684px;
	height: 201px;
	background: url("../images/services_mid_textbg.jpg") top left no-repeat;
}

#services-mid-text-inner {
	padding: 15px 20px;
}

#services-mid-text-inner p {
	padding-bottom: 15px;
}


#services-gallery-text {	
	float: left;
	width: 341px;
	height: 215px;
	background: url("../images/services_bot_textbg.jpg") top left no-repeat;
}

#services-gallery {
	float: left;
	width: 556px;
	height: 215px;
	background: url("../images/services_gallery_bg.jpg") top left no-repeat;
}

div#services-mid h1 {
	font-size: 22px;
	line-height: 36px;
	font-weight: normal;
}

#services-gallery-text-inner {
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	text-align: center;
}

div#services-bot h2 {
	font-size: 22px;
	line-height: 26px;
	font-weight: normal;
	margin-bottom: 10px;
}

div#gallery-show {
	float: left;
	margin-left: 12px;
	margin-top: 10px;
	width: 280px;
}

ul#gallery-thumb {
	float: left;
	width: 260px;
	list-style:none;
	margin-left: 10px;
	margin-top: 10px;
}

ul#gallery-thumb li {
	float: left;
	width: 85px;
	height:65px;
}

#gallery-thumb a { display: block; outline:none;}
#gallery-thumb  a:focus { outline: none; }
#gallery-thumb  img { border: solid 1px #ddd; display: block }


/** About **/
div#about-left {
	float: left;
	width: 215px;
}

div#about-right {
	float: left;
	width: 684px;
}

div#staff {
	width: 213px;
	height: 457px;
	background: url("../images/staff_box_bg.jpg") top left no-repeat;
}

div#about-info {
	width: 213px;
	height: 220px;
	background: url("../images/info_box_bg.jpg") top left no-repeat;
}

div#about-banner {
	width: 684px;
	text-align: center;
	height: 253px;
}

div#about-main {
	width: 684px;
	height: 425px;
	background: url("../images/about_main_bg.jpg") top left no-repeat;
}

div#staff-inner {
	padding: 15px 14px;
	text-align: center;
}

div#staff .title {
	font-size: 26px;
	font-weight: bold;
	font-style: italic;
	line-height: 36px;
	font-family: Times;
}

div#staff-list {
	margin-top: 10px;
}

div.staff-info img {
	margin-bottom: 20px;
}

div.staff-info .staff-title {
	font-size: 18px;
	line-height: 22px;
}

div.staff-info .staff-mission {
	margin-top: 15px;
}

div#about-info-inner {
	padding: 15px 5px;
	text-align: center;
}

div#about-info .title {
	font-size: 16px;
	line-height: 20px;
}

div#about-info p {
	margin-top: 10px;
}

div#about-main-inner {
	padding: 10px;
}

div#about-main h2 {
	font-size: 22px;
	line-height: 26px;
	font-weight: normal;
	margin-bottom: 5px;
}

div#about-main p {
	margin-bottom: 15px;
}

div#about-main p#comment {
	margin-top: 40px;
	margin-bottom: 0;
	font-size: 11px;
}

div#about-main p#comment span {
	float: left;
}

div#about-main p#comment  img {
	float: right;
}


/** Vip Home **/
div#vip-menu {
	width: 215px;
	height: 454px;
	float: left;
	background: url("../images/vip_menu_bg.jpg") top left no-repeat;
}

div#vip-banner {
	width: 684px;
	height: 454px;
	float: left;
}

div#vip-intro {
	width: 899px;
	height: 225px;
	background: url("../images/vip_intro_bg.jpg") top left no-repeat;
}

div#vip-menu-inner {
	padding-top: 40px;
	padding-left: 15px;
	padding-right: 15px;

	text-align: center;
}

ul#vip-menu-nav {
	list-style: none;
}

ul#vip-menu-nav li {
	margin-bottom: 20px;
}

ul#vip-menu-nav li a {
	text-decoration: none;
	color: black;
	font-size: 16px;
	line-height: 18px;
}

ul#vip-menu-nav li a.current {
	font-weight: bold;
}

div#vip-intro-left {
	float: left;
	width: 200px;
	padding-left: 25px;
	margin-top: 10px;
}

div#vip-intro-right {
	float: left;
	margin-top: 15px;
	width: 620px;
}

div#vip-intro-right h1 {
	font-size: 24px;
	margin-bottom: 10px;
	font-weight: normal;
}

div#vip-intro-right h2 {
	font-size: 20px;
	font-weight: normal;
}

div#vip-intro-right p {
	margin-bottom: 15px;
}


/** Vip Service **/

div#vip-bot-left {
	float: left;
	width: 214px;
	height: 225px;
	background: url("../images/vip_bot_left_bg.jpg") top left no-repeat;
}

div#vip-bot-right {
	float: left;
	width: 685px;
	height: 215px;
	background: url("../images/vip_bot_right_bg.jpg") top left no-repeat;
}

div#vip-bot-right-inner {
	margin-top: 15px;
	padding-left: 10px;
	width: 660px;
	height: 180px;
	overflow-y: auto;
}

div#vip-bot-right-inner h2 {
	font-family: Helvetica;
	font-size: 18px;
	font-weight: normal;
	margin-bottom:10px;
	line-height: 21px;
}

div#vip-bot-right-inner p {
	margin-bottom: 10px;
}

div.chauffeur,
div.luggage,
div.valet_clean,
div.valet_parking,
div.homepack {
	display: none;
}


div#vip-contact-bot {
	width: 684px;
	height: 154px;
	background: url("../images/vip_contact_bg_bot.jpg") top left no-repeat;
}



/** Portal **/
body#portal {
	color: black;
	background: url("../images/portal_bg.jpg") top left repeat-x;
	font-family: Tahoma, serif;
	font-size: 12px;
	line-height: 18px;
}

body#portal div#header-wrap {
	width: 100%;
	background: none;
	height:209px;
}

body#portal div#header {
	width: 1003px;
	height: 209px;
	margin: 0 auto;
	background: url("../images/portal_header_bg.jpg") top left no-repeat;
}

body#portal div#content {
	text-align: center;
}

div#sites {
	width: 700px;
	margin: 0 auto;
}


div#sites ul {
	margin-top: 30px;
	list-style: none;
}

div#sites ul  li{
	float: left;
	width: 230px;
}

div#sites ul  li a {
	outline: none;
}

div#accordion {
	border: solid 1px;
	background-color: #eee;
	width: 692px;
	margin: 0 auto;
}

div#accordion a {
	display: block;
	width: 692px;
	background-color: #433459;
	height: 20px;
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	text-align: center;
	outline: none;
	border-bottom: solid 1px;
	text-decoration: none;
}

div#accordion div {
	text-align: left;
	padding: 5px 10px;
}


