body {
  margin: 0;
  padding: 0 0 200px 0; /* bottom padding is height of #bottomFrame */
  font-size:12pt; 
  font-family: Verdana, Arial, Helvetic;
  color: #e7e7e7; background-color:#000; 
  }
  
  html, body{height: 100%;}
  
/*main box*/
#bodyContent { 
width: 100%; 
min-width: 980px; 
margin: 0; 
width:100%; 
overflow: hidden; 
background-image:url(../images/insidecontentbg_102b.jpg); background-repeat: repeat-x; background-position: 0 70px;
 }

#bodyContent{
 /* IE Dynamic Expression to set the width */
width:expression(document.body.clientWidth < 1010 ? "1000" : "100%" );
}


#container { 
	background-color: #000;
	 background-image: url(../images/sidebg.jpg); 
	text-align: center;
	 position: relative;
	 top: -6px;
	 width: 100%;
	 height: 100%;

	 min-height: 100%;
 }
 
 
.highlight {font-size:9pt; font-weight:bold;}

/*footer*/
#bottomFrame { height: 150px; 
color: #c8c8c8; 
background-color: #000; 
text-align: center; 
/*position: fixed; 
bottom: 0; left: 0; */
width: 100%; 
min-width: 950px; }


#bottomFrame{
 /* IE Dynamic Expression to set the width */
width:expression(document.body.clientWidth < 1010 ? "1000" : "100%" );
}


  
/* hide from mac ie5 \*/
#bottomFrame { background-color: #0f0f0f; background-image: url(../images/contentbg_11.jpg); background-repeat: repeat-x; background-position: 0 -60px; position: absolute; }

  

/*h1{ color: #c8c8c8; font-size:0.8em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; }*/
h1{ color: #c8c8c8; font-size:1.1em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
h2{ color: #c8c8c8; font-size:1.1em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }

h3{ color:#737373; font-size:0.8em; font-family: "Trebuchet MS", Geneva, Arial, SunSans-Regular, sans-serif; margin-bottom: 10px; margin-top:-5px; font-style:}

h4{ color: #c8c8c8; font-size:0.8em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; margin-bottom: -5px;}

h5{ color: #fff; font-size:0.8em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; margin-bottom: -10px;}

.peoplename{color:#c8c8c8; font-size:0.9em; line-height:1.3; font-family: "Trebuchet MS", Geneva, Arial, SunSans-Regular, sans-serif; text-transform: uppercase; margin-bottom: 10px; font-weight:bold; letter-spacing:1px; margin-top:15px; display:block; margin-bottom:0px;}

.peopletitle{font-size:0.7em; font-weight:bold; margin-bottom:10px; display:block;}

.peoplename2 {font-size:1.1em; margin-top:15px; display:block;}
.associatesname{font-size:0.8em; color: #c8c8c8;}
.associatesname div{font-size:1.2em; margin-bottom:8px; padding-left:5px; margin-left:20px; text-align:justify; width:95%;}
.associatesdesc{font-size:1.5em;}
.associatesname li{font-size:0.9em; margin-bottom:10px; font-weight:bold;}
 
/*header logo*/
 
#header { background-color: #000; height:100px; min-width: 900px; padding: 2% 10% 25px 5%; overflow:hidden; }
#header .logo{ float:left; clear: left; padding-top: 10px; }
#header .tag{ float:right; clear: right; padding-right:5%; padding-top: 50px; }

#headerbottombar { background-image: url(../images/topbarmiddle_02.jpg); height: 2px; }

.headerfloatleft{ float:left; margin-right: 50px; }
.headerfloatright{ float:right; }

/*endheader*/

/* main menu*/

#menu { 
	background-color: #000; 
	height: 25px; 
	clear: both; 
	margin-bottom:0; 
	padding-bottom: 0; 
	overflow:hidden;  
	text-align:center;
	padding-left:20px;
}

#menu{
 /* IE Dynamic Expression to set the width */
width:expression(document.body.clientWidth < 1010 ? "1000" : "100%" );
}

#menu ul{
	list-style-type:none; 
	margin-left:auto; 
	margin-right:auto; 
	margin-top:0px; 
	margin-bottom:0px;
	width:1300px; 
	height:26px;

}

#menu li{ 
	float:left; 
}

#menu li a{ 
	text-decoration: none; 
	display:block; 
}

#menu li a span, #menu li a span em { display:none; }

#menu li#leftmenu a{ width:311px; height:27px; background-image:url(../images/leftbar.jpg); background-position: right 0; min-width: 50px; background-repeat:no-repeat;}

#menu li#rightmenu a{width:305px; height:27px; background-image:url(../images/rightbar.jpg);}

#menu li#casestudies a{width:114px; height:27px; background-image:url(../images/casestudies.jpg);}
#menu li#casestudies a:hover {background-image:url(../images/casestudiesR.jpg);}

#menu li#portfolio a{width:102px; height:27px; background-image:url(../images/portfolio.jpg);}
#menu li#portfolio a:hover {background-image:url(../images/portfolioR.jpg);}
#menu li#portfolio a:active {background-image:url(../images/portfolioR.jpg);}

#menu li#ourstory a{width:103px; height:27px; background-image:url(../images/ourstory.jpg);}
#menu li#ourstory a:hover {background-image:url(../images/ourstoryR.jpg);}

#menu li#contact a{width:89px; height:27px; background-image:url(../images/contact.jpg);}
#menu li#contact a:hover {background-image:url(../images/contactR.jpg);}

#menu li#blog a{width:91px; height:26px; background-image:url(../images/inside-blog.jpg);}
#menu li#blog a:hover {background-image:url(../images/inside-blogR.jpg);}


#menu li#search a{width:114px; height:26px; background-image:url(../images/buttonsinside08_09.jpg);}
#menu li#search a:hover {background-image:url(../images/buttonsinside08R_09.jpg);}

#searchbox {width:160px; height:18px;
color:#CCCCCC; background-color:#333333; 
font-size:7pt; 
position:absolute; left:80%;
opacity: .8;
filter: alpha(opacity=80);
margin-bottom:25px;
padding-top:2px;
}

#searchbox a{color:#fff; text-decoration:none;}

/*end menu*/
  


/*sublinks*/


#sublinks, #sublinksnew { background-color:black; position: absolute; top: 180px; 
width:200px; margin-top:2%; clear:left; min-height: 170px; margin-bottom: 15px; 
margin-left: 7%; margin-right:5%; display: block; /*opacity: 0.0; filter: alpha(Opacity=0);*/}

