html {

background: url(../common/bodyBG.jpg) #3c2221 repeat-x;/*was 424242*/

}

body {
	margin:15px;
	position:Auto;
	width:950px;
	background:#000000;
	font-family: verdana, helvetica, arial, sans-serif;
	text-align: center;
	color: #fff;
	line-height:17px;
	
		
}

h1, h2, h3, h4, h6, p{
	
	font-weight: normal;
	text-align:left;
}

h1{
	font-weight:bold;
	margin:.5em 0 .1em 0;
	color:#ebe8da;
	font-size:1.4em;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:100;
	
}
h2{
	font-size:.9em;
	margin: .2em 0 .6em 0;
	text-align:left;
}
/*h3 used for image captions*/
h3{
	font-size:.85em;
	color:#ccc;
	padding:30px 0 0px 0;
	margin:0px;
	text-transform:uppercase;
	
}
h4{
	font-size:.8em;
	color:#ccc;
	padding-top:15px;
	margin:0px;
}
h5{
	margin-bottom:0px;
	padding-bottom:0;
}
ul, ol{
	font-size:.75em;
	padding-bottom:20px;
	
}
p{
	font-size:.75em;
	padding-top:0 0 5px 0;
	margin:10px 0 0 0;
	
}

a {text-decoration: none; padding: 1px; }
a:link { color:#fff; }
a:visited { color: #ddd; }
a:hover {
	color: #FC3;
	background-color:transparent;
	text-decoration: none;
}


img{
	border:none;
}
li#active {
	z-index:10;
	position:relative;
	top:2px;
}/*not really used, but might work for top menu*/


#container{
background:#000000 repeat-y;

width:950px;
}
#portfolioPane {
	width:210px;
	height:426px;
	padding:50px 0px 0px 0px;
	margin:0;
	float: left;
	position:relative;
	text-align:left;
	font-size:14px;
	border-right:1px solid #333;
	
	background:#121d2c url(../common/portfolioPaneBG.jpg) repeat;
	z-index: 150;
	color:#FFFFFF;
	line-height:14px;
	
	
}
#portfolioPane ul{
width:200px;
padding:0px;
margin:0px;
}
#portfolioPane li {

	list-style-type:none; 
	float:left;
}
#portfolioPane li a {
	margin-top:5px;
	padding: 7px 8px 8px 11px;
	display:block;
	
	width:191px;
	background:url(../common/spacer.gif);
	/*#0d1922;*/
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
	text-decoration:none;
}
#portfolioPane li a:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;   
	opacity: 1.0;
	
}

#portfolioPane li a#active {
	background-color:#122532;
	color:#ffce00;
	filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;
}
a#active{color:#ffce00;}
#portfolioPane li a.active {
	background-color:#122532;
	color:#ffce00;
	filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;
	outline:none;
	


	
}
h6{text-transform:uppercase;

padding:0;
margin:0;
font-weight:bold;
font-size:11px;
letter-spacing:0;



line-height:12px;
display:inline;
}
#portfolioPane li#active{
	background-color:#57534b;
	color:#ffce00;
		margin-top:5px;
	padding: 8px 0 0 10px;
	display:block;
	height:35px;
	width:188px;

	text-decoration:none;
	
	filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;
}
#portfolio{
	background:#000;
	width:730px;
	float:right;
	padding:3px;
}
#footer{
	clear: both;
	text-align:right;
	width:930px;
	height:22px;
	font-size:.6em;
	padding:5px 10px 0 10px;
	color:#aaa;
	border-bottom:1px solid #111;
	background:#122736;
}
#footer2{
	clear: both;
	text-align:right;
	width:930px;
	height:22px;
	font-size:0.9em;
	padding:0px 10px 0 10px;
	color:#FC3;
	border-bottom:0px solid #111;
	background:#000000;
}
#smfooter{
	clear: both;
	text-align:right;
	width:930px;
	height:22px;
	font-size:.9em;
	padding:5px 10px 0 10px;
	color:#aaa;
	border-bottom:1px solid #111;
	background:#000000;
}
/*===============  HEADER STUFF =================*/
#navHolder{
	background:#CC0033;
}
.h3{
	height: 131px;
}
.h3a{
	height: 116px;
}
#header {
	
	
	text-align:left;
	background:#122736;/*was 0d1c26 */
	padding:0;
	margin-bottom:0;
	border-bottom:1px solid black;
}
.h1{
	height:117px;
	width:950px;
}
#flashNav{
position:relative;
height:50px;
margin:0px 0 0 0px;
padding:0;
float:right;


}

