/* INIT
---------------------------------------------- */
body {margin: 0; text-align: center; background: #0081c6 url("images/layout/body-bg.gif") top left repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000;}

a:visited,
a:link, a:visited {color: #db271d; text-decoration: underline;}
a:hover {color: #db271d; text-decoration: none;}

img {border: 0;}

h1, h2, h3 {margin: 0; padding: 0; font-weight: normal;}
h1 {font-size: 24px; padding: 40px 0 20px 0; font-style: italic;}
	h1:first-child {padding-top: 10px;}
h2 {font-size: 20px; padding-top: 20px; clear: both;}

ul {list-style: square; margin-left: 16px;}
p {padding: 0 0 15px 0;}

td {vertical-align: top;}

.center {text-align: center;}
.right {text-align: right;}
.clear {clear: both;}
.hr {border-top: 1px solid #ccc; height: 1px; margin: 40px 0 20px 0;}
.topbutton {border-bottom: 1px dotted #3c6dc9; text-transform: uppercase; font-size: 12px; text-align: right; padding-top: 10px;;}

.image-right {float: right; margin: 20px 0 20px 30px;}
.image-left {float: left; margin: 10px 20px 10px 0;}

ul.ticklist {list-style: none; margin: 0; padding: 10px 0;}
ul.ticklist li {padding: 5px 0 5px 25px; background: url("images/icons/tick.png") left no-repeat;}

.body {line-height: 1.5em; word-spacing: 0.03em; letter-spacing: 0.03em;}

.ui-tabs .ui-tabs-hide {
     display: none;
}

/* LAYOUT
---------------------------------------------- */
#container {margin: 0px auto; width: 960px; text-align: left;}
	#header {height: 196px; background: url("images/layout/header.jpg") top left no-repeat;}
	#nav {}
		#nav a {display: block; float: left; line-height: 50px; padding: 0 20px; font-weight: bold; text-decoration: none;}
		#nav a:hover {color: #000;}
		
	#page-top {background: url("images/layout/page-top.png") top left no-repeat; height: 19px; clear: both;}
	#page {clear: both; background: #fff; padding: 0 20px;}
	#page-bottom {background: url("images/layout/page-bottom.png") bottom left no-repeat; height: 19px;}
		
	#footer {text-align: center; padding: 10px 0; font-size: 12px; color: #47bcfb;}
		#footer a:visited,
		#footer a:link {color: #47bcfb;}
	
/* PAGE SPEC
---------------------------------------------- */
form label {float: left; display: block; width: 60px; line-height: 22px;}
form .input {border: 1px solid #000; padding: 3px; margin-bottom: 3px; width: 250px;}
form textarea {margin-left: 60px; font: inherit; height: 100px;}
form .button {margin-left: 60px; border: 1px solid #000; width: 258px}

.phone {padding-left: 20px; background: url("images/icons/phone.gif") top left no-repeat;}
.email {padding-left: 20px; background: url("images/icons/email.gif") top left no-repeat;}
.map {padding-left: 20px; background: url("images/icons/map.gif") top left no-repeat;}

#colourswap {margin-bottom: 10px;}
	#colourswap-wall-buttons {text-align: center;}
	#colourswap-wall-buttons a {text-decoration: none; margin: 0 10px;}
	#colourswap-wall-buttons a.active {font-weight: bold;}

	#colourswap-nav {text-align: center; padding-top: 10px;}
	#colourswap-nav a {margin: 0 10px; font-weight: bold; text-decoration: none;}