

* {
	padding: 0;
	margin: 0;
	color: #76797c;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;

}

a {
	text-decoration: none;
	outline: none;
	color: #6fa497;
}

img {
	border: none;
}

p {
	margin: 0 0 12px 0;
}

html {
	height: 100%;
	width: 100%;
	min-width: 960px;
}

body {
	height: 100%;
	background: #cdd8da url(/images/bg.gif) repeat-x 0 0;
	font-size: 11px;
	font-family: Arial, Helvetica, San-serif;
	text-align: center;
	background: #FFF url(/images/bg.gif) repeat-x 0 0;
}

object {
	outline: none;
}

#main {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

#header {
	overflow: auto;
	clear: both;
}

#header-inner {
	margin: 0 auto;
	overflow: auto;
	width: 957px;
	text-align: left;
	background: transparent url(/images/headerglow.jpg) no-repeat 0 0;
}

#middle {
	clear: both;
}

#middle-inner {
	width: 957px;
	margin: 0 auto;
	text-align: left;
	background: transparent url(/images/midbg.gif) repeat-y 0 0;
}

/*Style changes for index*/

body.index {
	background: #FFF url(/images/indexbg.gif) repeat-x 0 0;
}

body.index #header-inner {
	background-image: none;
}

body.index #middle {
	margin-top: 8px;
}

body.index #middle-inner {
	background: transparent;
}

#home-titles div {
	float: left;
	width: 312px;
	padding: 38px 0 15px;
}

#home-titles div.last {
	float: none;
	width: auto;
	margin-left: 624px;
}

#home-titles div div {
	float: none;
	width: auto;
	float: left;
	width: 185px;
	margin-left: 29px;
	padding: 0;
}

#home-titles span {
	display: block;
}

#home-titles a {
	display: block;
	margin-left: 214px;
	background: transparent url(/images/home-button.gif) repeat-x 0 0;
	line-height: 24px;
	color: white;
	width: 98px;
	text-align: center;
	font-size: 12px;
	margin-top: 10px;
}

/*End Index styles*/

#logo {
	float: left;
	height: 106px;
	width: 157px;
}

#menuwrap {
	margin-left: 80px;
}

#menuwrap ul {
	list-style-type: none;
}

#headermenu ul li {
	display: inline;
}

#headermenu {
	text-align: right;
	padding-top: 10px;
	font-size: 12px;
	color: #626c73;
}

#headermenu a {
	color: #80a194;
}

#mainmenu {
	padding: 23px 0 0 100px;
}

#mainmenu ul {
	float: left;
	background: transparent url(/images/topmenu-bg.gif) repeat-x 0 0;
}

#mainmenu ul li {
	float: left;
	padding-top: 1px;
}

#mainmenu ul li.first {
	background: transparent url(/images/topmenu-left.jpg) no-repeat 0 0;
	padding-left: 40px;
}

#mainmenu ul li.last {
	background: transparent url(/images/topmenu-right.jpg) no-repeat right 0;
	padding-right: 40px;
}

#mainmenu ul li a {
	display: block;
	font-size: 13px;
	line-height: 29px;
	color: #DADADA;
	padding: 0 20px;
	border-right: 1px solid #82898f;
	border-left: 1px solid #545e66;
}

#mainmenu ul li.first a {
	border-left: none;
}

#mainmenu ul li.last a {
	border-right: none;
}

#flash-sub {
	padding-top: 11px;
	background: transparent url(/images/topmid.gif) no-repeat 0 0;
}

#flash-sub h1 {
	font-family: "Helvetica", Arial, Sans-serif;
	color: #535558;
	font-size: 26px;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 30px;
	padding: 14px 0 10px 0;
	border-bottom: 1px solid #f1f3f4;
}

#content {
	overflow: auto;
}

#content-bottom {
	
}

#content input {
	border: 1px solid #DADCDD;
	padding: 3px;
}

#content textarea {
	border: 1px solid #DADCDD;
	padding: 3px;
	font-size: 12px;
}

