/* @override 
	http://localhost:8888/brew/wp-content/themes/WPDesigners/style.css
	http://www.wordpressdesigners.com/wp-content/themes/WPDesigners/style.css
*/

* { 
	padding: 0; 
	margin: 0; 
}

body {
	font-family: Arial;
	font-size: 12px;
	background-color: #fefcea;
}

body.red a {
	color: #d33039;
	text-decoration: none;
}

body.green a {
	color: #8dbe5d;
	text-decoration: none;
}

body.yellow a {
	color: #ccab2d;
	text-decoration: none;
}

body.blue a {
	color: #22abb5;
	text-decoration: none;
}

img {
	border-style: none;
}

.wrap {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#topnav {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 35px;
	font-size: 14px;
	font-weight: bold;
}

#topnav .group {
	text-align: left;
	width: 300px;
	float: left;
	text-transform: uppercase;
}

#topnav .login {
	text-align: right;
	width: 300px;
	float: right;
}

#topnav .wrap {
	padding-top: 10px;
	height: 25px;
}

body.red #topnav {
	background-color: #d33039;
	color: #902127;
}

body.red #topnav a {
	color: #902127;
	text-decoration: none;
}

body.green #topnav {
	background-color: #8dbe5d;
	color: #668948;
}

body.green #topnav a {
	color: #668948;
	text-decoration: none;
}

body.yellow #topnav {
	background-color: #c9a92d;
	color: #89741e;
}

body.yellow #topnav a {
	color: #89741e;
	text-decoration: none;
}

body.blue #topnav {
	background-color: #22abb5;
	color: #2ec7cf;
}

body.blue #topnav a {
	color: #2ec7cf;
	text-decoration: none;
}

#header {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 140px;
}

#header .logo {
	text-transform: uppercase;
	padding-top: 38px;
	float: left;
	width: 250px;
}

#header .logo h1 {
	font-size: 32px;
	line-height: 28px;
}

#header .pagenav {
	font-size: 22px;
	text-transform: uppercase;
	float: right;
	width: 650px;
}

#header .pagenav ul {
	float: right;
	list-style-type: none;
	margin-top: 56px;
}

#header .pagenav ul li {
	float: left;
	margin-left: 24px;
}

#header .pagenav ul li a {
	float: left;
	padding-bottom: 5px;
}

body.yellow #header .pagenav ul li.current_page_item a, body.yellow #header .pagenav ul li a:hover {
	border-bottom: 3px dashed #c9a92d;
}

body.red #header .pagenav ul li.current_page_item a, body.red #header .pagenav ul li a:hover {
	border-bottom: 3px dashed #d33039;
}

body.green #header .pagenav ul li.current_page_item a, body.green #header .pagenav ul li a:hover {
	border-bottom: 3px dashed #8dbe5d;
}

body.blue #header .pagenav ul li.current_page_item a, body.blue #header .pagenav ul li a:hover {
	border-bottom: 3px dashed #22abb5;
}

#pageinfo {
	width: 100%;
	height: 313px;
	background: url(images/squares_pattern.gif) repeat;
	border: 1px solid #d8d4c1;
	border-right-style: none;
	border-left-style: none;
	margin-bottom: 30px;
}

#pageinfo .spaceman {
	width: 259px;
	height: 387px;
	position: absolute;
	display: inline;
	padding: 0;
	margin: -46px 0 0 30px;
}

body.red #pageinfo .spaceman {
	background: url(images/spaceman_red.png) no-repeat;
}

body.red #pageinfo .infocontent {
	color: #76333c;
}

body.green #pageinfo .spaceman {
	background: url(images/spaceman_green.png) no-repeat;
}

body.yellow #pageinfo .spaceman {
	background: url(images/spaceman_yellow.png) no-repeat;
}

body.blue #pageinfo .spaceman {
	background: url(images/spaceman_blue.png) no-repeat;
}

#pageinfo .spaceman p {
	visibility: hidden;
}

#pageinfo .wrap {
	height: 313px;
}

#pageinfo .infocontent {
	padding-top: 35px;
	font-size: 24px;
	line-height: 32px;
	float: left;
	width: 668px;
}

body.green #pageinfo .infocontent {
	color: #678848;
}

body.green #pageinfo .infocontent p.callback {
	overflow: hidden;
	font-size: 24px;
	line-height: 24px;
	text-transform: uppercase;
	margin-top: 20px;
}

body.green #pageinfo .infocontent p.callback a {
	color: #fefcea;
	background-color: #8dbe5d;
	padding: 9px 15px 8px;
	float: left;
	margin-right: 15px;
}

body.green #pageinfo .infocontent p.callback a:hover {
	background: #678848;
}

