/* CSS Document */

body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}

/* Generic Section */

img {border:none;}
a, div, img {margin:0; padding:0;}

a {text-decoration:none; color:#015A92;}
a:hover {text-decoration:underline;}

#wrapper {margin:0 auto; text-align:center; padding:0; width:669px; position:relative;}

#header{ height:79px; position:relative; width:669px; margin:0; padding:0;}
.header-email { position:absolute; top:6px; left:-27px; margin:0; padding:0;}
.header-enquiries { position:absolute; top:0; right:-12px; margin:0; padding:0;}

/* IE 6 and below hack */
* html .header-enquiries { position:absolute; top:3px; right:-12px; margin:0; padding:0;}
* html .header-email { position:absolute; top:9px; left:-27px; margin:0; padding:0;}

#contentBox{ width:362px; height:412px; background:url(../images/content_bg.jpg) no-repeat; float:left;}

/* Navigation Section */

#nav {width:342px; text-align:left; margin-left:20px; margin-top:20px; position:relative;}
#nav ul { margin:0; padding:0;}
#nav li { display:inline;}
#nav li a { color:#FFF; font-size:75%; font-weight:bold; text-decoration:none; padding-right:15px;}
#nav li a:hover { color:#66B3D1;}

/* Main Content Section */

#content{ text-align:left; color:#FFF; padding:20px; padding-top:10px; padding-bottom:0; margin-bottom:0;}

#content h1 { font-size:120%; color:#13F8FE;}
#content p{ font-size:75%;}
#content ul{ margin-left:25px;}
#content li{ font-size:75%; padding-bottom:5px;}
#content img { margin-right:11px; margin-bottom:7px;}

#bigImage{ width:307px; height:412px; float:left;}

/* Bottom Banner Section */

#bottomBanner{ height:201px; width:669px; clear:both; margin:0;}

#bottomBanner #smlImage01 {float:left; width:177px; height:201px; margin:0; padding:0; border:none;}
#bottomBanner #smlImage02 {float:left; width:172px; height:201px; margin:0; padding:0; border:none;}

/* Sub Content Section */

#bottomBanner #subContent { float:left; width:320px; height:201px; text-align:left; background:url(../images/subContent_bg.jpg) no-repeat;}

#subContent h2, #subContent p, #subContent a  { padding-left:20px; width:150px;} 
#subContent h2 { font-size:75%; color:#484848; padding-top:20px; margin-bottom:2px;}
#subContent p { font-size:70%; color:#484848; margin-top:4px; margin-bottom:4px;}
#subContent a { font-size:70%; color:#66B3D1; text-decoration:none; margin:0; padding:0;}
#subContent a:hover {text-decoration:underline;}
#subContent ul {list-style:disc;color:#66B3D1;}
#subContent li { margin-left:5px; padding:0;}

/* Footer Section */
#footer p {font-size:60%; color:#999; margin:0; padding:3px; }

#footer .grey a {text-decoration:none; color:#999;}
#footer .grey a:hover {text-decoration:underline;}

#footer .creativeJar a{color:#999; text-decoration:none;}