#left-menu {
	float: left;
	width: 225px;
	overflow: auto;
	margin-bottom: 20px;
}

#left-menu ul {
	list-style-type: none;
	padding: 20px 6px 0 24px;
}

#left-menu ul li {
}

#left-menu ul li span.head{
	color: #606a71;
	font-size: 14px;
	display: block;
	padding: 4px 0 4px 4px;
}

#left-menu ul li.last {
	border: 0;
}

#left-menu ul li a {
	display: block;
	font-size: 12px;
	color: #8098a2;
	padding: 0 0 0 12px;
	line-height: 26px;
}

#left-menu ul li a:hover {
}

#left-menu ul li ul {
	padding: 0 6px 0 24px;
}

/* 6fa497 */
#right-content {
	margin-left:225px;
	background: transparent url(/images/shadow.gif) no-repeat left top;
	color: #57595a;
	padding: 22px 30px 50px 22px;
	font-size: 12px;

	min-height:260px;
	height:auto !important;
	height:260px;
}
* html #right-content{
	margin-left:0px;
	float:left;
}

#right-content.has-selector {
	float: left;
	margin-left: 0;
	width: 360px;
}

#selector-col {
	margin-left: 640px;
	background: transparent url(/images/shadow.gif) no-repeat left top;
	padding: 22px 0 50px 12px;

	min-height:260px;
	height:auto !important;
	height:260px;
}

#bottom-curve {
	height: 6px;
	background: transparent url(/images/bottom-bg.gif) no-repeat 0 0;
}

#footer {
	padding: 20px 2px 10px 2px;
	color: #80a194;
}

#foot-inner {
	background: transparent url(/images/footer-mid.gif) repeat-x 0 0;
	width: 961px;
	margin: 0 auto;
	overflow: auto;
}

#foot-links {
	float: left;
	background: transparent url(/images/footer-left.gif) no-repeat 0 0;
	height: 35px;
	overflow: auto;
	border-left: 1px solid #FFF;
	
}

#foot-links ul {
	list-style-type: none;
}

#foot-links ul li {
	float: left;
}

#foot-links ul li a {
	padding: 0 10px;
	line-height: 30px;
	color: #80a194;
}

#copyright {
	float: right;
	line-height: 30px;
	height: 35px;
	padding-right: 12px;
	color: #80a194;
	background: transparent url(/images/footer-right.gif) no-repeat right 0;
}

#copyright a {
	color: #80a194;
}

.clear {
	display: block;
	clear: both;
}

#right-content h2 {
	font-family: "Helvetica", Arial, Sans-serif;
	color: #606a71;
	font-size: 22px;
	font-weight: normal;
	letter-spacing: -1px;
	padding-bottom: 8px;
}

#right-content h2 b, #right-content h2 strong {
	font-family: "Helvetica", Arial, Sans-serif;
	color: #606a71;
}

#right-content h3 {
	font-family: "Helvetica", Arial, Sans-serif;
	color: #3a636c;
	padding: 4px 0 4px 0;
	font-size: 18px;
}

#right-content p {
	line-height: 20px;
	font-size: 12px;
}

#right-content a {
	color: #6fa497;
	text-decoration: none;
}

#right-content a:hover {
	text-decoration: underline;
}

#right-content ul {
	margin-bottom: 12px;
	padding: 4px 0 8px 24px;
	list-style-type: circle;
}

#right-content ul li {
	line-height: 18px;
	padding: 4px 0 4px 0px;
}

#right-content ol {
	padding: 0 0 20px 24px;
}

#right-content ol li {
	line-height: 18px;
	padding: 0 0 4px 0px;
}

#home-flash {
	background: transparent no-repeat 0 0;
	height: 600px;
	overflow: hidden;
}

/* careers page stuff */

.form-row {
	clear: right;
	overflow: auto;
	padding-bottom: 8px;
	width: 90%;
}

.form-row label {
   display: block;
   float: left;
   text-align: right;
   width: 100px;
   margin: 0 5px 0 0;
   padding: 3px 4px;
}

