/* CSS Reset */
* {margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left}
img {display:block;}



body,td,th,button,input,textarea {
	color: #000000;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	/*letter-spacing: 2px;*/
}


body,td,th {
	background:#1a1a1a url(/img/bgd.png) top repeat-x;
	
	
}
html,body {
	margin: 0;
	text-align: center;
	min-height:100%;
	background:#1a1a1a url(/img/bgd.png) top repeat-x;
}
img {
	border:0;
}
a {
	outline:none;
}
h1.main {
	background:top left no-repeat;
	text-indent: -5000em;	
	height: 40px;
}
#page {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#body {
	color: #5a5a5a;
	line-height:1.6em;
}
p+p {
	margin-top: 2em;
}
#header {
}
#logo {
	display:block;
	width:240px;
}
#logo img{
	padding:30px 0;
}

#navigation {
	display: block;
	height: 41px;
	width: 900px;
	overflow: hidden;
	background-position: 0 0;
	background-image: url(/img/nav.png);
	background-repeat: no-repeat;
	position: relative;
}
#navigation a {
	float: left;
	display: block;
	height: 41px;
	margin-top: 0;
	background-position: 0 0;
	background-image: url(/img/nav.png);
	background-repeat: no-repeat;
	text-indent: -9000em;

}
#navigation a.nav-home {
	background-position: 0px 0px;
	width: 68px;
}
#navigation a.nav-about {
	background-position: -68px 0px;
	width: 89px;
}
#navigation a.nav-services {
	background-position: -157px 0px;
	width: 76px;
}
#navigation a.nav-testimonials {
	background-position: -233px 0px;
	width: 98px;
}
#navigation a.nav-portfolio {
	background-position: -331px 0px;
	width: 77px;
}
#navigation a.nav-contact {
	background-position: -408px 0px;
	width: 94px;
}
#navigation a.nav-blog {
	background-position: -502px 0px;
	width: 62px;
}
#navigation a.nav-home:hover, body.home #navigation .nav-home {
	background-position: 0px -41px;
}
#navigation a.nav-about:hover, body.about #navigation .nav-about {
	background-position: -68px -41px;
}
#navigation a.nav-services:hover, body.services #navigation .nav-services {
	background-position: -157px -41px;
}
#navigation a.nav-testimonials:hover, body.testimonials #navigation .nav-testimonials {
	background-position: -233px -41px;
}
#navigation a.nav-portfolio:hover, body.portfolio #navigation .nav-portfolio {
	background-position: -331px -41px;
}
#navigation a.nav-contact:hover, body.contact #navigation .nav-contact {
	background-position: -408px -41px;
}
#navigation a.nav-blog:hover, body.blog #navigation .nav-blog {
	background-position: -502px -41px;
}




#body {
	background: #ffffff url(/img/bodyshadow.png) top repeat-x;
	padding: 30px 30px 20px 30px;
	min-height:300px;
	position:relative;

}
body.home #body {
	padding: 10px 10px 0 10px;
}
#divider {
	height: 25px;
	width: 900px;
	background:url(/img/bodycap-trans.png) top left no-repeat;
}
#footer-callout {
	background: transparent url(/img/barbgd.png) 0 0 no-repeat;
	width: 900px;
	height:120px;
	position:relative;
}
#footer-callout a, #footer-callout a:hover, #footer-callout a:visited {
	color: #117e92;
}
#footer-callout h3,#footer-callout p {
	position: absolute;
	font-size: 11px;
	letter-spacing: 0px;
	line-height: 1.6em;
}
#footer-callout h3 {
	left:-9000em;
}


#footer-callout .callout-expand {
	left: 80px;
	top: 42px;
	width: 220px;
}
#footer-callout .callout-testimonial {
	left: 384px;
	top: 42px;
	width: 200px;
}
#footer-callout .callout-contact {
	left: 690px;
	top: 42px;
	width: 160px;
}

#footer * {
	display: inline;
	font-size: 10px;
	letter-spacing: 0;
	margin-top: 10px;
	line-height: 8px;
	color: #ccc;
}
#footer {
	text-align: center;
	margin-bottom:2em;
	margin-top:6px;
}
#footer p+a {
	margin-left:20px;
}
#footer a, #footer a:hover, #footer a:visited, #footer a:active, #footer a:link {
	padding:0 5px 0 10px;
	color: #ccc;
	text-decoration:none;
}
#footer a+a {
	border-left:1px solid #ccc;
}

a#here-to-help {
	background: transparent url(/img/btn-contact.gif) 0 0;
	position:absolute;
	top:20px;
	right:0;
	text-indent:-9000em;
	outline:none;
	width:280px;
	height:70px;
	display:block;
}



/* home - slides */
body.home dl dt, body.home dl dt a {
	display:block;
	text-indent: -9000em;
	width:100px;
	height:90px;
}
body.home dl dt {
	float:left;
	clear:left;
}
body.home dl dt a {
	background:url(/img/home-buttons.png) no-repeat;
}

body.home dl dt#save a { background-position: 0 0; }
body.home dl dt#expand a { background-position: 0 -90px; }
body.home dl dt#boost a { background-position: 0 -180px; }
body.home dl dt#relax a { background-position: 0 -270px; }

