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

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, img { 
	margin:0;
	padding:0;
	position: relative;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

td {vertical-align: top;}

td.mid { vertical-align: middle; }

fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
	padding: 9px 0 0 0;
}

ul { list-style: url(images/bullet.gif); 	
}

caption,th {
	text-align:left;
}

h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym { 
	border:0;
}

/* END Reset */

/* Typography */

body { 
  color: #7f8184; 
  font: 12px/18px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
}

h2,h3,h4,h5,h6 { 
  color: #000; 
}


/* Headings
-------------------------------------------------------------- */

h2,h3,h4,h5,h6 { font-weight: normal; }

h1 {
	font: bold 24px/24px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	margin: 36px 0 0 0px;
	padding: 0 0 0 0;
	text-transform: none;
}

#folio h1 {
	margin: 0 0 18px 0;
}

h2 {
	font: small-caps 18px/24px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	margin: 36px 0 0 0px;
	padding: 0 0 0 7px;
	text-transform: none;
	background:url(images/hdr_circle.png) no-repeat;
	position:relative;
	left:-10px;
}

h3 { 
  font: 14px/18px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
  margin: 18px 0 0 0; 
  color: #a7a9ac;
}

#folio h3 {
	display: block;
	padding: 0;
	margin: 6px 0;
}

h4 { 
  font: bold 14px/18px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
  margin: 18px 0 0 0; 
  color: #F7A11A;
}

h5 { 
  font: 12px/18px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
  margin: 18px 0 0 0; 
}


/* Text elements
-------------------------------------------------------------- */

h1 + p 		{margin: 18px 0 0 0;}
p           { margin: 9px 0 0 0; }
p.last      { margin-bottom: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */

ul, ol      { margin:0 18px 18px 18px; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 18px 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 18px;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 18px; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     { color: #FFF; background: #A7A9AC; }
a           { color: #000; text-decoration: none; }
#contact a	{ padding: 3px; background: #f7bc5f; }

blockquote  { margin: 18px; color: #666; font-style: italic; }
strong      { font-weight: bold; color: #F7A11A; }
em,dfn      { font-style: italic; }

.blk		{color: #000; }

/* END Typography */


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }


/* Layout elements
-------------------------------------------------------------- */
body { background: #b9babd url(images/bg_body.png) repeat-x scroll center top; }

#container {
	width: 930px;
	margin: 0px auto;
	background: url(images/shdw_sides.png) repeat-y;
}

#shdw_top {
	width: 930px;
	padding-top: 10px;
	margin: 0px auto 0px auto;
}

#mastHd {
	width: 900px;
	/*height: 550px;
	overflow: hidden;*/
	margin-left: 15px;
	background: url(images/watermark.png) no-repeat bottom right;
}

#logo {
	padding: 12px 50px 0 0;
}

#srvc_hdr {
	padding: 26px 0 0 0;
}

#folio {
	width: 600px;
	margin-right: 40px;
}

#folio td { border-bottom: 1px solid #F7A11A; padding: 18px 0 9px 0; }


#folio td + td { padding-left: 10px; }

#navFolio { padding: 0 0 0 0; }

#navFolio a {
	display:block;
	height: 40px;
	width: 212px;
	float:left;
}

#navFolio a.brand {
	background: url(images/btn_branding.gif) no-repeat;
}

#navFolio a.brand:hover {
	background-position: -211px 0;
}

#navFolio a.print {
	background: url(images/btn_print.gif) no-repeat;
}

#navFolio a.print:hover {
	background-position: -211px 0;
}

#navFolio a.pub {
	background: url(images/btn_publications.gif) no-repeat;
}

#navFolio a.pub:hover {
	background-position: -211px 0;
}

#navFolio a.web {
	background: url(images/btn_web.gif) no-repeat;
	height: 40px;
}

#navFolio a.web:hover {
	background-position: -211px 0;
}


#navFolio a.inquire {
	background: url(images/btn_inquire.gif) no-repeat 1px 0;
	height: 38px;
}

#navFolio a.inquire:hover {
	background-position: -210px 0;
}

#nav {
	width: 212px;
	float:left;
	padding: 0 20px 0 20px;
	border-left: 1px solid #FFF;
	z-index: 100;
}

