/*
dark blue = #3B5066
beige-white = #F0EFE3
red = #a40303
*/

html {
    min-width: 780px;
}
body	{
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;	
	background: #3B5066 url(../img/bg.jpg) top center repeat-y;
	font-family: Avenir, "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.5em;
	color: #F0EFE3;
	cursor: default;
}

body#redroom {background: #a40303 url(../img/bg-red.jpg) top center repeat-y;}

.skip {
	display: none;
}

h1 {
	margin: 30px 0 0 0;
	font-size: 1.3em;
}
h2 {
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
	color:#fff;
}

p {
	margin: 1em 0 0 0;
	padding: 0;
}

blockquote {
	margin-left: 20px;
	font-size: 110%;
	font-style: italic;
}

img {
	border: none;
	margin: 0;
}
	
a:link, a:visited, a:active {
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:link, a:visited, a:active, a:hover {
	color: #fff;
}



/* LAYOUT CSS */

#container	{ /*centres all content */
	width: 780px;
	margin: 0 auto 20px auto;
	text-align: left;
	font-size: 1.3em;
	padding-left: 25px;
}
html>body #container {
	padding: 0;
}

#preloader {
	position: absolute;
	top: -200px;
	display: none;
}

#titleLogo {
	margin: 20px 0 0 20px;/* ie */
}



ul#mainnav {
	margin: 0 0 0 16px;
	/* now define correct values for other browsers */
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin: -5px 0 10px -18px;
}
html>body ul#mainnav {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin: -5px 0 10px -18px;
}



ul#mainnav li {
	display: inline;
}

ul#mainnav li a {
	float:left;
	background: transparent;
	display: block;
	padding: 0;
}

ul#mainnav a#menu_home:link, ul#mainnav a#menu_home:visited {
	background: transparent url(../img/menu/home-off.gif) 0 0 no-repeat;
	height: 48px; width: 90px;
}
ul#mainnav a#menu_home:hover, ul#mainnav a#menu_home:active {
	background: transparent url(../img/menu/home-on.gif) 0 0 no-repeat;
}
ul#mainnav a#menu_home_current:link, ul#mainnav a#menu_home_current:visited, ul#mainnav a#menu_home_current:hover, ul#mainnav a#menu_home_current:active  {
	background: transparent url(../img/menu/home-on.gif) 0 0 no-repeat;
	height: 48px; width: 90px;
}


ul#mainnav a#menu_facilities:link, ul#mainnav a#menu_facilities:visited {
	background: transparent url(../img/menu/facilities-off.gif) 0 0 no-repeat;
	height: 48px; width: 114px;
}
ul#mainnav a#menu_facilities:hover, ul#mainnav a#menu_facilities:active {
	background: transparent url(../img/menu/facilities-on.gif) 0 0 no-repeat;
}
ul#mainnav a#menu_facilities_current:link, ul#mainnav a#menu_facilities_current:visited, ul#mainnav a#menu_facilities_current:hover, ul#mainnav a#menu_facilities_current:active  {
	background: transparent url(../img/menu/facilities-on.gif) 0 0 no-repeat;
	height: 48px; width: 114px;
}

ul#mainnav a#menu_room1:link, ul#mainnav a#menu_room1:visited {
	background: transparent url(../img/menu/room1-off.gif) 0 0 no-repeat;
	height: 48px; width: 110px;
}
ul#mainnav a#menu_room1:hover, ul#mainnav a#menu_room1:active {
	background: transparent url(../img/menu/room1-on.gif) 0 0 no-repeat;
}
ul#mainnav a#menu_room1_current:link, ul#mainnav a#menu_room1_current:visited, ul#menu_room1_current:hover, ul#mainnav a#menu_room1_current:active  {
	background: transparent url(../img/menu/room1-on.gif) 0 0 no-repeat;
	height: 48px; width: 110px;
}

