body {
 margin: 0 auto;
 padding: 0;
 text-align: center;
 font: 12px / 14px Verdana, Arial, Helvetica, sans-serif;
 background: #ededed;
 background-image: url(images/bg_test.gif);
 color: #999999;
 }
 
p, br {
 line-height: 12px;
 }
 
* {
 	margin: 0;
	padding: 0;
	outline: none;
}

*:focus {
 	margin: 0;
	padding: 0;
	outline: none;
}

img, .noborder, a.noborder:link, a.noborder:visited, a.noborder:active, a.noborder:hover {
	border: none;
	outline: none;
	}
	

.floatLeft{
	float: left;
	}
	
.bold{
	font-weight: bold;
	}
	

.separator {
	clear: both;
}

.clear{
		clear: both;

		}
 
A:link, A:visited, A:active  { color: #999999;  font-weight : normal;  text-decoration : none;  border: none;}
A:hover { color: #126e8e;  font-weight : normal;  text-decoration : none; border: none; }

A.text:link, A.text:visited, A.text:active  { color: #048db4;  font-weight : normal;  text-decoration : none; border: none; }
A.text:hover { color: #126e8e;  font-weight : normal;  text-decoration : none; border: none; }

A.textsm:link, A.textsm:visited, A.textsm:active  { color: #048db4;  font-weight : normal;  text-decoration : none; border: none; }
A.textsm:hover { color: #126e8e;  font-weight : normal;  text-decoration : none; border: none;  }

A.subnav:link, A.subnav:visited, A.subnav:active  { color: #048db4;  font-weight : normal;  text-decoration : none; border: none; }
A.subnav:hover { color: #126e8e;  font-weight : normal;  text-decoration : none; border: none; }
 
 

#wrapper {
	border: #dcdcdc 1px solid;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: #ffffff;
	min-height: 750px;
	padding-bottom: 20px; 
	
}



#logo { 
	float: left;
	margin: 0;
	width: 250px; 
	border: none;
}

.logo {
	border: none;
	}

/*** Header ******************************************************************/

#navigation { height: 48px; width: 665px; float: left; border-bottom:1px solid #dadad9; }

ul#menu {margin:0; padding:0; }

ul#menu li {font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size:11px; float:left; margin-right:7px; padding:0; display:block; list-style:none;}

ul#menu li a:link, ul#menu li a:visited {display:block; padding:7px 0 10px; line-height:1em; width:105px; color:#6a797d; font-weight:bold; text-decoration:none; border-top:3px solid #fff; text-transform:lowercase;}

ul#menu li a:hover {border-top:3px solid #c4f37d;}

ul#menu li a span {font-size:9px; color:#b1b8bb; text-transform:lowercase;}

ul#menu li a.selected {border-top:3px solid #4d879b; color: #126e8e;}

ul#menu .last {margin-right:0;}



.arrow {
	width: 8px;
	height: 9px;
	margin-bottom: 2px;
	display: block;
	}



#info1, #info2, #info3 { 
	float: left;  
	margin-top: 13px;
	font: 10px / 12px verdana, arial, helvetica, sans-serif;
	text-align: left; 
	}

#info1 { 	
	margin-left: 0;
	width: 250px;	 
	}

#info2 { 
	margin-left: 96px;
	width: 150px;
	}

#info3 { 
	margin-left: 50px;
	width: 130px;
	}


#topNav {  
	margin-left: 245px;
	width: 500px;
	}


#topSubNavStudio {   
	display: inline; 
	float: left;
	width: 500px;
	height: 11px;
	margin-top: 7px;
	margin-left: 468px;
	margin-bottom: 64px;
	text-align: left;
	}
	
#topSubNavPortfolio {  
	display: inline; 
	float: left;
	width: 500px;
	height: 11px;
	margin-top: 7px;
	margin-bottom: 64px;
	margin-left: 108px;
	text-align: left;
	}
	



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