#nav a { 
	display:block;
	height: 33px;
}

#nav a:hover { background-position: -212px; }

#nav a.home {
	background: url(images/btn_home.gif);
	height: 33px;
}

#nav a.home:hover { background-position: -211px; }

#nav a.serv {
	background: url(images/btn_services.gif);
}

#nav a.serv:hover { background-position: -211px; }

#nav a.team {
	background: url(images/btn_team.gif);
}

#nav a.team:hover { background-position: -211px; }

#nav a.portfolio {
	background: url(images/btn_portfolio.gif);
}

#nav a.portfolio:hover { background-position: -211px; }

#nav a.test {
	background: url(images/btn_testimonials.gif);
}

#nav a.test:hover { background-position: -211px; }

#nav a.contact {
	background: url(images/btn_contact.gif) 0 0;
	height: 35px;
}

#nav a.contact:hover { background-position: -211px 0; }

#nav a.contact_port {
	background: url(images/btn_contact_port.gif) no-repeat 0 0;
	height: 35px;
}

#nav a.contact_port:hover, #nav a.contact_on { background: url(images/btn_contact_port.gif) no-repeat; background-position: -211px 0;
	height: 35px;
}

#nav a.actv { background-position: -423px 0; }

#navTeam { padding: 0 0 0 0; }

#navTeam a {
	display:block;
	height: 22px;
	width: 212px;
	float:left;
}

#navTeam a.sl {
	background: url(images/name_shaunL.gif) no-repeat;
}

#navTeam a.sl:hover {
	background-position: -211px 0;
}

#navTeam a.kp {
	background: url(images/name_kerry.gif) no-repeat;
}

#navTeam a.kp:hover {
	background-position: -211px 0;
}

#navTeam a.srs {
	background: url(images/name_sarah.gif) no-repeat;
}

#navTeam a.srs:hover {
	background-position: -211px 0;
}

#navTeam a.sf {
	background: url(images/name_shaunf.gif) no-repeat;
}

#navTeam a.sf:hover {
	background-position: -211px 0;
}

#navTeam a.kf {
	background: url(images/name_kathy.gif) no-repeat;
}

#navTeam a.kf:hover {
	background-position: -211px 0;
}

#navTeam a.mc {
	background: url(images/name_matthew.gif) no-repeat;
}

#navTeam a.mc:hover {
	background-position: -211px 0;
}

#navTeam a.lm {
	background: url(images/name_liz.gif) no-repeat;
	height: 27px;
}

#navTeam a.lm:hover {
	background-position: -211px 0;
}

a.next {
	display: block;
	width: 51px;
	height: 21px;
	float: left;
	margin-top: 9px;
	background:url(images/btn_next.gif) no-repeat;
}

a.next:hover {
	display: block;
	width: 51px;
	height: 21px;
	float: left;
	background:url(images/btn_next_ro.gif) no-repeat;
}

a.prev {
	display: block;
	width: 51px;
	height: 21px;
	float: left;
	margin-top: 9px;
	margin-right: 9px;
	background:url(images/btn_prev.gif) no-repeat;
}

a.prev:hover {
	display: block;
	width: 51px;
	height: 21px;
	float: left;
	background:url(images/btn_prev_ro.gif) no-repeat;
}

a.featureLink {
	display: block;
	width: 200px;
	height: 22px;
	background:url(images/btn_feature.gif) no-repeat;
}

a.featureLink:hover {
	background:url(images/btn_feature_ro.gif) no-repeat;
}

#featr {
	margin: 36px 0px 0px 20px;
	width: 200px;
}

#feat_proj {
	border: 1px solid #a7a9ac;
	padding: 2px;
	margin-top: 3px;
}

#content {
	clear:both; 
	padding-top: 10px;
}

#Txt_home {
	width: 480px;
	margin: 37px 0 0 80px;
	height: 228px;
	overflow: hidden;
}

#Txt_home h1 { 
	margin: 0px 0 0 0; 
}

#Txt_sub {
	width: 780px;
	clear:both;
	margin: 0px 0 0 50px;
	/*height: 265px;*/
	overflow: hidden;
}

