/* -- [ Concierge One ] --------------------------------

		Designer:		Winnie Ho
		Developer:		Winnie Ho

---------------------------------------------------------- */

/* -- [ The Basics - Formatting ] ----------------------------- */

body {
	font: 62.5% "Lucida Grande", Helvetica, Arial;
	background: url(../images/body-bg.jpg);
}

p {
	color: #383430;
	font-size: 120%;
	margin: 15px 30px 0;
	line-height: 19px;
}

strong {
	font-weight: bold;
}

a:link, a:visited {
	color: #247ad9;
	text-decoration: underline;
}

a:hover, a:active {
	color: #4E94E2;
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}

h1 {
	color: #174F8C;
	font: 180% "Helvetica Neue", Helvetica, Arial;
	font-weight: normal;
	margin: 20px 30px 0;
}

h2 {
	color: #5a8c42;
	font: 170% "Helvetica Neue", Helvetica, Arial;
	font-weight: normal;
	margin: 20px 30px 0;
}

h3 {
	color: #4E4A27;
	font: 160% "Helvetica Neue", Helvetica, Arial;
	font-weight: normal;
	margin: 20px 30px 0;
}

h4 {
	color: #837E5A;
	font: 150% "Helvetica Neue", Helvetica, Arial;
	font-weight: normal;
	margin: 20px 30px 0;
}

h5 {
	color: #9E9872;
	font: 140% "Helvetica Neue", Helvetica, Arial;
	font-weight: normal;
	margin: 20px 30px 0;
}

h6 {
	color: #B3AE91;
	font: 130% "Helvetica Neue", Helvetica, Arial;
	font-weight: normal;
	margin: 20px 30px 0;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */

table td ul {
	list-style: disc;
	padding: 0 0 0 45px;
	font-size: 12px;
	line-height: 18px;
}

/* -- [ form ] ------------------------------------------- */

form#contact_form {
	padding: 20px 30px 0;
}

form#contact_form label {
	cursor: pointer;
	display: block;
	font-size: 14px;
	color: #4C311A;
	margin: 15px 0 0;
}

form#contact_form input, form#contact_form textarea {
	display: block;
	border: 1px solid #D9D5C7;
	background-color: #E6E2D3;
	padding: 3px;
	font-size: 13px;
	width: 380px;
}

form#contact_form input.submit {
	width: auto;
	color: #D9D5C7;
	cursor: pointer;
	margin: 10px 0 0;
	background: #582e00 url(../images/submit-button-bg.gif);
}

ul#contact-errors {
	padding: 20px;
	margin: 0 0 20px;
	border: 1px solid #FF99AD;
	background-color: #FFCCD6;	
}

ul#contact-errors li {
	list-style: disc;
	margin-left: 20px;
}

ul#contact-errors li.error-msg {
	color: red;
	background: url(../images/dialog-error.gif) 0 0 no-repeat;
	padding-left: 25px;
	margin: 0;
	font-size: 14px;
	margin-bottom: 10px;
	list-style: none;
}

.required {
	color: red;
	font-weight: bold;
}

/* -- [ Structure ] ------------------------------------------- */

#frame {
	width: 980px;
}

#header-container {
	width: 986px;
	height: 407px;
	background: url(../images/header-bg.png) top left no-repeat;
}

#header-container2 {
	width: 986px;
	height: 247px;
	background: url(../images/header2-bg.png) top left no-repeat;
}

#header {
	width: 986px;
	height: 407px;
	position: relative;
}

#header2 {
	width: 986px;
	height: 247px;
	position: relative;
	background: url(../images/header2-bg.jpg) bottom 0 no-repeat;
}

#logo {
	position: absolute;
	z-index: 2;
	top: 6px;
	left: 0px;
}

#logo h1 {
	width: 313px;
	height: 189px;
	margin: 0;
	background: url(../images/conciergeone-logo.png) top left no-repeat;
}

