/* `Colours
--------------------------------
Blue:					#1D4478
Light Blue:				#7AD8F8
Gray:					#666666

-------------------------------- */

/* -------------------------------- GENERAL -------------------------------- */

body {background: #000 url("background1.jpg") repeat-x center top; font: 14px Helvetica, Arial, sans-serif; color: #666666; height: auto;}
a {color: #7AD8F8;  text-decoration: none;}
a:hover {color: #1D4478;  text-decoration: underline;}
.logos {margin-bottom:20px;}

/* -------------------------------- HEADER -------------------------------- */

#header {background: #fff; padding-top:20px; padding-bottom:15px;}
#header h1.logo a {display: block; background: url("Colac_Logo.png") no-repeat left top; text-indent: -9999px; height: 167px; width: 170px; margin: 0 0 0 20px;}
#header h3 {font: 24px 'Sansita One', cursive; color: #7AD8F8; text-align:right;}
.contactbox {height: 52px; border-right: 1px solid #cecece; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; }
.service {text-align: right; margin: 20px 0 10px 0;}
.phone {font-family:'Sansita One', cursive; height: 56px; border-right: 1px solid #cecece; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; border-left: 1px solid #cecece; float: right; line-height: 56px; text-align: left; font-size: 22px; color: #1D4478; background: url("../images//icon_phone.png") no-repeat 10px center; padding-left: 50px; padding-right: 10px;}
.fax {font-family:'Sansita One', cursive; height: 56px; border-right: 1px solid #cecece; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; float: right; line-height: 56px; text-align: left; font-size: 22px; color: #1D4478; background: url("../images//icon_fax.png") no-repeat 10px center; padding-left: 50px; padding-right: 10px;}
.trading {font-family:'Sansita One', cursive; height: 56px; border-right: 1px solid #cecece; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; float: right; line-height: 16px; text-align: left; font-size: 16px; color: #1D4478; background: url("../images//icon_calendar.png") no-repeat 10px center; padding: 0 20px 0 50px; margin: 0;}
.trading p {margin-top:12px;}

/* -------------------------------- CONTENT -------------------------------- */

.content {background: #fff;}
.content h2 {background: #7AD8F8; color:#fff; font-family:'Sansita One', cursive; font-size:24px; padding:20px 0; text-align:center;}
.content p {padding: 10px 20px;}
.content ul {margin: 0; padding: 20px; list-style: none; font-size: 16px;}
.content li {margin: 0; padding: 5px 10px 5px 24px; background-image: url(bullet.png); background-repeat: no-repeat; background-position: 0 .5em;}
.equalise {min-height:700px;}

/* -------------------------------- FOOTER -------------------------------- */

#footer {background: url("Background_footer.png") no-repeat left top;padding: 30px 0; color: #7AD8F8; margin-top:40px;}
#footer ul {list-style-type: none; margin: 0 0 0 10px; padding: 0; font-size: 10px; text-align: left;}
#footer ul li {margin: 0; padding: 4px 0; }
#footer a {color: #7AD8F8; text-decoration: none;} 
#footer a:hover, #footer a:active {color: #fff; text-decoration: none;}
#credits {text-align: center; color: #fff; padding-bottom: 20px; padding-top: 10px; font-size: 10px;}

/* -------------------------------- TYPOGRAPHY -------------------------------- */

p, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 5px;}

h1 {font-size: 25px;}
h2 {font-size: 23px; }
h3 {font-size: 21px;}
h4 {font-size: 19px;}
h5 {font-size: 17px;}
h6 {font-size: 15px;}