.form-row label.no-block {
   float: left;
   width: auto;
   padding: 4px;
}

.form-row label.required {
	font-weight: bold;
}

.form-row label.no-width {
	width: auto;
}


.form-row input, .form-row select {
   display: block;
   float: left;
}

.form-row label.lbl-wider {
	width: 200px;
}

.form-row input#zip { width: 60px; }
.form-row input#first-name { width: 250px; }
.form-row input#last-name { width: 250px; }
.form-row input#email { width: 250px; }
.form-row input#address { width: 250px; }
.form-row input#city { width: 120px; }
.form-row input#needs_other { width: 200px; margin: 2px 0 0 18px; }
.form-row input#submit { float: none; }
.form-row textarea#comments { width: 300px;  }

.form-separator {
	height: 40px;
	margin-bottom: 20px;
	border-bottom: 1px solid #f1f3f4;
}


.cb-wrap { display: block; margin: 5px 0 5px 0; }

.form-row div.input-group {
	margin-left: 220px;
}

.form-row div.input-group input {
	float: none;
	display: inline;
}

.an-i-small { width: 40px; }

.an-checkbox-wrap {
   display: block;
   margin: 5px 0 5px 0;
   }
   
.checkboxes {
	width: 300px;
	float: left;
}

.an-textarea {
	width: 400px;
	height: 200px;
}

/* this is hidden until they choose the option from the dropdown */
#another_website { display: none; }

 /* site map */
#sitemap ul, #sitemap li {
   background: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

#sitemap li {
	/*margin-bottom: 15px;*/
	font-weight: bold;
	font-size: 12px;
	line-height: 22px;
}

#sitemap li a {
	text-decoration: none;
	border-bottom: 1px dotted #415F57;
}

#sitemap li a:hover {
	border-bottom: 1px solid #415F57;
}

#sitemap li li {
	/*background: transparent url(/images/ccc-horiz.gif) 0 4px no-repeat;*/
	background: none;
	border-left: 1px solid #CCC;
	margin: 0 0 0 15px;
	padding-left: 25px;
	font-weight: normal;
}

#sitemap li li ul {
	padding-bottom: 17px;
}

/* maps stuff */
#map_canvas {
   clear: both;
   width: 600px;
   height: 300px;
}

/* newsletter */
.newsletter_block {
   padding: 5px 0 5px 0;
}

.newsletter_block h2 {
   padding: 0 0 0px 0;
   margin: 0;
}

/* exec contact page */
#contact_form { display: none; }
#contact_form, #contact_form_nojs {
   padding: 0 0 10px 0;
}

#contact_form select, #contact_form_nojs select {
   display: block;
   margin: 5px 0 5px 0;
}

#contact_form select option, #contact_form_nojs select option {
   padding: 1px 1px 1px 3px;
}

.exec_msg {
   display: block;
   font-size: 12px;
   padding: 5px;
}

#contact_form label, #contact_form_nojs label {
   display: block;
   margin: 5px 0 5px 0;
}

.exec_from { padding: 3px; }

/* .email { background-color: red; display: block; cursor: pointer; }*/

div.portfolio-row {
	padding-bottom: 26px;
}

#right-content div.portfolio-row a {
	display: block;
	float: left;
	width: 200px;
	background: transparent url(/images/thumb-shadow.gif) no-repeat right 122px;
	margin-right: 36px;
	text-decoration: none;
	font-family: Arial, Helvetica, Sans-serif;	
	font-size: 11px;
	font-weight: normal;
	color: #606a71;
	cursor: hand;
}

#right-content div.portfolio-row a.last {
	margin-right: 0;
}

#right-content div.portfolio-row a:hover {
	text-decoration: none;
}

div.portfolio-row a span.clear {
	display: block;
	clear: both; 
}


div.portfolio-row a span.img {
	display: block;
	position: relative;
	width: 200px;
	height: 120px;
	overflow: hidden;
	border: 1px solid #d2dcdd;
	margin-bottom: 22px;
}

