/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */

body, html {
	min-height: 101%;
}

body {
	text-align: left;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #ccc;
	background: #222 url(../../images/mainBg.jpg) center top no-repeat fixed;
	margin-top: 10px;
}

a:link, a:visited, a:focus {
	text-decoration: none;
	white-space: nowrap;
	outline: none;
}

a:hover, a:active {

	text-decoration: underline;
}

a img {
	border: none;
}

h1 {
	font-size: 2em;
	margin: 0px 0px 10px 0px;
	font-weight: normal;
	letter-spacing: -1px;
	display: inline;
	color: #eee;
	border-bottom: 2px solid #550079;
}

h2 {
	font-size: 1.2em;
}

/* Layout Styles
--------------------------------------------------------------- */

#container {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	
}

#header {
	background: url(../../images/headerBg.jpg);
	width: 740px;
	height: 106px;
	border-bottom: 1px solid #777;
	font-size: 1px;
}

#contentContainer {
	width: 740px;
	margin-top: 5px;
	font-size: 1.2em;
}

#horiNavHolder {
	width: 740px;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	float: left;
	background: url(../../images/navBg.png) repeat-x #2b2a2b;
}

#contentContainer2 {
	width: 740px;
	margin-top: 5px;
	float: left;
}

#navHolder {
	width: 185px
}

#contentLeft {
	float: left;
	width: 185px;
}

#flashServicesHolder {
	float: right;
	width: 548px;
	height: 193px;
	background: #777;
	font-size: 1px;
	border: none;
	border-top: 1px solid #777;
}

#flashServices {
	font-size: 1px;
}

#contentLeft_textHolder {
	width: 544px;
	float: left;
	margin-top: 5px;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	background: url(../../images/contentContainerBg.png) no-repeat #2b2b2b;
}

#contentLeft_text {
	padding: 20px;
}

#contentRight {
	border-top: 1px solid #777;
	width: 196px;
	margin-top: 5px;
	background: #000 url(../../images/contentRight_text.png);
	float: right;
	text-align: center;
	border-bottom: 1px solid #777;
}

#contentRight-text {
	padding: 16px 22px;
}

/* Vertical Navigation Styles
--------------------------------------------------------------- */

#navigation {
	width: 185px;
	background: url(../../images/navBg2.jpg) no-repeat #3e2627;
	border-top: #777 1px solid;
	border-bottom: #777 1px solid;
}

#navigation ul {
	margin: 0px;
	display: inline;
	list-style: none;
	padding: 0px;
}

#navigation li {
	display: inline;
	margin: 0px;
}
	  
#navigation a {
	float:left;
	width: 140px;
	color: #fff;
    text-decoration:none;
	padding: 5px 10px 5px 35px;
	font-weight: bold;
	font-size: 0.9em;
}

#navigation a:hover {
	background: url(../../images/navBg2-hover.gif);
}

body #navigation .services {
	color: #fff;
}

/* Horizontal Navigation Styles
--------------------------------------------------------------- */

#horiNavigation {
	text-transform: uppercase;
}

#horiNavigation ul {
	margin: 0px;
	display: inline;
	list-style: none;
	padding: 0px;
}

#horiNavigation li {
	display: inline;
	margin: 0px;
}
	  
#horiNavigation a {
	float:left;
	color: #fff;
	width: 165px;
    text-decoration:none;
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	text-align: center;
	font-size: 0.9em;
}

#horiNavigation a:hover {
	background: url(../../images/navBg-hover.png);
}

/* Footer Styles
--------------------------------------------------------------- */

#footer {
	float: left;
	width: 720px;
	margin-top: 5px;
	padding: 10px;
	color: #ccc;
	background: #333;
	font-size: 1.1em;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}
	#footer a {
		color: #ccc;
		text-decoration: none;
	}
	#footer a:hover {
		color: #999;
		text-decoration:underline;
	}

ul#footerNav {
	float:left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 500px;
}
	ul#footerNav li {
		display: inline;
		margin: 0px 5px 0px 0px;
	}

ul#footerDetails  {
	clear:left;
	float: left;
	margin: 0px;
	width: 720px;
	padding: 0px;
}
	ul#footerDetails li {
		display:block;
	}
	
ul#footerW3C {
	float: right;
	margin: 0px;
	padding: 0px;
}
	ul#footerW3C li {
		display: inline;
	}



/* Class Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}

.img-left {
	border: 1px solid #fff;
	float: left;
	margin: 0px 10px 10px 0px;
}

.img-right {
	border: 1px solid #fff;
	float: right;
	margin: 0px 0px 10px 10px;
}

.img-leftNB {
	border: none;
	float: left;
	margin: 0px 10px 10px 0px;
}


.img-rightNB {
	border: none;
	float: right;
	margin: 0px 0px 10px 10px;
}

#logo {
	width: 200px;
	height: 100px;
	float: left;
}

.strong {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.rightImg {
	border: 1px solid #777;
	margin-bottom: 0px;
}

#alignCentre {
	text-align: center;
}

.map {
	margin-top: 10px;
	border: 1px solid #777;
}

.rightLink {
	background: #666;
	width: 132px;
	padding: 5px 10px;
	display: block;
	color: #fff;
	margin: 0px 0px 12px 12px;
}

	a.rightLink {
		color: #fff;
	}
	
	a.rightLink:hover {
		color: #fff;
		background: #444;
		text-decoration: none;
	}
	
#rightLink01, #rightLink02, #rightLink03 {
	width: 150px;
	text-align: center;
	height: 20px;
	padding-top: 105px;
	display: block;
	margin-bottom: 3px;
}

#rightLink01 {
	background: url(../../images/right01.jpg);
}

#rightLink02 {
	background: url(../../images/right02.jpg);
}

#rightLink03 {
	background: url(../../images/right03.jpg);
}

.list a {
color:#CCCCCC;
}

.readmore {
color:#FF0000;
}