@charset "utf-8";
/* CSS Document */

/*HTML*/
html, body {
	height: 100%;
}
html {
background: url(../images/html_bg.jpg) 0 99px repeat;
	color: #514e4a;
	font: normal 11px Arial, Helvetica, sans-serif;
}
body {
background: url(../images/body_bg.jpg) 0 99px repeat-x;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -45px; /* the bottom margin is the negative value of the footer's height */
}
.push {
	height: 20px; /* .push must be the same height as .footer */
}

/*GENERAL STYLES*/
a {
	color: #BF2900;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
p {
	margin-bottom: 1em;
}
img {
	display: block;
}
img.bottomCap {
		clear: both;
}
img.left {
	margin-right: 2em;
		float: left;
}
img.leftCap {
		float: left;
}
img.right {
	margin-left: 2em;
		float: right;
}
img.rightCap {
		float: right;
}
.right {
	float: right;
}
.left {
	float: left;
}
h3.title,
h4.title,
a.button {
	text-indent: -999em;
	overflow: hidden;
}
ul li {
background: url(../images/icons/bullet-grey.png) 0 .5em no-repeat;
	padding-left: 8px;
}
ol li {
	list-style: decimal inside;
}
.border {
border: 1px solid #d1bea8;
}
.borderLeft {
border-left: 1px solid #d1bea8;
}
.borderRight {
border-right: 1px solid #d1bea8;
}
h3.title {
	height: 17px;
	margin: 0 0 28px 0px;
}
input {
background: url(../images/input_bg.gif) 0 0 no-repeat;
border: none;
border-right: 1px solid #e6e2dd;
	width: 207px;
	height: 17px;
	padding: 5px 6px;
}
textarea {
background: url(../images/input_bg.gif) 0 0 no-repeat;
border: none;
border-right: 1px solid #e6e2dd;
border-bottom: 1px solid #e6e2dd;
}

/*HEADER*/
#headerWrapper {
background-color: #fefdf6;
}
#header {
	width: 882px;
	height: 99px;
	margin: 0 auto;
		position: relative;
}
#header h1#logo {
		float: left;
}
#header h1#logo a {
background: url(../images/header_logo.gif) 0 0 no-repeat;
display: block;
	width: 484px;
	height: 99px;
	outline: none;
}

#header a.getYourOwn {
background: url(../images/buttons/btn_getYourOwn.gif) 0 0 no-repeat;
	width: 130px;
	height: 60px;
	margin: 22px 13px 0 0;
	outline: none;
		float: right;
}
#header a.getYourOwn:hover {
background-position: 0 -60px;
}
#header a.getYourOwn:active {
background-position: 0 -120px;
}

/*CONTAINER*/
#container {
	width: 882px;
	margin: 0 auto;
	padding: 0 0 54px;
}

/* TABS */
.tabs {
	height: 34px;
	padding-bottom: 20px;
}
.tabs a {
	width: 119px;
	height: 34px;
	margin-left: 6px;
	text-indent: -999em;
	overflow: hidden;
	outline: none;
		float: left;
}
	.tabs a.about {
	background: url(../images/buttons/tab_about.gif) 0 0 no-repeat;
	}
	.tabs a.blog {
	background: url(../images/buttons/tab_blog.gif) 0 0 no-repeat;
	}
	.tabs a.contact {
	background: url(../images/buttons/tab_contact.gif) 0 0 no-repeat;
	}
	.tabs a:hover {
	background-position: 0 -34px;
	}
	.tabs a.active,
	.tabs a:active {
	background-position: 0 -68px;
	}

/*CONTENT*/
#content {
background: url(../images/content_bg.gif) 0 0 repeat-y;
	overflow: hidden;
}
#content .innerContent {
background: url(../images/innerContent_bg.gif) 0 0 no-repeat;
	padding: 45px 50px;
	overflow: hidden;
}
.primary,
.secondary {
	display: inline;
	margin-bottom: 15px;
}
.primary {
	width: 480px;
		float: right;
}
.secondary {
	width: 265px;
		float: left;
}
.steps h3.title {
background: url(../images/titles/title_steps.gif) 0 0 no-repeat;
	width: 218px;
}
.steps .step {
	width: 175px;
	min-height: 75px;
	padding-left: 64px;
	margin-bottom: 20px;
}
.steps .step .title {
	height: 16px;
	margin-bottom: 5px;
}
.steps .step p {
color: #4a3d31;
	width: 130px;
	font-size: 11px;
}
.steps .step1 {
background: url(../images/icons/bullet-green-1.png) 0 0 no-repeat;
}
	.steps .step1 h4.title {
	background: url(../images/titles/title_step1.gif) 0 0 no-repeat;
	}
.steps .step2 {
background: url(../images/icons/bullet-green-2.png) 0 0 no-repeat;
}
	.steps .step2 h4.title {
	background: url(../images/titles/title_step2.gif) 0 0 no-repeat;
	}
.steps .step3 {
background: url(../images/icons/bullet-green-3.png) 0 0 no-repeat;
}
	.steps .step3 h4.title {
	background: url(../images/titles/title_step3.gif) 0 0 no-repeat;
	}

