@charset "utf-8";
/* CSS Document */

html, body {
	background-color:#ccc;
	margin:30px 0 0 0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}

#outter-container {
	width:764px;
	margin:0 auto;
	background:#ccc url(images/tile-background.gif) repeat-x;
}

#inner-container {
	width:750px;
	background-color:#fff;
	margin-left:14px;
}

/* ==================== BLACK HEADING =======================*/

#heading {
	background-color:#000;
	color:#fff;
	height:39px;
}

#heading h1 {
	margin:0 0 0 203px;
	padding:0;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	line-height:37px;
	font-weight:bold;
}

#heading h1 em {
	font-weight:lighter;
}

/* ==================== RIGHT COLUMN ======================*/

#rightcol {
	width:185px;
	background-color:#ce1142;
	float:right;
}

#rightcol p.right {
	color:#fff;
	font-size:.8em;
	width:165px;
	margin:10px auto;
}

/* ==================== CONTENT STYLES ======================*/

#content {
	width:547px;
	background-color:#fff;
	float:right;
}

#content h1 {
	color:#ce1142;
	text-transform:uppercase;
	font-size:1.1em;
	margin:20px 0 0 0;
	padding:0;
}

#content h2 {
	color:#68696c;
	text-transform:uppercase;
	font-size:.9em;
	margin:0;
	padding:0;
}

#content p {
	color:#666;
	width:345px;
	font-size:.8em;
}

#masthead {
	width:547px;
	height:138px;
}

#content ul {
	color:#666;
	font-size:.8em;
	margin-left:1.2em;
	padding-left:0;
}

#para-list {
	width:345px;
}

#content a:link, #content a:visited {
	color:#ce1142;
	text-decoration:none;
}

#content a:hover, #content a:active {
	text-decoration:underline;
}

/* ==================== LEFT COLUMN =======================*/

#leftcol {
	width:195px;
	padding-bottom:10px;
	clear: none;
}

#leftcol p {
	color:#666;
	font-size:.7em;
	width:160px;
	margin-left:30px;
}

#leftcol h1 {
	color:#ce1142;
	font-size:.9em;
	width:160px;
	margin-left:30px;
}

a.mail:link, a.mail:visited {
	color:#ce1142;
	text-decoration:none;
}

a.mail:hover, a.mail:active {
	text-decoration:underline;
}

/* ==================== ENQUIRIES BUTTON ===================== */

.rolloverEN a {
	display:block;
	width: 163px;
	height:47px;
	background-image:url(images/enquiries-button.gif);
	text-decoration: none;
	margin-left:25px;
}
.rolloverEN a:hover { 
	background-position: 0 -47px;
}
.rolloverEN a:active {
	background-position: 0 -94px;
}

/* ==================== MAP BUTTON ===================== */

.rolloverMAP a {
	display:block;
	width: 163px;
	height:47px;
	background-image:url(images/map-button.gif);
	text-decoration: none;
	margin-left:25px;
}
.rolloverMAP a:hover { 
	background-position: 0 -47px;
}
.rolloverMAP a:active {
	background-position: 0 -94px;
}

/* ==================== FOOTER STYLES ===================== */

#footer {
	margin:10px auto;
	font-size:.7em;
	color:#666;
	text-align:center;
}

#footer a:link, #footer a:visited {
	color:#ce1142;
	text-decoration:none;
}

#footer a:hover, #footer a:active {
	text-decoration:underline;
}

/* ==================== MENU STYLES ===================== */

#navcontainer { 
	width: 160px; 
	margin:25px 0 0 30px;
}

#navcontainer ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font: .7em Verdana, Arial, Helvetica, sans-serif;
}

#navcontainer a {
	display: block;
	padding: 7px 3px;
	width: 150px;
	background-color: #fff;
	border-bottom: 1px solid #dbdbdb;
	text-transform: uppercase;
}

#navcontainer a:link, #navlist a:visited {
	color: #68696c;
	text-decoration: none;
}

#navcontainer a:hover {
	background-color: #ce1142;
	color: #fff;
}

#navcontainer #currentpage a {
	background-color:#ddd;
}

#navcontainer #currentpage a:hover {
	background-color:#ce1142;
}

/* ==================== MISC STYLES ===================== */

#listbox {
	width:350px;
	height:300px;
}

#listright {
	width:160px;
	float:right;
	margin-left:15px;
}

#listleft {
	width:160px;
	float:left;
	margin-right:15px;
}

.subnav {
	margin:15px 0;
	padding:0;
}

.subnav li {
	list-style-type:none;
	margin:0 0 0 -15px;
	padding:5px 0;
	font-weight:bold;
}

.subnav ul {
	padding:0;
}


/* ==================== FORM STYLES ===================== */

form.cmxform fieldset {
  margin-bottom: 10px;
  border:none;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}

form.cmxform .submit {
	margin-left:110px;
}

form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 100px; /* Width of labels */
  	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-size:.8em;
	font-weight:bold;
}
form.cmxform fieldset fieldset label {
  margin-left: 143px; /* Width plus 3 (html space) */
}

form.cmxform input.text {
	width:200px;
	margin:0;
	padding:3px;
	border:1px solid #999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-size:.8em;
}

form.cmxform textarea {
	width:200px;
	height:150px;
	margin:0 0 0 7px;
	padding:3px;
	border:1px solid #999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-size:.8em;
}

form.cmxform select {
	border:1px solid #999;
}