/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#127fcd}
a:hover {}
body {background:#FFF url(../images/bg.jpg) center top no-repeat;color:#415968;font:87.5%/142.8% Verdana, Arial, Sans-Serif}
img {border:0;vertical-align:bottom}
fieldset {border:0}
p {margin:0 0 1em}
h2 {font-size:1.71em;font-weight:400;line-height:1em;margin:0 0 30px;text-transform:uppercase}
legend {display:none}

/* Header */
#intro {margin:0 auto;width:960px}
#logo {float:left;margin:37px 0 27px 10px}

/* Content */
#bio {clear:both;float:left;min-height:300px;padding:0 0 15px 10px;width:600px}
#bio h1 {color:#ff3a0a;font-size:1.714em;font-weight:400;line-height:1.16em}
#bio h2 {color:#415968;font-size:1.714em;font-weight:400;line-height:1.16em;margin:0 0 20px;text-transform:none}

	/* Portfolio */
	#portfolio {clear:both;height:281px;margin:0 auto;position:relative;width:940px}
	#portfolio #slider-container {height:281px;overflow:hidden;position:relative;width:940px}
	#portfolio #slider-container ul {height:281px;left:0;list-style:none;margin:0;position:absolute;top:0;width:20000em}
	#portfolio #slider-container ul li {float:left;height:281px;width:940px}
	#portfolio #slider-container ul li img {display:inline;float:left;margin:0 0 0 -10px}
	#portfolio #slider-container ul li h2 {color:#ff3a0a;font-size:1.714em;font-weight:400;line-height:1.16em;margin:0 0 15px;text-transform:none}
	#portfolio #slider-container ul li .text {display:inline;float:right;margin:60px 40px 0 0;width:340px}
	#portfolio #slider-container ul li .text p {margin-bottom:18px}
	#portfolio ul li a.button {background:#ff430a url(../images/button.png) left top no-repeat;float:left;color:#fff;font-size:1.285em;height:30px;padding:9px 0 0;text-align:center;text-decoration:none;width:102px}
	#portfolio .prev, #portfolio .next {height:31px;left:0;overflow:hidden;position:absolute;text-indent:-999em;top:108px;width:28px}
	#portfolio .next {left:912px}
	#portfolio .prev span, #portfolio .next span {background:url(../images/arrows.png) left top no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
	#portfolio .next span {background-position:100% 0}

/* Content */
.content {margin:0 auto;width:960px}

/* Services */
#services {background:url(../images/services-center.jpg) center top repeat-x;clear:both;color:#22355f;overflow:hidden;padding:36px 0 20px;width:100%}
#services .services {display:inline;float:left;margin:0 0 0 10px;width:610px}
#services .projects {display:inline;float:right;margin:0 0 0 30px;width:300px}
#services h2 {color:#ff3a0a;}
#services h3 {color:#5d7e93;font-size:1.42em;font-weight:400;line-height:1em;margin:0 0 10px}

	/* Projects */
	#services .projects h2 {margin:0 0 24px}
	#services .projects ul {list-style:none;margin:0 0 1em}
	#services .projects ul li {background:url(../images/bullet.gif) left 10px no-repeat;padding:0 0 0 9px}

/* Get in Touch */
#contact {background:#597689 url(../images/contact-center.jpg) center top repeat-x;clear:both;color:#b9cad5;height:230px;width:100%}
#contact .content {padding:28px 0 8px}
#contact a {color:#b9cad5}

	/* Contact Info */
	#contact .contact-info {display:inline;float:left;margin:0 0 0 10px;width:280px}
	#contact .contact-info h2 {background:transparent;color:#fff;margin:0 0 14px;text-transform:none}
	#contact .contact-info dt {clear:both;float:left;padding:0 0 0 2px;width:57px}

	/* Contact Form */
	#contact form, #contact .result {float:right;margin:0 8px 0 0;width:625px}
	#contact form label {display:none}
	#contact form .left-section {float:left;width:286px}
	#contact form .right-section {float:right;width:296px}
	#contact form .text {background:url(../images/input-bg.png) left top no-repeat;height:36px;margin:0 0 14px;overflow:hidden;width:100%}
	#contact form .error {background-position:0 100%}
	#contact form .text input {background:none;border:0;color:#7797a3;font:700 .9em/1em Arial, Sans-Serif;padding:9px 12px;width:262px}
	#contact form .select {background:url(../images/input-bg.png) left top no-repeat;height:36px;margin:0 0 14px;width:100%}
	#contact form .select select {background:none;border:0;color:#7797a3;font:700 .9em/1em Arial, Sans-Serif;margin:2px 0 0 3px;width:280px}
	
		/* Custom Select */
		.sb-custom{cursor:pointer;display:inline;position:relative;width:100%}
		.sb-custom select{display:none}
		.sparkbox-custom{display:none}
		.no-js .sparkbox-custom{display:block}
		.sb-select{background:none;border:0;left:3px;position:relative;text-decoration:none;top:3px;width:240px;color:#7797a3;font:700 .9em/1em Arial, Sans-Serif;z-index:1;margin:0;padding:7px 30px 7px 7px}
		.sb-dropdown{background:#FFF;-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .2), inset 0 6px 8px -8px rgba(0, 0, 0, .5);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .2), inset 0 6px 8px -8px rgba(0, 0, 0, .5);box-shadow:0 0 4px rgba(0, 0, 0, .2), inset 0 6px 8px -8px rgba(0, 0, 0, .5);display:none;font-size:.9em;left:5px;list-style:none;position:absolute;top:25px;width:265px;z-index:0;margin:0;padding:5px}
		#contact .sb-dropdown a{color:#7797a3;display:block;text-decoration:none;padding:3px}
		.sb-dropdown a:hover,.sb-dropdown .selected{background:#EEE}

	#contact form label.error {display:none}
	#contact form .details {background:url(../images/textarea-bg.png) left top no-repeat;height:138px;margin:0 0 12px;overflow:hidden;width:296px}
	#contact form .right-section .error {background-position:0 100%}
	#contact form .details textarea {background:none;border:0;color:#7797a3;font:700 .9em/1em Arial, Sans-Serif;height:118px;overflow:auto;max-height:118px;max-width:272px;padding:10px 12px;width:272px}
	#contact .result {background:transparent;color:#fff;font-weight:700;height:180px;padding-top:20px;text-align:center;}
	
/* Footer */
#footer {background:#2b5068 url(../images/footer-centered.jpg) center top repeat-x;clear:both;color:#889aa6;font-size:.857em;overflow:hidden;width:100%}
#footer a {color:#889aa6}
#footer .content {height:110px;padding:26px 0;width:940px}
#footer .column {display:inline;float:left;margin:0 20px 0 0;width:300px}
#footer .column dt {clear:both;float:left;margin:0 5px 0 0}
#footer #copyright {float:right;margin:0;text-align:right}