/*-- James Hardie Landing --*/

/*
Colors:
dark blue: 48/108/136  |  #306c88
medium blue:  109/153/180  |  #6d99b4
lite blue: 174/193/212  |  #aec1d4
bg litest blue: 211/219/229  |  #d3dbe5
*/

body {
	margin: 0; 
	padding: 0; 
	border: none;
	background-color: #636363;
}

img { 
	border: 0;
	display: block;
}

#clearIt {
	margin: 0; padding: 0;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	clear: both;
}
/*-- type --*/
/*-- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
p { 
	margin: 0; 
	padding: 0;
	color: #306c88;
	font-family: Helvetica,  Arial, Verdana, sans-serif;
	font-size: 12px; 
	line-height: 15px; 
	font-weight: normal;
}

td {
	color: #306c88;
	font-family: Helvetica,  Arial, Verdana, sans-serif;
	font-size: 12px; 
	line-height: 15px; 
	font-weight: normal;
}
a         { font-weight: bold; text-decoration: underline; }
a:link    { color: #f26400; }
a:visited { color: #f26400; }
a:hover   { color: #999; }
a:active  { color: #999; }

/* 
ul {
	margin: 3px auto 10px auto;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	line-height: 13px; 
	font-weight: normal;
}

li {
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	line-height: 13px; 
	font-weight: normal;
	_margin-left: 20px; -------- IE hack to fix left margin on list items in sucky Internet Explorer 
} */

ul.landing { list-style-image: url("/homeowner/landing/img/bullet-blue.gif") }
ul.landing li { 
	color: #306c88;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; 
	line-height: 18px; 
	font-weight: normal;
	padding-bottom:10px;
}
ul.landing li.16pt { 
	color: #306c88;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px; 
	line-height: 20px; 
	font-weight: normal;
	padding-bottom:10px;
}
/* start: header tag properties */
/* h1: main body text */

/* end: header tag properties */
/*-- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
h1.title1 {
	margin: 0; 
	padding: 10px 20px 10px 20px;
	color: #306c88;
	font-family: Arial, Helvetica Narrow, Verdana, sans-serif;
	font-size: 18px; 
	line-height: 18px; 
	font-weight: 300;
}
h2.title {
	margin: 0; 
	padding: 0 3px;
	color: #6d99b4;
	font-family: Arial, Helvetica Narrow, Verdana, sans-serif;
	font-size: 12px; 
	line-height: 14px; 
	font-weight: normal;
}
/*-- top level containers --*/
/*-- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#wrapper {
	width: 1000px;
	margin: 0; padding: 0;
	text-align: left;
	background-color: #fff;
	background: url(/homeowner/landing/img/bg_wrapper.gif) left top repeat-y;
}

/*----------------------*/
#headerHolder {
	width: 1000px;
	height: 140px;
	margin: 0; padding: 0;
	background-color: #fff;
}
#headerLogo {
	float: left;
	width: 323px;
	margin: 0; padding: 0;
	background-color: #fff;
}
#headerRight {
	float: left;
	width: 677px;
	margin: 0; padding: 0;
}
/*----------------------*/
#header2Holder {
	width: 1000px;
	height: 213px;
	margin: 0; padding: 0;
	background-color: #d3dbe5;
	text-align:left;
	position: relative;
}
#header2Left {
	/*float: left;*/
	position: absolute;
	top: 0px;
	left: 0px;
	width: 323px;
	height:213px;
	margin: 0; padding: 0;
	background-color: #6d99b4;
}
#header2Center {
	/*float:left;*/
	position: absolute;
	top: 0px;
	left: 323px;
	width: 477px;
	height: 213px;
	margin: 0; padding: 0;
}
#header2Center p {
	margin: 0; 
	padding: 0 20px 0 20px;
	color: #306c88;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px; 
	line-height: 14px; 
	font-weight: normal;
}
#header2Right {
	/*float: right;*/
	position: absolute;
	top: 0px;
	left: 800px;
	width: 200px;
	height: 213px;
	margin: 0; padding: 0;
	background-color: #b4bd6e;
	background: url(/homeowner/landing/img/bg_cost-value.jpg) left top repeat-y;
}
#header2Right p {
	margin: 0; 
	padding:0;
	color: #fff;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px; 
	line-height: 15px; 
	font-weight: normal;
}
#header2RightCommercial { /* for commercial only */
	/*float:left;*/
	position: absolute;
	top: 0px;
	left: 323px;
	width: 677px;
	height: 213px;
	margin: 0; padding: 0;
}
/*----------------------*/
#navLeft {
	float: left;
	width: 323px;
	margin: 0; padding: 0;
}
#navLeft-in {
	margin: 0; padding: 20px;
}
#content {
	float: right;
	width:677px;
	margin: 0; padding: 0;
}
#content-in {
	margin: 0; padding: 20px;
}

