/* Innovative Homes :: CSS */

/*----------------------------------------------------
	INITIALISE
------------------------------------------------------*/

* {
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}
.scolcap {
	width:100%;
	height:10px;
	background-color:#069;
	display:block;
	position:relative;
	margin:20px auto 0 auto;
}
html {

}
a {
	color:#069;
}
.staticimg {
	border:1px solid #333;
	width:613px;
}

body {
	width:100%;
	background-color:#E4E4E3;
}
h3 {
	color:#FFF;
	font:bold 16px Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	border-bottom:1px dotted #FFF;
}

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;
}

.soldbanner {
	position:absolute;
	top:177px;
}

p.caption {
	color:#FFF;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:center;
}
	

/* *************************************** */
/* 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;
	border-right:1px solid #FFF;
	background-color:#DDD;
/*	background:url(../images/pageframe/nav/inactiveTab.gif) no-repeat;*/
}

#mMenu ul li a {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#036;
	text-decoration:none;	
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding:10px 0px 2px 0px;
	height:18px;
	display:block;
	width:100px;
}


#mMenu ul li a:hover {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;	
}

#mMenu ul li.navactive {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0px 0 0px;
	height:30px;
	display:block;
	background-color:#083173;
/*	background:url(../images/pageframe/nav/activeTab.gif) no-repeat;*/
	width:106px;
}

#mMenu ul li.navactive a {
	color:#FFF;
}

#masterColumn {
	width:712px;
	margin:0 auto 0 auto;
	background: url(../images/pageframe/container_bgimg.gif) repeat-y #E4E4E3;
	padding:20px 0 0 0;
}

#masterColumn #container {
	width:615px;
	margin:0 auto 0 auto;
}


.imageborder {
	padding:3px;
	border:1px dotted #666;
	background-color:#D9D9D9;
}

/*-----------------------------------
	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;
}



table#awards tr td {
	padding:5px;
}

table#awards {
	font:normal 10px Verdana, Geneva, sans-serif;
	color:#333;
}


/* *************************************** */

#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;
	background:url(../images/pageframe/contentcol_bgtile.gif) repeat-y top left;	
}

#content h1 {
	height:31px;
	display:block;
	font-size:22px;
	color:#FFFFFF;
	background-color:#083173; /* Dark Blue */
	padding:10px 0 0 15px;
}

#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;
}

#singlecolumn {
	width:615px;
	display:block;
	background-color:#D9D9D9;
	float:left;
	border-bottom:1px solid #FFF;
}


	#singlecolumn h1, #singlecolumn h2 {
		margin:20px auto 5px auto;
		color:#333;
		width:95%;
	}

	#singlecolumn p {
		width:95%;
		margin:10px auto 10px auto;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	line-height:18px;	
	}

#content .locmap {
background-color:#FFFFFF;
padding:3px;
border:1px solid #999999;
}

#content #rcol {
	width:289px;
	display:block;
	float:left;
	margin:0 0 0 1px;	
}


#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:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	line-height:13px;
	border:1px solid #898573;
	background-color:#CCCCCC;
	padding:5px;
	margin:0 0 3px 0;
}

.button {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#E9E9E9;
	line-height:13px;
	border:1px solid #B4A979;
	background-color:#333;
	padding:3px;
	margin:0 0 3px 0;
	width:150px;
}


/* COMMON STYLES */
#lcol #body p {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:15px;
	margin:0 0 10px 0;
}

/* COMMON STYLES */
#rcol #body p {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#1E1E1E;
	line-height:18px;
	margin:0 0 10px 0;
}

#rcol #body .smaller {
	font-size:10px;
	color:#FFF;
}

#rcol #body a:link {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#083173;
	text-decoration:none;
}
#rcol #body a:visited {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#083173;
	text-decoration:none;
}
#rcol #body a:hover {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000033;
	text-decoration:underline;
}
#rcol #body a:active {
	font:normal 12px 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 12px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}


#lcol #body a:link {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#083173;
	text-decoration:none;
}
#lcol #body a:visited {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#083173;
	text-decoration:none;
}
#lcol #body a:hover {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000033;
	text-decoration:underline;
}
#lcol #body a:active {
	font:normal 12px 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;

	}
	
.clearme {
	clear:both;
	font-size:1px;
}



#desctbl {
	
}


.lcol {
		padding:3px 6px 3px 3px;
		background:#E9E9E9;
		font:bold 11px Verdana, Arial, Helvetica, sans-serif;
		color:#000066;
		width:122px;
		text-align:right;
	}
	.mcol {
		width:168px;
		font:normal 11px Verdana, Arial, Helvetica, sans-serif;
		color:#000066;	
		padding:3px;
		background:#F9F9F9;
	}
	.head {
		background-color:#CCCCCC;
		font:normal 13px Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
		padding:8px;
	}
		
	.desc {
		font:normal 11px Verdana, Arial, Helvetica, sans-serif;
		color:#036;	
		padding:6px;
		background:#F9F9F9;
	
	}
			.blac  {
			color:#000;
		}

			#body #desctbl p {
				color:#036;
				font:normal 11px Arial, Helvetica, sans-serif;
				width:85%;
				margin:0 auto 10px auto;
				line-height:16px;
			}

			#body #desctbl ul {
				margin:20px auto 10px auto;	
				width:70%;
			}
			
			#body #desctbl ul li {
				color:#036;
				font:normal 11px Arial, Helvetica, sans-serif;
				margin:auto;				
			}			
			
			
			td .desc p {
				color:#333;
			}