ul#mainnav a#menu_redroom:link, ul#mainnav a#menu_redroom:visited {
	background: transparent url(../img/menu/theredroom-off.gif) 0 0 no-repeat;
	height: 48px; width: 160px;
}
ul#mainnav a#menu_redroom:hover, ul#mainnav a#menu_redroom:active {
	background: transparent url(../img/menu/theredroom-on.gif) 0 0 no-repeat;
}
ul#mainnav a#menu_redroom_current:link, ul#mainnav a#menu_redroom_current:visited, ul#menu_redroom_current:hover, ul#mainnav a#menu_redroom_current:active  {
	background: transparent url(../img/menu/theredroom-on.gif) 0 0 no-repeat;
	height: 48px; width: 160px;
}

ul#mainnav a#menu_personnel:link, ul#mainnav a#menu_personnel:visited {
	background: transparent url(../img/menu/personnel-off.gif) 0 0 no-repeat;
	height: 48px; width: 101px;
}
ul#mainnav a#menu_personnel:hover, ul#mainnav a#menu_personnel:active {
	background: transparent url(../img/menu/personnel-on.gif) 0 0 no-repeat;
}
ul#mainnav a#menu_personnel_current:link, ul#mainnav a#menu_personnel_current:visited, ul#mainnav a#menu_personnel_current:hover, ul#mainnav a#menu_personnel_current:active  {
	background: transparent url(../img/menu/personnel-on.gif) 0 0 no-repeat;
	height: 48px; width: 101px;
}


ul#mainnav a#menu_clients:link, ul#mainnav a#menu_clients:visited {
	background: transparent url(../img/menu/clients-off.gif) 0 0 no-repeat;
	height: 48px; width: 137px;
}
ul#mainnav a#menu_clients:hover, ul#mainnav a#menu_clients:active {
	background: transparent url(../img/menu/clients-on.gif) 0 0 no-repeat;
}
ul#mainnav a#menu_clients_current:link, ul#mainnav a#menu_clients_current:visited, ul#mainnav a#menu_clients_current:hover, ul#mainnav a#menu_clients_current:active  {
	background: transparent url(../img/menu/clients-on.gif) 0 0 no-repeat;
	height: 48px; width: 137px;
}


ul#mainnav a#menu_contact:link, ul#mainnav a#menu_contact:visited {
	background: transparent url(../img/menu/contact-off.gif) 0 0 no-repeat;
	height: 48px; width: 89px;
}
ul#mainnav a#menu_contact:hover, ul#mainnav a#menu_contact:active {
	background: transparent url(../img/menu/contact-on.gif) 0 0 no-repeat;
}
ul#mainnav a#menu_contact_current:link, ul#mainnav a#menu_contact_current:visited, ul#mainnav a#menu_contact_current:hover, ul#mainnav a#menu_contact_current:active  {
	background: transparent url(../img/menu/contact-on.gif) 0 0 no-repeat;
	height: 48px; width: 89px;
}


#mainPic {
	text-align: center;
}

#mainText {
	margin: 0 20px 30px 20px;
}

#contactDetails {
	margin: 30px auto 40px auto;
	text-align: center;
	font-size: 0.8em;
}

#siteby a:link, #siteby a:visited, #siteby a:active {
	font-size: 10px;
	font-weight: normal;
}

.white {
	color: #fff;
}

.redBPlist {
	list-style: square inside url(../img/red-bp.gif);
	margin-left: 0;
	margin-bottom: 1em;
	margin-top:1em;
	line-height: 1.3em;
}
html>body .redBPlist {
	margin-left: -40px;
}

.left {
    float: left;
    width: 390px;
    margin: 0px;
    padding: 0px;
    border: 0px none; 
}
  
.right {
    width: 380px; 
    margin: 0 0 0 390px;
    padding: 0px;
    border: 0px none; 
}

.bpCols {
	float:left;
	margin: 0 0 20px 0;
}

img#nscreate-logo {
	position: relative;
	top: 3px;
	margin: 0 2px 0 0;
}