/* basics */

*, ul, ul li, li, a, a:link, a:hover, a:visited { padding: 0 0 0 0; margin: 0 0 0 0; }

li {list-style:none}

li.mainnav { padding-bottom:5; }

a, img {border: none;}

a, *
{
  outline: none;
}

.hidden {display: none;}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #888888;
background-color: #449933;
}

h3 {font-size:20px; font-weight:normal;padding: 39px 0 16px 0;}

h4 {font-size:11px; font-weight:bold;}

.page_about p {font-size: 12px; line-height: 16px;padding: 0 0 16px 0; width: 95%;}

.page_contact p {font-size: 12px; line-height: 16px;padding: 0 0 16px 0; width: 95%;}

#section_founders p {font-size: 11px; line-height: 13px;padding: 12px 0 0 0; width: 93%;}

#section_founders p.fauxheader {font-size: 12px; line-height: auto ;padding: 0 0 2px 0; width: 85%;}

#section_founders h3 {font-size:20px; font-weight:normal;padding: 39px 0 12px 0;}

#section_founders h4 {font-size: 12px; line-height: auto ;padding: 0 0 12px 0; font-weight: normal;}

/* rotating index pages with css image maps*/

 #title a {
	text-decoration: none;
	background-image: none;
	background-position: 253px 100px;
	background-repeat: no-repeat;
	height: 20px;
	width: 30px;
}

#title i  { visibility: hidden;}

.homepage {position: relative; width: 793px; height:605px; margin: 0 auto; border-top: 11px solid #449933;}
  
#index1 {background-image:url("i/index1.jpg");}
#index1 #title a {
	position: absolute;
	left: 699px;
	top: 467px;
}

#index2 {background-image:url("i/index2.jpg");}
#index2 #title a {
	position: absolute;
	left: 543px;
	top: 467px;
}

#index3 {background-image:url("i/index3.jpg");}
#index3 #title a {
	position: absolute;
	left: 373px;
	top: 467px;
}

#index4 {background-image:url("i/index4.jpg");}
#index4 #title a {
	position: absolute;
	left: 373px;
	top: 467px;
}

/*#title a:hover { background-image: url(images/titleglow.jpg); }*/

#index2 {background-image:url("i/index2.jpg");}
#index3 {background-image:url("i/index3.jpg");}
#index4 {background-image:url("i/index4.jpg");}


/* snap, crackle and pop */
#wrapper, #container { 
margin: 0 auto;
background-color: #ffffff;
background-image: url("i/bg.gif");
background-position: bottom right;
background-repeat: no-repeat;
}

#wrapper {border-top: 10px solid #449933;}

#footer { 
height: 14px;
clear: both;
background-image: url("i/bg_footer.gif");
}

.page_work #footer { 
height: 14px;
clear: both;
background-image: url("i/bg_footer_work.gif");
}

#wrapper, #container, #footer, #fineprint {
width: 794px;
}

#fineprint {color: #99cc88; text-align: right; margin: 5px auto 0 auto; font-size: 8px;letter-spacing: -.025em;}


/* doin' it on the left */

#leftcol { 
color: #333;
background: #ffffff;
background-image: url("i/bg_leftcol.gif");
background-position: bottom left;
background-repeat: no-repeat;
width: 601px;
float: left;
margin-right:1px;
min-height:589px;
.height: 589px;
}

.page_work #leftcol { 
color: #333;
background: #ffffff;
background-image: url("i/bg_leftcol_work.gif");
background-position: bottom left;
background-repeat: no-repeat;
width: 601px;
float: left;
margin-right:1px;
min-height:589px;
.height: 589px;
}

/* global nav */

#globalnav_index {
width: 94px;
height: 108px;
position: absolute;
top: 22px;
left: 700px;
}

#globalnav_container {
width: 94px;
height: 108px;
position: relative;
top: 18px;
left: 97px;
}

ul#globalnav {
margin: 0 0 0 15px;
padding: 13px 0 0 0;
text-transform: uppercase;
}

