/*
Comments here
*/

/*=== Colour Palette ===*/

/*=== Setup ===*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background-image:transparent;
}
ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*=== /setup ===*/
body {
   	font:16px "Verdana", sans-serif;
    background:white;
    color: #; /*font colour */
}
img {
   background:white;
  margin:15px 20px;
  float:center;
}
p {
	font:15px "Verdana";
    text-align: justify;
	word-spacing: 3px;
	margin:16px 0;
	text-align:left;
}
a {
	color: #; /*link colour */
}
	a:hover {
	color: #; /*hover colour */
	}
h1{
	font:17px "Verdana";
    text-align: justify;
	word-spacing: 3px;
	margin:16px 0;
	text-align:left;
	color:Red /* heading colour*/
}

h2 {
	font:17px "Verdana",Bold; /* heading size and font*/
	text-align:center;
	color:white; /* heading colour*/
}
h3{
	font:25px "Verdana",Bold; /* heading size and font*/
	text-align:left;
	color:Black; /* heading colour*/
}
h4{
	margin:15px 10px;
	font:11px "Verdana",Bold; /* heading size and font*/
	text-align:right;
	color:White; /* heading colour*/
}

h5{
	font:17px "Verdana";
    text-align: justify;
	word-spacing: 3px;
	margin:16px 0;
	text-align:left;
	color:grey /* heading colour*/
}
.clear {
    clear:both; 
    display:block; 
    height:1px; 
	margin:-1px 0 0 0;
}

.alignleft{ 
	float: left;
}
.alignright {
	float: right;
}

#wrapper {
	width: 960px;
    margin: 0px auto;
}

/*=== =header ===*/

#header{
	display:block;
	width:960px;
	height:160px;
	background:white;
}
#img-nav{
	display:block;
	width:960px;
	height:40px; 
}
#img-nav ul li a{
display:block;
float:left;
height:40px; 
background:url('images/nav_phoenix_money.png') no-repeat;
text-indent:-9999px;
}


#img-nav ul li a#home{
width:87px;
background-position:87px 80;
}

#img-nav ul li a#moneytransfer{
width:180px;
background-position:-87px 0;

}
	#img-nav ul li a#moneytransfer:hover{
	background-position:-87px -40px;
	}
	#img-nav ul li a#moneytransfer:active{
	background-position:-87px -80px;
	}
	
#img-nav ul li a#loans{
width:110px;
background-position:-268px 0;
}
	#img-nav ul li a#loans:hover{
	background-position:-268px -40px;
	}
	#img-nav ul li a#loans:active{
	background-position:-268px -80px;
	}
	
#img-nav ul li a#logistics{
width:121px;
background-position:-378px 0;
}
	#img-nav ul li a#logistics:hover{
	background-position:-378px -40px;
	}
	#img-nav ul li a#logistics:active{
	background-position:-378px -80px;
	}
	
#img-nav ul li a#trade{
width:205px;
background-position:-499px 0;
}
	#img-nav ul li a#trade:hover{
	background-position:-499px -40px;
	}
	#img-nav ul li a#trade:active{
	background-position:-499px -80px;
	}
	
	#img-nav ul li a#realestate{
width:125px;
background-position:-704px 0;
}
	#img-nav ul li a#realestate:hover{
	background-position:-704px -40px;
	}
	#img-nav ul li a#realestate:active{
	background-position:-704px -80px;
	}
	
#img-nav ul li a#contactus{
width:131px;
background-position:-829px 0;
}
	#img-nav ul li a#contactus:hover{
	background-position:-829px -40px;
	}
	#img-nav ul li a#contactus:active{
	background-position:-829px -80px;
	}


	/* these are the buttons to show which page we are on*/
	
#homepage #img-nav ul li a#home{
width:87px;
background-position:0px -80px;
}	
#moneytransferpage ul li a#moneytransfer{
	background-position:-87px -80px;
	}	
#loanspage ul li a#loans{
	background-position:-268px -80px;
	}	
#logisticspage ul li a#logistics{
	background-position:-378px -80px;
	}
#tradepage ul li a#trade{
	background-position:-499px -80px;
	}
#realestatepage ul li a#realestate{
	background-position:-704px -80px;
	}
#contactuspage ul li a#contactus{
	background-position:-829px -80px;
	}
#nav{
    margin: 20px auto 0;
}
#nav ul li a{
color:red; 
text-decoration:none;
}
#nav ul li a:hover{
color:#585858;
}
#nav ul li a:active{
color:black;
}

.secondary{
	display:block;
	float:left;
	width:289px;
}
.subcol{
	display:block;
	margin-top:30px;
	float:left;
	width:289px;
	background:white url('images/sub_module_02.png') repeat-y;
}
	.subcol h2{
		display:block;
		width:289px;
		height:0px;
		text-align:center;
		line-height:10px;
		color:white;
		background:white no-repeat;
	}

.subcol p,h1,h5
{
		margin:20px;
		
	}	
.subcol-top{
padding-top:10px;
display:block;
width:289px;
height:28px;background:white url('images/sub_module_01.png') no-repeat;}
.subcol-bot{display:block;width:289px;height:38px;background:white url('images/sub_module_06.png') no-repeat;}


#content{
	display:block;
	float:left;
	width:380px;
	margin:20px 0;
	background:white no-repeat;
}
	#content p,
	#content h1,
	#content h3,
	#content h2,
	#content h5,
	#content img{
		margin:21px;
	}
	
/*=== =footer ===*/
#footer{
display:block;
margin:10px 0;
height:40px;
	width:960px;
	background:white url('images/footer.jpg') repeat-x;

	}
	#footer a{
	}

#copyright{
float:right;
padding-right:30px
}