/* CSS Document for Pacific Crossing*/
body{
	padding:0 0 0 0;
	margin:0;
	background-color:#ffffff;
	color:#000;
	}

div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
hr {/*width: 50%;*/
float: left;
color: #101000;
text-align: left;/*this will align it for IE*/
margin: -17px auto 0 -4px; /*this will align it left for Mozilla*/
padding: 10px 0 0 10px;
} 
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------body--------------------*/
/*------------------------------------------------header--------------------*/
#header{
	background: #ffffff;
	width:976px;
	height:162px;
	position:relative;
	margin:0 auto;
	
}
#header ul{
	background:url(images/nav_bar.jpg) 0 0 no-repeat;
	width:976px;
	height:50px;
	position:absolute;
	
	top:105px;
	left: 8px;
	padding:0 0 0 25px; /*adjust the placement of menu text */
}
#header ul li{
	background:url(images/nav_div.jpg) right CENTER no-repeat;
	height:50px;
	float:left;
	padding: 0 14px 0 14px;  /*padding between menu items*/
	
	
}
#header ul li a{
	display:block;
	background:url(images/nav_bg.jpg) 0 0 repeat-x; 
	padding:0 10px; /* left is the seperation between items*/
	font: 16px/50px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:inherit;
	text-decoration:none;
	
	
}
#header ul li a:hover{
	/*background:url(images/nav_hover.jpg) 0 0 repeat-x;*/
	color:#549AD2;
	
	background-color:inherit;
	
}
#header ul li a.hover{
	display:block;
	/*background:url(images/nav_hover.jpg) 0 0 repeat-x;*/
	
	padding:0 10px;  /* left size for hover */
	color:#549AD2;
	font:  16px/50px "Arial Narrow", Arail, Helvetica, sans-serif;  /* font size / height */
	background-color:inherit;
	text-decoration:none;
	cursor:text;
	
}
#header ul li.last{
	background-image:none;
	height:41px;
	float:left;
	
	
}
#header img.logo{
	position:absolute;
	left:10px;
	top:42px;
	width:433px;
	height:39px;
}
#header h1{
	/*background:url(images/ph_bak_03.jpg) 0 0 repeat-x;*/
	width:189px;
	height:60px;
	padding: 4px 0 15px 0;
	position:absolute;
	color:#0065C9;
	font: 12px "arial narrow", Arial, Helvetica, sans-serif ;
	left: 797px;
	top:35px;
	
}
#header p{
	font:normal 14px/19px "Book Antiqua", Helvetica, sans-serif;
	color:#FF7C19;
	background-color:inherit;
	position:absolute;
	left:37px;
	top:180px;
}


/*------------------------------------------------header--------------------*/
/*------------------------------------------------body--------------------*/

/*------------------------------------------------use for body 30 lines of content-----------------*/

#body_30{
	width:976px;
	height:600px;
	padding:0 0 0 0;
	margin:0 auto;
	position: relative;
	}
/*------------------------------------------------use for body 60 lines of content-----------------*/
#body_60{
	width:976px;
	height:1100px;
	padding:0 0 0 0;
	margin:0 auto;
	position: relative;
	}
	
/*------------------------------------------------use for body 90 lines of content-----------------*/
#body_90{
	width:976px;
	height:1620px;   /* to create pages with longer height change 1620 to a larger number */
	padding:0 0 0 0;
	margin:0 auto;
	position: relative;
	}
	
#left_bar_green {
	position: absolute;
	float: left;
	
	top: 21px;
	left:20px
}
#left{
	position: absolute;
	width:182px;
	float:left;
	top: 48px;
	left: 20px;
	border-left: 1px solid #A1A6A4;
	border-right: 1px solid #A1A6A4;
	border-bottom: 1px solid #A1A6A4;
	
	background-image: url(images/sd_menu_bkgd_03.jpg);
	background-repeat: repeat-x;
	height: 509px;
	
}
#left ul{
	padding:0;
	margin:10px 0 10px 0;
	display:block;
	float: left;
}
#left ul li{
background:url(images/r_panel_div.jpg) 0 bottom repeat-x;
	display:block;
	float: left;
	height:20px;
	width:145px;
	line-height:25px;
	margin: 0 10px 0 15px;
	padding: 5px 0 5px 0;
	}
