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

Title : Dunwood Court
Author : Wayne Roberts
URL : www.lushnewmedia.com

Description : style.css

Created : 21.05.07
Modified : 27.05.07

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

/* PAGE ATTRIBUTES */

* {
	margin: 0;
	padding: 0;
	}
body {
	min-width: 800px;
	min-height: 600px;
	color: #707070;
	background-color: #e0e1e4;
	font-family: Arial, Helvetica, sans-serif;
	}

/* CENTRE LAYOUT */

/* styles for IE 5 Mac */
div#container {
	background-color:#e0e1e4;
	height:600px;
	width:800px;
	margin:0 auto;
	position:relative;
	}	
#content {
	background-color:#fff;
	position:absolute;
	top:0;
	left:0;
	height:568px;
	width:800px;
	padding:0;
	border: 4px solid #fff;
	}
/* commented backslash hack  - invisible to IE 5 \*/
div#container {
	position:absolute;
	margin:-300px 0 0 -400px;
	left:50%;
	top:50%;
	}
	/* end hack */

img {
	border:0;
	}	
#greenbox {
	width: 181px;
	height: 141px;
	background-color: #9ccb3b;
	border-bottom: 4px white solid;
}
#greenbox2 {
	width: 181px;
	height: 137px;
	background-color: #9ccb3b;
	border-bottom: 4px white solid;
}
.piccy {
	border-bottom: 4px white solid;
	}
div#masthead {
	}
#logo {
	display: block;
	width: 615px;
	padding: 115px 0 0 0; overflow: hidden;  
	background: url(images/masthead.gif) no-repeat;    
	height: 0px !important; height /**/: 115px;
	}

/* MAIN MENU */

div#menu {
	z-index:1000;
	position:absolute;
	top:119px;
	left:0px; 
	width: 615px;
	height: 22px;
	background-color: #2a347b;
	padding: 0;
	font-size: 80%;
	font-weight: light;
	text-align: left;
	margin: 0;
}
div#menu ul {
	list-style-type: none;
	margin: 4px 0 4px -10px;
	padding: 0;
}
div#menu ul li {
	display: inline;
	margin-left: 37px; /* Ref: bug del Firefox */
	margin-right: -25px;
	}
div#menu ul li a {
	text-decoration: none;
	color: #a6accb;
	background-color: inherit;
	padding-bottom: 4px;
}
div#menu ul li a:hover {
	color: #fff;
	background-color: inherit;
	background: url(images/pointer.png) center 15px no-repeat;	
	}
div#menu ul a.active {
	color: #fff;
	background-color: inherit;
	background: url(images/pointer.png) center 15px no-repeat;
	padding-bottom: 4px;
}

/* POSITIONING */

div#col-left {
	position:absolute;
	top:145px;
	left:0px; 
	width: 366px;
	height: 423px;
	background-color: #cdcccc;
	padding: 0;
	margin: 0;
	font-size: 70%;
	}
div#col-mid {
	position:absolute;
	top:145px;
	left:373px; 
	width: 242px;
	height: 359px;
	background-color: #fff;
	padding: 0;
	margin: 0;
	}
div#col-right {
	position:absolute;
	top:0px;
	left:619px; 
	width: 181px;
	height: 568px;
	padding: 0;
	margin: 0;
	background-color: #fff;
}

/* HOME FLASH */

#flashcontent {
	position:absolute;
	top:145px;
	left:0px; 
	width: 615px;
	height: 423px;
	background-color: #fff;
	margin: 0;
	padding: 0;
	}

/* OTHER FLASH */

#flashcontent2 {
	position:absolute;
	top:0px;
	left:0px; 
	width: 366px;
	height: 423px;
	background-color: #fff;
	margin: 0;
	padding: 0;
	}

/* >>> TYPOGRAPHY <<< */

h1 {
	color: #2a347b;
	font-weight: bolder;
	font-size: 100%;
}
h2 {
	color: #2a347b;
	font-weight: bolder;
	font-size: 80%;
	}
p {
	margin: 5px 0;
	color: #707070;
	background-color: inherit;
	line-height: 16px;
	font-size: 70%;
}
	
/* >>> SPECIAL <<< */
	
div#specpara {
	position:absolute;
	top:15px;
	left:27px; 
	margin: 0;
	width: 320px;
	background-color: inherit;
	}
