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

html, div, span, body, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, textarea, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: 400;
	font-style: inherit;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
body {
	background: #E4E1DC url(images/background.gif) top center no-repeat;
	text-align: center;
	margin-top: 0px;
}
h1 {
	font: normal 20px Arial, Helvetica, sans-serif;
	color: #b5121b;
	margin-bottom: 12px;
	margin-top: 0px;
}
h2 {
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #a09895;
	margin-bottom: 12px;
	margin-top: 0px;
}

.grey-text{
	color: #a09895;
}
h3 {
	font: normal 20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
}
h4 {
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #a09895;
	margin-bottom: 4px;
	margin-top: 0px;
}
h5 {
	font: normal 27px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-bottom: 12px;
	margin-top: 0px;
}
h6 {
	font: normal 16px Arial, Helvetica, sans-serif;
	color: #b5121b;
	margin-bottom: 4px;
	margin-top: 0px;
}

.header-contact {
	font: normal 16px Arial, Helvetica, sans-serif;
	color: #a09895;
	margin-bottom: 10px!important;
}
p {
	font: 13px Arial, Helvetica, sans-serif;
	color: #76726B;
	margin-top: 0px;
	margin-bottom: 12px;
}
.maintext{
	font: 15px/20px Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
}
a:link {
	font: 13px Arial, Helvetica, sans-serif;
	color: #b5121b;
	text-decoration: underline;
	
}
a:visited {
	font: 13px Arial, Helvetica, sans-serif;
	color: #b5121b;
	text-decoration: underline;
}
a:hover {
	font: 13px Arial, Helvetica, sans-serif;
	color: #b5121b;
	text-decoration: underline;
}
a:active {
	font: 13px Arial, Helvetica, sans-serif;
	color: #b5121b;
	text-decoration: underline;
}
a.white_lg:link {
	font: italic 13px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
a.white_lg:visited {
	font: italic 13px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
a.white_lg:hover {
	font: italic 13px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}

a.white_lg:active {
	font: italic 13px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
a.p_subtext:link {
	font: italic 11px/16px Arial, Helvetica, sans-serif;
	color: #b5121b;
	text-decoration: underline;
}
a.p_subtext:visited {
	font: italic 11px/16px Arial, Helvetica, sans-serif;
	color: #b5121b;
	text-decoration: underline;
}
a.p_subtext:hover {
	font: italic 11px/16px Arial, Helvetica, sans-serif;
	color: #b5121b;
	text-decoration: underline;
}

a.p_subtext:active {
	font: italic 11px/16px Arial, Helvetica, sans-serif;
	color: #b5121b;
	text-decoration: underline;
}
a.white:link {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
a.white:visited {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
a.white:hover {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}

a.white:active {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
a.grey:link {
	font: 13px Arial, Helvetica, sans-serif;
	color: #a09895;
	text-decoration: underline;
}

a.grey:visited {
	font: 13px Arial, Helvetica, sans-serif;
	color: #a09895;
	text-decoration: underline;
}
a.grey:hover {
	font: 13px Arial, Helvetica, sans-serif;
	color: #a09895;
	text-decoration: underline;
}
a.grey:active {
	font: 13px Arial, Helvetica, sans-serif;
	color: #a09895;
	text-decoration: underline;
}
a.prev_next:link{
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #a09895;
}
a.prev_next:visited{
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #a09895;
}

a.prev_next:active{
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #a09895;
}
a.prev_next:hover{
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color: #a09895;
}
#wrapper {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 950px;
	background: url(images/bkg.jpg) repeat-y;
	position: relative;
}
#bkg_top {
	background: url(images/bkg_top.jpg) no-repeat;
	height: 50px;
	width: 950px;
}
#header {
	width: 800px;
	padding-right: 75px;
	padding-left: 75px;
	height: 121px;
	padding-bottom: 20px;
	position: relative;
	z-index: 20000 !important;
}
#logo {
	float: left;
	height: 121px;
	width: 245px;
}
#navigation {
	float: left;
	height: 29px;
	text-align: right;
	padding-top: 58px;
	width: 450px;
	padding-left: 105px;
}
#body {
	width: 800px;
	padding-right: 75px;
	padding-left: 75px;
	display:inline-block;
}

#footer {
	width: 800px;
	padding-right: 75px;
	padding-left: 75px;
	background: url(images/bkg.jpg) repeat;
	height: 25px;
	padding-top: 75px;
	float: left;
}