#subheader {

	width:950px;
	height:27px;
	text-align:left;
	padding:0;/*top left bottom right*/
	margin:0;
	color:#fff;
	z-index:-5;
	background-color:#244863;
}


#subheader img{
	float:left;
}



/*===============  END HEADER STUFF =================*/
/*===============  BODY STUFF  ======================*/



.text{
	margin-top:0px;
	background:#000;
	width:840px;
	padding:25px 55px 25px 55px;
	text-align:left;
	min-height:400px;
	
}
.text a{	font-weight:bold; color:#4589bc;}
.text a:visited{
	color:#69879d;
}
.text a:hover{color:#ffce00;}
.textImg{
padding:70px 150px 0 150px;
margin:0;
height:400px;


}

.text img{
position:relative;
float:left;
padding-bottom:20px;
}
.rightCol{
position:relative;
margin-right:-20px;
padding-left:20px;
float:right;
width:220px;
height:345px;
border:none;
text-align:left;
}
.rightCol ul{
	margin-top:10px;
	margin-left:0;
	list-style-type:none;
	text-decoration:none;
	line-height:30px;
}

*html .text{height:400px;}
/*=============  HOME PAGE STUFF ===================*/
.h2 {
	
	height:120px;

}
/*===CENTER BOXES AND SUCH===*/
#bigPictureBox {
	font-size: 1em;
	text-align:left;
	height:405px;
	width:930px;
	background:url(rotateImages/homePage/CoverImage.jpg);
	border-top:0px solid black;
	padding-left:20px;
	padding-top:20px;
	color:#fff;
}
#leftCenter{
	
	text-align:left;
	height:450px;
	width:420px;
	float:left;
	padding:20px 20px 0 10px;
	color:#fff;
	
}
* html #leftCenter{margin-top:-10px;}
#rightCenter{
	font-size: 1.2em;
	text-align:left;
	height:450px;
	width:450px;
	float:right;
	padding-left:0px;
	padding-top:0px;
	color:#fff;
	
}	
#dis-bigPictureBox-L {
	text-align:left;
	height:450px;
	width:420px;
	float:left;
	padding:20px 20px 0 30px;
	color:#fff;
	background:url(../digital-imaging/imgs/Homepage_JinShan.jpg) no-repeat;
	
	
}

#dis-bigPictureBox-R{
float:right;
padding:0;
margin:20px 0 0 0 ;
	
	height:450px;
	width:490px;
	


}
#dis-bigPictureBox-R p{
margin:70px 100px 0px 0;
padding:0;

		font-size: 1em;
		text-align:center;
			color:#fff;
			
}
#dis-bigPictureBox-R img{
margin:25px 20px 0 0;
float:right;
}
#hm-footer {
	width:950px;
	height:75px;
	background:#000;
	color:eee;
}
#hx-footer {
	width:950px;
	height:25px;
	background:#000;
	color:eee;
}
}
#hftp-footer {
	width:950px;
	height:50px;
	background:#000;
	color:eee;
}
/*============PRINTABLE PAGES, WHITE BACKGROUND================*/

.back{
	margin-top:20px;
	margin-right:20px;
	float:right;
	font-size:12px;	
}
.floatLeft{
	float:left;
}
#floatright
{	position:relative;
	float: right;
	width: 200px
}

#floatright img
{
	margin-bottom: 20px;
	margin-left: 10px
}
	