#topSubNavStudio ul, #topSubNavPortfolio ul {  
	list-style-type: none; 
	}

#topNav li {  
	display: inline; 
	float: left;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	list-style: none;
	font: 13px / 1.25 Arial, Verdana, Helvetica, sans-serif; 
	
}

#topSubNavStudio li, #topSubNavPortfolio li  {  
	display: inline; 
	float: left;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	list-style: none;
	font: 13px / 1.25 Arial, Verdana, Helvetica, sans-serif; 
	
}

#topNav a:link, #topNav a:visited, #topNav a:active, #topSubNav a:link, #topSubNavStudio a:visited, #topSubNavStudio a:active, #topSubNavPortfolio a:link,  #topSubNavPortfolio a:visited, #topSubNavPortfolio a:active { color: #6e6d6d;  font-weight : normal;  text-decoration : none; border: none;}
#topNav a:hover, #topSubNavStudio a:hover, #topSubNavPortfolio a:hover { color: #669900;  font-weight : normal;  text-decoration : none;  border: none;}


#intro {
	display: block; 
	float: left;  
	margin-top: 40px;
	margin-left: 250px;
	width: 600px;  
}

#introStudio {
	display: block; 
	float: left;  
	margin-top: 40px;
	margin-left: 250px;
	width: 600px;  
}


#introImage {

	float: left;  
	margin-top: 6px;
	margin-left: 250px;
	margin-bottom: 5px;
	width: 700px;  
}

#introImage02 {
	float: left;  
	width: 664px;
	height: 158px;
	margin-top: 6px;
	margin-left: 250px;
	margin-bottom: 5px;
	border-top: 8px solid #f0f0f0;
	border-bottom: 1px solid #cccccc;
	background: url(images/bg_diag_stripes.gif) repeat-x;
	}
	
#introImage03 {
	float: left;  
	width: 664px;
	height: 158px;
	margin-top: 6px;
	margin-left: 250px;
	margin-bottom: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background: none;
	}
	
#introImage04 {
	float: left;  
	width: 664px;
	height: 158px;
	margin-top: 6px;
	margin-left: 250px;
	margin-bottom: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: 8px solid #e1e1e1;
	border-bottom: 1px solid #cccccc;
	background: none;
	}



#flash {
	background: #ffffff;
	float: both;  
	margin-top: 0;
}



#homeText {
	margin-top: 0;
}

.sideCol{
	float: left;
	display: inline;
	width: 145px;
	margin-left: 27px;
	margin-top: 0px;
	}
	
.sideCol2{
	float: left;
	display: inline;
	width: 145px;
	margin-left: 27px;
	margin-top: 0px;

	}



#leftCol, #rightCol, #leftCol2, #leftColwSideCol {
	float: left;
	margin-top: 20px;
	padding:0;
	text-align: left;
	
}


#leftCol {
	margin-left: 250px;
	width: 325px;
	padding-right: 20px;
}

#leftCol2 {
	margin-left: 250px;
	width: 420px;
	padding-right: 20px;
}

#leftColindex {
	margin-left: 80px;
	width: 420px;
	padding-right: 20px;
	padding-top: 25px;
}

#leftColwSideCol{
	margin-left: 78px;
	width: 325px;
	padding-right: 20px;
}


#rightCol {
	margin-left: 0;
	width: 330px;
	padding-right: 20px;
}


#box {
	float: left;
	
	height: auto;
	margin-left: 250px;	
	margin-top: 10px;
	font: 9px / 17px verdana, arial, helvetica, sans-serif;
	text-align: left;
	
}



.box1, .box2,.box2b,.box2c,.box2d,.box2e, .box3, .boxwSideCol  {
	float: left;
	width: 165px;
	height: auto;	
	font: 9px / 17px verdana, arial, helvetica, sans-serif;
	text-align: left;
	
}

.box1 {
	margin-left: 250px;
	margin-top: 10px;
}