#footer_left {
	background: #a09895;
	width: 600px;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 6px;
	height: 14px;
}
#footer_right {
	background: #a09895;
	width: 180px;
	float: left;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 6px;
	height: 14px;
}
#bkg_bottom {
	background: url(images/bkg_bottom.jpg) no-repeat;
	height: 45px;
	width: 875px;
	float: left;
	font: 11px/15px Arial, Helvetica, sans-serif;
	color: #C1BDBB;
	padding-top: 5px;
	padding-left:75px;

}
#changing_image {
	height: 182px;
	width: 800px;
}
#company_box_wrapper {
	height: 338px;
	width: 800px;
}
#company_box1 {
	float: left;
	height: 172px;
	width: 238px;
	background: url(images/company/grey_bkg.gif) no-repeat;
	padding-right: 19px;
	padding-left: 12px;
	padding-top: 16px;
}
#company_box2 {
	float: left;
	height: 172px;
	width: 238px;
	background: url(images/company/grey_bkg.gif) no-repeat;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 16px;
}
#company_box3 {
	float: left;
	height: 172px;
	width: 238px;
	background: url(images/company/grey_bkg.gif) no-repeat right;
	padding-right: 12px;
	padding-left: 19px;
	padding-top: 16px;
}
#company_text {
	float: left;
	width: 511px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	height: 110px;
}
#company_greybox {
	float: left;
	width: 242px;
	background: url(images/company/grey_box_people.gif) no-repeat right 15px;
	height: 62px;
	padding: 68px 10px 20px 17px;
}
#company_seal a{
	position: absolute;
	z-index: 10;
	left: 741px;
	top: 263px;
	height: 161px;
	width: 159px;
	overflow: hidden;
}
#company_seal a:hover {
	position: absolute;
	z-index: 10;
	left: 741px;
	top: 263px;
	height: 161px;
	width: 159px;
	text-indent:-159px;
	overflow: hidden;
}

#case-study-seal a{
	position: absolute;
	z-index: 15000;
	left: -30px;
	top: 115px;
	height: 161px;
	width: 159px;
	overflow: hidden;
}
#case-study-seal a:hover {
	text-indent:-159px;

}
#contact_info {
	background: url(images/contact/vertical_bar.jpg) no-repeat right;
	float: left;
	height: 461px;
	width: 171px;
}
#body_contact {
	width: 800px;
	padding-right: 75px;
	padding-left: 75px;
	height: 461px;
}
#contact_email {
	float: left;
	height: 131px;
	width: 596px;
	margin-bottom: 17px;
	margin-left: 17px;
	background: url(images/contact/email_bkg.gif) no-repeat;
	padding-left: 16px;
	padding-top: 35px;
}

#contact_mailinglist{
	float: left;
	display:inline-block;
	width: 612px;
	margin-left: 17px;

}
.contact_mailinglist {
	width: 584px;
	padding: 25px 12px 25px 16px !important;
		background: url(images/contact/mailinglist_repeat.gif) repeat-y;

}
#ourteam {
	float: left;
	height: 340px;
	width: 590px;
	padding-left:15px;
	margin-left: 10px;
	background: url(images/team/team-bkgd.jpg) bottom center no-repeat;
	padding-top: 32px;
	padding-right: 7px;
}
#ourteam_jobs {
	float: left;
	width: 612px;
	margin-left: 17px;
	padding-top: 50px;
}

#body_team {
	width: 800px;
	padding-right: 75px;
	padding-left: 75px;
	display:inline-block;
}

#team_list {
	float: left;
	display:inline-block;
	width: 171px;
}

#team_image {
	float: left;
	height: 175px;
	width: 175px;
}
#team_bio {
	float: left;
	padding-left: 15px;
	width: 400px;
	height:75px;
	display:block;
	padding-top:110px;
	margin-bottom:30px;
}
#team_bio_text{
width:525px;
}

#team_quote {
	float: left;
	padding-right: 15px;
	padding-top: 15px;
}
#body_projects {
	width: 800px;
	padding-right: 75px;
	padding-left: 75px;
	height: 491px;
}
#projects {
	background: url(images/portfolio/vertical_bar.jpg) no-repeat right;
	float: left;
	min-height: 491px;
	display:inline-block;
	width: 171px;
}

.scrollable .items {
	/* this cannot be too large */
	width:20000em!important;
	position:absolute!important;
	clear:both!important;
	display:block !important;
	position:relative;
	left:0px;


}
.none{
display:none !important;
}
.block{
display:block !important;
}

/* single scrollable item */
.scrollable img {
	float:left!important;
	width:612px!important;
	position:relative;
	left:0px;
}


/* active item */
.scrollable .active {
	z-index:9999!important;
	position:relative!important;
}


/* prev, next, prevPage and nextPage buttons */
a.browse {
	position:absolute!important;
	z-index:500000!important;

}

/* right */
a.right{ 
	position:absolute;
	left: 855px;
	top: 285px;
	width:25px;
	z-index:999999;
	height:43px;
	overflow:hidden;

}
a.right:hover{ 
text-indent:-25px;
cursor:pointer;
}