div.portfolio-row a span.img span {
	display: block;
	width: 220px;
	padding: 8px;
	position: absolute;
	left: 0;
	top: 128px;
	color: white;
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bold;
	background-color: #13212B;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
}

div.portfolio-row a:hover span.img span {
	/* top: 90px; */
}

div.portfolio-row a img {
	width: 200px;
	height: 159px;
}

div.portfolio-row a b {
	font-family: Arial, Helvetica, Sans-serif;	
	font-size: 12px;
	color: #606a71;
}

#portfolio-left {
	width: 324px;
	float: left;
}

#portfolio-right {
	width:310px;
	float:left;
	padding-left:20px;
}

.main-thumb {
	display:block;
	width: 322px;
	height: 256px;
	background: transparent url(/images/larger-shadow.gif) no-repeat right 234px;
}

.main-thumb img {
	border: 1px solid #dce3e4;
}

#portfolio-thumbs
{
	padding:0 8px;
	width:322px;
}

#portfolio-thumbs img
{
	border: 1px solid #dce3e4;
	width:90px;
	margin:0 15px 10px 0;
	cursor:pointer;
}

#selector ul {
	position: relative;
	float: left;
	list-style: none;
	overflow: hidden;
	width: 222px;
	height: 185px;
	margin-left: 6px;
}

#selector ul li {
	position: absolute;
}


#selector ul li a {
	display: block;
}

#selector ul li a span {
	position: absolute;
	width: 222px;
	background-color: #13212B;
	opacity:.80;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	overflow: hidden;
}

#selector ul li a span b {
	display: block;
	color: white;
	font-family: Arial, Helvetica, Sans-serif;
	padding: 8px;
	white-space: nowrap;
}

#selector ul li a span.pname {
	display: block;
	top: 146px;
}

#selector ul li a span.view {
	display: none;
}


#selector ul li a img.selthumb {
	border-top: 1px solid #dce3e4;
	border-left: 1px solid #dce3e4;
	border-right: 1px solid #dce3e4;
	z-index: -1;
}

#selector ul li a img.selshadow {
	border-top: 1px solid #dce3e4;
	width: 222px;
	position: absolute;
	z-index: 10;
}
	

#selector a#selector-rev {
	display: block;
	float: left;
	background: #FFF url(/images/selector-rev.gif) no-repeat left 50%;
	width: 25px;
	height: 175px;
}

#selector a#selector-fwd {
	display: block;
	float: none;
	background: #FFF url(/images/selector-fwd.gif) no-repeat right 50%;
	margin-left: 260px;
	width: 25px;
	height: 175px;
}

#selector-col h3 {
	font-weight: normal;
	font-size: 16px;
	letter-spacing: -1px;
	color: #606a71;
	padding: 0 0 14px 29px;
}

#portfolio-right h2 {
	padding-bottom: 0;
}

#portfolio-right div.client-name {
	padding: 0 0 16px 2px;
	font-size: 14px;
}

#portfolio-right div.project-info {
	padding: 0 0 16px 2px;	
}

#home-featured {
	padding-top: 42px;
}

#home-featured div.outer {
	float: left;
	width: 316px;
}

#home-featured div.last {
	float: none;
	width: 316px;
	margin-left: 632px;
}

#home-featured div.outer div {
	margin: 0 0 0 23px;
}

.featured-title {
	display: block;
	font-size: 20px;
	letter-spacing: -1px;
	color: #606a71;
}

.featured-project {
	display: block;
	font-size: 12px;
	color: #465053;
	padding-bottom: 12px;
}

.featured-image img {
	border: 3px solid #fff;
}

.featured-image {
	display: block;
	background: transparent url(/images/featured-shadow.gif) no-repeat left 126px;
	padding-bottom: 17px;
}

.featured-button {
	display: block;
	float: left;
	background: #818a8f url(/images/featured-buttonbg.gif) repeat-x 0 0;
	color: #fff;
	line-height: 25px;
	width: 100px;
	text-align: center;
}