#logo h1 a {
	display: block;
	width: 313px;
	height: 189px;
	text-indent: -9999px;
	position: relative;
}

#dirty-dish {
	position: absolute;
	left: 915px;
	top: 407px;
	width: 70px;
	height: 102px;
	z-index: 0;
	background: url(../images/dirty-dish.png) top left no-repeat;
}

#dirty-dish-passport {
	position: absolute;
	left: 915px;
	top: 144px;
	z-index: 0;
	width: 71px;
	height: 365px;
	background: url(../images/dirty-dish-passport.png) 0 0 no-repeat;
}

#flash-banner {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 905px;
	height: 280px;
	background: #ebe8d9 url(../images/flash-banner-bg.gif) top left no-repeat;
}

#flash-banner p {
	padding: 80px;
	font-size: 120%;
}

h1#slogan {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 905px;
	height: 120px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	background: url(../images/slogan-bg.jpg) 0 0 no-repeat;
}

#call-us-now {
	position: absolute;
	bottom: 0;
	right: 110px;
	padding: 0 0 0 5px;
	z-index: 3;
	color: #5a8c42;
	line-height: 12px;
	font: 160% "Helvetica Neue", Helvetica, Arial;
	font-weight: bold;
	background: url(../images/call-us-now-left-bg.png) top left no-repeat;
}

#call-us-now p {
	width: 397px;
	height: 37px;
	color: #5a8c42;
	font-size: 100%;
	padding: 0 0 0 5px;
	margin: 0;
	line-height: 37px;
	background: url(../images/call-us-now-right-bg.png) top right no-repeat;
}

#call-us-now a.contact:link, #call-us-now a.contact:visited {
	color: #5a8c42;
	padding: 0 28px 0 0;
	font-weight: normal;
	background: url(../images/contact-us-bg.gif) center right no-repeat;
}

#call-us-now a.contact:hover, #call-us-now a.contact:active {
	color: #5EAE37;
}

#content-container {
	float: left;
	width: 926px;
	background: url(../images/content-bg.png) top left repeat-y;
}

#content {
	float: left;
	position: relative;
	width: 926px;
	font-size: 120%;
}

#main-content {
	float: left;
	width: 669px;
	padding: 0 0 30px 0;
	display: inline;
}

#side-bar {
	float: right;
	width: 236px;
	margin: 0 21px 0 0;
	display: inline;
}

dl#why {
	background-color: #ebe8d9;
	padding: 20px;
	margin: 30px 30px 0;
}

dl#why dt {
	color: #4778c0;
	font: 170% "Helvetica Neue", Helvetica, Arial;
}

dl#why dd {
	color: #383430;
	font-size: 130%;
	margin: 10px 0 0 0;
	line-height: 22px;
}

#twitter h2.title {
	width: 236px;
	height: 39px;
	margin: 27px 0 10px 0;
	text-indent: -9999px;
	background: url(../images/twitter-hdr-bg.jpg) top left no-repeat;
}

#tweets-container {
	width: 206px;
	padding: 7px 0 0 0;
	margin: 0 0 0 5px;
	background: #dedac2 url(../images/tweets-container-bg.gif) top left no-repeat;
}

#tweets {
	width: 206px;
	padding: 0 0 15px 0;
	background: #dedac2 url(../images/tweets-bg.gif) bottom left no-repeat;
}

#tweets li {
	color: #383430;
	padding: 8px 10px 0;
}

#tweets a.time {
	display: block;
	font-weight: bold;
	margin: 0 0 5px 0;
}

#services-list h2.title {
	width: 236px;
	height: 37px;
	margin: 27px 0 15px 0;
	text-indent: -9999px;
	background: url(../images/services-list-hdr-bg.jpg) top left no-repeat;
}

#services-search {
	position: relative;
}

