@import url("reset.css");
@import url("nav.css");
@import url("jquery-ui-1.8.16.custom.css");

/* -- Global element styles -- */

body {
	font: 12px/1.8em Arial,Sans-Serif;
	color: #fff;
	background: url("/images/bodybg.jpg") no-repeat center top #000;
}

h1, h2, h3, h4, h5, h6 {
	font: normal 1em/normal Arial, Sans-Serif;
	margin: 0 0 20px;
}

h1 {
	font: italic 32px/1.5em 'HelvCdBk', Arial, sans-serif;
	color: #688ab8;
	letter-spacing: -1px;
}

h2 {
	font: italic 24px/1.5em 'HelvCdBk', Arial, sans-serif;
	color: #688ab8;
	letter-spacing: -1px;
}

h3 { font-size: 16px; }

h4 {
	font-size: 14px;
	font-weight: bold;
}

h5 {
	font-size: 12px;
	font-weight: bold;
}

h6 { font-weight: bold; }
h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration: none; }

a {color: #0066b3;}
a:hover {
	color: #fff;
	text-decoration: none;
}

.styledLink {
	display: inline-block;
	text-align: center;
	padding: 5px 20px;
	font: italic 21px/1em 'HelvCdBk', Arial, sans-serif;
	color: #000;
	border-radius: 5px;
	text-decoration: none;
	line-height: normal;
	border: 1px solid #fff;
	text-transform: uppercase;
	letter-spacing: -1px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(112,144,188,1) 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(112,144,188,1) 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(112,144,188,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#7090bc',GradientType=0 ); /* IE6-9 */
}

.styledLink:hover {
	background: rgb(227,224,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(227,224,255,1) 0%, rgba(97,114,163,1) 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, rgba(227,224,255,1) 0%,rgba(97,114,163,1) 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(top, rgba(227,224,255,1) 0%,rgba(97,114,163,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e0ff', endColorstr='#6172a3',GradientType=0 ); /* IE6-9 */
}

.errorStyle {
	color: #c00;
	font-weight:bold;
	vertical-align: top;
}

.firstPara, .firstpara {
	color: #c00;
	font-size: 14px;
	font-weight: bold;
}

.red {
	color: #c00;
}

.blue {
	color: #688ab8;
}

/* -- default form styles -- */

.pageForm label {
	display: inline-block;
	vertical-align: top;
	width: 120px;
	margin: 0 0 10px;
	font-weight: bold;
}

.pageForm input[type="text"], .pageForm textarea {
	border: none;
	box-shadow: inset 1px 1px 2px #aaa;
	font: 12px/20px Arial,Sans-Serif;
	color: #666;
	width: 135px;
	padding: 1px 5px;
	margin: 0 0 10px;
}

.pageForm input[type="text"]:focus, .pageForm textarea:focus {
	box-shadow: inset 1px 1px 2px #444;
}

.no-boxshadow .pageForm input[type="text"],
.no-boxshadow .pageForm textarea {
	border: 1px solid #ccc;
}

.pageForm input[type="text"] { height: 20px }

.pageForm textarea {
	height: 80px;
	line-height: 1.5em;
	padding: 10px
}


/* -- Global layouts (container, header + footer) -- */

#headerWrap,
#containerWrap { position: relative; }

#container,
#header {
	width: 955px;
	margin: 0 auto;
}

	#bg-l, #bg-r {
		position: absolute;
		width: 50%;
		height: 50px;
		top: 75px;
		left: 0;
		z-index: -1;
		background: #688ab8;
	}
	
	#bg-r {
		left: auto;
		right: 0;
	}

	#header {
		height: 382px;
		position: relative;
		background: url("/images/headerbg.png") no-repeat right 130px;
	}

		#header-bg {
			bottom: 65px;
		    left: 0;
		    position: absolute;
		    z-index: 10;
		}
	
		#logo {
			background: url("/images/logo.png");
			width: 530px;
			height: 132px;
			float: left;
			margin: 2px 0 0;
		}
		
		#phone {
			color: #000;
			float: right;
			font: italic 19px/1.5em 'HelvCdBk', Arial, sans-serif;
			margin: 25px 0 22px
		}

		#header-title {
			font: 0/0 a;
			margin: 0;
		}
		
		/* nav.css for nav styles */
		
			
#bg-cTop, #bg-cBot {
	position: absolute;
	width: 100%;
	height: 50%;
	top: 0;
	left: 0;
	z-index: -1;
	background-color: #000;
}

#bg-cBot {
	top: auto;
	bottom: 0;
	background: url("/images/bg-cBot.png") repeat-x bottom left #000;
}

#container {
	padding: 30px 0;
	min-height: 270px;
}

	#breadcrumb {
		margin: -20px 20px 10px;
		font-size: 11px;
		text-align: right;
	}
	
		#breadcrumb a  { color: #c00 }

	#cms-content {
		float: left;
		width: 580px;
	}
	
		#main-enquiry input, #main-enquiry textarea, #main-enquiry label {
			float: left;
			clear: left;
		}
		
		#main-enquiry input[type="checkbox"] {
			clear: none;
		}
	
	#right-col {
		width: 355px;
		float: right;		
	}
	
		#right-col #enquiryForm, #sub-nav {
			padding: 20px;
			background: rgba(255,255,255,0.15);
			box-shadow: 0 0 10px rgba(0,0,0,0.4);
		}
		
		.no-rgba #right-col #enquiryForm, .no-rgba #sub-nav {
			background: url("/images/trans-white-25.png");
		}

		#right-col #enq-left {
			float: left;
			width: 145px;
		}
		#right-col #enq-right {
			float: right;
		}
	
		#right-col input {
			margin: 0 10px 10px 0;
		}
		
		#right-col input.styledLink {
			float: right;
			clear: both;
			margin: 0 10px 0 0;
		}
		
		#enquiryForm textarea {
			display: block;
			width: 285px;
		}

		#right-col #enquiryForm textarea {
			width: 135px;
			height: 67px;
		}
		
		#enquiryForm label {
			clear: left;	
		}

		#enquiryForm h2 {
			color: #fff;
		}
		
	#sub-nav {
		margin: 0 0 20px;
		padding: 20px 0;
		list-style: none;
	}
		
		#subtitle {
			margin: 0 20px;
		}
	
			#sub-nav #subtitle a {
				color: #0066B3;
				padding: 0;
				background: none;
			}
	
		#sub-nav ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		#sub-nav li {
			background: url("/images/subnavBG-off.png") no-repeat bottom left;
		}
		
		#sub-nav li.selected {
			background: url("/images/subnavBG.png") no-repeat bottom left;
		}
		
		#sub-nav a {
			color: #000;
			display: block;
			padding: 9px 30px;
			text-decoration: none;
			background: url("/images/blueArrows.png") no-repeat 15px 17px;
		}
		
#footer {
	width: 955px;
	margin: 0 auto;
	padding: 10px 0;
	color: #666;
}

	#footer span {
		float: left;
	}
	
	#footer span + span {
		float: right;
	}

	#footer a {
		color: #688ab8;
	}
td li
{margin-left:-30px;}