/*
	Goodboy, Inc. - CSS, Copyright 2009
*/

body {
	width								: 100%;
}

body.home {
	background					: #BEA37F url("/images/bg.png?cache=0") repeat-x;
	height							: 724px;
	padding							: 0;
	margin							: 0;
}

body.rest {
	background					: #fcf3e8 url("/images/bg-top.png") repeat-x;
	height							: 281px;
	padding							: 0;
	margin							: 0;
	width								: 100%;
}

body.email {
	background					: #f3e7d8;
}

/* Misc. */
img {
	border							: none;
}

a {
	text-decoration				: none;
}

.spacer {
	clear								: both;
}

h1 {
	font								: normal 20px "jacks font", verdana;
	color								: #556b7d;
	letter-spacing					: 2px;
	margin							: 0 0 10px 0;
	padding							: 0;
}

.success {
	width								: 400px;
	padding							: 10px 15px 10px 15px;
	margin							: 0 auto;
	border							: 1px solid #556B7D;
	background					: #F3F0EC;
	font								: normal 12px verdana;
	color								: #000;
}

/* Home page layout */
.home-wrap {
	background					: url("/images/home-page.png?cache=0") no-repeat;
	width								: 1000px;
	height							: 724px;
	margin							: 0 auto;
	padding							: 0;
	position							: relative;
}

.home-logo {
	position							: absolute;
	top								: 90px;
	left								: 60px;
}

.home-brief {
	position							: absolute;
	top								: 240px;
	left								: 60px;
	font								: normal 15px "helvetica", arial;
	color								: #516676;
	line-height						: 20px;
	width								: 350px;
}

/* Slideshow on home page */
.monitor {
	background					: url("/images/monitor.png") no-repeat;
	width								: 373px;
	height							: 300px;
	position							: absolute;
	top								: 80px;
	right								: 80px;
}

.slide {
	position							: absolute;
	top								: 18px;
	left								: 27px;
}

/* Menu on home page */
.menu {
	position							: absolute;
	bottom							: 238px;
	left								: 140px;
	width								: 800px;
}

.menu a.home {
	float								: left;
	margin-right					: 50px;
}

.menu a.services {
	background					: url("/images/servicesbtn.png?cache=0") 0 -40px no-repeat;
	float								: left;
	display							: block;
	width								: 89px;
	height							: 40px;
	margin-right					: 50px;
	margin-top						: 19px;
}

.menu a.services:hover {
	background-position		: 0 2px;
}

.menu a.portfolio {
	background					: url("/images/portfoliobtn.png?cache=0") 0 -41px no-repeat;
	float								: left;
	display							: block;
	width								: 89px;
	height							: 40px;
	margin-right					: 50px;
	margin-top						: 19px;
}

.menu a.portfolio:hover {
	background-position		: 0 2px;
}

.menu a.request {
	background					: url("/images/requestbtn.png") 0 -40px no-repeat;
	float								: left;
	display							: block;
	width								: 89px;
	height							: 40px;
	margin-top						: 21px;
}

.menu a.request:hover {
	background-position		: 0 0;
}

.menu .number {
	float								: left;
	display							: block;
	width								: 227px;
	height							: 40px;
	margin-top						: 19px;
	margin-left						: 50px;
}

/* Menu on rest of pages page */
.menu-top {
	position							: absolute;
	top								: 208px;
	left								: 140px;
	width								: 800px;
}

.menu-top a.home {
	float								: left;
	margin-right					: 50px;
}

.menu-top a.services {
	background					: url("/images/servicesbtn.png") 0 -40px no-repeat;
	float								: left;
	display							: block;
	width								: 89px;
	height							: 40px;
	margin-right					: 50px;
	margin-top						: 19px;
}

.menu-top a.services:hover {
	background-position		: 0 2px;
}

.menu-top a.portfolio {
	background					: url("/images/portfoliobtn.png?cache=0") 0 -41px no-repeat;
	float								: left;
	display							: block;
	width								: 89px;
	height							: 40px;
	margin-right					: 50px;
	margin-top						: 19px;
}

.menu-top a.portfolio:hover {
	background-position		: 0 2px;
}

.menu-top a.request {
	background					: url("/images/requestbtn.png") 0 -40px no-repeat;
	float								: left;
	display							: block;
	width								: 89px;
	height							: 40px;
	margin-top						: 21px;
}

.menu-top a.request:hover {
	background-position		: 0 0;
}

.menu-top .number {
	float								: left;
	display							: block;
	width								: 227px;
	height							: 40px;
	margin-top						: 19px;
	margin-left						: 50px;
}

/* Testomonials at top of page */
.testimonials {
	position							: absolute;
	top								: 65px;
	right								: 30px;
	font								: normal 11px verdana;
	color								: #ae3b2c;
	line-height						: 14px;
	width								: 475px;
}

/* Bottom left of home page - explain why we are better */
.better {
	position							: absolute;
	bottom							: 30px;
	left								: 65px;
	width								: 300px;
	font								: normal 14px "helvetica", verdana, arial;
	color								: #ede3d7;
}

