/* CSS Document */

body {
	margin:10px 0px 25px 0px;
	background-image:url(../images/page-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#003366;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#banner {
	width:955px; 
	height:80px; 
	background-image:url(../images/banner-bg.jpg);
	background-position:top; 
	margin-left:auto; 
	margin-right:auto;
	border-bottom:1px solid #FFFFFF; 	
}

a:link { text-decoration: underline; color: #003366}
a:visited { text-decoration: underline; color: #003366}
a:active { text-decoration: underline; color: #003366}
a:hover { text-decoration: underline; color: #003366}

#footer {
	width:955px;
	height:14px;
	background-image:url(../images/page-footer.jpg);
	background-position:top;
	margin-left:auto;
	margin-right:auto;
}	
p.header1 {
	font-weight:bold;
	color:#FFB300;
	text-transform:uppercase;
	margin-bottom:5px;
	margin-top:0px;
}
p.header2 {
	font-weight:bold;
	color:#003366;
	margin-bottom:5px;
	margin-top:0px;	
}
p.pageTitle {
	font-weight:bold;
	color:#FFB300;
	font-size:12px;
	margin-top:0px;	
	text-transform:uppercase;
}
p.pageSubTitle {
	font-weight:bold;
	font-size:11px;	
	color:#003366;
	margin-top:0px;	
	text-transform:uppercase;
}
p.pageSubBody {
	font-size:11px;	
	color:#003366;
	margin-top:0px;	
}
p.callout {
	font-weight:bold;
	color:#003366;
	font-size:11px;
	font-style:italic;
	line-height:14pt;
}
/***************************************Top Navigation********************************************************/
#navBar {
	width:937px; 
	height:30px; 
	margin-left:185px; 
	top:60px; 
	position:absolute;
}
#nav {
	margin: 0;
	height: 30px;
	list-style: none;
	display: inline;
	overflow: hidden;
}
#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
}
#nav a {
	float: left;
	margin: 0; 
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0 !important; 
	height /**/:30px; /* for IE5/Win only */
}
#nav a:hover {
	background-position: 0 -30px;
}

#nav a:active, #nav a.selected { /* not using the 'selected' state */
	background-position: 0 -30px;
}

#home a {
	width:127px;
	margin: 0px;
	background-image:url(../images/nav-Home.jpg);	
	background-position:top center;
	background-repeat:no-repeat;
	border-left:1px solid #E6A21D;		
}
#solutions a {
	width:127px;
	margin: 0px;
	background-image:url(../images/nav-Solutions.jpg);	
	background-position:top center;
	background-repeat:no-repeat;
	border-left:1px solid #E6A21D;		
}
#ourCustomers a {
	width:127px;
	margin: 0px;
	background-image:url(../images/nav-OurCustomers.jpg);	
	background-position:top center;
	background-repeat:no-repeat;
	border-left:1px solid #E6A21D;		
}
#aboutHal a {
	width:127px;
	margin: 0px;
	background-image:url(../images/nav-AboutHal.jpg);	
	background-position:top center;
	background-repeat:no-repeat;
	border-left:1px solid #E6A21D;		
}
#news a {
	width:127px;
	margin: 0px;
	background-image:url(../images/nav-News.jpg);	
	background-position:top center;
	background-repeat:no-repeat;
	border-left:1px solid #E6A21D;		
}
#contactUs a {
	width:127px;
	margin: 0px;
	background-image:url(../images/nav-ContactUs.jpg);	
	background-position:top center;
	background-repeat:no-repeat;
	border-left:1px solid #E6A21D;		
}
/***************************************Left Navigation********************************************************/
#vertmenu {
width: 180px;
padding: 0px;
margin: 0px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
display: block;
border-bottom: 1px solid #FFFFFF;
padding: 7px 0px 7px 4px;
text-decoration: none;
width:180px;
background-color:#FFB300;
color:#FFFFFF;
font-weight:bold;
text-transform:none;
}

#vertmenu ul li a:hover{
background-color: #003366;
color:#FFFFFF;
font-weight:bold;
text-transform:none;
}

#vertmenu ul li a.focus {
background-color: #003366;
color:#FFFFFF;
font-weight:bold;
text-transform:none;
}
	
/***************************************Home**************************************************/
#homeMiddle {
	position:relative;
	width:953px;
	height:185px;
	background-color:#003366;
	margin-left:auto;
	margin-right:auto;
	border-color:#FFFFFF;
	border-width:0px 1px 1px 1px;
	border-style:solid;
}	
#homeMiddleRight {
	position:relative;
	float:left;
	height:185px;
	width:403px;
	background-image:url(../images/home-middlerightBG.gif);
	background-position:top;
	background-repeat:no-repeat;
	color: #333333;
}
#homeMiddleRight b {
	color: #003366;
	text-transform:uppercase;
}

#box1 {
	float:left;
	display:inline;	
	width:173px; 
	height:65px; 
	background-color:transparent; 
	margin:14px 0px 0px 14px;
	overflow:hidden;
}	
#box2 {
	float:left;
	display:inline;	
	width:173px; 
	height:65px; 
	background-color:transparent; 
	margin:14px 0px 0px 28px;
	overflow:hidden;
}
#box3 {
	float:left;
	display:inline;	
	width:173px; 
	height:65px; 
	background-color:transparent; 
	margin:24px 0px 7px 14px;
	overflow:hidden;
}	
#box4 {
	float:left;
	width:173px; 
	height:65px; 
	background-color:transparent; 
	margin:24px 0px 0px 28px;
	overflow:hidden;
}
#homeBottom {
	position:relative;
	width:953px;
	height:310px;
	background-color:#003366;
	margin-left:auto;
	margin-right:auto;
	border-color:#FFFFFF;
	border-width:0px 1px 1px 1px;
	border-style:solid;
}		
#homeBottomLeft {
	position:relative;
	float:left;
	width:275px;
	height:310px;
	background-image:url(../images/home-bottomLeftBg.gif);
	background-position:top left;
}