#sublinks2 { background-color:black; position: absolute; top: 180px; 
width:150px; margin-top:2%; clear:left; min-height: 300px; margin-bottom: 15px; 
margin-left: 7%; margin-right:5%; display: block; /*opacity: 0.0; filter: alpha(Opacity=0);*/}
			
#sublinks ul, #sublinksnew ul, #sublinks2 ul{ list-style-type:none; padding:0px; margin:0px; padding-top:25px;}	

#sublinks li, #sublinksnew li, #sublinks2 li{ font-size:0.7em; line-height: 1; margin-bottom:10px; border-bottom:1px solid #0f0f0f; height:15px;}	

#sublinks li a, #sublinksnew li a, #sublinks2 li a{ color:#fff; display:block; text-decoration:none; padding-top: 2px; padding-bottom: 5px; padding-left:22px; }

#sublinks li a:hover, #sublinksnew li a:hover, #sublinks2 li a:hover { background-color:#1a1a1a; padding-left:30px; list-style-type: circle; }

#sublinks li a:visited, #sublinksnew li a:visited, #sublinks2 li a:visited   { color: #737373; }

#sublinks img, #sublinksnew img, #sublinks2 img  {border:1px solid #ccc; margin-left:auto; margin-right:auto;}

#arch {display:none; margin-left:50px; margin-top:-10px; margin-bottom:10px; font-size:1.1em; line-height:1.5;}

#demoreel { color:#fff; font-size:0.6em; text-align:center; font-weight:bold; width:150px; line-height:2; margin: 40px auto 20px; }

#downarrow {position:relative; left:180px; width:15px; margin-bottom:-20px;}

#sublinksnew ul li div {
			font-style:italic; color:#fff; margin-left:30px; margin-right: 10px; line-height: 1.4; 
			font-size: 0.9em;
	}
													