body.home dl dt#save a:hover { background-position: -100px 0; }
body.home dl dt#expand a:hover { background-position: -100px -90px; }
body.home dl dt#boost a:hover { background-position: -100px -180px; }
body.home dl dt#relax a:hover { background-position: -100px -270px; }

body.home dd {
	position:absolute;
	left:-9000em;
	display:block;
	width:780px;
	height:360px;
	text-indent: -9000em;
	background-repeat:no-repeat;
	background-position: 0 0;
}
body.home dd.currentSlide {
	left: 110px;
}
body.home dl #save + dd { background-image:url(/img/slide-1.jpg); }
body.home dl #expand + dd { background-image:url(/img/slide-2.jpg); }
body.home dl #boost + dd { background-image:url(/img/slide-3.jpg); }
body.home dl #relax + dd { background-image:url(/img/slide-4.jpg); }

body.home dd .morelink, body.home dd .contactlink {
	text-indent: -9000em;
	position: absolute;
	left: 25px;
	display: block;
	width: 188px;
	top: 302px;
	height: 36px;
}

body.home dd .contactlink {
	left: 226px;
}






body.about #body {
	padding-right: 300px;
}
body.about #body > img, body.about #body > a {
	position: absolute;
	right: 30px;
}
body.about #body > a {
	top:280px;
}
body.about #body p.callout {
	display: block;
	float:left;
	width:340px;
	height:110px;
	text-indent: -9000em;
	background: transparent url(/img/why-we-exist.gif) 0 0 no-repeat;
	margin-right:2em;
	margin-bottom:1em;
}
body.about ul.about-list li {
	list-style:disc;
	margin-left:3em;
	margin-bottom:1em;
}
body.about ul.about-list li strong {
	color:#84a832;
}
body.about ul.about-list {
	margin-top:1em;
}
body.about a {
	color:#117e92;
}

body.services .browse-services, body.services .browse-services li, body.services .browse-services li a {
	display:block;
	width:260px;
	line-height: 30px;
}
body.services .browse-services {
	background: #1688f1 url(/img/browse-services-top.png) 0 0 no-repeat;
	padding-top:44px;
	padding-bottom:10px;
	position:relative;
	margin-top:30px;
	float:left;
	margin-right:20px;
}
body.services .browse-services li, body.services .browse-services li a {
	height:30px;
}
body.services .browse-services a {
	color:#ffffff;
	font-size:12px;
	text-indent:30px;
	text-decoration:none;
}
body.services .browse-services a:hover, body.services .browse-services .currentService a {
	background: url(/img/browse-services-rollover.png) 0 0 no-repeat;
}

body.services .browse-services li:first-child {
	/* the bottom cap of the browse our services box. googlebot and the rest will see a list item with the text "Browse Our Services" instead. */
	text-indent: -9000em;
	display:block;
	overflow:hidden;
	background: #ffffff url(/img/browse-services-bottom.png) 0 0 no-repeat;
	height:10px;
	position:absolute;
	left:0;
	bottom:0;
}


body.services dl.services {
	margin-top:50px;
	margin-bottom:30px;
	position:relative;
	background: transparent url(/img/service-list-loop.png) 0 0 repeat-y;
	width: 500px;
	padding: 0 30px;
	float:left;
	height:284px;
}
body.services dl.services dt, body.services dl.services dd {
	position:absolute;
	left:-9000px;
	line-height:1.6em;
}
body.services dl.services dt {
	color: #1d4fba;
	text-transform:uppercase;
	font-weight:bold;
}
body.services dl.services dt:first-child, body.services dl.services dt:first-child + dd {
	position: absolute;
	display: block;
	width: 560px;
	height: 20px;
	left:0 !important;
}
body.services dl.services dt:first-child {
	background: transparent url(/img/service-list-top.png) 0 0 no-repeat;
	top: -20px;
}
body.services dl.services dt:first-child + dd {
	background: transparent url(/img/service-list-bottom.png) 0 0 no-repeat;
	bottom:-20px;
}
body.services dl.services dt.currentService, body.services dl.services dd.currentService {
	position: absolute;
	left:30px;
	width:500px;
}
body.services dl.services dd.currentService{
	top:20px;
}
body.services dd.currentService ul li {
	list-style:disc;
	margin-left:1.1em;
	margin-bottom:.3em;
}
body.services dd.currentService ul {
	margin-top:.5em;
}









ul.testimonials li {
	display:block;
	background-color: #eaeaea;
	padding:30px;
	position: relative;
	padding-left: 390px;
	padding-bottom:20px;
	min-height: 208px;
	margin-top:20px;
	background-image: url(/img/testimonial-bkg.png);
	background-repeat: no-repeat;
	background-position: 0 -39px;
	color: #353535;
}
ul.testimonials li+li {
	padding-top:70px;
	background-position: 0 0;
	margin-top:0px;
}
ul.testimonials li.endcap {
	overflow:hidden !important;
	min-height:10px !important;
	padding:0 !important;
	background-color:#EAEAEA;
	background-position: 0 0;
}
ul.testimonials li img {
	position: absolute;
	left: 30px;
	top: 30px;
}
ul.testimonials li+li img {
	top: 70px;
}
ul.testimonials li.alt {
	padding-left:60px;
	padding-right:390px;
}
ul.testimonials li.alt img {
	left: auto;
	right:30px;
}
ul.testimonials li strong {
	font-weight:bold;
	font-size:18px;
	color:#e8a921;
	display:block;
	text-align:center;
	margin-bottom:10px;
	font-style:italic;
}