/* left */
a.left{
position:absolute;
z-index:999999;
	top: 285px;
	left:260px;
		width:25px;
	height:43px;
	overflow:hidden;
	text-indent:-25px;

} 
a.left:hover{
text-indent:0px;
cursor:pointer;
}
#previous_next_btns a.back{
position:absolute;
	top: 110px;
	left:-5px;
		width:25px;
	height:43px;
	overflow:hidden;
	text-indent:-25px;
}
#previous_next_btns a:hover.back{
text-indent:0px;
}
#previous_next_btns a.next{
	position:absolute;
	left: 595px;
	top: 110px;
	width:25px;
	height:43px;
	overflow:hidden;
}
#previous_next_btns a:hover.next{
text-indent:-25px;
}
#projects_image {
	float: left;
	height: 280px;
	width: 612px;
	margin-bottom: 10px;
	margin-left: 17px;
	position:relative;
	overflow:hidden;
}

.clear{
clear:both;
}

.navi{
width:600px!important;
height:45px!important;
overflow:hidden!important;
display:block!important;
margin-left: 17px!important;
}
#selected_bar{
height:5px!important;
padding-left:45px;
}

#selected_bar img{
margin-top:5px;
position:relative;
left:0px;
}
.navi a{
	float: left!important;
	height: 35px!important;
	width: 45px!important;
	text-indent:-45px!important;
	overflow:hidden!important;
	margin-right:10px;
}
.navi span span{
	float: left!important;
	height: 35px!important;
	width: 45px!important;
	text-indent:-45px;
	overflow:hidden!important;
	margin-right:10px;
}

.navi a:hover{
text-indent:0px!important;
cursor:pointer!important
}
.non-active{
text-indent:-45px!important;
}
.active{
text-indent:0px!important;
cursor:pointer;
}
.select{
text-indent:0px!important;
cursor:default;
}

#projects_description {
	float: left;
	min-height: 160px;
	width: 612px;
	margin-left: 17px;
	padding-top:28px;
}
.projects_links {

	width: 171px;

}
.toggle-container{
	width: 145px;
	padding:0 5px 5px 5px;
	display:inline-block;
	margin-bottom:5px;
	overflow:hidden;
	padding-bottom:10px;
	background:url(images/portfolio/toggle-bkgd.gif) bottom no-repeat;
}

#casestudy_links {
	float: left;
	width: 171px;
	padding-top: 10px;
	height: 215px;
}

#logo-bkgd{
height:141px;
float:left;
margin-left:17px;
}

.casestudies-overlay{
width:950px;
text-align:left;
height:666px;
background:#FFF;
display:none;
z-index:90000!important;
position:absolute;
top:35px!important;
padding:30px 30px;
border:2px solid #CCCCCC;

}

.casestudies-overlay .close {
  background:url(images/close-over.gif) top left;
  overflow:hidden;
   position:absolute;
   right:30px;
   top:20px;
   cursor:pointer;
   height:16px;
   width:16px;
   }
   

.casestudies-overlay .close:hover {
  background:url(images/close-over.gif) top right;
   }

#casestudies-header-info{
float:left;
width:200px;
padding:70px 0 0 15px;
}
#profile a {
margin-top:20px;
	height: 30px;
	width: 154px;
	overflow: hidden;
	display:block;
}
#profile a:hover {
	text-indent: -154px;
	cursor: pointer;
}
#history {
	background: url(images/contact/vertical_bar.jpg) no-repeat right;
	float: left;
	height: 461px;
	width: 154px;
	padding-right: 17px;
}
#body_history {
	width: 800px;
	padding-right: 75px;
	padding-left: 75px;
	height: 461px;
}

#history_text {
	float: left;
	height: 429px;
	width: 612px;
	margin-left: 17px;
	padding-top: 32px;
}
#pineapple_box_wrapper {
	height: 360px;
	width: 800px;
}
/* End Gallery Styles */
#body_pineapple {
	width: 800px;
	padding-right: 75px;
	padding-left: 75px;
	height: 542px;
}


#pineapple_text {
	float: left;
	width: 511px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	height: 130px;
}
#pineapple_greybox {
	float: left;
	width: 242px;
	background: url(images/pineapple/dk_grey_box.jpg) no-repeat right 25px;
	height: 115px;
	padding: 40px 10px 15px 17px;
}

#pineapple_boxes{
width:800px;
height:190px;
}

.pineapple_box1 {
	float: left;
	height: 75px;
	width: 238px;
	background: url(images/pineapple/pinecone_greybkg.gif) no-repeat;
	padding-right: 19px;
	padding-left: 12px;
	padding-top: 115px;
}
.pineapple_box2 {
	float: left;
	height: 75px;
	width: 238px;
	background: url(images/pineapple/pineapple_greybkg.gif) no-repeat;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 115px;
}
.pineapple_box3 {
	float: left;
	height: 75px;
	width: 238px;
	background: url(images/pineapple/ring_greybkg.gif) no-repeat right;
	padding-right: 12px;
	padding-left: 19px;
	padding-top: 115px;
}
.navi {
	height: 35px;
	width: 45px;
	margin-right: 10px;
	float: left;
	text-indent: -45px;
	overflow: hidden;
}
.navi.active{
text-indent:0px;
}

