/* Innovative Homes :: CSS */

/*----------------------------------------------------
	INITIALISE
------------------------------------------------------*/

* {
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

html {
	height:100%;
}

body {
	width:100%;
	height:100%;
	background-color:#E4E4E3;
}

h6 {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:10px 0 10px 0;
	border-bottom:1px dotted #FFFFFF;
}
h5 {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	margin:10px 0 10px 0;
}

ul {
	margin:0 0 5px 15px;
	padding:0;
}

ul li {
	list-style-position:outside;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
}


#masterColumn {
	width:712px;
	margin:0 auto 0 auto;
	height:900px;
	background: url(../images/pageframe/container_bgimg.gif) repeat-y #E4E4E3;
	padding:20px 0 0 0;
}

#masterColumn #container {
	width:615px;
	margin:0 auto 0 auto;
}

/*-----------------------------------
	HEADER / MENU STRUCTURE
-----------------------------------*/
#container #header {
	width:100%;
}

#header #logoBox {
	width:100%;
	height:120px;
/*	background:url(../images/pageframe/header_logo.gif) no-repeat;*/
	display:block;
}

#header #menuBox {
	width:100%;
	height:30px;
	padding:0;
	margin:0 0 0px 0;
	border-bottom:6px solid #083173;
}

/* *************************************** */
/* MAIN MENU */
/* *************************************** */

#container #header #mMenu {
	width:100%;
}
#mMenu ul {
	list-style:none;
	margin:0;
	padding:0;
}

#mMenu ul li {
	float:left;
	text-align:center;
	position:relative;
}

#mMenu ul li a {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
}
#mMenu ul li a:hover {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#083173;
	text-decoration:none;
}
.active {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding:8px 0px 0 0px;
	height:22px;
	display:block;
	border-left:1px solid #FFF;
	background:url(../images/pageframe/nav/activeTab.gif) no-repeat;
	width:122px;
}

.inactive {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding:12px 0px 0 0px;
	height:18px;
	display:block;
	border-left:1px solid #FFF;
	background:url(../images/pageframe/nav/inactiveTab.gif) no-repeat;
	width:122px;
}



/* *************************************** */

#mMenu #home {
	background:url(../images/pageframe/mmenu_home_corner.gif) top left no-repeat #A8A8A8;
}

#mMenu #active_home {
	background:url(../images/pageframe/mmenu_active_corner.gif) top left no-repeat #A29457;
}

#mMenu #active {
	background-color:#A29457;
}


/* -- */

#container #flashcontent {
	width:100%;
	height:345px;
	background-color:#0066CC;
	background:url(../images/portfolio/porttest.jpg) no-repeat;
}

/*-----------------------------------
	CONTENT WINDOW & COLUMNS
-----------------------------------*/
#container #content {
	width:100%;
	margin:1px 0 0 0;
}

#content h1 {
	height:31px;
	display:block;
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#083173; /* Dark Blue */
	padding:0 0 0 10px;
}
#content h2 {
	display:block;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:0 0 6px 0;
}


#content #lcol {

	width:325px;
	display:block;
	background-color:#A29457;
	float:left;
	height:350px;
}

#content .locmap {
background-color:#FFFFFF;
padding:3px;
border:1px solid #999999;
}

#content #rcol {
	width:289px;
	display:block;
	background: url(../images/pageframe/content_rcol_bg.gif) no-repeat bottom right #A8A8A8;	
	float:left;
	margin:0 0 0 1px;
	height:350px;	
}


#lcol #body {
	width:89%;
	margin:15px auto 15px auto;
}

#rcol #body {
	width:89%;
	margin:15px auto 15px auto;
}

#lcol #showhomeFlashDemo {

/*	width:290px;
	height:95px; */
	width:100%;
	text-align:center;
	display:block;
}


/* -------------------------------- */
/* FORM */
/* -------------------------------- */
input, .tarea {
	font:italic 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000066;
	line-height:13px;
	border:1px solid #898573;
	background-color:#CCCCCC;
	padding:2px;
	margin:0 0 3px 0;
}

.button {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000066;
	line-height:13px;
	border:1px solid #B4A979;
	background-color:#857946;
	padding:2px;
	margin:0 0 3px 0;
	width:100px;
}


/* COMMON STYLES */
#lcol #body p {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:15px;
	margin:0 0 10px 0;
}

/* COMMON STYLES */
#rcol #body p {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#1E1E1E;
	line-height:15px;
	margin:0 0 10px 0;
}

#rcol #body p strong {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#1E1E1E;
}

#rcol #body a:link {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#083173;
	text-decoration:none;
}
#rcol #body a:visited {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#083173;
	text-decoration:none;
}
#rcol #body a:hover {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000033;
	text-decoration:underline;
}
#rcol #body a:active {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#083173;
	text-decoration:none;
}



#rcol ul {
	margin:0;
	padding:0 0 0 20px;
	list-style:outside;
}
#rcol ul li {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}


#lcol #body p strong {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
}

#lcol #body a:link {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#083173;
	text-decoration:none;
}
#lcol #body a:visited {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#083173;
	text-decoration:none;
}
#lcol #body a:hover {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000033;
	text-decoration:underline;
}
#lcol #body a:active {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#083173;
	text-decoration:none;
}
/*---------------------------- VDIEO Column menu */
#vid_list {

}

#vid_list ul {
	margin:0;
	padding:0;
	list-style:none;
}

#vid_list ul li {
	border-bottom:1px solid #8C7F47;
	border-right:1px solid #8C7F47;	
	display:block;
}

#vid_list ul li a {
	padding:5px 0 5px 3px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
	display:block;
	background-color:#D1CCB7;
}

#vid_list ul li a:link {
	background-color:#D1CCB7;
}

#vid_list ul li a:visited {
	background-color:#D1CCB7;	
}

#vid_list ul li a:hover {
	padding:5px 0 5px 3px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
	display:block;
	background-color:#DCD7C0;
}

#vid_list ul li a:active {
	padding:5px 0 5px 3px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
	display:block;
}


/*-----------------------------------
	FOOTER
-----------------------------------*/
#container #footer {
	width:100%;
	display:block;
	float:left;
	text-align:center;
	padding:30px 0 30px 0;

}

#footer .cNotice {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	margin:0 0 10px 0;
}

#footer ul {
	list-style:none;
	display:block;
}

#footer ul li {
	display:inline;
	padding:0 2px 0 2px;
	text-align:center;
}

#footer ul li a {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#083173;
	text-decoration:none;
}

#footer .divider {
	font:normal 13px Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;

	margin:0 2px 0 2px;
}

.hplogo {
	float:left;
	display:block;
	text-align:center;
}

.awardsyearmenu {
	height:26px;
	width:100%;
	background-color:#083173;
}

	.awardsyearmenu ul {
		width:80%;
		margin:0 auto 0 auto;
		list-style:none;
		padding:0;
	}
	
	.awardsyearmenu ul li {	
		display:inline;
	}
		.splitter {
			margin:0 20px 0 20px;
			color:#CCCCCC;
		}

	.awardsyearmenu ul li a {	
		font:bold 11px Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		text-decoration:none;

	}
	
