/* - - - - - - - - - - - - - - - - - - - - -

Title : Sentinel
Author : Wayne Roberts
URL : http://www.lushnewmedia.com

Description : style.css

Created : 15.08.09

- - - - - - - - - - - - - - - - - - - - - */

/* PAGE ATTRIBUTES */

* {
	margin: 0;
	padding: 0;
	}
body {
	min-width: 1000px;
	min-height: 640px;
	color: #333;
	background: #fff url(images/background.jpg) fixed repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}



/* CENTRE LAYOUT */

/* styles for IE 5 Mac */
div#container {
	background-color:transparent;
	height:640px;
	width:1000px;
	margin:0 auto;
	position:relative;
}
	
#content {
	background-color:#fff;
	position:absolute;
	top:0;
	left:0;
	height:580px;
	width:980px;
	padding:10px;
	}
/* commented backslash hack  - invisible to IE 5 \*/
div#container {
	position:absolute;
	margin:-320px 0 0 -500px;
	left:50%;
	top:50%;
	}
	/* end hack */


/* SPECIAL */

img {
	border:0;
	}	
p {
	margin:0;
	}
		
/* HEADER */

#header {
	display: block;
	width: 942px;
	height: 113px;
	padding: 21px 0 0 38px;  
	margin:0;
	background: url(images/masthead.jpg) repeat-x;    
	}
#header h1{
	font-size:10%;   
	}
#logo {
	display: block;
	width: 164px;
	padding: 60px 0 0; 
	overflow: hidden;  
	background: url(images/logo.gif) no-repeat;    
	height: 0px !important; height /**/: 60px;
	}

/* MENU */

.menu {
	position: absolute;
	top: 106px;
	left: 48px;
	display: block;
	width: 940px;
	height: 30px;
	margin: 0;
	padding: 0;
	
	z-index:100;

	}

.menu ul li a {
	display: block;
	float:left;
	text-decoration: none;
	color: #333;
	background-color: inherit;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight: normal;
	padding: 5px 30px 6px;
	background:url(images/bt_off.jpg) 0 0 repeat-x;    
	margin:0 0 0;
	
	overflow: hidden;
}

.menu ul {display:block;padding:0; margin:0; list-style: none;}
.menu ul li {display:block;float:left; position:relative;margin-right:5px;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {display:block;color:#fff; background:url(images/bt_on.jpg) 0 0 repeat-x;}
.menu ul li.active a {display:block;color:#fff; background:url(images/bt_on.jpg) 0 0 repeat-x;}
.menu ul li:hover ul {display:block; position:absolute; top:30px; left:0; width:140px; background:transparent; color:#333;font-size: 80%;}
.menu ul li:hover ul.reduced {display:block; position:absolute; top:30px; left:0; width:100px; background:#fff; color:#000;}
.menu ul li:hover ul.reduced2 {display:block; position:absolute; top:30px; left:0; width:200px; background:#fff; color:#000;}
.menu ul li:hover ul li a.hide {display:block;background:#5e0040; color:#fff;}
.menu ul li:hover ul li:hover a.hide {display:block;background:#5e0040; color:#fff;}
.menu ul li:hover ul li a {display:block; background:#5e0040; color:#fff; width:119px; text-align:left; padding-left: 7px;border-bottom:1px solid #fff;}
.menu ul li:hover ul.reduced li a {display:block; background:#5e0040; color:#fff; width:100px; text-align:left; padding-left: 7px;border-bottom:1px solid #fff;}
.menu ul li:hover ul.reduced2 li a {display:block; background:#5e0040; color:#fff; width:200px; text-align:left; padding-left: 7px;border-bottom:1px solid #fff;}
.menu ul li:hover ul li a:hover {display:block;background:#fff; color:#5e0040;}




/* MAIN CONTENT */

div#maincontent {
	position:relative;
	width: 980px;
	height: 436px;
	padding: 10px 0 0;
	margin:0;
	}
div#panelhome {
	position:absolute;
	top:38px;
	left:470px;
	width: 450px;
	height: 370px;
	padding: 0;
	margin:0;
	}
div#maincontent h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 250%;
	font-weight:lighter;
	color:#5e0040;
	padding-bottom:20px;
	}
div#maincontent h2{
	font-size: 90%;
	font-weight:bold;
	color:#5e0040;
	padding-bottom:6px;
	}
div#maincontent h3{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 180%;
	font-weight:lighter;
	color:#5e0040;
	padding-bottom:20px;
	}
.strap{
	font-size: 70%;
	font-style:italic;
	}
div#maincontent p{
	font-size: 75%;
	color:#333;
	padding-bottom:14px;
	line-height:28px;
	margin:0;
	}
div#panelcat1 {
	position:absolute;
	top:38px;
	left:70px;
	width: 400px;
	height: 370px;
	padding: 0;
	margin:0;
	}
div#panelcat2 {
	position:absolute;
	top:38px;
	left:530px;
	width: 420px;
	height: 370px;
	padding: 0;
	margin:0;
	}
div#maincontent a{
	font-weight: bold;
	color:#5e0040;
	margin:0;
	}
div#maincontent a:hover{
	color:#000;
	margin:0;
	}
div#panelns {
	position:absolute;
	top:38px;
	left:390px;
	width: 500px;
	height: 370px;
	padding: 0;
	margin:0;
	}
.picns {
	position:absolute;
	top:45px;
	left:65px;
	
	padding: 0;
	margin:0;
	}
	
div#panelhomes1 {
	position:absolute;
	top:38px;
	left:150px;
	width: 306px;
	height: 430px;
	padding: 0;
	margin:0;
	}