ul.testimonials li cite {
	font-style:normal;
	font-weight:bold;
	margin-top:2em;
	display:block;
}

ul.testimonials li small {
	display:block;
	font-style:italic;
	font-weight:normal;
	font-size:100%;
}

.portfolio-steps ul {
	width: 300px;
}
.portfolio-steps .step-1, .portfolio-steps .step-2,
.portfolio-steps .step-3 {
	display: block;
	min-height: 30px;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 30px 0 40px 70px;
	margin-bottom: -40px;
}
.portfolio-steps .step-1 {
	background-image:url(/img/port-num-1.png);
}
.portfolio-steps .step-2 {
	background-image:url(/img/port-num-2.png);
}
.portfolio-steps .step-3 {
	background-image:url(/img/port-num-3.png);
}


div.portfolio-steps, div.portfolio, div.portfolio a {
	float: left;
}
div.portfolio {
	width: 520px;
}
div.portfolio-steps {
	margin-right: 20px;
}
div.portfolio a {
	margin-left: 6px;
	margin-top: 6px;
	border: 2px solid #ccc;
}


body.contact #page dl {
	position:relative;
	display:block;
	width:100%;
	margin-top: 20px;
	line-height: 1.2em;
}
body.contact #page dt, body.contact #page h2 {
	color: #94be37;
	font-weight:bold;
	font-size:18px;
}
body.contact #page dd, body.contact #page dt {
	display: block;
	width: 20%;
	float: left;
}
body.contact #page dd {
	margin-top: 20px;
	margin-left: -20%;
}
body.contact #page dd a, body.contact #page dd a:hover, body.contact #page dd a:active, body.contact #page dd a:visited {
	color:#5A5A5A;
	text-decoration:underline;
}
body.contact #page address {
	font-style:normal;
	white-space: pre;
}
body.contact #page h2 {
	clear: left;
	display:block;
	padding-top:20px;
}

body.contact #page form {
	background-color:#dfebc3;
	border:1px solid #94be37;
	padding: 0 20px 20px 20px;
	margin-top:10px;
}
body.contact #page form label, body.contact #page form input, body.contact #page form textarea {
	display:block;
	width:100%;
	max-width:100%;
}
body.contact #page form label {
	padding-top:20px;
}
body.contact #page form div {
	float:left;
	width:48%;
}
body.contact #page form div#contact-us-form-errors {
	float:none;
	width:100%;
}
body.contact #page form div+div {
	margin-left: 4%;
}
body.contact #page form div#contact-us-form-errors+div {
	margin-left:0;
}
body.contact #page form div#contact-us-form-errors p {
	margin: 20px 20px 0 20px;
	padding: 10px 20px;
	font-weight: bold;
	text-align:center;
	color: #e165a2;
}
body.contact #page form button {
	margin:20px 100px 0 140px;
	display:block;
	padding: 5px 40px;
	color:#fff;
	background-color:#94be37;
	border: 1px solid #71912a;
	font-weight:bold;
	white-space:nowrap;
}
body.contact #page form input, body.contact #page form input.default,
body.contact #page form textarea, body.contact #page form textarea.default {
	font-size:20px;
	padding:5px;
	border: 1px solid #999999;
	background-color: #ffffff;
	max-width:100%;
}
body.contact #page form input.error,body.contact #page form textarea.error {
	border:1px solid #e165a2;
	background-color: #f9e0ec;
}
body.contact #page form textarea {
	height: 130px;
	font-size:16px;
	padding:5px;
}

body.sitemap #body ul {
	margin-top: 2em;
	margin-left:30px;
}
body.sitemap #body ul, body.sitemap #body li, body.sitemap #body li p {
	display: block;
	width: 250px;
	background-color: #fff;
}
body.sitemap #body li {
	border-top: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
}
body.sitemap #body li p {
	margin-left: 20px;
	width: 220px;
	position: relative;
	top: -1em;
	padding-left: 10px;
}
body.sitemap #body li.last {
	border-left: 0;
}
body.sitemap #body li ul {
	margin-left: 50px;
	position: relative;
	top: -2em;
	margin-top: 1em;
}
body.sitemap #body li ul li p {
	top:.8em;
}
body.sitemap #body li ul li {
	border-top: 0;
	border-bottom: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
}
body.sitemap #body a, body.sitemap #body a:hover, body.sitemap #body a:visited {
	text-decoration: none;
	color: #000000;
}


body.portfolio #sb-body {
	border:2px solid #666666;
}


ul.testimonials {
padding-bottom: 10px;
position: relative;
}
ul.testimonials li.endcap {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}