ul#globalnav li {margin: 0 0 0 0; padding: 0 0 14px 0; font-size: 1px; height: 9px; letter-spacing: -.1em;}

ul#globalnav li a{margin: 0 0 0 0; padding: 0 0 0 0;display:block;height: 9px; font-size: 1px; text-indent: -5000px; background: url(i/globalnav_door.gif) 0 0 no-repeat;}

#globalnav li#nav-home a {
background-position: -58px 0;
width: 39px;
}
#globalnav li#nav-home a:hover,
#globalnav li#nav-home a.active {
background-position: 0 0;
}

#globalnav li#nav-work a {
background-position: -58px -9px;
width: 39px;
}
#globalnav li#nav-work a:hover,
#globalnav li#nav-work a.active {
background-position: 0 -9px;
}

#globalnav li#nav-about a {
background-position: -58px -18px;
width: 44px;
}
#globalnav li#nav-about a:hover,
#globalnav li#nav-about a.active {
background-position: 0 -18px;
}

#globalnav li#nav-contact a {
background-position: -58px -27px;
width: 58px;
}
#globalnav li#nav-contact a:hover,
#globalnav li#nav-contact a.active {
background-position: 0 -27px;
}

#globalnav li#nav-blog a {
background-position: -58px -36px;
width: 34px;
}
#globalnav li#nav-blog a:hover,
#globalnav li#nav-blog a.active {
background-position: 0 -36px;
}

/* section title, local nav and other header shenanigans*/

#navworks {
height: 156px;
width: 543px;
background: transparent;
position: relative; top: 4px; left: 57px;
border-top: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}

#navworks_inner {
height: 88px;
background: transparent;
position: relative; top: 30px; left: 0px;}

#navworks h2 {padding: 0; margin: 0; display: inline; position: absolute; top: 0; left; 0;}

.page_work #navworks #localnav_outer {
border-left: 1px solid #c3c3c3; 
height: 88px;
width: 94px;
position: absolute; top: 0; right: 208px; 
}

.page_about #navworks #localnav_outer {
border-left: 1px solid #c3c3c3; 
height: 88px;
width: 94px;
position: absolute; top: 0; right: 182px; 
}	

.page_work #navworks ul#localnav {
padding: 0;	
margin: 0;
list-style-type: none;
height: 88px;	
position: absolute; top: 39px; left: 15px;	
}

.page_about #navworks ul#localnav {
padding: 0;	
margin: 0;
list-style-type: none;
height: 88px;	
position: absolute; top: 23px; left: 15px;	
}	

#navworks ul#localnav{width: 0px;text-align:center;list-style-type:none; background-color: #ffffff;}

#navworks ul#localnav li{color: #a8a8a8; font-size: 11px; text-align: left;padding-bottom:4px;}	

#navworks ul#localnav li a{display:block; height: 11px; text-indent: -5000px;}

.page_work #navworks ul#localnav li a{background: url(i/localnav_work_door.gif) 0 0 no-repeat;}

#navworks ul#localnav li#nav-identity a {
background-position: 0 0;
width: 47px;
}

#navworks ul#localnav li#nav-identity a:hover {
background-position: -58px 0;
}

#navworks ul#localnav li#nav-identity a.active {
background-position: -116px 0;
}


#navworks ul#localnav li#nav-digital a {
background-position: 0 -15px;
width: 39px;
}

#navworks ul#localnav li#nav-digital a:hover {
background-position: -58px -15px;
}

#navworks ul#localnav li#nav-digital a.active {
background-position: -116px -15px;
}


#navworks ul#localnav li#nav-collateral a {
background-position: 0 -30px;
width: 58px;
}

#navworks ul#localnav li#nav-collateral a:hover {
background-position: -58px -30px;
}

#navworks ul#localnav li#nav-collateral a.active {
background-position: -116px -30px;
}

.page_about #navworks ul#localnav li a{background: url(i/localnav_about_door.gif) 0 0 no-repeat;}

#navworks ul#localnav li#nav-us a {
background-position: 0 0px;
width: 19px;
}