#left ul li a{
	display:block;
	left: 20px;
	padding:0 0 0 0;
	font:normal 13px/20px  Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:inherit;
	text-decoration:none;
	float:left;
}
#left ul li a:hover{
	color:#549AD2;
	
	text-decoration:none;
	
	}
	
#top_content_banner{
	float:left;
	position:absolute;
	left:230px;
	top: 20px;
}
	

#page_title{
	float:left;
	position:absolute;
	left: 233px;
	top:145px;
	font: 19px Arial, Helvetica, sans-serif;
	color: #549AD2;
	}
#content{
	float:left;
	position:absolute;
	left: 233px;
	top:180px;
	width: 462px;
	
	
	
}
#content_innerpages{
	float:left;
	position:absolute;
	left: 233px;
	top:180px;
	width: 712px;
	
	
	
}
.brSpacer  {
		margin-top:10px !important;
		line-height:0px !important;
		display:block;
	}	
#content p.content{
	margin: 0 0 0 0;
/*	padding:12px 10px 0 130px;*/
	color: #101010;
	font: normal 12px/18px Arial, Helvetica, sans-serif;

}
#content_innerpages p.content{
	margin: 0 0 0 0;
/*	padding:12px 10px 0 130px;*/
	color: #101010;
	font: normal 12px/18px Arial, Helvetica, sans-serif;

}
#content_innerpages p.content_bold{
	margin: 0 0 0 0;
/*	padding:12px 10px 0 130px;*/
	color: #101010;
	font: bold 13px/18px Arial, Helvetica, sans-serif;

}
#right{
	float:left;
	width:274px;
	height:381px;
	top: 145px;
	left:705px;
	position: absolute;
	background:url(images/right_bg.jpg) 0 0 no-repeat;
}
#right_top_border{
	float:left;
	position:absolute;
	top:274px;
	left:715px;
	
	/*background:url(images/r_panel_top_border.gif) 0 0 no-repeat;*/
	}
#right_p{
	float:left;
	width:274px;
	height:381px;
	top: 145px;
	left:705px;
	/*background-color: #E6F8F2;*/
	position: absolute;
	background:url(images/right_bg.jpg) 0 0 no-repeat;
	
	}
	
#right_text {
	float:left;
	position:absolute;
	left:100px;
	top: 35px;
	width:149px;

	}
#right_text p.title{
	
	font:bold 14px Arial, Helvetica, sans-serif;
	color: #549AD2;
	
	/*background-color:inherit;*/
	padding:0 0 0 0;
	

}

#right_text p.text{
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#101010;
		
}
#rightPic{
	

	display:block;
	
	width:72px;
	
	float:left;
	margin:15px 0 0 15px;
}

#rightPic p.Pic1{
	
	background:url(images/articles_icon.jpg) 0 0 no-repeat;
	width:72px;
	height:58px;
	
	
	
}

#rightPic p.Pic2{
	
	
	background:url(images/video_icon.jpg) 0 0 no-repeat;
	width:86px;
	height:58px;
	
	
}
#right p.rightPic3{
	display:block;
	background:url(images/worker.jpg) 0 0 no-repeat;
	width:48px;
	height:80px;
	float:left;
	margin:1px 0 1px 1px;
}
#right p.rightPic4{
	display:block;
	background:url(images/quality.jpg) 0 0 no-repeat;
	width:54px;
	height:66px;
	float:right;
	margin:-5px 30px 0 0;
	}
/*------------------------------------------------footer--------------------*/

#footer{
	background: #ffffff;
	width:990px;
	height:96px;
	position:relative;
	margin:0 auto;
	
}
#footer h1{
	text-align:center;
	font:Normal 12px/16px "Book Antiqua", Arial;
	padding: 6px 0 0 25px;
	color: #000000;
	width: 990px;
}
#footer ul{
	width:300px;
	position:absolute;
	left:880px;
	top:5px;
	text-align:left;
	
}
#footer ul li{

	
	color:#000000;
	background-color:inherit;
	font:normal 11px/16px "Book Antiqua", Arial;
}
#footer ul li a{
	color:#000000;
	background-color:inherit;
	font:normal 11px/16px "Book Antiqua",Arial, Helvetica, sans-serif;
	padding:0 7px;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#D4D4C6;
	
}