body.green #pageinfo .infocontent p.callback span {
	float: left;
	padding-top: 7px;
}

body.yellow #pageinfo .infocontent {
	color: #89741e;
}

body.yellow #pageinfo .infocontent p.callback {
	overflow: hidden;
	font-size: 24px;
	line-height: 24px;
	text-transform: uppercase;
	margin-top: 20px;
}

body.yellow #pageinfo .infocontent p.callback a {
	color: #fefcea;
	background-color: #ccab2d;
	padding: 9px 15px 8px;
	float: left;
	margin-right: 15px;
}


body.yellow #pageinfo .infocontent p.callback a:hover {
	background: #89741e;
}

body.yellow #pageinfo .infocontent p.callback span {
	float: left;
	padding-top: 7px;
}

body.blue #pageinfo .infocontent {
	color: #2d6d6d;
}

body.blue #pageinfo .infocontent p.callback {
	overflow: hidden;
	font-size: 24px;
	line-height: 24px;
	text-transform: uppercase;
	margin-top: 20px;
}

body.blue #pageinfo .infocontent p.callback a {
	color: #fefcea;
	background-color: #22abb5;
	padding: 9px 15px 8px;
	float: left;
	margin-right: 15px;
}

body.blue #pageinfo .infocontent p.callback a:hover {
	background: #2d6d6d;
}

body.blue #pageinfo .infocontent p.callback span {
	float: left;
	padding-top: 7px;
}

#pageinfo .infocontent strong {
	line-height: 38px;
}

#pageinfo .infocontent p {
	margin-bottom: 15px;
}

#content {
	overflow: hidden;
	margin: 0;
	padding: 0 0 25px;
	width: 100%;
}

#content .testimonials-wrap {
	width: 400px;
	overflow: hidden;
	margin-bottom: 15px;
	float: right;
	height: 215px;
}

#content .testimonials-wrap #testimonials {
	width: 400px;
	overflow: hidden;
}

#content .testimonials-wrap .testimonials-callback {
	float: left;
}

#content .testimonials-wrap .testimonials-callback ul {
	float: left;
	list-style-type: none;
	position: relative;
	bottom: 18px;
	z-index: 1000;
	left: 122px;
}

#content .testimonials-wrap .testimonials-callback ul li {
	float: left;
	width: 12px;
	height: 12px;
	text-indent: -5000px;
	background: url(images/dotted-nav.png) no-repeat 0 top;
	margin-left: 8px;
	cursor: pointer;
}

#content .testimonials-wrap .testimonials-callback ul li.activeSlide {
	background-position: 0 bottom;
}

#content .homepage {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	overflow: hidden;
}

#content .homepage .small_projects {
	float: left;
	width: 255px;
	padding-top: 5px;
}

#content .homepage .small_projects a img {
	margin-right: 9px;
	margin-bottom: 9px;
	width: 116px;
	height: 116px;
	opacity: 0.5;
}

#content .homepage .small_projects a:hover img {
	opacity: 1;
}

#content .homepage .twitter_home {
	padding-left: 18px;
	width: 255px;
	float: left;
}

#content .homepage .twitter_home ul {
	font-size: 14px;
	line-height: 23px;
	list-style-type: none;
	color: #76333c;
}

#content .homepage .twitter_home ul li {
	margin-bottom: 22px;
}

#content .homepage .twitter_home p.moretweets {
	background-color: #d33039;
	text-align: center;
	overflow: hidden;
}

#content .homepage .twitter_home p.moretweets a {
	color: #f1ece3;
	font-size: 18px;
	text-transform: uppercase;
	padding-top: 4px;
	padding-bottom: 2px;
	float: left;
	width: 255px;
	font-weight: bold;
}

#content .homepage .contactus {
	width: 405px;
	float: right;
	padding-top: 4px;
}

#content .homepage .contactus h3 {
	color: #d33039;
	font-size: 18px;
	text-transform: uppercase;
	overflow: hidden;
	margin-bottom: 10px;
}

#content .homepage .contactus h3 a {
	float: left;
	color: #f1ece3;
	background-color: #d33039;
	margin-right: 6px;
	padding: 5px 8px 3px;
}

#content .homepage .contactus h3 span {
	padding-top: 5px;
	float: left;
}

#content .homepage .contactus p.contactinfo {
	margin-bottom: 15px;
	color: #76333c;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
}

#content .homepage .quote {
	margin-bottom: 25px;
	overflow: hidden;
	width: 400px;
}

#content .homepage .quote img {
	float: left;
	margin-top: 7px;
}

#content .homepage .quote p {
	padding-left: 215px;
	color: #d33039;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 10px;
	font-style: italic;
}

#content .homepage .quote p.by {
	color: #962027;
	font-weight: normal;
	font-style: normal;
}