#navworks ul#localnav li#nav-us a:hover {
background-position: -62px 0px;
}

#navworks ul#localnav li#nav-us a.active {
background-position: -124px 0px;
}

#navworks ul#localnav li#nav-services a {
background-position: 0 -15px;
width: 56px;
}

#navworks ul#localnav li#nav-services a:hover {
background-position: -62px -15px;
}

#navworks ul#localnav li#nav-services a.active {
background-position: -124px -15px;
}

#navworks ul#localnav li#nav-client_list a {
background-position: 0 -30px;
width: 62px;
}

#navworks ul#localnav li#nav-client_list a:hover {
background-position: -62px -30px;
}

#navworks ul#localnav li#nav-client_list a.active {
background-position: -124px -30px;
}

#navworks ul#localnav li#nav-founders a {
background-position: 0 -45px;
width: 58px;
}

#navworks ul#localnav li#nav-founders a:hover {
background-position: -62px -45px;
}

#navworks ul#localnav li#nav-founders a.active {
background-position: -124px -45px;
}

#navworks #navigation_outer {
border-left: 1px solid #c3c3c3;
height: 88px;
position: absolute; top: 0; left: 330px;
}

#navworks ul#navigation {
padding: 0;	
margin: 0;
list-style-type: none;
height: 88px;	
position: absolute; top: 23px; left: 12px;	
}

#navworks ul#navigation{width: 150px;text-align:center;list-style-type:none; background-color: #ffffff;}

#navworks ul#navigation li{padding-bottom: 6px;float: left; color: #a8a8a8; font-size: 10px; width: 16px; height: 11px;margin: 0;}

#navworks ul#navigation li a{display:block; width: 14px; height: 11px; text-indent: -5000px;}

#navworks ul#navigation li.active, #navworks ul#navigation li.inactive {width: 14px;}

#navworks ul#navigation li a{background: url(i/tertiarynav_door.gif) 0 0 no-repeat;}

#navworks ul#navigation li#one-tab a {
background-position: 0 0;
}

#navworks ul#navigation li#one-tab a:hover {
background-position: -14px 0;
}

#navworks ul#navigation li#one-tab a.onstate {
background-position: -28px 0;
}

#navworks ul#navigation li#two-tab a {
background-position: 0 -11px;
}

#navworks ul#navigation li#two-tab a:hover {
background-position: -14px -11px;
}

#navworks ul#navigation li#two-tab a.onstate {
background-position: -28px -11px;
}

#navworks ul#navigation li#three-tab a {
background-position: 0 -22px;
}

#navworks ul#navigation li#three-tab a:hover {
background-position: -14px -22px;
}

#navworks ul#navigation li#three-tab a.onstate{
background-position: -28px -22px;
}

#navworks ul#navigation li#four-tab a {
background-position: 0 -33px;
}

#navworks ul#navigation li#four-tab a:hover {
background-position: -14px -33px;
}

#navworks ul#navigation li#four-tab a.onstate {
background-position: -28px -33px;
}

#navworks ul#navigation li#five-tab a {
background-position: 0 -44px;
}

#navworks ul#navigation li#five-tab a:hover {
background-position: -14px -44px;
}

#navworks ul#navigation li#five-tab a.onstate {
background-position: -28px -44px;
}

#navworks ul#navigation li#six-tab a {
background-position: 0 -55px;
}

#navworks ul#navigation li#six-tab a:hover {
background-position: -14px -55px;
}

#navworks ul#navigation li#six-tab a.onstate {
background-position: -28px -55px;
}

#navworks ul#navigation li#seven-tab a {
background-position: 0 -66px;
}

#navworks ul#navigation li#seven-tab a:hover {
background-position: -14px -66px;
}

#navworks ul#navigation li#seven-tab a.onstate {
background-position: -28px -66px;
}

#navworks ul#navigation li#eight-tab a {
background-position: 0 -77px;
}

#navworks ul#navigation li#eight-tab a:hover {
background-position: -14px -77px;
}