div#specpara ul {
	line-height: 15px;
	background-color: inherit;
	width: 320px;
	padding:0;
	margin:0;
	list-style-type:none;
}
div#specpara ul li{
	padding: 3px 0 3px 15px;
	background: url(images/bullet.gif) no-repeat left 5px;
	color: #333;
	}
	
#table1 {
	padding: 0;
	margin: 0;
	background: #fff;
	font-size: 70%;
	line-height: 14px;
	}
td.hilited {
	color: #707070;
	background-color: #e0e1e4;
	padding-left: 1px;
	}
div#col-mid a{
	text-decoration: none;
	color: #2a347b;
	}
div#col-mid a:hover{
	color: #9ccb3b;
	}

div#col-mid ul {
	padding: 0;
	margin: 10px 0;
	list-style-type:none;
	}
div#col-mid ul a{
	font-size: 80%;
	text-decoration: none;
	color: #2a347b;
	padding-left: 10px;
	background: url(images/arrow.gif) no-repeat left 1px;
	}
div#col-mid ul a:hover{
	color: #9ccb3b;
	}

/* >>> SUB MENU <<< */

div#sub-menu {
	position:absolute;
	top:520px;
	left:373px;
	margin: 0;
	width: 200px;
	background-color: inherit;
	}
div#sub-menu ul {
	line-height: 14px;
	background-color: inherit;
	width: 200px;
	padding:0;
	margin:0;
	list-style-type:none;
}
div#sub-menu ul li{
	padding: 0px 0 0px 10px;
	background: url(images/arrow.gif) no-repeat left 3px;
	color: #2a347b;
	height: 16px;
	}
div#sub-menu li a:link, div#sub-menu li a:visited {
	font-size: 80%;
	font-weight: light;
	text-decoration: none;
	color: #2a347b;
	background-color: #fff;
	padding-bottom: 4px;
}
div#sub-menu li a:hover {
	font-weight: bold;
	color: #9ccb3b;
	background-color: #fff;
	}
div#sub-menu li.active {
	font-weight: bold;
	color: #2a347b;
	background-color: #fff;
}
div#sub-menu li.inactive {
	font-weight: bold;
	color: #2a347b;
	background: #fff;
}

div#sub-menu2 {
	position:absolute;
	top:504px;
	left:373px; 
	margin: 0;
	width: 200px;
	background-color: inherit;
	}
div#sub-menu2 ul {
	line-height: 14px;
	background-color: inherit;
	width: 200px;
	padding:0;
	margin:0;
	list-style-type:none;
}
div#sub-menu2 ul li{
	padding: 0px 0 0px 10px;
	background: url(images/arrow.gif) no-repeat left 3px;
	color: #2a347b;
	height: 16px;
	}
div#sub-menu2 li a:link, div#sub-menu2 li a:visited {
	font-size: 80%;
	font-weight: light;
	text-decoration: none;
	color: #2a347b;
	background-color: #fff;
	padding-bottom: 4px;
}
div#sub-menu2 li a:hover {
	font-weight: bold;
	color: #9ccb3b;
	background-color: #fff;
	}
div#sub-menu2 li.active {
	font-weight: bold;
	color: #2a347b;
	background-color: #fff;
}
div#sub-menu2 li.inactive {
	font-weight: bold;
	color: #2a347b;
	background: #fff;
}

/* >>> FOOTER <<< */

div#footer {
	position: absolute;
	top: 572px;
	left: 0px; 
	margin: 0;
	width: 800px;
	height: 24px;
	background-color: #e0e1e4;
}
div#footer p{
	color: #959595;
	font-size: 65%;
}
div#footer p.credit{
	font-size:60%;
	visibility: hidden;
}

/* CONTACT FORM */

#contactform {
	margin: 0;	
	background-color: inherit;
	padding-left: 2px;
	}
#contactform p{
	font-size: 100%;
	color: #333;
}
form fieldset {
	border:0;
	margin:0;
	padding:0;
	}
form p {
	padding:0 0 6px;
	margin:0;	
	line-height: 19px;
	}
form textarea {
	overflow:auto;
	font-size: 100%;
	border: 1px solid #707070;
	margin: 0;
	padding: 3px 3px;
	background-color: #fff;
	color: #000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
		}
#contactform input {
	font-size: 100%;
	border: 1px solid #707070;
	margin: 0;
	padding: 3px 3px;
	background-color: #fff;
	color: #000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	}
form .hidden {
	display:none;
	}