#content .single {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

#content .single .mainimage {
	float: left;
	width: 525px;
	margin-top: 7px;
}

#content .single .singlecontent {
	width: 400px;
	float: right;
}

#content .singlecontent .quote {
	margin-bottom: 25px;
	overflow: hidden;
	width: 400px;
}

#content .singlecontent .quote img {
	float: left;
	margin-top: 7px;
}

#content .singlecontent .quote p {
	padding-left: 220px;
	color: #8dbe5d;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 10px;
	font-style: italic;
}

#content .singlecontent .quote p.by {
	color: #647650;
	font-weight: normal;
	font-style: normal;
}

#content .singlecontent .projecinfo {
	overflow: hidden;
}

#content .singlecontent .projectinfo p.visit {
	overflow: hidden;
	margin-bottom: 25px;
}

#content .singlecontent .projectinfo p.visit a {
	float: left;
	width: 380px;
	color: #fefcea;
	font-size: 24px;
	line-height: 24px;
	text-transform: uppercase;
	padding: 9px 10px;
	background: #8dbe5d url(images/arrow.gif) no-repeat 367px;
}

#content .singlecontent .projectinfo p {
	color: #87731e;
	font-size: 14px;
	line-height: 24px;
}

#content .portfolio {
	overflow: hidden;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#content .portfolio ul {
	list-style-type: none;
	position: relative;
	width: 1000px;
	overflow: hidden;
}

#content .portfolio ul li {
	margin-right: 28px;
	margin-bottom: 28px;
	float: left;
	background-color: #8dbe5d;
	width: 465px;
	height: 372px;
}

#content .portfolio ul li a img {
	opacity: 0.75;
	height: 372px;
	width: 465px;
}

#content .portfolio ul li a:hover img {
	opacity: 1;
}

#content .aboutus {
	overflow: hidden;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#content .aboutus .story {
	overflow: hidden;
	margin-bottom: 25px;
	border-bottom: 1px solid #cdad2e;
}

#content .aboutus .story .leftstory {
	float: left;
	width: 530px;
	padding-top: 6px;
}

#content .aboutus .story .leftstory h3 {
	color: #c9a92d;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#content .aboutus .story .leftstory p {
	color: #89741e;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}

#content .aboutus .quote {
	margin-bottom: 25px;
	overflow: hidden;
	float: right;
	width: 400px;
}

#content .aboutus .quote img {
	float: left;
	margin-top: 7px;
}

#content .aboutus .quote p {
	padding-left: 220px;
	color: #ccab2d;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 10px;
	font-style: italic;
}

#content .aboutus .quote p.by {
	color: #89741e;
	font-weight: normal;
	font-style: normal;
}

#content .aboutus .steps {
	margin-bottom: 25px;
	border-bottom: 1px solid #cdad2e;
}

#content .aboutus .steps h3 {
	color: #ccab2d;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 15px;
}

#content .aboutus .steps .steps_wrap {
	background: url(images/steps.gif) no-repeat;
	overflow: hidden;
	color: #89741e;
	font-size: 14px;
	line-height: 24px;
}

#content .aboutus .steps .steps_wrap h3 {
	color: #88741e;
	font-size: 14px;
	font-weight: bold;
}

#content .aboutus .steps .steps_wrap .singlestep {
	float: left;
	padding-top: 265px;
	width: 168px;
	margin-right: 30px;
	margin-bottom: 25px;
}

#content .aboutus .steps .steps_wrap .singlestep.last {
	margin-right: 0;
	float: right;
}

#content .aboutus .moreinfo {
	overflow: hidden;
}

#content .aboutus .moreinfo .social {
	width: 250px;
	float: left;
}

#content .aboutus .moreinfo .social img {
	margin-bottom: 15px;
}

#content .aboutus .moreinfo .social ul {
	overflow: hidden;
	width: 250px;
	list-style-type: none;
}

#content .aboutus .moreinfo .social ul li {
	margin-bottom: 10px;
	width: 250px;
	float: left;
}

#content .aboutus .moreinfo .social ul li a {
	float: left;
	width: 234px;
	color: #f1ece3;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 18px;
	padding: 6px 8px 4px;
	background-color: #ccab2d;
}

#content .aboutus .moreinfo .social ul li a:hover {
	background: #89741e url(images/socialarrow.gif) no-repeat 227px 7px;
}

#content .aboutus .moreinfo .about-daved {
	float: left;
	padding-left: 28px;
	color: #87731e;
	font-size: 14px;
	line-height: 24px;
	width: 255px;
}

#content .aboutus .moreinfo .about-daved p {
	margin-bottom: 20px;
}

#content .aboutus .moreinfo h3 {
	color: #cbab2d;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
}