#sublinksnew ul li{
			height:60px
}
													
#sublinksnew ul li a{
			margin-bottom:-10px;
			font-weight:bold;
}


/*emd sublinks*/


/*inner content*/

#innercontent { background-color: #000; position: relative; top: 25px; left: 27%; padding: 0 15px 15px; margin-left:5px; min-height:300px;}
#innercontent2 {position: relative; top: 10px; left: 19%; padding: 0 15px 15px; margin-left:5px; min-height:300px; width:800px;}


#innercontent{
 /* IE Dynamic Expression to set the width */
width:expression(document.body.clientWidth < 1050 ? "680px" : "60%" );

min-width:620px; max-width:650px;
}

#innercontent p, #innercontent ul,  #fullwidth p{ font-size:0.7em; line-height:1.8; color:#c8c8c8; margin-right: 35px; }

#innercontent a, #fullwidth a{color:#999999; text-decoration:none;}
#innercontent a:hover, #fullwidth a:hover{color:#fff; text-decoration:none;}

#fullwidth { background-color: #000; min-width: 640px; padding: 0 10px 15px; margin-left:5%; margin-right:5%;  min-width:860px;}
#fullwidth table{ font-size:0.8em;}
#fullwidth ul {font-size:0.7em; list-style-type:none; line-height:18pt;}

#clienttable{font-size:8pt;}

