body {font: 11px, Arial, Times-Roman, Helvetica, sans-serif; background-color: black; color: black; text-align: left;}
* {margin:0px; padding:0px;}

div#page-wrapper {width:900px; margin: 00px auto; margin-top:0px; background-color: transparent; color: black; text-align: center; border: solid; border-width: 15px; border-color: White; margin-top: 30px;}

div#header-wrapper {width: 900px; margin: 0 0px 0 0px; padding: 0 0 0 0; background-color: transparent;}
	div#header-wrapper-logo {margin: 0 0 0 0; padding: 0 0 0 0; background-color: transparent; float: left; text-align:left; border-right: solid; border-bottom: solid; border-top: solid; border-width: 1px; border-color: #877B77;}
	div#header-wrapper-nav {margin: 0 0 0 0; padding: 0 0 0 0; background-color: #BAB2AF; float: left; text-align:left; border-left: solid; border-bottom: solid; border-top: solid; border-width: 1px; border-color: #877B77;}

div#content-wrapper {width:898px; background-color: white; padding: 0 0 0 0; margin: 30px 0 0 0; border-right: solid; border-left: solid; border-bottom: solid; border-width: 1px; border-color: #877B77;}
	.bg-299-599 {background: url(../i/bg-299-599.gif) repeat-y;padding: 0 0 0 0; margin: 0 0 0 0;  margin-top:0px;}

div#flash-wrapper {width: 898px; margin: 0 0px 0 0px; padding: 0 0 0 0; background-color: transparent; border-right: solid; border-bottom: solid; border-top: solid; border-width: 1px; border-color: #877B77;}

div#content-main {width:898px; padding: 0px 0px 0 0; margin: 0px 0 0 0px; float: left; text-align:left; background-color: white;}
	div#content-main p {font-family: Arial; font-size:12px; color: #77787b; margin: 0px 0px 0 0px;  text-align: left; line-height: 18px; }

div#content-left {width:299px; min-height: 448px; height: 448px; padding: 0px 0 0 0px; margin: 0px 0 0 0px; float: left; text-align:left; background-color: white;}
	div#content-left p {font-family: Arial; font-size:12px; color: #77787b; margin: 0px 0px 0 0px;line-height: 18px; background-color: transparent; }

div#content-right {width:599px; padding: 0px 0px 0 0; margin: 0px 0 0 0px; float: left; text-align:left; background-color: white;}
	div#content-right p {font-family: Arial; font-size:12px; color: #77787b; margin: 0px 0px 0 0px;  text-align: left; line-height: 18px; }

div#footer {width: 900px;height: 50px; margin: 50px 0 0 0; float: left; background: url(../i/footer-back.png) 0 0 no-repeat;}

div#main-nav {width:299px; text-indent: -9999px;  margin-left:0; z-index:0; background-color:transparent;}
	/* Main Navigation */
	#main-nav ul {margin: 0 0 0 0; background: url(../i/main-nav.gif) 0 0 no-repeat; height: 98px; width: 299px;} 
	#main-nav li {float: left; padding: 0px 0 0; text-indent: -9999px; list-style: none; border: 0 0 0 0;}
	#main-nav a {display: block; height: 13px; text-decoration: none; outline: 0;}

	#main-nav li#philosophy a {left: 0px; width: 299px; border: solid; border-width:0px; border-color: Red; height: 26px;} 
	#main-nav li#philosophy a:hover, #main-nav li#philosophy  a.selected, li#philosophy a.active {background: url(../i/main-nav.gif) -299px 0px no-repeat; border: solid; border-width: 0px; border-color: Red; height: 26px;}   
	
	#main-nav li#work a {left: 0px; width: 299px; border: solid; border-width:0px; border-color: Red;height: 17px;} 
	#main-nav li#work a:hover, #main-nav li#work a.selected, li#work a.active {background: url(../i/main-nav.gif) -299px -26px no-repeat; border: solid; border-width: 0px; border-color: Red;height: 17px;} 
	
	#main-nav li#team a {left: 0px; width: 299px; border: solid; border-width:0px; border-color: Red; height: 17px;} 
	#main-nav li#team a:hover, #main-nav li#team a.selected, li#team a.active {background: url(../i/main-nav.gif) -299px -43px no-repeat; border: solid; border-width: 0px; border-color: Red; height: 17px;} 
	
	#main-nav li#clients a {left: 0px; width: 299px; border: solid; border-width:0px; border-color: Red; height: 17px;} 
	#main-nav li#clients a:hover, #main-nav li#clients a.selected, li#clients a.active {background: url(../i/main-nav.gif) -299px -60px no-repeat; border: solid; border-width: 0px; border-color: Red; height: 17px;} 
	

/* Text */
h1 {font-family: Times-Roman; font-size:28px; font-style: normal; font-weight: normal; color: #626466; margin: 10px 10px 10px 10px;display: inline; text-align: left; line-height: 40px;} 
h2 {font-family: Arial; font-size:10px; color: white; font-weight: bold; line-height: 13px; margin: 1px 0px 0px 9px; display: inline;} 
h3 {font-family: Arial; font-size:10px; color: white; font-weight: bold; line-height: 13px; margin: 1px 0px 0px 259px; display: inline;} 
h4 {font-family: Arial; font-size:10px; color: white; font-weight: bold; line-height: 13px; margin: 1px 0px 0px 209px; display: inline;} 
h5 {font-family: Arial; font-size:10px; color: #0089CC; font-weight: bold; line-height: 13px; margin: 10px 0px 0px 180px; display: inline;} 


img {border: 0;padding: 0 0 0 0; margin:  0 0 0 0;}
span.error {padding: 2px 4px; background-color: #b87f9e; color: #fff;}

.hiddenPic {display:none;}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */