@charset "UTF-8";
/* CSS Document */

/*------------------------------------------------------------------------------------------------*/
/* CSS Reset v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*------------------------------------------------------------------------------------------------*/
/* Global */

html {
	height:100%;
	width:100%;
}
body {
	height:100%;
	width:100%;
}
h1 {
	color:#c9ab68;
	font-family:"Trebuchet MS", verdana;
	font-size:16px;
	line-height:16px;
	margin-bottom:16px;
}
h2 {
	color:#ffffff;
	font-family:"Trebuchet MS", verdana;
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
}
h3 {
	color:#ffffff;
	font-family:"Trebuchet MS", verdana;
	font-size:13px;
	line-height:16px;
	margin-bottom:16px;
	font-weight:normal;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
}
h4, h4 a {
	color:#80b5ad;
	font-size:10px;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	font-family:"Trebuchet MS", verdana;
	line-height:16px;
	margin-bottom:16px;
	font-weight:100;
}
p, .maptext {
	color:#ffffff;
	font-family:"Trebuchet MS", verdana;
	font-size:13px;
	line-height:16px;
	margin-top:16px;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
}
a {
	text-decoration:none;
	color:#ffffff;
}
a:hover {
	text-decoration:underline;
}
a:visited {
}
hr {
	margin-top:16px;
	margin-bottom:16px;
	height:1px;
	border-bottom:1px;
	border-color:#2f3d3f;
	width:100%;
	clear:both;
}
address {
	margin-top:-3px;
	color:#ffffff;
	font-family:"Trebuchet MS", verdana;
	font-size:13px;
	line-height:16px;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	text-decoration:none;
}
.portfoliolinks {

	color:#517671;

}
/*------------------------------------------------------------------------------------------------*/
/* Interface */

#flash_background {
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	overflow: hidden;
	z-index:1;
}
#grid {
	width:100%;
	height:645px;
	background-image:url(../img/grid.png);
	background-repeat:no-repeat;
	overflow:visible;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	margin-bottom:-645px;
}
#wrapper {
	position:relative;
	margin:0px auto;
	width:596px;
	z-index:3;
}
/*------------------------------------------------------------------------------------------------*/
/* Header */

#header {
	width:596px;
	height:69px;
	position:relative;
	padding-top:26px;
}
#left_logo a, #left_logo a:hover, #left_logo a:active {
	position:relative;
	width:138px;
	height:42px;
	float:left;
	margin-left:20px;
	border:none;
}
#right_nav {
	position:relative;
	float:left;
	margin-top:11px;
	margin-left:124px;
}
/*------------------------------------------------------------------------------------------------*/
/* Navigation */

#navigation {
	position:relative;
	background:url(../img/nav.png) -0px -23px no-repeat;
	width:290px;
	height:23px;
	z-index:100;
}
#navigation span {
	display: none;
}
#navigation li {
	height:23px;
	float:left;
}
#navigation li, #navigation a {
	display:block;
	list-style:none;
}
/* Links */

#navabout, li#navabout a {
	height:23px;
	width:63px;
}
#navservices, li#navservices a {
	height:23px;
	width:79px;
}
#navclients, li#navclients a {
	height:23px;
	width:68px;
}
#navcontact, li#navcontact a {
	height:23px;
	width:76px;
}
/* Hovers */

#navabout a:hover {
	background:url(../img/nav.png) -0px 0px no-repeat;
}
#navservices a:hover {
	background:url(../img/nav.png) -63px 0px no-repeat;
}
#navclients a:hover {
	background:url(../img/nav.png) -142px 0px no-repeat;
}
#navcontact a:hover {
	background:url(../img/nav.png) -210px 0px no-repeat;
}
/* Body IDs */

body#about ul#navigation li#navabout {
	background:url(../img/nav.png) -0px -0px no-repeat;
}
body#services ul#navigation li#navservices {
	background:url(../img/nav.png) -63px -0px no-repeat;
}
body#clients ul#navigation li#navclients {
	background:url(../img/nav.png) -142px -0px no-repeat;
}
body#contact ul#navigation li#navcontact {
	background:url(../img/nav.png) -210px -0px no-repeat;
}
/*------------------------------------------------------------------------------------------------*/
/* Content Formatting */

#content_top {
	height:6px;
	width:596px;
	background-image:url(../img/content_top.png);
	background-repeat:no-repeat;
}
#content_intro {
	background-image:url(../img/bg_content.png);
	background-repeat:repeat;
	position:relative;
	width:552px;
	height:auto;
	margin-left:6px;
	padding:16px;
	margin-bottom:8px;
	clear:both;
}
#content_container {
	background-image:url(../img/bg_content.png);
	background-repeat:repeat;
	position:relative;
	width:552px;
	height:auto;
	margin-left:6px;
	padding:16px;
	clear:both;
	float:left;
}
#content_blog {
	width:330px;
	float:left;
	clear:left;
	background-image:url(../img/bg_content.png);
	background-repeat:repeat;
	position:relative;
	padding:16px;
	margin-left:6px;
	margin-right:8px;
}
#content_twitter {
	width:182px;
	float:left;
	clear:right;
	height:inherit;
	background-image:url(../img/bg_content.png);
	background-repeat:repeat;
	position:relative;
	padding:16px;
}
#contact_info {
	float:left;
	padding-left:16px;
}
#content_bottom {
	position:relative;
	height:6px;
	width:596px;
	background-image:url(../img/content_bottom.png);
	background-repeat:no-repeat;
	clear:left;
	padding-bottom:32px;
}
.intro {
	margin-top:0px;
}
.partner {
	position:relative;
	float:left;
	padding-left:16px;
	width:468px;
	margin-bottom:16px;
}
.portrait {
	width:62px;
	height:62px;
	float:left;
	border:1px solid white;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
}
.clientlist {
	opacity: 0.8;
	-moz-opacity:0.8;
	text-decoration:none;
}
.service {
	width:40px;
	height:40px;
	float:left;
	border:1px solid white;
	margin-top:19px;
	margin-right:16px;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
}
.about {
	width:472px;
	margin-left:80px;
}
.services {
/*width:492px;*/
	/*margin-left:59px;*/
}
#map {
	position:abolute;
	float:left;
	border:1px solid #FFFFFF;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	width:373px;
}
#twitter_update_list {
	color:#ffffff;
	font-family:"Trebuchet MS", verdana;
	font-size:13px;
	line-height:16px;
	width:182px;
	list-style:none;
	margin-left:0px;
	margin-bottom:0px;
}
#twitter_update_list ul, #twitter_update_list li {
	list-style:none;
	list-style-image:none;
	background-image:none;
}
#twitter_update_list li {
	border-bottom:1px solid #2f3d3f;
	color:#ffffff;
	font-family:"Trebuchet MS", verdana;
	font-size:13px;
	line-height:16px;
	padding-bottom:16px;
	margin-top:16px;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
}
.atreply, a.atreply, a:hover.atreply, .atreply a:hover {
	color:#ffffff;
}
.twitterdate, a.twitterdate, a:hover.twitterdate, .twitterdate a:hover {
	color:#80b5ad;
	font-size:10px;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
}

/*------------------------------------------------------------------------------------------------*/
/* Safari Hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
hr {
	height:1px;
	border:none;
	background-color:#2f3d3f;
}
}