.mailinglist {
	float: left;
	width: 578px;
	text-align: right;
	padding-right: 6px;
}
.mailinglist2 {
	float: left;
	width: 286px;
	text-align: right;
	padding-right: 6px;
}
.bottom_padding_networking {
	padding-bottom: 5px;
}


.contact_names {
	width: 135px;
	float: left;
	height: 69px;
	background: url(images/contact/email_bar.gif) no-repeat left;
	padding-right: 12px;
	padding-left: 12px;
}
.contact_names2 {
	width: 114px;
	float: left;
	height: 69px;
	padding-right: 12px;
}
.contact_names3 {
	width: 102px;
	float: left;
	height: 69px;
	background: url(images/contact/email_bar.gif) no-repeat left;
	padding-right: 12px;
	padding-left: 12px;
}

.form_field {
	font: 13px Arial, Helvetica, sans-serif;
	color: #a09895;
	background: #FFFFFF;
	height: 18px;
	border: 1px solid #999999;
	padding-right: 3px;
	padding-left: 3px;
	width: 205px;
	margin-top: 6px;
}
.form_field_zip {
	font: 13px Arial, Helvetica, sans-serif;
	color: #a09895;
	background: #FFFFFF;
	height: 18px;
	border: 1px solid #999999;
	padding-right: 3px;
	padding-left: 3px;
	width: 110px;
	margin-top: 6px;
}
.form_field_state {
	font: 13px Arial, Helvetica, sans-serif;
	color: #a09895;
	background: #FFFFFF;
	height: 22px;
	border: 1px solid #999999;
	margin-top: 6px;
}


.form_field_comments {
	font: 13px Arial, Helvetica, sans-serif;
	color: #a09895;
	background: #FFFFFF;
	height: 195px;
	border: 1px solid #999999;
	padding-right: 3px;
	padding-left: 3px;
	width: 205px;
	margin-top: 6px;
	margin-bottom: 6px;
}


.comments {
	float: left;
	padding-top: 7px;
	padding-left: 6px;
}

.submit_button {
	margin-top: 10px;
	background:url(images/contact/submit.gif) left;
	width: 59px;
	height:22px;
	display:block;
	overflow:hidden;
	border:0;
	float:right;
	cursor:pointer;
}

.submit_button:hover {
	background:url(images/contact/submit.gif) right;

}
.footer {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.navigation_grey {
	font: 12px Arial, Helvetica, sans-serif;
	color: #a09895;
}

.grey13bold {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #76726B;
	padding-bottom: 5px;
}
.red13 {
	font: 13px/20px Arial, Helvetica, sans-serif;
	color: #b5121b;
}
.staff_name_grey {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #76726B;
	cursor: pointer;
	display: block;
	height:30px;
	overflow:hidden;
	width:149px;
	padding:3px 0 2px 5px;
}

.staff_name_grey_sm {
	font-size: 8px;
}

.staff_title {
	font: normal 9px Arial, Helvetica, sans-serif;
	color: #988E8B;
	display: block;
}
.staff_bkg {
	background: url(images/team/grey_box_select.gif) no-repeat left top;
	display: block;
	height: 30px;
	width: 144px;
}

.casestudies_bkg {
	background: url(images/casestudies/grey_box.gif) no-repeat left top;
	display: block;
	height: 30px;
	width: 154px;
}
.staffname_red {
	font: 16px Arial, Helvetica, sans-serif;
	color: #b5121b;
}
.staff_name_red {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #b5121b;
	background: url(images/team/grey_box_select.gif) no-repeat left top;
	display: block;
	height: 30px;
	width: 144px;
	cursor:default;
}
.casestudies_name_red {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #b5121b;
	background: url(images/casestudies/grey_box_select.gif) no-repeat left top;
	display: block;
	height: 30px;
	width: 154px;
		cursor:default;
}
.stafftitle {
	font: 13px Arial, Helvetica, sans-serif;
	color: #a09895;
}

.staff_quote_grey {
	font: 16px Arial, Helvetica, sans-serif;
	color: #a09895;
	padding-bottom: 10px;
	padding-top: 10px;

}
#body_services {
	width: 800px;
	padding-right: 75px;
	padding-left: 75px;
	height: 385px;
}

#services {
	float: left;
	height: 370px;
	width: 171px;
	background: url(images/services/vertical_bar.jpg) no-repeat right;
}
#services_image {
	float: left;
	height: 370px;
	width: 250px;
	margin-left: 17px;
}
#services_list {
	float: left;
	height: 332px;
	width: 345px;
	padding-top: 38px;
	padding-left: 17px;
}
.white_lists_text {
	width: 149px;
	overflow: hidden;
	height: 26px;
	display:block;
	background:url(images/portfolio/portfolio_double.gif) top left no-repeat;
	font: 14px Arial, Helvetica, sans-serif;
	color: #a09895;
	text-decoration: none;
	padding-top: 7px;
	padding-left: 5px;
}
.lists_hover_bkg {
	background-position:top right;
	cursor: pointer;
}
.lists_select_bkg {
	background:url(images/portfolio/portfolio-active.gif) top left no-repeat!important;
	cursor: default!important;
	color: #FFFFFF!important;
	padding-left:10px!important;
	width: 144px!important;
	
}
.lists_header {
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #b5121b;
}
.lists_spacing {
	line-height: 20px;
	padding-top: 4px;
}
#clients_navigation{
width:171px!important;
height:195px!important;
}