.boxwSideCol {
	margin-left: 78px;
	margin-top: 10px;
}

.box2 {
	
	margin-left: 8px;
	margin-top: 52px;
	
}

.box2b {
	
	margin-left: 8px;
	margin-top: 10px;
	padding-right: 10px;
	
}


.box2c {
	
	margin-left: 8px;
	margin-top: 50px;
	
}


.box2d {
	
	margin-left: 8px;
	margin-top: 36px;
	padding-right: 10px;
	
}

.box2e {
	
	margin-left: 8px;
	margin-top: 10px;
	
}


.box3 {
	
	margin-left: 5px;
	margin-top: 52px;
	
}

.box4 {
	float: left;
	width: 165px;
	height: auto;	
	margin-top: 36px;
	font: 9px / 17px verdana, arial, helvetica, sans-serif;
	text-align: left;
	margin-left: 0;
	
}







#smbox1, #smbox2, #smbox3, #smbox4, #smbox5 {
	float: left;
	width: 125px;
	height: 120px;
	text-align: left;
	
	
}

#smbox1 {
	float: left;
	margin-left: 24px;
	margin-top: 20px;
	
}

#smbox2 {
	float: left;
	margin-left: 1px;
	margin-top: 20px;
	
}

#smbox3 {
	float: left;
	margin-left: 1px;
	margin-top: 20px;
	
}

#smbox4 {
	float: left;
	margin-left: 1px;
	margin-top: 20px;
	
}

#smbox5 {
	float: left;
	margin-left: 0px;
	margin-top: 20px;
	
}




#blank {
	float: left;
	width: 100%;
	height: 20px;
}

#footer {
	clear: both;
	font: 9px Arial, Verdana, Helvetica, sans-serif;
	color: #bbbbbb;
	
}




.image {
	padding-top: 5px;
	padding-bottom: 10px;
}


.imagethumb {
	margin-top: 10px;
	margin-bottom: 10px; 
	padding: 5px;
	border: #dcdcdc 1px solid;
}



.text {
	font-size: 11px; color: #999999; font-weight: normal;
	font-family:  verdana, arial, helvetica, sans-serif;
	line-height : 16px;
	vertical-align : top;
	
	}
	

.textsm {
	font-size: 10px; color: #999999; font-weight: normal;
	font-family:  verdana, arial, helvetica, sans-serif;
	line-height : 15px;
	vertical-align : top;
	padding-right: 30px;
	padding-top: 10px;
	}

.textsm2 {
	font-size: 10px; color: #999999; font-weight: normal;
	font-family:  verdana, arial, helvetica, sans-serif;
	line-height : 12px;
	vertical-align : top;
	padding-right: 30px;
	padding-top: 10px;
	}

.textsmbold {
	font-size: 10px; color: #999999; font-weight: bold;
	font-family:  verdana, arial, helvetica, sans-serif;
	line-height : 12px;
	font-weight: bold;
	}

.textsmaller {
	font-size: 9px; color: #999999; font-weight: normal;
	font-family:  verdana, arial, helvetica, sans-serif;
	line-height : 10px;
	vertical-align : top;
	}

.textsmaller2 {
	font-size: 9px; color: #999999; font-weight: normal;
	font-family:  verdana, arial, helvetica, sans-serif;
	line-height : 12px;
	vertical-align : top;
	}
	
.sideColHdr{
	font-weight: bold;
	color: #999999;
	}

.sideColText{
	width: 110px;
	margin-left: 15px;
	float: left;
	display: inline;
	color: #999999;
	font-size: 9px;
	font-weight: normal;
	font-family:  arial, verdana, helvetica, sans-serif;
	line-height : 11px;
	
	}
	