/*===============  DIS Specific Styles  ==============*/
#portfolioPane.DIS{
	
	width:200px;
	height:500px;
	background:#000;
	margin:0 auto;
	padding:0px 0 0px 0px;
	float: left;
}
#portfolioPane.DIS li a {height:62px;}
#portfolioPane.DIS li a{background-color:#000000;}
.darkGrey{background:#191919;}
#portfolio.add20top{padding-top:20px;}
.DIScasestudy{

	
	float:left;
	width:330px;
	text-align:left;
	padding:0px;
	margin:0 15px 0 10px;
	color:#CCCCCC;
	font-size:.85em;
}
.addressBlock{
	list-style-type:none;
	display:block;
	margin:10px 30px 25px 0px;
	padding:0;
	float:left;
	width:auto;
	height:200px;
}
.addressBlock h1{
	font-size:1.1em;
}
.addressBlock h2{
	font-size:.95em;
	margin-bottom:12px;
}
.sideImg{
	position:relative;
	float:right;
	width:300px;
	margin:0;
	padding:0;
}
.sideImg img{
	margin:20px 0px 20px 20px;
}
.bodyImg{
position:relative;
float:left;
}



#subheader2 {
	
	width:950px;
	height:27px;
	text-align:right;
	padding:0;/*top left bottom right*/
	margin:0;
	border-bottom:4px solid #f1ab00;
	z-index:-5;
	background:#244863 url(../test/subHeaderTile_03.gif) repeat-x;
	
}
#subheader2.dis{
	/*background:#244863 url(../digital-imaging/common/subheaderTile.gif) repeat-x;*/
	border-bottom:4px solid #997eb3;
}
#subheader2 ul{

width:650px;
float:right;
margin:0px 20px 0 0;
padding:0px;
height:25px;



}
#subheader2 ul li{
	margin:0;
	display: inline;
	padding:0px;
	height:25px;
	color:#ffce00;

}
#subheader2 ul li a{
	font-weight:normal;
	font-size: 11px;
	height:19px;
	BORDER-RIGHT: #0f3d5f 1px solid; 
	
	padding:5px 5px 2px 5px;
	DISPLAY: block; 

	FLOAT:left; 

	MARGIN: 0px; 
	BORDER-LEFT: #2f5d80 1px solid; 
	WIDTH: auto; 
 
	
	
	TEXT-DECORATION: none; 
	BORDER-BOTTOM-STYLE: none;
}
#subheader2 ul li a:hover{
	color:#ffce00;
}
#subheader2 ul li.first a{
	margin-left: 0px;
	border-left:none;

	
}
#subheader2 ul li.last a{
	
}
#subheader2 ul li#currentPg a{
	background:#1f3d54 url(../common/subHeaderTile_03rev.gif) repeat-x;/*072c52;336699;*/
	height:19px;
	padding:4px 8px;
	font-weight:bold;
	
}
*html #subheader2 ul li{

}
#subheader2 ul li#currentPg a{	color:#ffce00;}
#subheader2 img{
margin:0 10px 0 0;
padding:0;
float:right;
filter:alpha(opacity=75);-moz-opacity: .75;opacity: .75;
}
#nav .sel A {
	BACKGROUND: url(../images/nav-tile.gif) #003672 repeat-x 0px -300px
}



.text table{
	font-size:11px;
}






.menu {
margin:-1px 0 0 0;
width:610px; 
height:110px;
position:relative;
z-index:20;
text-align:center;
float:right;
padding:0;



}
.menu ul{
margin:0;
padding:0;
width:610px;
height:35px;
text-align:center;
float:left;

}
.menu ul li {
list-style-type:none;
display:block;
float:left;
width:100px;
height:35px;
position:relative;
padding:0;
margin:1px;
text-align:center;





}
.menu ul li a{
position:relative;
display:block;
	text-align:center;
	height:35px;
	width:100px;
	border:none;
	margin:0;
	padding:0;

}


.menu ul.sub{
visibility:hidden;/* hide the sub levels and give them a positon absolute so that they take up no room */
position:absolute;


width:200px;
margin:5px 1px 0 1px;

float:left;

}
.menu ul.sub li{
	display:block;
	width:190px;
	height:20px;
	background:#0c1a24;
	font-size:10px;
	margin:1px;
	
}
.menu ul.sub li a{
	display:inline;
}