#clients {
	float: left;
	height: 370px;
	width: 171px;
	background: url(images/services/vertical_bar.jpg) no-repeat right;
}
#clients_title {
	float: left;
	height: 20px;
	width: 612px;
	margin-left: 17px;
	padding-top: 38px;
}
#clients_column1 {
	float: left;
	height: 100px;
	width: 311px;
	margin-left: 17px;
}
#clients_column2 {
	float: left;
	height: 100px;
	width: 284px;
	margin-left: 17px;
}
.mainnav {
	font: 14px Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	text-align: center;
	height: 23px;
	width: 90px;
	display: block;
	background: url(images/dropdown/background.gif) no-repeat right top;
	padding-top: 7px;
	float: left;
}
#companynav {
	float: left;
	width: 90px;
}
#navdiv {
	width: 555px;
	text-align: left;
	position: absolute;
	z-index: 20000 !important;
	margin-top: 60px;
	float: left;
	left: 321px;
	top: 30px;
}
#companysubnav {
	width: 84px;
	float: left;
	display: none;
	padding-top: 8px;
	z-index: 20000 !important;
}
.subnav {
	font: 12px Arial, Helvetica, sans-serif;
	color: #b5121b;
	padding-top: 6px;
	padding-bottom: 5px;
	background: url(images/dropdown/sub2.png) no-repeat right top;
	text-align: center;
	float: left;
	width: 90px;
	height: 18px;
	z-index:20000 !important;
	margin-top:-2px;
}
a.subnav:link {
	text-decoration: none;
	color: #a09895;
}
a.subnav:hover {
	background: url(images/dropdown/subover2.png) no-repeat right top;
	text-decoration: none;
	color: #a09895;
}
a.subnav:active  {
	color: #b5121b;
	text-decoration: none;
}
a.subnav:visited  {
	color: #a09895;
	text-decoration: none;
}
#phone-number{
text-align:right;
padding-top:8px;
font: 12px Arial, Helvetica, sans-serif;
color: #b5121b;
font-weight:bold;
float:left;
width:95px;
display:block;
}

#call-today{
	width:45px;
	height:19px;
	display:block;
	position:absolute;
	background:url(images/call-today.gif) no-repeat;
	padding:20px 7px;
	font: normal 14px/13px Arial, Helvetica, sans-serif;
	color:#FFF;
	left: 838px;
	top: 28px;
}
#mainnavfill {
	font: 14px Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	text-align: center;
	height: 30px;
	width: 10px;
	background: url(images/dropdown/background.gif) no-repeat right;
	float: left;
}
#ourworksubnav {
	padding-top: 8px;
	width: 90px;
	display: none;
	z-index: 20000 !important;
}
#ourworknav {
	float: left;
	width: 90px;
	z-index: 20000 !important;
}
#servicesnav {
	float: left;
	display: block;
	width: 90px;
	z-index: 20000 !important;
}
#contactnav {
	float: left;
	display: block;
	width: 90px;
	z-index: 20000 !important;
}
#clientsnav {
	float: left;
	display: block;
	width: 90px;
	z-index: 20000 !important;
}