div#panelhomes2 {
	position:absolute;
	top:38px;
	left:520px;
	width: 306px;
	height: 430px;
	padding: 0;
	margin:0;
	}
div#panelhomesmain {
	position:absolute;
	top:60px;
	left:514px;
	width: 445px;
	height: 377px;
	padding: 0;
	margin:0;
	}
div#panelhomesmain2 {
	position:absolute;
	top:60px;
	left:623px;
	width: 324px;
	height: 395px;
	padding: 0;
	margin:0;
	}
div#panelhomesmain3 {
	position:absolute;
	top:60px;
	left:38px;
	width: 312px;
	height: 395px;
	padding: 0;
	margin:0;
	}
div#panelhomesbig {
	position:absolute;
	top:46px;
	left:38px;
	width: 564px;
	height: 398px;
	padding: 0;
	margin:0;
	}

div#panelnews {
	position:absolute;
	top:60px;
	left:583px;
	width: 383px;
	height: 395px;
	padding: 0;
	margin:0;
	}



div#panelhomesmenu {
	position:absolute;
	top:10px;
	left:38px;
	width: 942px;
	height: 30px;
	padding: 0;
	margin:0;
	}
div#panelhomesmenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 80%;
	}
div#panelhomesmenu ul li {
	display:inline;
	float:left;
		margin-right: 5px;

}
div#panelhomesmenu ul li a{
	display:block;
	float:left;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	line-height:20px;
	text-decoration:none;
	padding: 2px 35px;
	margin:0;
	background:#5e0040;
}
div#panelhomesmenu ul li a:hover{
	color: #5e0040;
	text-decoration:none;
	background: #ccc;
	}
div#panelhomesmenu ul li a.active{
	color: #5e0040;
	background: #ccc;
  
	}




#flashcontent {
	position:absolute;
	top:46px;
	left:38px;
	display: block;
	float:left;
	height: 380px;
	width: 458px;
	background-color: #fff;
	margin: 0;
	padding: 0;
	}
#flashcontent2 {
	position:absolute;
	top:46px;
	left:38px;
	display: block;
	float:left;
	height: 380px;
	width: 458px;
	background-color: #fff;
	margin: 0;
	padding: 0;
	}
div#panelhomesamen {
	position:absolute;
	top:105px;
	left:562px;
	width: 388px;
	height: 329px;
	padding: 0;
	margin:0;
	}
div#staffpanel {
	position:absolute;
	top:80px;
	left:365px;
	width: 290px;
	height: 354px;
	padding: 0;
	margin:0;
	}
div#staffpanel p{
	font-size:80%;
	line-height:18px;
	padding-bottom:9px;
	}
div#panelnews p.news{
	font-size:80%;
	line-height:19px;
	padding-bottom:7px;
	}
div#staffpanel2 {
	position:absolute;
	top:80px;
	left:670px;
	width: 290px;
	height: 355px;
	padding: 0;
	margin:0;
	}
div#staffpanel2 p{
	font-size:80%;
	line-height:18px;
	padding-bottom:9px;
	}
.left {
float:left;
padding: 3px 15px 5px 0;
}
div#panelhomesform {
	position:absolute;
	top:128px;
	left:361px;
	width: 308px;
	height: 303px;
	padding: 0;
	margin:0;
	}
div#panelhomespdf {
	position:absolute;
	top:128px;
	left:730px;
	width: 196px;
	height: 303px;
	padding: 0;
	margin:0;
	}
div#panelhomesaddress {
	position:absolute;
	top:128px;
	left:98px;
	width: 196px;
	height: 303px;
	padding: 0;
	margin:0;
	}


/* FOOTER */

div#footer {
	position:absolute;
	top:600px;
	width: 990px;
	height: 35px;
	padding: 5px 0 0 10px;
	}
div#footer p{
	color: #666;
	padding:2px 0;
	font-size:70%;
	}
div#footer p.credit{
	font-size:60%;
	visibility: hidden;
}
div#footer a{
	color:#666;
	text-decoration: none;
	}
div#footer a:hover{
	color:#000;
	text-decoration: underline;
	}