#services-search input {
	background-color: #dedac2;
	padding: 5px;
	width: 195px;
	margin: 0 0 0 5px;
	border: 1px solid #bba984;
}

#services-search button {
	position: absolute;
	top: -4px;
	right: 23px;
	width: 34px;
	height: 34px;
	cursor: pointer;
	border: 0;
	background: url(../images/services-list-button-bg.gif) center left no-repeat;
}

#service-container {
	width: 206px;
	margin: 20px 0 0 5px;
	background: url(../images/service-container-bg.gif) top left no-repeat;
}

p#service {
	width: 206px;
	padding: 0;
	margin: 10px 0 0 0;
	background: url(../images/service-bg.jpg) bottom left no-repeat;
	min-height: 470px;
	height: auto !important;
	height:450px;
}

p#service a {
	display: block;
	padding: 15px;
}

.testimonial {
	margin: 20px 0 0 0;
}

.testimonial-video {
	float: left;
	width: 193px;
	height: 156px;
	display: inline;
	margin: 0 20px 0 30px;
}

.testimonial-text {
	width: 380px;
	margin: 0 0 0 243px;
	padding: 10px 10px 5px;
	font-size: 100%;
	background: url(../images/testimonial-text-bg.gif) top left no-repeat;
}

.testimonial-client {
	width: 402px;
	padding: 21px 0 0 0;
	margin: 0 0 0 243px;
	font-size: 100%;
	background: #F3F1E9 url(../images/testimonial-client-bg.gif) top left no-repeat;
}

.testimonial ul {
	margin: 10px 30px 0;
}

.testimonial ul li h4 {
	margin: 0;
	font-size: 15px;
}

.testimonial ul li.b4-pic, .testimonial ul li.after-pic {
	float: left;
	margin: 0 15px 10px 0;
}

.testimonial ul li.b4-description {
	clear: both;
	width: 100%;
}

#footer-tags {
	width: 65px;
	height: 129px;
	position: absolute;
	bottom: 23px;
	right: -55px;
	z-index: -1;
	background: url(../images/footer-tags-bg.png) top left no-repeat;
}

#footer {
	float: left;
	width: 926px;
	height: 119px;
	background: url(../images/footer-bg.png) top left no-repeat;
}

dl {
	padding: 0 20px 20px;
	margin: 15px 30px 0;
	background-color: #FFFDF5;
	border-top: 1px solid #fff;
}

dt {
	padding: 0 0 0 25px;
	margin: 15px 0 0;
	font-weight: bold;
	font-size: 16px;
}

dt.weekly {
	background: url(../images/weekly-services-icon.jpg) center left no-repeat;
}

dt.monthly {
	background: url(../images/monthly-preferred-icon.jpg) center left no-repeat;
}

dt.elite {
	background: url(../images/elite-membership-icon.jpg) center left no-repeat;
}

dt.corporate {
	background: url(../images/corporate-member-icon.gif) center left no-repeat;
}

dd {
	color: #666;
	line-height: 18px;
	margin-top: 5px;
}

/* -- [ Navigation ] ------------------------------------------- */

#nav-container {
	position: absolute;
	top: 100px;
	right: 110px;
	height: 40px;
	padding: 0 0 0 15px;
	z-index: 4;
	background: url(../images/nav-container-bg.gif) 0 0 no-repeat;
}

#nav {
	float: left;
	height: 40px;
	background: url(../images/nav-bg.png) top right no-repeat;
}

#nav li {
	float: left;
	margin: 0 10px 0 0;
	padding: 11px 0 0 0;
}

#nav li a {
	position: relative;
}

#nav li a:link, #nav li a:visited {
	display: block;
	color: #fff;
	font: 130% Helvetica, Arial;
	text-decoration: none;
	padding: 3px 5px;
}

#nav li a:hover, #nav li a:active, #nav li.current a {
	background-color: #6aa64e;
}

* html #nav li a {
	width: 1%;
	white-space: nowrap;
}