a.mainnav:link {
	text-decoration: none;
	font: 14px Arial, Helvetica, sans-serif;
	color: #a09895;
}
a.mainnav:hover {
	font: 14px Arial, Helvetica, sans-serif;
	color: #a09895;
	text-decoration: none;
	text-align: center;
	width: 90px;
	background: url(images/dropdown/background_over.gif) no-repeat right top;
}
a.mainnav:active  {
	font: 14px Arial, Helvetica, sans-serif;
	color: #b5121b;
	text-decoration: none;
	background: url(images/dropdown/background_over.gif) no-repeat right top;;
}
a.mainnav:visited  {
	font: 14px Arial, Helvetica, sans-serif;
	color: #a09895;
	text-decoration: none;
	
}
.red_dropdown_link {
	color: #b5121b;
}
.red_subdropdown_link {
	font: 12px Arial, Helvetica, sans-serif;
	color: #b5121b;
}
.noscript-message {
	background:#d7a9aa url(/alerticon.png) left no-repeat;
	background-position: 15px;
	border-top:3px solid #b5121b;
	border-bottom:3px solid #b5121b;
	height: 35px;
	padding-right: 10px;
	padding-left: 50px;
	padding-top: 18px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #a09895;
}
.foodcourts_hover {
	background: url(images/portfolio/foodservice.gif) no-repeat left top;
	margin-bottom:3px!important;
	height: 23px!important;
}
.foodcourts_select {
	background: url(images/portfolio/foodservice.gif) no-repeat left top;
	margin-bottom:3px!important;
		height: 23px!important;
}
.restaurants_hover {
	background: url(images/portfolio/restaurants.gif) no-repeat left top;
		margin-bottom:3px!important;
			height: 23px!important;
}
.restaurants_select {
	background: url(images/portfolio/restaurants.gif) no-repeat left top;
		margin-bottom:3px!important;
			height: 23px!important;
}
.universities_hover {
	background: url(images/portfolio/universities.gif) no-repeat left top;
		margin-bottom:3px!important;
			height: 23px!important;
}
.universities_select {
	background: url(images/portfolio/universities.gif) no-repeat left top;
		margin-bottom:3px!important;
			height: 23px!important;
}
.retail_hover {
	background: url(images/portfolio/retail.gif) no-repeat left top;
		margin-bottom:3px!important;
			height: 23px!important;
}
.retail_select {
	background: url(images/portfolio/retail.gif) no-repeat left top;
		margin-bottom:3px!important;
			height: 23px!important;
}
.corporate_hover {
	background: url(images/portfolio/corporate.gif) no-repeat left top;
		margin-bottom:3px!important;
			height: 23px!important;
}
.corporate_select {
	background: url(images/portfolio/corporate.gif) no-repeat left top;
		margin-bottom:3px!important;
			height: 23px!important;
}
.commercial_hover {
	background: url(images/portfolio/commercial.gif) no-repeat left top;
		margin-bottom:3px!important;
			height: 23px!important;
}
.commercial_select {
	background: url(images/portfolio/commercial.gif) no-repeat left top;
		margin-bottom:3px!important;
			height: 23px!important;
}
.graphics_hover {
	background: url(images/portfolio/graphics.gif) no-repeat left top;
		margin-bottom:3px!important;
			height: 23px!important;
}
.graphics_select {
	background: url(images/portfolio/graphics.gif) no-repeat left top;
		margin-bottom:3px!important;
			height: 23px!important;
}
.p_white {
	font: 13px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 12px;
}
.p_subtext {
	font: 11px/15px Arial, Helvetica, sans-serif;
	color: #918784;
	margin-top: 0px;
	margin-bottom: 5px;
}
.red13bold {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #B5121B;
}
/* Gallery Styles */

#motioncontainer {
margin:0 auto; 
width: 800px; /* Set to gallery width, in px or percentage */
height: 182px; /* Set to gallery height */
background-image:url(images/pineapple/pineapple-background.gif);
cursor:default;
z-index:2!important;
}

#motioncontainer a img {
overflow:hidden;
border: 0; /* Set image border color */
cursor:default;
}

#motioncontainer a:hover img {
margin-bottom:-5px;
border: 0; /* Set image border hover color */
cursor:default;
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}

.white_text_sm {
	font: 11px/11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#project-nav{
height:400px;
width:171px;
display:block;
overflow:hidden;
}

#project-nav ul li {
	list-style-type:none;
}

#project-nav ul li a{
	width: 149px;
	overflow: hidden;
	height: 26px;
	display:block;
	background:url(images/portfolio/portfolio_double.gif) top left no-repeat;
	font: 14px Arial, Helvetica, sans-serif;
	color: #a09895;
	text-decoration: none;
	padding-top: 7px;
	padding-left: 5px;
}


#project-nav ul li a:hover {
	background-position:top right;
	cursor: pointer;
}

.project-nav-active{
	background:url(images/portfolio/portfolio-active.gif) top left no-repeat!important;
	cursor: default!important;
	color: #FFFFFF!important;
	padding-left:10px!important;
	width: 144px!important;
}

#all-panes{
float:left;
width:612px;
margin-left:17px;
display:block;

}
#all-panes .project-pane{
display:none;
width:612px;
min-height:400px;
}
.featured_projects {
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #76726B;
	cursor: pointer;
}
.featured_projects_hover {
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #76726B;
	text-decoration: underline;
}
.featured_selected {
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #b5121b;
	text-decoration: none;
	cursor: default;
}


.selectedThumbnail { 
	text-indent:0px !important;
	height: 35px !important;
	width: 45px !important;
	margin-right: 10px !important;
	float: left !important;
	overflow: hidden !important;
	cursor:default !important;
}

.inFocus { 	
	text-indent:0px !important;
	height: 35px !important;
	width: 45px !important;
	float: left !important;
	margin-right: 10px !important;
	overflow: hidden !important;
	cursor:pointer;
	}
.hiddenPic {
	display:none;
	}
#body_casestudies {
	width: 800px;
	padding-right: 75px;
	padding-left: 75px;
	height: 913px;
}

#casestudies_list {
	float: left;
	width: 171px;
	display:inline-block;
	height: 100%;
	background: url(images/casestudies/vertical_bar-short.jpg) no-repeat right top;
}

#casestudies_rendering {
	float: left;
	width: 612px;
	margin: 0 0 0 17px;
	overflow:hidden !important;
	position:relative;
	height:411px;
}

