/* Generic Styles */
html {background:#2B367E;}
body {
	background:#2B367E;
	color:#ffffff;
	font-family:Arial, sans-serif;
	margin:0;
	text-align:center;
	font-size:16spx
}
#page {width:100%;}
a:link,
a {color:#ffffff;}
a:active {color:#7B9AC2;}
a:hover {color:#7B9AC2;}
#footer .inside,
#container{
	width:960px;
	margin:0 auto;
	position:relative;
	text-align:left;
}

.hart {
	background: url(images/hart.png) no-repeat;
	height:95px;
	margin:0 auto;
	width:960px;
}
.front .hart {
	position:absolute;
	top:40px;
	left:0px
}
h4 {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:15px;
}
/*Header*/

#header {
	height:185px;
}
.not-front #header {
	background: url(images/internal-logo.png) no-repeat top left;
}

/*Menu*/
#menu {
	position:absolute;
	top:135px;
	left:0;
	z-index:1000;
}
#menu ul {
	clear:both;
	display:block;
	width:960px;
	margin:20px 0;
	padding:0;
	text-align: center;
}
#menu ul li{
	display:block;
	float:left;
	list-style-image: none;
	list-style-type: none;
	margin: 0 71px;
	padding:0;
}
#menu ul li.first {margin-left:0;}
#menu ul li.last {margin-right:0;}
#menu ul li a:visited,
#menu ul li a {
	color:#ffffff;
	text-transform:uppercase;
	font-size:30px;
	font-weight:bold;
	text-decoration:none;
}
#menu ul li a:active,
#menu ul li a:hover{
	color:#7B9AC2;
}

/*Content*/
#content {
	background: url(images/content-inside.png) no-repeat top left;
	height:700px;
	padding:0;
}
.front #content {
	background: url(images/content.png) no-repeat top left;
	height:700px;
	padding:0;
}
.content-inside{
	height:520px;
	width:960px;
}
.about #content {height:820px;}
.front #content {
	padding-bottom:110px;
}
.contact #content {
	background: url(images/contact-content.png) no-repeat top left;
}

.front #content h1 {
	padding: 0;
	background: url(images/front-logo.png) no-repeat bottom left;
	display:block;
	width: 960px;
	height: 0 !important;
	overflow: hidden !important;
	padding-top: 566px;
	margin: 0;
	line-height: 1;
	font-size:1px;
	color:#2B367E;
}

/*Commodity Brokers and Traders Banner*/
#traders {
	background: url(images/traders.png) no-repeat;
	position:absolute;
	top:815px;
	left:0;
	width:960px;
	height:40px;
}
.not-front #traders {
	top:130px;
	z-index:0;
}
/*Contact Block*/
#contact-block {
	display:block;
	float:right;
	margin:285px 0 25px;
}
#contact-block h2 {
	background: url(images/corporate.png) no-repeat;
	display:block;
	height: 0 !important;
	overflow:hidden !important;
	width:153px;
	padding-top:35px;
	font-size:0.1em;
	color:#2B367E;
}
#contact {
	background: url(images/telephone.png) no-repeat;
	height:35px;
	display:block;
	clear:both;
	width:960px;
}
#contact p {
	display:none;
}
/*Sidebars*/
.about #left-sidebar {margin-bottom:20px;}
#left-sidebar,
#right-sidebar {
	width:450px;
	display:block;
	float:left;
	margin-top:20px;
}
#right-sidebar {margin-top:120px;}
#right-sidebar .who h2{
	display:block;
	background: url(images/who.png) no-repeat;
	width:142px;
	height:0 !important;
	overflow: hidden !important;
	padding-top:32px;
	font-size:0.1em;
	color:#2B367E;
}
#right-sidebar .what h2{
	display:block;
	background: url(images/what.png) no-repeat;
	width:146px;
	height:0 !important;
	overflow: hidden !important;
	padding-top:32px;
	font-size:0.1em;
	color:#7B9AC2;
}

/*About*/
#content .row {
	display:block;
	clear:both;
	margin-top:40px;
}
#content .row  h3 {margin-bottom:0;}
#content .row img{
	float:left;
	margin:0 10px 10px 0;
}
#content .row p {
	color:#7B9AC2;
	margin:5px 0;
}
#content .row a {color:#7B9AC2;}
#content .row a:hover {color:#ffffff;}

/*Locations*/
#locations {clear:both;}
#locations ul {
	margin:10px auto;
	padding:0;
	text-align:center;
	width:850px;
}
.front #locations ul {
	margin-top:190px;
}
#locations ul li {
	list-style-image: none;
	list-style-type: none;
	display:block;
	float:left;
	color:#ffffff;
	padding:0 8px;
	border-right:#ffffff 1px solid;
	margin:0;
	font-size:16px;
}
#locations ul li.last {
	border-right: 0 none;
}

/*Products*/
#container #products {
	display:block;
	padding:140px 0 0;
	width:600px;
	margin-left:200px;
	height:500px;
}
#products ul {
	display:block;
	float:left;
	margin:0 0 30px 35px;
	padding:0;
	text-align:left;
}
#products ul li {
	list-style-image: none;
	list-style-type: none;
}

#products p {
	clear:both;
	width:600px;
	text-align:center;
}

/*Contact Map*/
#map {
	float:left;
	height:566px;
	position:relative;
	width:500px;
}
#map a{
	height:0 !important;
	overflow:hidden !important;
	padding-top:20px;
	position:absolute;
	width:20px;
	font-size:0.01em;
	color:#2B367E;
}	
#map a:hover{
	padding-top:234px;
	width:323px;
	font-size:0.01em;
	color:#2B367E;
}	
#map .homer a:hover,
#map .homer a {
	background: url(images/homer.png) bottom left no-repeat;
	top:240px;
	left:100px;
}
#map .homer a:hover {
	top:26px;
	left:100px;
}
#map .dutch a:hover,
#map .dutch a {
	background: url(images/dutch.png) bottom left no-repeat;
	left:50px;
	top:285px;
}
#map .dutch a:hover {
	left:50px;
	top:71px;
}
#map .victoria a:hover,
#map .victoria a {
	padding-top:31px;
	background: url(images/victoria.png) bottom left no-repeat;
	left:222px;
	top:315px;
	font-size:0.01em;
	color:#2B367E;
}
#map .victoria a:hover {
	left:222px;
	top:112px;
	padding-top:234px;
	width:323px;
}
#map .gloucester a:hover,
#map .gloucester a {
	background: url(images/gloucester.png) bottom left no-repeat;
	left:430px;
	top:358px;
	font-size:0.01em;
	color:#2B367E;
}
#map .gloucester a:hover{
	left:430px;
	top:144px;
}
#map .atlanta	a:hover,
#map .atlanta	a	{
	background: url(images/atlanta.png) bottom left no-repeat;
	left:380px;
	top:390px;
	font-size:0.01em;
	color:#2B367E;
}
#map .atlanta	a:hover {
	left:380px;
	top:176px;
}

/*Footer*/
#footer{
	clear:both;
	height:250px;
	position:relative;
	margin-top:20px;
}

#footer #credit_logo {
	position:absolute;
	bottom:10px;
	right:50px;
}
#footer #credit_logo img{
	border:0 none;
}