#home-page-content {
	margin-top: 20px;
}


#digs {
	width: 384px;
	float: right;
	margin: 0 0 20px 20px;
}

#digs-bottom a {
	display: block;
	float: left;
	padding: 0 0 8px 0;
	cursor: pointer;
	background: transparent url(/images/thumb-shadow.gif) no-repeat 0 84px;
	margin-right: 30px;
}

#digs-bottom a.last-pic {
	margin: 0;
}

#digs-top {
	height: 294px;
	overflow: hidden;
}

#digs-top a {
	display: block;
	position: absolute;
	height: 294px;
}

#digs-top a img {
	padding-bottom: 20px;
	background: transparent url(/images/larger-shadow.gif) no-repeat 0 274px;
}

.digs-row1 {
	margin-left: 35px;
	padding-bottom: 12px;

}

.digs-row2 {
	margin-left: 95px;
}

#sub-footer {
	padding-bottom: 20px;
	width: 957px;
	margin: 0 auto;
	text-align: left;
	line-height: 20px;
}
#sub-footer-left {
	float: left;
	width: 600px;
	margin-left: 10px;
}
#sub-footer-right {
	margin-left: 820px;
}

a.twitter {
	display: block;
	line-height: 20px;
	background: transparent url(/images/twitter.gif) no-repeat 0 2px;
	padding-left: 18px;
	color: #76797c;
}


.executive-left {
	float: left;
	width: 240px;
}

.executive-right {
	margin-left: 260px;
}

/*---- iPod promo --------------------*/
body#ipod{
	background:#46494b;
}
#ipod-banner{
	margin:30px 0px 0px 0px;
	position:relative;
	background:url("/images/ipod/banner-background-left.gif") repeat-x left top;
}
#ipod-banner-right{
	width:100%;
	height:222px;
	background:url("/images/ipod/banner-background-right.gif") repeat-y 900px 0px;
	position:absolute;
	z-index:2;
}
#ipod-banner img{
	position:relative;
	z-index:3;
}
#ipod-image{
	float:right;
}
#ipod-content{
	margin:0 auto;
	width:955px;
	text-align:left;
}
#ipod-content *{
	color:#ffffff;
	font-size:13px;
}
#ipod-content #landing-message{
	width:550px;
}
#ipod-content a, #ipod-content a:visited{
	color:#64a497;
}
#ipod-content a:hover{
	text-decoration:underline;
}
#ipod-content h2{
	font-size:40px;
	padding:0px 0px 15px 0px;
}
#ipod-content h3{
	padding:10px 0px 10px 0px;
}
#ipod-content form{
	width:640px;
	float:left;
	padding:20px 0px 20px 0px;
}
#ipod-content form span.required{
	color:#cc0000;
}
#ipod-content form label{
	font-size:11px;
}
#ipod-content form input, #ipod-content form textarea, #ipod-content form select{
	color:#000000;
}
#ipod-content form textarea{
	font-size:13px;
}
#ipod-content #form_errors, #ipod-content #form_success{
	position:relative;
	margin:5px 10px 5px 10px;
	padding: 5px 5px 3px 5px;
}

/* Form Errors */
#ipod-content #form_errors {
	border: 1px solid #ffafaf;
	width:500px;
	background: #ffdada;
}
#ipod-content #form_errors * {
	color: #a50000;
}
#ipod-content .form-error-label{
	color: #a50000;
	font-weight:bold;
}
#ipod-content #form_errors ul li{
	font-weight:normal;
}
#ipod-content #content-left #form_errors ul li{
	padding:0px 0px 0px 30px;
}

/* Form Success */
#ipod-content #form_success {
	border: 1px solid #44b349;
	background: #81ff87;
	color: #007500;
}

#ipod-content #form_errors ul, #ipod-content #form_success ul {
	margin:0px 0px 0px 40px;
	list-style-type: disc;
}
/*------------------------------------*/