#casestudies_rendering img{
	width: 612px;
	height:411px;
	display:block;
}
.static{
top:-110px !important;
}

.relative{
top:-110px !important;
}


#triggers {
height:330px;
}

.casestudies-list{
height:510px !important;
}

#casestudy-btns{
height:330px;
}

.trigger{
	height: 410px;
	width: 612px;
	margin-bottom:10px;
	position:relative;
}
#casestudies_rendering p{
	width: 400px;
	height:30px;
	display:block;
}

#casestudies_column1 {
	float: left;
	width: 306px;
	margin-left: 17px;
}
#casestudies_logo {
	float: left;
	padding-bottom: 15px;
	width: 286px;
	padding-right: 20px;
}
#casestudies_name {
	float: left;
	width: 286px;
	padding-right: 20px;
}
#casestudies_text {
	float: left;
	padding-top:25px;
	width: 612px;
	margin-left:17px;
}
#casestudies_column2 {
	float: left;
	width: 306px;
	text-align: right;
}
#body_clients {
	width: 800px;
	padding-right: 75px;
	padding-left: 75px;
	height: 400px;
}

#clients_list {
	float: left;
	height: 400px;
	width: 178px;
}
#clients_list2 {
	float: left;
	height: 365px;
	width: 188px;
	padding-left: 10px;
	padding-top: 35px;
}
#clients_list3 {
	float: left;
	height: 365px;
	width: 202px;
	padding-left: 10px;
	padding-top: 35px;
}
#noscript {
	margin-left: 17px;
	float: left;
	width: 612px;
}
.toppadding {
	padding-top: 5px;
}
.SpryHiddenRegion {
  visibility:hidden !important;
}

#tributebox a{
	width:214px;
	height: 97px;
	float:left;
	padding:50px 25px 0px 100px;
	margin-bottom:5px;
	text-decoration:none;
	overflow:hidden;
	background: url(images/memory-button-over.gif) no-repeat left;
	display:block;
	text-align:center;
	margin-left:-30px;
	margin-top:15px;
	position:relative;
}


#tributebox a:hover{
	width:214px;
	height: 97px;
	float:left;
	padding:50px 25px 0px 100px;
	margin-bottom:5px;
	overflow:hidden;
	text-decoration:none;
	background: right;
		background: url(images/memory-button-over.gif) no-repeat right;
			display:block;
				text-align:center;
					margin-top:15px;
}

#tributebox .p_subtext{
text-align:center;
color:#FFFFFF;
}

#allan-tribute-header{
background:url(images/in-memory-header.gif);
display:block;
width:540px;
height:45px;
padding: 200px 0 0 260px;
margin-bottom:20px;
}

#tribute-quote{
	width:300px;
	font: italic 14px/19px Georgia, "Times New Roman", Times, serif;
	color: #97897C;
	float:left;
}

#tribute-text{
width:480px;
float:left;
	margin-right:20px;
}
.allan{
	font: normal 13px Arial, Helvetica, sans-serif;
}

/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:240px;
	float:left;
	width:258px; 	
	text-align:left;
}

.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:240px;
	float:left;
	width:258px; 	
	text-align:left;
	overflow:hidden;
}

.css-tabs span{
	padding:0 !important; 
	margin:0!important;   
}
/* single tab */
ul.css-tabs li {  
	padding:0 !important; 
	margin:0!important;   
	list-style-type:none;	
}
.tab{
	height:61px;
	display:block;
	width:258px; 
	float:left;	
	text-decoration:none;


}
/* link inside the tab. uses a background image */
ul.css-tabs a { 
background:url(images/home-tab.gif) top left;
width:218px;
height:37px;
	display:block;
	padding:10px 20px;	
	text-decoration:none;
	background-color:#efefef;	

}

.css-tabs a { 
background:url(images/home-tab.gif) top left;
width:218px;
height:37px;
display:block;
padding:10px 20px;	
text-decoration:none !important;
background-color:#efefef;
cursor:pointer;
margin-bottom:4px!important;
overflow:hidden;
}
.css-tabs h2{
margin-bottom:0;
}
ul.css-tabs a:hover {
background:url(images/home-tab.gif) top right;
}

.css-tabs a:hover {
	background:url(images/home-tab.gif) 258px top;
	overflow:hidden;
	width:218px;
	height:37px;
	display:block;
}
	
/* selected tab */
ul.css-tabs a.current {
background:url(images/home-tab-active.gif);
	cursor:default;
	color:#FFFFFF !important;
}

.css-tabs a.current {
background:url(images/home-tab-active.gif)!important;
	cursor:default;
	color:#FFFFFF !important;
	overflow:hidden;
}

ul.css-tabs a.current h2{
	color:#FFFFFF !important;
}

.css-tabs a.current h2, .css-tabs a.current p{
	color:#FFFFFF !important;
}
	