.better-title {
	font								: normal 17px "helvetica", verdana, arial;
	color								: #ede3d7;
}

.better ul {
	list-style-type					: none;
}

.dot li {
	background					: url("/images/dot.png?cache=0") no-repeat;
	height							: 24px;
	padding							: 2px 0 0 30px;
	margin-bottom				: 7px;
	margin-left						: -30px;
}

.better li {
	width								: 350px;
}

/* Receive quote at bottom of page */
.request-quote {
	position							: absolute;
	bottom							: 40px;
	right								: 170px;
	width								: 325px;
}

.pdf-pic {
	float								: left;
}

.pdf-text {
	font								: normal 14px verdana;
	color								: #fff;
	float								: right;
	width								: 190px;
}

.pdf-text a {
	color								: #e9dcc8;
	text-decoration				: underline;
}

.pdf-text ul {
	list-style-type					: none;
	margin							: 0 0 0 10px;
	padding							: 0;
}

.pdf-text li {
	background					: url("/images/dot.png?cache=0") no-repeat;
	height							: 24px;
	padding							: 0 0 0 20px;
	margin-bottom				: 0;
	margin-left						: 0;
}

/* Chat portion at bottom of page */
.chat {
	position							: absolute;
	bottom							: 40px;
	right								: 35px;
}

/* Wrapper for rest of pages */
.wrapper {
	width								: 1000px;
	margin							: 0 auto;
	padding							: 0;
	position							: relative;
}

/* Header of all other pages */
.header {
	background					: url("/images/header.png") no-repeat;
	width								: 1000px;
	height							: 281px;
	position							: relative;
}

/* Chat on rest of pages */
.chat-top {
	position							: absolute;
	top								: 15px;
	right								: 75px;
}

/* Left and right columns */
.main-body {
	background					: url("/images/bg-services.png?cache=0") repeat-y;
	width								: auto;
	position							: relative;
}

.main-body-portfolio {
	background					: #fcf3e8 url("/images/bg-portfolio.png?cache=0") repeat-x;
	width								: auto;
	position							: relative;
}

.column-left {
	float								: left;
	width								: 410px;
	font								: normal 15px "museo", verdana;
	line-height						: 20px;
	padding							: 20px 20px 20px 30px;
	color								: #473f34;
}

.column-right {
	float								: right;
	width								: 465px;
	font								: normal 15px "museo", verdana;
	line-height						: 20px;
	padding							: 20px 30px 20px 20px;
	color								: #473f34;
}

/* Slideshow for portfolio */
.our-portfolio {
	background					: url("/images/portfolio-body.png") 0 20px no-repeat;
	width								: 1000px;
	height							: 280px;
	padding-top					: 20px;
	padding-bottom				: 20px;
	margin							: 0 auto;
	position							: relative;
}

.scope-title {
	font								: normal 18px "museo", verdana;
	color								: #4d3c26;
	margin-bottom				: 10px;
}

.scope {
	position							: absolute;
	top								: 40px;
	left								: 20px;
	width								: 290px;
	font								: normal 13px verdana;
	line-height						: 20px;
}

.portfolio-image {
	position							: absolute;
	top								: 30px;
	right								: 10px;
}

.view-site {
	position							: absolute;
	bottom							: 50px;
	left								: 75px;
}

/* Request quote form */
fieldset {
	width								: 400px;
	padding							: 10px 20px 10px 20px;
	border							: 1px solid #556b7d;
	background					: #f3f0ec;
	margin							: 0 auto;
	font								: normal 12px verdana;
	position							: relative;
}

legend {
	font								: normal 15px verdana;
	color								: #556b7d;
	padding							: 5px 7px 5px 7px;
	margin							: 0;
	position							: absolute;
	top								: -14px;
	left								: 20px;
}	

.input-value {
	border							: 1px solid #000;
	padding							: 2px 5px 2px 5px;
	font								: normal 12px verdana;
	background					: #e7ddcd;
}

textarea {
	border							: 1px solid #000;
	width								: 380px;
	height							: 100px;
	padding							: 2px 5px 2px 5px;
	font								: normal 12px verdana;
	background					: #e7ddcd;
}

.options {
	display							: block;
	margin-left						: 100px;
}

.needed {
	color								: #b93726;
	font-size						: 10px;
	padding-right					: 5px;
}

.button {
	margin-top						: 10px;
	text-align						: center;
}

/* Bottom portion of pages */
.bottom-bg {
	background					: url("/images/bg-bottom.png") repeat-x;
	height							: 233px;
}

.bottom {
	background					: url("/images/bottom.png");
	width								: 1000px;
	height							: 233px;
	margin							: 0 auto;
	position							: relative;
}

/* Footer throughout site */
.footer {
	clear								: both;
	height							: 50px;
	background					: #BEA37F;
	border-top						: 2px solid #fff;
}

.footer-text {
	text-align						: center;
	color								: #fff;
	margin-top						: 10px;
	font								: normal 12px verdana;
}

/* Email sent out */
.email-wrapper {
	border							: 1px solid #556b7d;
	background					: #fcf3e8;
	margin							: 0 auto;
	padding							: 10px 15px 10px 15px;
}