#content .aboutus .moreinfo .press {
	width: 405px;
	float: right;
	color: #87731e;
	font-size: 14px;
	line-height: 24px;
}

#content .aboutus .moreinfo .press p.description {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 15px;
}

#content .aboutus .moreinfo .press .single-press {
	border-bottom: 1px solid #ccab2d;
	margin-bottom: 8px;
	padding-bottom: 8px;
	color: #cdad2e;
}

#content .aboutus .moreinfo .press .single-press span {
	color: #89751e;
	width: 100px;
	float: left;
	text-transform: uppercase;
}

#content .aboutus .moreinfo .press .single-press .toprow {
	font-weight: bold;
}

#content .contactpage {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

#content .contactpage .contactside {
	float: right;
	width: 400px;
}

#content .contactpage .contactside .quote {
	margin-bottom: 25px;
	overflow: hidden;
	width: 400px;
}

#content .contactpage .contactside .quote img {
	float: left;
	margin-top: 7px;
}

#content .contactpage .contactside .quote p {
	padding-left: 215px;
	color: #22abb5;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 10px;
	font-style: italic;
}

#content .contactpage .contactside .quote p.by {
	color: #2f6d6e;
	font-weight: normal;
	font-style: normal;
}

#content .contactpage .contactside .map {
	margin-bottom: 25px;
	overflow: hidden;
	width: 400px;
}

#content .contactpage .contactside .map img {
	float: left;
	margin-top: 7px;
}

#content .contactpage .contactside .map p {
	padding-left: 215px;
	color: #22abb5;
	font-size: 14px;
	line-height: 24px;
	font-style: italic;
	margin-bottom: 7px;
}

#content .contactpage .contactside .map p strong {
	color: #2e6d6d;
}

#content .contactpage .contactside .map p.extra {
	color: #2e6d6d;
	font-weight: normal;
	font-style: normal;
}

#content .contactpage .contactside .documents {
	overflow: hidden;
}

#content .contactpage .contactside .documents h4 {
	color: #22abb5;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
}

#content .contactpage .contactside .documents p {
	color: #2e6d6d;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px;
}

#content .contactpage .contactside .documents .docswrap {
	overflow: hidden;
}

#content .contactpage .contactside .documents .docswrap .download {
	width: 192px;
	height: 192px;
}

#content .contactpage .contactside .documents .docswrap .download.dleft {
	float: left;
}

#content .contactpage .contactside .documents .docswrap .download.dright {
	float: right;
}

#content .contactpage .contactside .documents .docswrap .download a {
	width: 152px;
	height: 134px;
	float: left;
	background: url(images/downloadbg.gif) repeat;
	text-align: center;
	color: #218b91;
	font-size: 18px;
	line-height: 24px;
	padding-left: 20px;
	padding-right: 20px;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 58px;
}

#content .contactpage .contactside .documents .docswrap .download a span {
	color: #2fc7ce;
}

#content .contactpage .mainform {
	width: 530px;
	float: left;
	color: #2e6d6d;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
}

#content .contactpage .mainform p {
	margin-bottom: 13px;
}

#content .contactpage .mainform h3 {
	color: #22abb5;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
}

#footer {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 145px;
}

#footer .findividual {
	float: left;
	width: 186px;
	margin-left: 15px;
	padding-top: 27px;
	color: #fefcea;
	font-size: 12px;
	line-height: 18px;
}

#footer .findividual h3 {
	color: #fefcea;
	font-size: 14px;
	line-height: 17px;
	padding-right: 38px;
	text-transform: uppercase;
	margin-bottom: 3px;
}

#footer .findividual p.tag {
	font-size: 14px;
	margin-bottom: 1px;
}

#footer .wrap {
	height: 145px;
	padding-left: 155px;
	width: 805px;
}

body.red #footer {
	background: #d33039 no-repeat;
}

body.red #footer a {
	color: #8f2127;
}

body.red #footer .wrap {
	background: url(images/footer_red.png) no-repeat left center;
}

body.green #footer {
	background: #8bbd5d no-repeat;
}

body.green #footer a {
	color: #647750;
}

body.green #footer .wrap {
	background: url(images/footer_green.png) no-repeat left center;
}

body.yellow #footer {
	background: #ccab2d no-repeat;
}

body.yellow #footer a {
	color: #89741e;
}

body.yellow #footer .wrap {
	background: url(images/footer_yellow.png) no-repeat left center;
}

body.blue #footer {
	background: #22abb5 no-repeat;
}

body.blue #footer a {
	color: #2f6f6f;
}

body.blue #footer .wrap {
	background: url(images/footer_blue.png) no-repeat left center;
}

.clear { 
	clear: both; 
	background: none; 
}