#shdw_bot {
	margin: 0 auto;
	width: 930px;
}
.clear {
	clear: both;
}

.floatL {
	float: left;
}

.floatR {
	float: right;
}

#teamnav {
	clear:both;
	margin: 18px 0 0 50px;
}

/*#teamnav td { vertical-align: bottom }

#teamnav img { margin: 0 10px 0 0; } */

#team {margin: 0px 0 18px 0; }

#team td {
	padding: 9px 0 9px 0;
}

#team h3, #team h2, #serve h2, #testimonial h3 {
	margin: 0;
}

#teamnav a { background:none; border-bottom: 2px solid #FFF; margin: 0 10px 0 0; }
#teamnav a:hover { background:none; border-bottom: 2px solid #a7a9ac; }

.title { font: bold 14px Arial, Helvetica, sans-serif, "Lucida Grande";
	color: #7f8184;
}

/* #team img { float: right; } */

#teambio { padding-right: 54px; border-top: 18px solid #FFF; }
#teambio div { border-top: 1px solid #FFF; margin-top:18px; }
#teambio img {
	float: left;
	clear: both;
	padding: 0 0 0 0;
/*	margin-left: 90px; */
}

#teambio h2 {
	margin-top: 18px;
}

#teambio h2, #teambio p {
	margin-left: 200px;
}

#contact { margin-top: 0px; }

#contact td { padding: 0 0 18px 0; }

#testimonial td {
	height: 218px;
	padding-top: 18px;
}

/*#testimonial h3, #testimonial h4 {
	margin-top: 9px;
}*/

.hdr { padding: 18px 0 9px 0; }

.clearit {
	clear: both;
}

table.services { margin-top: 24px; margin-left: 12px; }

table.services td {
	padding: 0 9px;
	margin-top: 0px;
}

table.services td + td {
	border-left: 1px solid #F7A11A;
	vertical-align: middle;
}

table.services h2 {
	margin-top: 0px;
}

#leftCol {
	padding: 36px 0 0 0;
}

#leftCol a {
	display: block;
	height: 55px;
	background-position: 0px 0px;
}

#leftCol a:hover {
	background-position: 0px -57px;
}

a.logos { background: url(images/btn_logos.gif) no-repeat; }
a.web { background: url(images/btn_websites.gif) no-repeat; }
a.reg { background: url(images/btn_register.gif) no-repeat; }
a.seminar { background: url(images/btn_seminar.gif) no-repeat; }
a.blog { background: url(images/btn_blog.gif) no-repeat; }
a.info { background: url(images/btn_moreinfo.gif) no-repeat; }
a.view { display: block; background: url(images/btn_view.png) no-repeat 0 0; height: 50px; }
a.view:hover { display: block; background: url(images/btn_view.png) no-repeat 0 -49px; }
a.inquiry {
	display: block;
	background: url(images/btn_inquiry.png) no-repeat 0 0;
	background-color: transparent;
	height: 50px;
	padding: 0px; 
}

a.inquiry:hover {
	background: url(images/btn_inquiry.png) no-repeat 0 -50px;
	padding: 0px;
	background-color: transparent;
}

#social a {
	display: inline;
	background: none;
}

#social a:hover {
	display: inline;
	background: none;
}

#gallery a { display:inline; }

.clear { display: inline-block; }   

.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

* html .clear { height: 1%; }
.clear { display: block; }


/* END Layout */

/* Forms */

#form_contact { padding: 0 18px 18px 18px; }

/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label { font-weight: bold; }
label.reqd { color: #F7A11A; }

/* Fieldsets */
fieldset    { padding:1.4em; margin: 18px 0 18px 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:14px; color: #F7A11A; }

/* Text fields */
input { vertical-align: text-bottom; }
input.text, input.title   { width: 300px; margin:0 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }

/* checkbox */

input.check { vertical-align: middle; }

/* Textareas */
textarea            { width: 400px; min-height: 50px; margin: 0 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
select              { border:1px solid #ccc; background:#f6f6f6; width:200px; margin: 0 0.5em 0.5em 0; }
select:focus        { border:1px solid #999; background:#fff; }


/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

form ul {list-style: none; }
form li { padding: 9px 9px 0 0; }

/* END Forms */