.style1 {color: #126e8e}
.style2 {color: #666666}
.style3 {color: #333333}

/* ---------  index  --------- */

.indexSectionsLeft {
	margin-left: 78px;
	}
	
.indexSections, .indexSectionsLeft {
	width: 214px;
	height: 359px;
	float: left;
	display: inline;
	border-bottom: 1px solid #cccccc;
	margin-top: 15px;
	margin-right: 11px;
	}
	
A.indexSections:link, A.indexSections:visited, A.indexSections:active, A.indexSectionsLeft:link, A.indexSectionsLeft:visited, A.indexSectionsLeft:active { border-top: 8px solid #e1e1e1; 
	border-bottom: 1px solid #cccccc; border-right: none; border-left: none;}
A.indexSections:hover, A.indexSectionsLeft:hover { border-top: 8px solid #d0f693; 
	border-bottom: 1px solid #cccccc; border-right: none; border-left: none; }
	


.indexImg { 
	width: 214px;
	height: 232px;
	border-top: 1px solid #cccccc;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding-top: 3px;
	margin-bottom: 17px;}
	
.sectionHeader{
	color: #666666;
	font: 11px/11px Arial, Verdana, Helvetica, sans-serif bold; 
	height: 11px;
	margin-bottom: 3px;
	display: block;
}


	
.sectionDesc{
	color: #999999;
	font: 9px/12px Verdana, Arial, Helvetica, sans-serif; 
	display: block;
	padding-bottom: 5px;
	
}



/* ---------  portfolio  --------- */

#sectionHeader {
	width: 214px;
	height: 28px;
	float: left;
	display: inline;
	border-top: 8px solid #d0f693;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 76px;
	margin-left: 27px;
	margin-top: 15px;
	margin-right: 9px;
	}
	
#projectInfo {
	width: 664px;
	height: 16px;
	float: left;
	display: inline;
	border-top: 8px solid #cccccc;
	padding-top: 10px;
	margin-top: 15px;
	}
	
#projectTitle{
	color: #333333;
	font: 16px/16px Arial, Verdana, Helvetica, sans-serif; 
	height: 16px;
	display: block;
	margin-bottom: 48px;
	
}

#projectTypeHeader{
	color: #b5b4b4;
	font: 11px/11px Arial, Verdana, Helvetica, sans-serif; 
	height: 11px;
	margin-bottom: 3px;
	display: block;
	
}

#projectType{
	color: #999999;
	font: 12px/11px Arial, Verdana, Helvetica, sans-serif; 
	height: 11px;
	display: block;
	padding-bottom: 5px;
	border-bottom: 1px solid #cccccc;
	
}

.projectsDiv {
	float: left;
	display: inline;
	width: 214px;
	height: 365px;
	margin-top: 0px;
	margin-right: 9px;
	margin-left: 27px;
	padding-top: 3px;
	border-bottom: 1px solid #cccccc;
}



#portfolioNavInActive01{
	float: left;
	display: inline;
	width: 222px;
	height: 50px;
	
	line-height: 18px;
	text-align: right;
	font-size: 12px;
}
#portfolioNavInActive01 a:link, #portfolioNavInActive01 a:visited, #portfolioNavInActive01 a:active  { color: #999999;  font-weight : normal;  text-decoration : none; border: none; }
#portfolioNavInActive01 a:hover { color: #669900;  font-weight : normal;  text-decoration : none;  border: none;  }

.projectAboutHeader{
	height: 11px;
	width: 664px;
	color: #b5b4b4;
	font: 11px/11px Arial, Verdana, Helvetica, sans-serif; 
	margin-bottom: 9px;
	margin-left: 249px;
	display: block;
	}

.projectAboutDesc1{
	margin-left: 249px;
	}
	
.projectAboutDesc2{
	margin-left: 25px;
	}

.projectAboutDesc1, .projectAboutDesc2{
	
	width: 320px;
	display: inline;
	float: left;
	padding-right: 5px;
	color: #999999;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	}
	
#projectDesc1, #projectDesc2{
		line-height: 14px;
		}


/* ---------- javascript image gallery ---------- */