.clients{width:98%; padding:5px; background-color:#0B0B0B;  font-size:0.64em; margin-bottom:5px; margin-top:20px; border:1px solid #1e1e1e; clear:both; }
.top{font-size:0.6em; width:95%;text-align:right; }
.clientname{font-size:0.6em; width:48%; margin-bottom:5px; border-bottom:1px solid #1e1e1e; float:left; padding-left:10px;}
.state{width:20%; float:left;padding-left:10px;}
.clientcity{width:20%; float:left; padding-left:10px; }

.pub{width:100%; height:35px;	padding:5px; background-color:#0B0B0B;  font-size:7pt; border-bottom:1px solid #1e1e1e; color:white;}
a:hover .pub{background-color:#333333; border:1px solid #fff}

.pub a[href $='.pdf'] { 
	padding-right:25px;
   padding-bottom:5px;  
   background: transparent url(../images/pdficon.gif) no-repeat center right;
}


.pubname{width:25%; float:left; color:#fff;}
.article{width:45%; float:left;padding-left:10px;}
.pubdate{width:20%; float:left; padding-left:10px;}




#showcase { width: 190px; float: right; margin-top: 0; padding: 20px 10px 25px; border-left: 1px dashed #191919; display:block; }


.projectdescsquare{ width:183px; color: #bababa; font-size: 0.65em; margin-bottom: 15px; }

.projectdesc{ color: #bababa; font-size: 0.65em; margin-bottom: 15px; }

a.projectdesc{ background-color: #131313; margin-bottom: 0; padding: 5px; border: solid 1px #272727; display: block; }
a.projectdesc:hover{ background-color: #444; border: solid 1px #797979; cursor: crosshair; opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}
.projectdesc span{ text-transform: uppercase; width: auto; padding: 5px 10px 10px; display: block; }

.slideshowpic { background-color: #0f0f0f; background-image: url(../images/slideshowbg.gif); background-position: right 0; width: 65%; }

.slideshowpicwide { background-color: #0f0f0f; background-image: url(../images/slideshowbg.gif); background-position: right 0;}

.developerpicwide { background-color: #000; background-image:url(../images/casestudiesstrip.jpg); background-repeat:no-repeat; background-position:top 0; height:127px; width:100%; margin-top:0px;  margin-bottom:20px;  }

.institutionalpicwide { background-color: #0f0f0f; background-image:url(../images/institional-strip.jpg); background-repeat:repeat-x; background-position:top 0; height:300px; width:100%; margin-top:20px;  margin-bottom:20px;  }



.projectdeschor {width:180px; color: #bababa; font-size: 0.65em; float:left; margin-top:10px; margin-bottom:10px; padding:5px; margin-right:7px;}
.projectdeschorwide, .projectdestitle, .projectdeschorwide2 {color: #bababa; font-size: 0.65em; float:left; margin-top:20px; margin-bottom:25px; padding:5px; margin-right:10px;}
 
.projectdeschorwide2{ 
background-color:#0033FF; 
 }


.projectdestitle {margin-top:25px;padding:10px; border:1px solid #2b2b2b; background-color:#0d0d0d; height:110px; font-size:1em; font:Impact;}
.projectdestitle p{font-size:0.5em;}

.projectdeschor span{ text-transform: uppercase; width: auto; display: block;}
.projectdeschorwide span{clear:both; display:block;}

a.thickbox img, a.imglink {border:1px solid #1c1c1c; padding:5px; background-color: #131313;}
a.thickbox:hover img, a.imglink img {border:1px solid #fff; padding:5px; background-color: #444;  opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}

a.projectdeschor { background-color: #131313; display: block; padding:5px; border:1px solid #333}
a.projectdeschor:hover{ background-color: #444; opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}



.boxunderline { border-bottom:1px dotted #666; margin-bottom:20px;}


/**/


/*footer*/
	
#highlight { margin-left:3%; text-align:left; width: 69%; float:left; min-width: 640px; padding-top: 15px; }

a.imagelink{border:3px solid #666; display:block; width:116px; float:left; margin-right:1%;}
a.imagelink:hover {border:3px solid #fff;}

#recentnews { text-align:left; width:18%; padding-top: 15px; padding-right: 10%; }

#recentnewswider{ text-align:left; width:45%; float:left; padding-left:8%; padding-top:30px;}
#recentnewswider ul{ font-size:0.4em; margin-top:0; padding-left:0; margin-left:0; list-style-type:none; color:#fff;}
#recentnewswider li {
				font-size:7pt;
				font-family:Verdana, Arial, Helvetica, san-serif;
				padding-left:-15px; }

#contactinfo{align:center; font-size:0.55em; text-align:center; padding-top:30px;}

#recentnews ul{ font-size:0.4em; margin-top:0; padding-left:0; margin-left:0; list-style-type:none;  border-left:1px dotted #666; color:#fff;}
#recentnews li {font-size:7.5pt;
				font-family:Verdana, Arial, Helvetica, san-serif;
				padding-left:10px; }

.newsdate{margin-bottom:0px; font-weight:bold; margin-left:5%;}
.newstext{margin-bottom:10px; margin-left:5%;}

#address { font-size:0.6em; text-align:center; line-height:1.5; position: absolute; bottom: 0; height:100px; clear:both; }

#testjkk{ position: relative; top: -50px; }


.casestudiesdiv {
		width:70%; 
		float:right; 
		padding:10px; 
		background-color:#0D0D0D; 
		background-image:url(images/blkgradient.jpg); 
		background-position:top; 
		border-bottom:1px solid #4B4B4B; 
		background-repeat: no-repeat;
		margin-bottom:10px;
}


a.casestudiesdivlink{
	margin-top:5px;
} 

.casestudiesimgleft {
	float:left;
	margin-right:20px; 
	border:1px solid #666666; 
	padding:5px;
}

.casestudiesimgright {
	float:right; 
	margin-left: 15px; 
	border:1px solid #666666; 
	padding:5px;
}

.myquote {
	color:#8d8d8d;

	font-size:10px;
	line-height:2;
	width:580px;
	padding:10px;


	border-left:1px solid #666666;
	border-right:1px solid #666666;

}

.casestudiesminiquote {
	border-bottom:1px dotted #191919;
	font-size:0.7em;
	line-height:1.5;
	margin-bottom:20px;
	padding-top:15px;

}

.clearme {
	clear;both;
}

.redtxt{
	color: #990000
}

.floatright{
	float:right; 
	margin-left:15px;
	padding:3px;
	border:1px solid #666666;
	border:1px solid #1c1c1c; 
	padding:5px; 
	background-color: #131313;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #999;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: absolute;
	z-index:100;
	top: 10px;
	left: 0px;
	margin-top:5px;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	position: absolute;
	background: #000;
	z-index: 102;
	color:#000;
	display:none;
	text-align:left;
	padding-bottom:2px;
	border: 1px solid #525252;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#ccc;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


.hrline {
	clear:both; 
	height:1px; 
	width: 100%; 
	border-bottom: 1px dotted #242424

}