.css-panes {
height:240px;
display:block;
overflow:hidden;
float:left;
width:535px;
margin-right:5px;

}	
/* tab pane */
.css-panes div {
	display:none;
	height:240px;
	width:535px;

}


.simple_overlay {
display:none; 
z-index:10000;
width:540px;
height:240px;
top:0px !important;
left:0px!important;

  }
.simple_overlay .close {
  background:url(images/close-over.gif) top left;
  overflow:hidden;
   position:absolute;
   right:5px;
   top:20px;
   cursor:pointer;
   height:16px;
   width:16px;
   }
   

   .simple_overlay .close:hover {
  background:url(images/close-over.gif) top right;
   }
   

.kitchen-overlay {
background:url(images/kitchen-layout-overlay.jpg);
width:150px;
height:190px;
padding:50px 10px 0 380px;
}
.interior-overlay {
background:url(images/interior-design-overlay.jpg);
width:150px;
height:190px;
padding:50px 10px 0 380px;
}
.graphic-overlay {
background:url(images/graphic-design-overlay.jpg);
width:150px;
height:190px;
padding:50px 10px 0 380px;
}
.project-overlay {
background:url(images/project-management-overlay.jpg);
width:150px;
height:190px;
padding:50px 10px 0 380px;
}
.kitchen-overlay a, .interior-overlay a, .graphic-overlay a, .project-overlay a, a.redlink{
font:italic 12px Georgia, "Times New Roman", Times, serif!important;
font-decoration:underline!important;
color: #b5121b !important;
   }
#home-header{
width:800px;
position:relative;
margin-bottom:40px;
display:inline-block;
}

#demotip {
	display:none;
	background:url(images/casestudies/bubble.png);
	font-size:12px;
	height:21px;
	width:376px;
	padding:25px;
	color:#000;
}
.tooltip {
	position:relative;
	background:url(images/casestudies/bubble.png);
	width:391px;
	height:65px;
	padding:20px 15px 20px 20px;
	font: 13px Arial, Helvetica, sans-serif;
	color: #a09895;
	top:0px;
	left:2px;

}
.tooltip_show {
	display:block!important;

}
.tooltip h1{
margin-bottom:3px;
}
 
#home-text{
width:505px;
display:block;
margin-right:30px;
float:left;

}

#home-text h6{
margin-top:30px;
}
#press{
float:left;
display:inline-block;
min-height:370px;
padding-left:15px;
width:248px;
background:url(images/home-divider.jpg) no-repeat center left;
}


#press img{
margin-bottom:10px;
}

#press a{
font:italic 12px Georgia, "Times New Roman", Times, serif;
font-decoration:underline;
color: #a09895;

}

#press-btn a{
background:url(images/press-btn.gif) left;
width:144px;
height:25px;
padding-top:10px;
padding-left:15px;
overflow:hidden;
float:left;
display:block;
font: normal 14px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FFF;
margin-right:5px;
}
#press-btn a:hover{
background:url(images/press-btn.gif) right;
}

#press-connect{
margin-top:20px;
display:block;
height:35px;
}

#press-connect img{
margin:3px 5px 0 0px;
}
#article{
width:800px;
display:inline-block;
background:url(images/press/divider.gif) top no-repeat;
padding:30px 0 20px 0;
height:131px;
}

#article img{
display:inline-block;
margin-right:20px;
float:left;
width:160px;
height:121px;
}
#story{
width:800px;
display:inline-block;
margin-top:10px;
}
#story-img{
margin:5px 20px 0 0;
width:247px;
float:left;
display:inline-block;
}
#story-text{
display:block;
width:524px;
float:left;
}

.back-press a, #article a{
font:italic 12px Georgia, "Times New Roman", Times, serif !important;
font-decoration:underline!important;
color: #a09895!important;
}
#services a{
	font: 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 5px;
	display: block;
	background: url(images/services/light_grey.gif) no-repeat left top;
	height: 23px;
	width: 149px;
	padding-top: 7px;
	margin-bottom: 3px;
	text-decoration:none;
}
#services a:hover{
	background: url(images/services/dark_grey.gif) no-repeat left top;
}
#services a:active {
	background: url(images/services/dark_grey.gif) no-repeat left top;
	cursor: default;
	
}
#contact-network{
	float: left;
	width: 584px;
	margin-left: 17px;
	padding-top: 20px;
	padding-right: 12px;
	padding-left: 16px;
}
#contactform{
display:inline-block;
}

.pretty-hover{
display:block;
z-index:10000;
width:192px;
height:240px;
top:0px !important;
left:343px!important;
}

.photo-btn a{
display:block;
background:url(images/casestudies/photos-btn.gif) top left;
height:23px;
width:140px;
overflow:hidden;
text-align:center;
font:italic 12px Georgia, "Times New Roman", Times, serif!important;
color:#FFF!important;
float:right;
text-decoration:none!important;
padding-top:7px;
margin-top:105px;
}



.photo-btn a:hover{
background:url(images/casestudies/photos-btn.gif) top right;
}