#homeBottomLeft a:link { font-weight:normal; text-decoration: none; color: #003366}
#homeBottomLeft a:visited { font-weight:normal; text-decoration: none; color: #003366}
#homeBottomLeft a:active { font-weight:normal; text-decoration: none; color: #003366}
#homeBottomLeft a:hover { font-weight:normal; text-decoration: underline; color: #003366}

#homeBottomLeft ul {
	margin-top: 10px;	
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}
#homeBottomLeft li {
	margin: 0;
	list-style: none;
	margin-bottom:12px;
}

#home-Left1 {
	margin: 10px 10px 0px 30px;
	background-color:#FFFFFF;
	height:81px;
	overflow:hidden;
}
#home-Left2 {
	margin: 23px 10px 0px 30px;
	background-color:#FFFFFF;
	height:81px;
	overflow:hidden;
}
#home-Left3 {
	margin: 14px 10px 0px 30px;
	height:100px;
	overflow:hidden;
	background-color:#FFFFFF;
}
#home-Left3 li {
	margin-bottom: 8px;
}
#homeBottomRight {
	position:relative;
	float:left
}

#home-Panel1 {
	width:273px; 
	height:310px; 
	background-color:#FFFFFF; 
	float:left; 
	border-left:1px solid #CCC;
	background-image:url(../images/home-Headerbar.gif);
	background-position:top left;
	background-repeat:no-repeat;
}	
#home-Panel2 {
	width:201px; 
	height:310px; 
	background-color:#FFFFFF; 
	float:left; 
	border-left:1px solid #CCC;
	background-image:url(../images/home-CustomersBG.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:center;
}
#home-Panel3 {
	width:201px; 
	height:310px; 
	background-color:#FFFFFF; 
	float:left; 
	border-left:1px solid #CCC;
	background-image:url(../images/home-Headerbar.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#home-customerLogos {
	margin: 50px 0px 25px 0px;
}
/***************************************Detail**************************************************/
#main {
	margin-left:auto; 
	margin-right:auto; 
	border-left:1px solid #FFFFFF; 
	border-right:1px solid #FFFFFF; 
	width:953px;
	min-height:445px;
	background-image:url(../images/pg-bg.gif); 
	background-position:left top; 
	background-repeat:repeat-y;
}
#left {
	width:184px;
	float:left; 
	padding-bottom:10px;	
}
#leftPanelGroup {
	width:184px;
	background-color: #FFF; 
	border-bottom:1px solid #CCCCCC;
	padding-bottom:10px; 		
	padding-top:10px;	
}
#leftPanelGroup ul {
	margin-top: 10px;	
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}
#leftPanelGroup li {
	margin: 0;
	list-style: none;
	margin-bottom:8px;
}

#ImgNews {
	width:184px; 
	height:85px; 
	background-image:url(../images/img-newspaper2.jpg);
	border-bottom:1px solid #FFFFFF;
}
#ImgSolutions {
	width:184px; 
	height:85px; 
	background-image:url(../images/img-globe.jpg);
	border-bottom:1px solid #FFFFFF;
}
#ImgCustomers {
	width:184px; 
	height:85px; 
	background-image:url(../images/img-cargoship2.jpg);
	border-bottom:1px solid #FFFFFF;
}
#ImgContactUs {
	width:184px; 
	height:85px; 
	background-image:url(../images/img-talkingphone.jpg);
	border-bottom:1px solid #FFFFFF;
}
#ImgAboutHal {
	width:184px; 
	height:85px; 
	background-image:url(../images/img-computer.jpg);
	border-bottom:1px solid #FFFFFF;
}
#leftPanel {
	margin:0px 10px 0px 10px;
	color:#666666;
}

#leftPanel a:link { font-weight:normal; text-decoration: none; color: #003366}
#leftPanel a:visited { font-weight:normal; text-decoration: none; color: #003366}
#leftPanel a:active { font-weight:normal; text-decoration: none; color: #003366}
#leftPanel a:hover { font-weight:normal; text-decoration: underline; color: #003366}

#mainContent {
	width:690px; 
	margin-left:220px;
	padding-top:30px;
	padding-bottom:10px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:12pt;
	/*float:right*/
}

#mainContent ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}
#mainContent li {
	padding-left: 15px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	padding-bottom: 5px;
}

#mainContent li a:link { font-weight:bold; text-decoration: none; color: #003366}
#mainContent li a:visited { font-weight:bold; text-decoration: none; color: #003366}
#mainContent li a:active { font-weight:bold; text-decoration: none; color: #003366}
#mainContent li a:hover { font-weight:bold; text-decoration: underline; color: #003366}


#mainBottom {
	width:954px;
	height:50px;
	background-color:#FFFFFF;
	background-image:url(../images/pg-bgbottom.gif);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	border-left:1px solid #FFF; 		
}	
#panelDivider {
	border-bottom:1px solid #CCC;
}
#calloutBox {
	border:1px solid #DDDDDD; 
	padding:0px 20px 0px 20px;
	background-color:#f5f5f5;
}