#projectImageDiv {
	height: 360px;
	width: 664px;
	display: inline;
	float: left;
	margin-top: 4px;
	margin-bottom: 12px;
	padding-bottom: 4px;
	border-bottom: 1px solid #cccccc;
	
	}



#placeholder {
	height: 360px;
	width: 664px;
	}



/* ---------- NESTED ACCORDION STYLES ---------- */

/* @group Accordion */


dl * {
	margin: 0;
	padding: 0;
	zoom:1;
	}

dl.accordion
{	float: right;
	display: inline;
	text-align: right;
}



.accordion li{
	border: none;
	display: inline;
	list-style: none;
	float: right;
	padding-left: 1px;
	}



/* @group Level 1 */

dl.accordion dt
{
	position: relative;
	height: 10px;
	
	font-size: 9px;
	padding-bottom: 5px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background: none;
	display: block;
	width: 100%;	}
dl.accordion dt a:link, dl.accordion dt a:visited, dl.accordion dt a:active  {display: block; width: 100%;	color: #999999;  font-weight : normal;  text-decoration : none; }
dl.accordion dt a:hover { color: #666666;  font-weight : normal;  text-decoration : none; }

* html dl.accordion dt
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop');
	background-image: none;
}


	
dl.accordion dt.open a
{
	
	color: #666666;
}

* html dl.accordion dt.open
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop');
	background-image: none;
}

dl.accordion dd
{
	position: relative;
	overflow: hidden;
	background: none;
}

dl.accordion dd a:link, dl.accordion dd a:visited, dl.accordion dd a:active  { color: #999999;  font-weight : normal;  text-decoration : none;  }
dl.accordion dd a:hover { color: #666666;  font-weight : normal;  text-decoration : none;  }


/* @group Contents */

dl.accordion dd.sub_accordionc
{
}

dl.accordion dd.accordion_content
{
}

dl.accordion dd.accordion_content p
{
}

/* @end */

/* @end */

/* @group Level 2 */


dl.accordion dd dl dt
{
	height: 10px;
}

dl.accordion dd dl dt:hover{
	}

dl.accordion dd dl dt.open a
{
	
}

dl.accordion dd dl dt.open
{
	background: none;
	
	/*NOTES: on open, display last li in id="placeholder" */
}

* html dl.accordion dd dl dt.open
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop');
	background-image: none;
}


dl.accordion dd dl dd.accordion_content
{
}

dl.accordion dd dl dd.accordion_content
{
}

/* @end */

/* @group Level 3 */

dl.accordion dd dl dd dl dt
{
	background: none;
	height: 0px;
}

dl.accordion dd dl dd dl dd.accordion_content
{
	background: none;
	height: 0px;
}

/* @end */


/* ---------- studio page ---------- */

#image01, #image02, #image03 {
	float: left;
	height: 148px;
	
	
}

#image01 {
	float: left;
	width: 115px;
	border-top: 8px solid #e1e1e1;
	border-bottom: 1px solid #cccccc;
	padding: 4px 0px 4px 0px;
	
}

#image02  {
	float: left;
	width: 215px;
	margin-left: 8px;
	border-top: 8px solid #e1e1e1;
	border-bottom: 1px solid #cccccc;
	padding: 4px 0px 4px 0px;
	
}

#image03 {
	float: left;
	width: 320px;
	margin-left: 8px;
	border-top: 8px solid #e1e1e1;
	border-bottom: 1px solid #cccccc;
	padding: 4px 0px 4px 0px;
	
}


/* --------- image rotator ---------- */		


#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}

#imageContainer {
	position:relative;
	margin:auto;
	width:664px;
	height:177px;
	border:none;
	
	
	float: left;  
	margin-top: 6px;
	margin-left: 250px;
	margin-bottom: 5px;
	
}

#rotator {
	display: block;
	position: relative;
	overflow: hidden;
	width: 664px;
	height: 177px;
}