#materials {
	margin:10px 0 10px 0; padding:0;
}

/* start form stuff */
.formOne {
	width: 138px;
	margin: 0 2px 10px 0;
	padding: 2px 0px 2px 2px;
	background-color: #fff;
	border: 1px solid #306c88;
	color: #333;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.formTwo {
	width: 282px;
	margin: 0 0 10px 0;
	padding: 2px 0px 2px 2px;
	background-color: #fff;
	border: 1px solid #306c88;
	color: #333;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.formThree {
	width: 65px;
	margin: 0 2px 10px 0;
	padding: 2px 0px 2px 2px;
	background-color: #fff;
	border: 1px solid #306c88;
	color: #333;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
input.checkbox {
	width: 18px;
	margin: 0 2px 10px 0;
	padding: 2px 0px 2px 2px;
	background-color: #fff;
	border: 1px solid #306c88;
}
/* end form stuff */

#slideShow {
	margin: 0; padding: 0;
	width: 323px;
	height: 213px;
	background-color: #fff;
}

/* table jh vs vinyl & form */
TABLE.vs				{width:637px;}
TABLE.vs TR.even {background-color:#aec1d4;}
TABLE.vs TR.odd {background-color:#d3dbe5;}
TABLE.vs TD.title  {height:30px; vertical-align:bottom; position:relative; padding-bottom:1px;}
TABLE.vs TD.txt	{padding-left:20px; padding-right:20px; padding-top:3px; vertical-align:top; position:relative;}
TABLE.vs TD.ctr	{vertical-align:middle; position:relative; width:15px;}
TABLE.vs TD.pix	{vertical-align:middle; position:relative; width:125px;}

TABLE.form td {
	color: #306c88;
	font-family: Helvetica,  Arial, Verdana, sans-serif;
	font-size: 11px; 
	line-height: 14px; 
	font-weight: normal;
}
/*  END  table jh vs viny & form */

	
/* jsnav */
DIV.jsnav		{float:left; margin-bottom:5px;}
DIV.jsnav A		{display:block; float:left; margin-right:10px;}
.hidden				{display:none;}
/* END: jsnav */

/* for switchmenu */
.menutitle { cursor:pointer; }
/* end for switchmenu */

#content-in DIV.hr		{width:100%; height:1px; border-top:1px solid #d3dbe5; margin-top:25px; margin-bottom:25px;}




#footerHolder {
	width: 1000px;
	height:120px;
	margin: 0; padding: 0;
	background-color: #306c88;
}
#footerLeft {
	float:left;
	margin: 0; padding: 20px;
	text-align:left;
}
#footerRight {
	float:right;
	margin: 0; padding: 20px;
	text-align:right;
}
#footerHolder p {
	margin: 0; 
	padding: 0;
	color: #fff;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 10px; 
	line-height: 13px; 
	font-weight: normal;
}
#footerHolder p a    { color: #fff; font-weight: bold; text-decoration: none; }
#footerHolder p a:link    { color: #fff; text-decoration: underline; }
#footerHolder p a:visited { color: #fff; text-decoration: underline; }
#footerHolder p a:hover   { color: #fff; text-decoration: underline; }
#footerHolder p a:active  { color: #fff; text-decoration: underline; }