/* THEME CONTROL */
html {background: none; }
body {background: #0077aa url(../img/page_bg.png) repeat-x top; font-family: Arial, Helvetica, sans-serif; color: #fff; width: 100%; margin: 0; padding: 0}
#page {margin: 0px auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; position: relative; }
.bubble {z-index: 1001;}

/* COLOUR VERSIONS */

body.darkgreen {background: #85aa00 url(../img/page_bg_darkgreen.png);}
body.darkred {background: #aa0003 url(../img/page_bg_darkred.png);}
body.gray {background: #555 url(../img/page_bg_gray.png);}
body.green {background: #06aa00 url(../img/page_bg_green.png);}
body.lightgreen {background: #00aa87 url(../img/page_bg_lightgreen.png);}
body.navyblue {background: #2d00aa url(../img/page_bg_navyblue.png);}
body.orange {background: #aa7d00 url(../img/page_bg_orange.png);}
body.pink {background: #aa0060 url(../img/page_bg_pink.png);}
body.purple {background: #8200aa url(../img/page_bg_purple.png);}
body.red {background: #aa3600 url(../img/page_bg_red.png);}
body.yellow {background: #a9aa00 url(../img/page_bg_yellow.png);}

#page {margin: 80px auto 0;}
#page a {color: #fff;}
#page a:hover {text-decoration: none;}

#logo {width: 980px; height: 250px; text-align:center;}
#logo img {margin: 0 auto;}

#main-logo {font-family: 'Aclonica', sans-serif; font-size: 50px; color: #fff; text-align: center; margin: 0 0 30px; 
	text-shadow: 0px 0px 20px rgba(20, 20, 20, 0.5);
}

#tagline {text-align: center; font-family: 'Imprima', sans-serif; font-size: 20px; margin: 0 0 30px;}

#side {width:470px; height: 380px; background: url(../img/tubes.png) no-repeat top; margin: 0 auto;}
#sideright { width: 470px; height: 380px; float: right;}
#middle { width: 40px; float: left; padding: 223px 0 0 0; height: 157px; }
#progress {width: 109px; height: 36px; margin: 195px 0 0 200px;}
.topsection {clear: both; overflow: hidden; height: 320px}


#footer {padding: 0; clear: both; clear: both; overflow: hidden; position: relative; overflow: visible;}

#footer .address {margin: 5px 0 0 0;}
#footer .address li {margin: 0 auto; padding: 0 20px; width: 150px; float: none;}
#footer .address li.email a { width: 130px; display: block; text-align: center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#footer .address li.phone { background: url(../img/ico_phone.png) no-repeat left;}
#footer .address li.web { background: url(../img/ico_web.png) no-repeat left;}
#footer .address li a {padding:4px 10px; background: #000; text-decoration: none; color: #fff}
#footer .address li a:hover { background: #fff; color: #000;}