/* Copyright Peacock Carter 2006 - 2009 */
/* @todo refactor */
/* Reset */
address, caption, cite, code, dfn, th{font-style:normal; font-weight:normal}
abbr, acronym{border:0}
body, html{margin:0; padding:0}
blockquote, body, div, dl, dt, dd, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, ul, p, pre, textarea, td, th{margin:0; padding:0}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6, p, pre, blockquote{background:transparent; font-weight:normal; word-spacing:0px}
fieldset, img{border:0}
table{border-collapse:collapse; border-spacing:0; clear:both; margin:10px}
h2 a, h3 a {text-decoration: none}
	h2 a:hover, h3 a:hover {text-decoration: underline !important}
/* Generic */
a, a:active, a:link {color: #1aa9c3}
body {background: #FFF url("images/body_bg.gif") repeat-x top center;color: #000;font-family: "trebuchet ms", "monaco", "arial", "verdana", sans-serif;font-size: 62.5%}
abbr, acronym {border-bottom: 1px #000 dotted;cursor: help}
h1, h2, h3, h4, h5, h6 {line-height: 200%}
h2, h3, h4, h5, h6 {font-weight: bold}
h1 {color: #000;font-size: 150%}
	h1 a {color: #000 !important}
h2 {color: #333;font-size: 125%;line-height: 125%}
	h2 a {color: #333 !important}
h3 {color: #000;font-size: 110%;line-height: 110%}
	h3 a {color: #000 !important}
h4, h5, h6 {color: #666;font-size: 100%;text-transform: uppercase}
h6 a {color: #666}
a, a:link, a:active {color: #333}
a:hover {color: #1aa9c3;text-decoration: none}
a.out {color: #000 !important}
.float_left {float: left !important}
.float_right {float: right !important}
.clear {clear: both !important}
.hide {display: none !important}
table{background:transparent; display: block;margin: 10px 0}
th, td {padding: 5px}
th {background: #1aa9c3; color: #FFF;font-weight: bold}
td {border-bottom: 1px #DDD solid;color: #000;}
/* Specific */
.wrapper {margin: 0 auto;width: 960px}

#logo {background: #189bb2 url("images/logo-wrapper_bg.png") no-repeat top center}
#logo .wrapper {/*background: transparent url("images/logo_bg.png") no-repeat center right*/;padding: 10px 0}
	#logo img {padding: 10px 0 0 0}

#nav {background: #189bb2 url("images/nav_bg.png") repeat-x top left;border-top: 1px #189bb2 solid;height:31px;padding: 2px 0 0 0}
#nav ul {font-size: 115%;list-style-type: none}
	#nav li {display: inline}
	#nav a {color: #FFF}
	#nav li a {border-width: 0 !important;float: left;font-weight: bold;height: 18px;padding: 8px 5px 5px 5px;position: relative !important;text-decoration: none;width: 107px;text-align: center}
	#nav li.contact a {margin-right: 0 !important}
	#nav li a:hover {background: transparent url("images/nav_bg-a-hover.png") no-repeat bottom left;color: #FFF;text-decoration: underline}

#contact-us {border-bottom: 1px #DDD solid;color: #666;font-size: 115%;padding: 10px}
	#contact-us ul {float: right;list-style-type: none}
	#contact-us li {display: inline;margin-left: 10px}
	#contact-us a {color: #666;text-decoration: none}
	#contact-us a:hover {color: #1aa9c3}
	#contact-us ul.nav {float: left !important;margin: 0 10px 0 0 !important;text-align: left}
ul.breadcrumb {float: left !important;list-style-type: none;margin: 0 !important;text-align: left !important}
	ul.breadcrumb a:after {content: &raquo}
/* Main content */
#main {font-size: 130%;float: left}
	h1.first {border-bottom: 1px solid #CCC;margin-bottom: 10px;padding: 8px 0}
	h1.first span {color: #AAA}
	
#main a {color: #1aa9c3}
#main p, #main ul, #main ol, #main dl {margin: 10px 0 15px 0}
	#main ol, #main ul {margin-left: 25px}
	dt {font-weight: bold;list-style-type: disc}
	dd {margin-bottom: 5px}
#main img {clear: right;margin: 10px 0 10px 10px}
	#main img.float_left {clear: left !important;margin: 10px 10px 0 0 !important}
	#content a:visited {color: #189bb2}
	
#content, #column, #content-wide {float: left}

#content {padding-bottom: 10px;padding-right: 45px;width: 475px}
	#content img, #content-wide img {float: right}
#content-wide {padding: 0 20px 10px 0;width: 700px}
#column {padding: 0 10px;width: 200px}
	#column img {float: none;margin: 0 !important}
	#column h2 {border-color: #666;color: #333;font-size: 100%;padding-top: 5px}
	#column h3, #column h3 a {color: #1aa9c3}
	#column h3 + p {margin-top: 0}
/* Misc style */
.box {margin: 0 0 10px 0;}
.box, img.photo, img.portfolio, div.portfolio img, input, textarea, submit {border-color: #DDD #DDD #AAA #DDD !important;border-style: solid;border-width: 1px 1px 1px 1px}
.box {border-top: 3px #1aa9c3 solid !important}
.box, img.photo {background: #FAFAFA;padding: 10px 9px}
img.portfolio {background: #FAFAFA;padding: 0}

div.portfolio {border-color: #DDD #DDD #AAA #DDD !important;border-style: solid;border-width: 1px 0;margin: 10px 0;padding: 10px 0}
	div.portfolio img {float: none !important;margin-right: 10px;text-align: center}

h1.first + p, p.intro {color: #1aa9c3 !important;font-size: 150% !important}

ul.why-us {list-style-position: inside;list-style-type: none;margin-left: 0 !important}
ul.why-us li {height: 100px;padding: 10px}
	li.odd {background-color: #FAFAFA}
	li.odd img {float: left !important;padding-right: 10px}
blockquote {background: transparent url("images/quote_bg.gif") no-repeat left center;color: #666;font-style: italic;font-size: 150%;padding-left: 50px}
	.testimonials blockquote {background: none}
ul.testimonials {list-style-type: none;margin-left: 0 !important}
	.testimonials blockquote:after {content: "}
	.testimonials li {background: transparent url("images/quote_bg.gif") no-repeat left center;border-bottom: 2px #DDD dotted;padding: 10px 10px 10px 50px}
	ul.testimonials li.odd {background-position: right center;padding: 10px 50px 10px 10px}
	blockquote strong {color: #1aa9c3}
p.contact, p.legal {border-top: 1px #666 dotted;color: #333;font-size: 110%;padding: 10px 0}
	.contact span{font-weight: bold}	
p.legal {border-top: 1px #666 dotted;color: #666;font-size: 90%}
div.featured-work, div.highlight {border-bottom: #DDD solid 1px;margin: 5px 0;padding: 10px 0 !important}
	.featured-work p, .highlight p {color: #333;margin: 0 !important}
	.featured-work h3, .highlight h3 {font-size:100%;text-transform: uppercase}
	.featured-work h3 a, .highlight h3 a, .featured-work p a:hover {color: #1aa9c3 !important}
	.featured-work p a {color: #333 !important}
div.what-we-do, div.split {display: inline;float: left;margin-right: 25px;width: 305px}
/* Forms */
input.submit, submit {background: #FAFAFA}
input, label, submit, textarea {display: block}
input, textarea {margin-bottom: 5px}
input:focus, textarea:focus, submit:focus {border-color: #1aa9c3 !important}
/* column form */
#column form, #column input, #column textarea {width: 179px}
#column input.submit {background: #FFF}

#subnav {float: right;padding: 0;font-size: 110%;width: 200px}
#subnav ul {list-style-type: none;margin: 0 !important}
	#subnav li {display: block}
	#subnav li a {background: #FAFAFA;border-bottom: 1px #DDD solid;border-left: 1px #DDD solid;color: #666;display: block;font-weight: bold;padding: 10px 0 10px 10px;display: inline-block;text-decoration: none;width: 189px}
	#subnav li a:hover {background: #FFF !important;border-left: 1px #FFF solid !important;color: #1aa9c3 !important;text-decoration: underline !important}
	#subnav .sub a {padding: 10px 0 10px 25px;width: 174px}
img.hiring {margin: 10px 0}
/* Blog */
p.blog_meta {background: transparent url("images/blog-comments_bg.gif") no-repeat center right;border-top: 1px #666 dotted;border-bottom: 1px #666 dotted;color: #666;font-size: 85%;padding: 5px 30px 5px 5px;text-align: right}
div.blog_entry {margin: 10px 0}
ul.pagination {font-size: 80% !important;line-height: 80% !important;list-style-type: none;margin:10px 0 !important;padding: 15px 0 !important}
	.pagination li {display: inline;margin: 0;}
	.pagination a {background: #FFF;border: 1px #1aa9c3 solid !important;color: #1aa9c3 !important;margin: 0 3px;padding: 3px !important;text-decoration: none;}
	.pagination a:hover {background: #1aa9c3 !important;border: 1px #FFF solid !important;	color: #FFF !important}
div.blog_msg {padding: 10px}
div.blog_comment {background: #FAFAFA;margin: 10px 0;padding: 5px}
	.blog_comment .blog_meta {border-top-width: 0 !important}
div.bad{border: 1px #A00 solid}
div.good{border: 1px #9C0 solid}
.blog-latest {background: transparent url("images/home_blog_bg.gif") bottom left no-repeat;padding: 5px 5px 35px 5px;text-align: center;width: 205px}
	.blog-latest a {color: #1aa9c3;text-decoration: none}
	.blog-latest a:hover {text-decoration: underline}
.blog-from {font-size: 80%}
/* Footer */
#pre-footer {background: #FAFAFA;border-color: #DDD;border-style: solid;border-width: 1px 1px 0 1px;clear: both;font-size: 110%;padding: 10px 0}
	#pre-footer div.blog-twitter, #pre-footer div.newsletter, #pre-footer div.wide {border-left: 1px #DDD solid;display: inline;float: left;padding: 0 5px;min-height: 150px}
		div.blog-twitter, div.newsletter {padding-left: 10px;width: 250px}
		.newsletter input {width: 240px !important}
		div.blog-twitter {border-width: 0 !important}
		div.wide {border-width: 0;width: 400px !important}
		div.wide img {margin-right: 10px}
		#twitter_update_list {list-style-type: none}
	#pre-footer img {float: left}
	#pre-footer label {margin: 0}
#pre-footer label, #pre-footer input {margin: 0 0 5px 0;padding: 0}
div.address, div.contact-us {float: left;margin-top: 10px;padding: 0;width: 315px}
div.address p, div.contact-us p {padding: 10px 0}
	div.contact-us p {font-size: 175%;text-align: right}
	p.office, #pre-footer p {padding: 10px 0}
#footer {background: #1aa9c3;clear: both;color: #FFF;font-size: 110%;text-shadow: #189bb2 3px 3px 0}
	#footer div.wrapper {background: transparent;padding: 10px}
	#footer a {color: #FFF;text-decoration: none}
	#footer a:hover {text-decoration: underline}
	#footer h6 {color: #FFF;padding: 10px 0 0 0;text-transform: uppercase}
	#footer span {font-weight: bold}
	#footer p.float_right {padding-right: 10px}
ul.sitemap {}
	ul.sitemap ul a, ul.sitemap ul a:active, ul.sitemap ul a:link, ul.sitemap ul a:visited {color: #333 !important}