*{
	margin:0; 
	padding:0; 
} 

body{
	font: 62.5%/1.4 sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	background-color:#000000;
	background: url('../images/box.jpg');
}

ul, li{
	list-style:none;
}

img{
	border:none;
}

.one{
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

h2{
	margin-bottom:10px;
	font-size:18px;
}

p{
	margin-bottom:10px;
	font-size:12px;
}

div#container{
	margin:0 auto;
	width:906px;
	position:relative;
}

div#header{
	float:left;
	width:912px;
	height:83px;
	background: url('../images/nav-background.png') top left no-repeat;
}

/*nav logo*/
#home li {
	list-style-type: none;
	}

#home a {
	float: left;
	padding: 83px 0 0 0; 
	overflow: hidden;
	height: 0px !important; 
	}
	
#hhome a  {
	width: 220px; 
	background: url('../images/johnston-press-logo.jpg') top left no-repeat;
	font-size:18px;
	text-decoration:none;
	color:#FFFFFF;
	}

div#navigation{
	float:left;
	width:650px;
	margin-left:20px;
}

div#navigation li{	
	display:inline;
}

a#nav-expertise{
	float:left;
	width:125px;
	border-bottom:2px solid #870000;
	padding:30px 0px 5px 10px;
	font-size:18px;
	text-decoration:none;
	color:#FFFFFF;
}

a#nav-expertise:hover, .expertise-selected{
	background-color:#870000;
}

a#nav-service{
	float:left;
	width:125px;
	border-bottom:2px solid #cb0f0e;
	padding:30px 0px 5px 15px;
	font-size:18px;
	text-decoration:none;
	color:#FFFFFF;
}

a#nav-service:hover, .service-selected{
	background-color:#cb0f0e;
}

a#nav-portfolio{
	float:left;
	width:125px;
	border-bottom:2px solid #de9d00;
	padding:30px 0px 5px 15px;
	font-size:18px;
	text-decoration:none;
	color:#FFFFFF;
}

a#nav-portfolio:hover, .portfolio-selected{
	background-color:#de9d00;
}

a#nav-contact{
	float:left;
	width:120px;
	border-bottom:2px solid #00577f;
	padding:30px 0px 5px 15px;
	font-size:18px;
	text-decoration:none;
	color:#FFFFFF;
}

a#nav-contact:hover, .contact-selected{
	background-color:#00577f;
}

a#nav-chinese{
	font-weight:bold;
	float:left;
	width:60px;
	border-bottom:2px solid #4b0064;
	padding:30px 0px 5px 15px;
	font-size:18px;
	text-decoration:none;
	color:#FFFFFF;
}

a#nav-chinese:hover, .chinese-selected{
	background-color:#4b0064;
}

div#center{
	width:912px;
	float:left;
	background: url('../images/body.png');
	background-repeat:repeat-y;
	padding-bottom:16px;
	}

div#main-image{
	float:left;
	margin-top:16px;
	margin-left:16px;
	width:868px;
}

div#content{
	float:left;
	margin:0px 0px 0px 16px;
	background-color:#FFFFFF;
	width:868px;
	position:relative;	
}

div#sidebar{
	float:left;
	width:140px;
	height:100%;
}

div#sidebar ul{
	margin-top:16px;
	padding:16px 0px 16px 25px;
}

div#sidebar li{
	}

div#sidebar a{
	display:block;
	color:#000000;
	padding-bottom:10px;
	font-size:14px;
	text-decoration:none;
}

div#sidebar a:hover, div#sidebar a.selected{
	color:#cb0f0e
}

div#text{	
	float:left;
	width:666px;
	padding:30px 30px 50px 30px;
	border-left: 2px dotted #000;
}

div#bottom{
	background: url('../images/body-bottom.png') top left no-repeat;
	width:912px;
	height:11px;
	float:left;
}
	

h1#footer{
	float:left;
	width:685px;
	margin:4px 0px 15px 25px;
	color:#FFFFFF;
	font-size:10px;
	font-weight:normal;
}

a#credit{
	float:left;
	padding:4px 0px 15px 0px;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}

a#credit:hover{
	color:#408080;
	text-decoration:underline;
}

/*home*/
div#home-images{
	float:left;
	margin:16px 16px 0px 16px;
}

div#home-images a{
	font-size:0px;
}

div.home-thumb{
	float: left;	
}

div#ad-images{
	float:left;
	margin:16px 16px 0px 16px;
}

div.ad-thumb{
	float: left;	
}

/*end home*/

/*portfolio*/
div#portfolio-center{
	width:912px;
	float:left;
	background: url('../images/body.png');
	background-repeat:repeat-y;
	}
	
div#portfolio-background{
	float:left;
	background: url('../images/portfolio-background.jpg') bottom left no-repeat;
	width:900px;
}

div#portfolio-sidebar{
	float:left;
}

div#portfolio-sidebar ul{
	padding:25px 20px 25px 25px;
}

div#portfolio-sidebar li{
	}

div#portfolio-sidebar a{
	display:block;
	color:#fff;
	padding-bottom:10px;
	font-size:14px;
	text-decoration:none;
}

div#portfolio-sidebar a:hover, div#portfolio-sidebar a.selected{
	color:#de9d00
}

ul#portfolio{
	float:left;
	width:709px;
	margin:25px 0px 0px 0px;
	padding:0px 0px 25px 27px;
	border-left: 2px dotted #3F3F3F;
}

ul#portfolio a{
	font-size:0px;
}

img.size{
	width:140px;
	height:140px;
}

li.print-portfolio, li.design-portfolio{
	float:left;
	padding: 0px;
}
/*end portfolio*/

/*contact page form style */

div#form{
	float:left;
	margin:35px;
	width:330px;
}

div#thankyou{
	float:left;
	margin:35px;
}

div#form h1{
	color:#00577f;
	margin-bottom:20px;
}

div#thankyou h1{
	color:#00577f;
}

label{
	float: left;
	width: 55px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

input, textarea{
	width: 250px;
	background: #fff;
	border: 1px inset #003743;
	font-family: Arial;
	font-size: 12px;
	padding:1px 3px
}

select{
	width: 258px;
	background: #fff;
	border: 1px inset #003743;
	font-family: Arial;
	font-size: 12px;
}

.validate {
	text-align: left;
	margin-bottom:10px
}

#required1, #required2, #required3, .required-none
{
	background-repeat: no-repeat; 
	width: 10px;
	height: 10px;
	float: left;
}

.submitbtn , .resetbtn{
	color:#000;
	font-weight: bold;
	background: #fff;
	border: 1px outset #003743;
	width: 55px;
}

#message {
	font-family: Arial;
	font-weight: bold;
	font-size: 1.2em;
	color: #ff0000;
	margin-left: 65px;
	margin-bottom: 10px
}
/* end contact page form style */

div#contact{
	float:left;
	margin:75px 20px 0px 0px;
}

div#contact h1{
	font-size:12px;
}

div#map{
	background: url('../images/map.jpg') top left no-repeat;
	float:left;
	width:250px;
	height:250px;
	margin:75px 0px 0px 20px;
}

/* chinese page */
div#chinese-text{	
	float:left;
	width:808px;
	padding:30px;
}

div#chinese-text h1{	
	margin-bottom:10px;
	font-size:22px;
}

div#chinese-text h2{
	padding-top:5px;	
	margin-bottom:0px;
	font-size:16px;
	font-weight:bold;
}

div#chinese-text a{
	margin:0px;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

div#chinese-text a:hover{	
	color:#cb0f0e;
}
/* end chinese page */