.menu ul.sub a:hover{
	color:#ffce00;
}
.menu ul.sub a#on{
	font-weight:normal;
	color:#ffce00;
}
#btn_about{	background:url(../common/btn_about.gif) no-repeat center;}
#btn_about a.main:hover {	background:url(../common/btn_about-ov.gif) no-repeat center;}
#currentPg_about {background:url(../common/btn_about-on.gif) no-repeat center;}

#btn_news{	background:url(../common/btn_news.gif) no-repeat center;}
#btn_news a.main:hover {	background:url(../common/btn_news-ov.gif) no-repeat center;}
#currentPg_news{	background:url(../common/btn_news-on.gif) no-repeat center;}

#btn_careers{	background:url(../common/btn_careers.gif) no-repeat center;}
#btn_careers a:hover {	background:url(../common/btn_careers-ov.gif) no-repeat center;}
#currentPg_careers{	background:url(../common/btn_careers-on.gif) no-repeat center;}

#btn_contact{	background:url(../common/btn_contact.gif) no-repeat center;}
#btn_contact a:hover {	background:url(../common/btn_contact-ov.gif) no-repeat center;}
#currentPg_contact{	background:url(../common/btn_contact-on.gif) no-repeat center;}

#btn_portfolio{	background:url(../common/btn_portfolio.gif) no-repeat center;}
#btn_portfolio a.main:hover {	background:url(../common/btn_portfolio-ov.gif) no-repeat center;}
#currentPg_portfolio{	background:url(../common/btn_portfolio-on.gif) no-repeat center;}

#btn_whatshot{	background:url(../common/btn_whatshot.gif) no-repeat center;}
#btn_whatshot a.main:hover {	background:url(../common/btn_whatshot-ov.gif) no-repeat center;}
#currentPg_whatshot{	background:url(../common/btn_whatshot-on.gif) no-repeat center;}


/*===========================added this=================================*/

.menu ul ul {
visibility:hidden;/* hide the sub levels and give them a positon absolute so that they take up no room */
position:absolute;
height:0;

/*width:700px;this value causes the menuV to push the browser to the right, causing a scrollbar
top:35px;
left:0;
SO I HAVE SET UP ID's TO FIX THE PROBLEM*/
}


.menu ul li:hover ul ul, .menu ul a:hover ul ul{
	visibility:hidden;
	position:absolute;
	left:160px;
	font-size:1em;
	height:0;
	margin:0;
	padding:0;
	top:0;
}
*:first-child+html .menu ul li:hover ul ul, .menu ul a:hover ul ul{
	left:0;

}

.menu ul ul li, .menu ul ul ul li{
padding:0px 10px;
margin:0px;
height:20px; 
display:block;
text-align:left;
float:none;

}


.menu ul ul a:visited{


color:#aaa; 
background:#244863;

}

.menu ul ul a, .menu ul ul ul a{
text-align:left;
background:#244863;
border-bottom:1px solid black;
border-top:1px solid black;
display:block;
padding:0px 10px;
margin:0;
height:20px;
width:160px;
}

.menu ul ul ul li{margin-left:20px;}
.menu ul ul ul a{background:#244877;}
*:first-child+html .menu ul ul ul li{margin-left:-130px;}

.menu table {position:absolute; top:0; left:0;margin:0;padding:0;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
float:none;
visibility:visible; 
margin:0;
padding:0;

}


.menu ul ul li:hover ul,
.menu ul ul a:hover ul{
float:none;
visibility:visible; 
margin:0;
padding:0;

}




.menu a:hover{color:#fff; }

.menu ul ul a:hover{background:#2f5f82;}



#nv-about{
width:161px;
top:35px;
left:-10px;
}
#nv-portfolio{
width:161px;
height:500px;
top:35px;
left:-10px;
}
#nv-news{
width:161px;
top:35px;
left:-10px;
}
#nv-careers{
width:500px;
top:35px;
right:-143px;
}
#nv-contact{
width:300px;
top:35px;
right:-143px;
}
.post img{
	float:left;
	clear:right;
	margin:10px;
}
#whatshot{
	
		
	width:200px;
	font-size:10px;
}
#whatshot a img{float:left;}
#whatshot #hotupdate{float:right;margin:-30px 0 0 10px;}