/*FLASH*/
.flashWrapper {
background: url(../images/flash_title.jpg) 0 0 no-repeat;
	padding: 0 1px 0 1px;
	height: 315px;
}
a.embedFlash {
	display: block;
	width: 480px;
	height: 315px;
	cursor: pointer;
}

/*BUCKETS*/
#buckets {
border-top: 1px solid #d1bea8;
width: 100%;
	clear: both;
}
#buckets div.primary,
#buckets div.secondary {
	margin-bottom: 0;
}
#buckets h3.title {
	height: 16px;
	margin: 20px 0 10px;
}
#buckets .bucketContent {
background: #fefdf6 url(../images/bucket_bg.gif) 0 0 repeat-x;
	overflow: hidden;
}
	#buckets .bucketContent .innerBucketContent {
		padding-top: 2px;
	}
#buckets .upcoming h3.title {
background: url(../images/titles/title_upcoming.gif) 0 0 no-repeat;
}
#buckets .recent h3.title {
background: url(../images/titles/title_recent.gif) 0 0 no-repeat;
	margin-left: 35px;
}
#buckets .bucketContent img.logo {
		float: left;
}
#buckets .recent .bucketContent {
	width: 445px;
	margin-left: 35px;
}
#buckets .recent .bucketContent a {
background: url(../images/buttons/btn_recent.gif) right top no-repeat;
	width: 437px;
	display: block;
	overflow: hidden;
	outline: none;
}
	#buckets .recent .bucketContent a:hover {
	background-position: right -94px;
	}
	#buckets .recent .bucketContent a:active {
	background-position: right -188px;
	}
/*FOOTER*/
#footer {
background: #fffcee url(../images/footer_bg.jpg) 0 0 repeat-x;
color: #8d8464;
	width: 100%;
	padding: 15px 0 17px;
	text-align: center;
	font-size: 10px;
}
#footer a {
color: #726b51;
}
/* TITLES */
.about .primary,
.contact .primary {
display: block;
	margin: 0 auto 15px;
		clear: left;
		float: none;
}
.about .secondary,
.contact .secondary {
	margin-bottom: 0;
}
.about h3.title {
background: url(../images/titles/title_about.gif) 0 0 no-repeat;
	width: 170px;
}
.contact h3.title {
background: url(../images/titles/title_contact.gif) 0 0 no-repeat;
	width: 110px;
}
.about .primary {
	width: 443px;
}
.about .primary a {
color: #4b3d30;
	text-decoration: underline;
}
.contact .primary {
	width: 625px;
}
.about img.quote {
	margin-bottom: 25px;
}

.primary p.title {
	margin-bottom: 5em;
}
.contact form.contact {
	width: 321px;
	padding-right: 50px;
		float: left;
}
label {
	display: block;
	margin-bottom: 13px;
	overflow: hidden;
}
.contact form.contact label span {
	width: 91px;
	height: 2em;
	margin-right: 8px;
	text-indent: -999em;
		float: left;
}
	label span.name {
	background: url(../images/label_name.gif) right .7em no-repeat;
	}
	label span.firstName {
	background: url(../images/label_first_name.gif) right .7em no-repeat;
	}
	label span.lastName {
	background: url(../images/label_last_name.gif) right .7em no-repeat;
	}
	label span.company {
	background: url(../images/label_company.gif) right .7em no-repeat;
	}
	label span.phone {
	background: url(../images/label_phone.gif) right .7em no-repeat;
	}
	label span.email {
	background: url(../images/label_email.gif) right .7em no-repeat;
	}
	label span.fax {
	background: url(../images/label_fax.gif) right .7em no-repeat;
	}
	label span.mail {
	background: url(../images/label_mail.gif) right .7em no-repeat;
	}
	label span.budget {
	background: url(../images/label_budget.gif) right .7em no-repeat	;
	}
	label span.comment {
	background: url(../images/label_comment.gif) right .7em no-repeat	;
	}


.contact form.contact button.submit {
background: url(../images/buttons/btn_send.gif) 0 0 no-repeat;
border: none;
	width: 130px;
	height: 40px;
	padding: 0;
	cursor: pointer;
	outline: none;
		float: right;
}

.submit_button {
background: url(../images/buttons/btn_send.gif) 0 0 no-repeat;
border: none;
	width: 130px;
	height: 40px;
	padding: 0;
	cursor: pointer;
	outline: none;
	float: right;
}


.contact form.contact button.submit:hover {
background-position: 0 -40px;
}
.contact form.contact button.submit:active {
background-position: 0 -80px;
}

.contact div.info {
display: inline;
	margin-left: 43px;
		float: left;
}
.contact div.info label span {
	width: 61px;
	height: 2em;
	margin-right: 8px;
	text-indent: -999em;
		float: left;
}
.contact div.info label span.info {
	width: auto;
	height: auto;
	padding: .4em 0 0;
	text-indent: 0;
	line-height: 18px;
}


#inlineFormContainer {
border-right: 1px solid #d1bea8;
	min-height: 190px;
	_height: 190px;
		float: left;
}

#errorMsgBox,
#inlineErrorMsgBox {
color: #990000;
	width: 270px;
	padding-left: 80px;
		float: left;
}