#navworks ul#navigation li#eight-tab a.onstate {
background-position: -28px -77px;
}

#navworks ul#navigation li#nine-tab a {
background-position: 0 -88px;
}

#navworks ul#navigation li#nine-tab a:hover {
background-position: -14px -88px;
}

#navworks ul#navigation li#nine-tab a.onstate {
background-position: -28px -88px;
}

#navworks ul#navigation li#ten-tab a {
background-position: 0 -99px;
}

#navworks ul#navigation li#ten-tab a:hover {
background-position: -14px -99px;
}

#navworks ul#navigation li#ten-tab a.onstate {
background-position: -28px -99px;
}

#prevnext {
width: 131px;
position: absolute; top: 67px; left: 15px;	
}

/* magic coda scroller - panic.com rules! */

#frame {
overflow: hidden;
margin: 0;
float: right;
width: 543px;
color: #555555;
border-right: 1px solid #dddddd;
min-height: 431px;
.height: 431px;
background-image: url("i/bg_gradient.gif");
background-position: bottom left;
background-repeat: repeat-x;
}

.page_work #frame {
background-image: none;
}

#scroller {
width: 543px;
margin: 0;	
overflow: hidden;
}
#content {
width: 5430px;
}
.section {
width: 543px;
float: left;
text-align: center;
background-color: transparent;
}

.portfolio_img {width: 543px; height: 359px; background: #ffffff; margin-top: 4px;}
.portfolio_swf {width: 543px; height: 304px; background: #ffffff; margin-top: 59px;}
.startswf {
	padding: 0;
	width: 90px;
background-image:url(i/btn_click.gif);
background-position: 0 0;
background-repeat:no-repeat;
	height: 20px;
	border: none;
cursor: pointer;
cursor: hand;	
}

.portfolio_desc {text-align: left; width: 530px;padding: 0 0 0px 0; margin-bottom: 0; min-height:68px; letter-spacing: -.025em; color: #888888; overflow: auto;}	

.portfolio_desc strong {color: #777777;}

/* 2 and even 3 columns side by-each, wicked pisah! */

#columns {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 543px;
}


#column-left {
	float: left;
	width: 181px;
}

#column-right {
	float: right;
	width: 181px;
}

#column-middle{ 
	float: left;
	width: 32%;
	/*margin-left:10px;*/
}

#2columns {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 551px;
}

#column_a {
	float: left;
	width: 235px;
}

#column_b { 
	margin: 0;
	float: left;
	width: 302px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

#section_founders #column_a {
	float: left;
	width: 268px;
}

#section_founders #column_b { 
	margin: 0;
	float: left;
	width: 268px;
	height: 1% /* Holly hack for Peekaboo Bug */
}


/* contact form stuff */

#contact-area {
	width: 266px;

}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 255px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #555555;
	margin: 0px 0px 10px 0px;
	border: 0px;
}

#contact-area input {
background-image:url(i/bg_input.gif);
height: 18px;
}

#contact-area textarea {
background-image:url(i/bg_textarea.gif);
background-position: bottom left;
background-repeat:no-repeat;
background-color:#ffffff;
height: 102px;
overflow:auto;
}

/* nice, but not now
#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #449933;
}
*/

#contact-area input.submit-button {
	padding: 0;
	width: 65px;
	float: left;
background-image:url(i/bg_submit.gif);
background-position: 0 0;
background-repeat:no-repeat;
	height: 18px;
	border: none;
cursor: pointer;
cursor: hand;	
}

#contact-area input.submit-button:hover {
background-position: -65px 0;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}

/* doin' it on the right */

#rightcol { 
color: #333;
background-color: #e4e4e4;
width: 192px;
display: inline;
}

/* c'est l'accent */
#rightcol img {
border: none;
border-left: 1px solid #aaaaaa;
padding: 0;
margin: 0;
margin: 4px 0 0px 0;	/* TBF */
}

#rightcol #banner {
height:585px;
width:191px; 
float:right; 
margin-top: 4px;
}

#ZoomImage {margin-left: -1px; margin-top: -1px;}