html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin : 0; 
	padding : 0; 
	border : 0; 
	outline : 0; 
	vertical-align : baseline; 
	background : transparent; 
} 

body { 
	line-height : 1; 
} 

ol, ul { 
	list-style : none; 
} 

:focus { 
	outline : 0; 
} 

ins { 
	text-decoration : none; 
} 

del { 
	text-decoration : line-through; 
} 

table { 
	border-collapse : collapse; 
	border-spacing : 0; 
} 

/* core css */
h1 { 
	font : 1.8em Century Gothic; 
	color : #4e4e4e; 
	margin : 0 0 15px -15px; 
} 

h2 { 
	font : 1.5em Century Gothic; 
	color : #4e4e4e; 
	padding : 10px 0 5px 0; 
	font-weight: bold;
} 

h3 { 
	font : 1.0em arial; 
	color : #4e4e4e; 
	padding : 0 0 15px 0; 
	font-style: italic;
} 

body
{
	background: url(images/bodyBg.jpg) repeat-x #6d6d6d;
	font-size: 62.5%;
	font-family: arial;
	color: #fff;
	margin: 0;
	padding: 23px 0 50px 0;
	height: 100%;
}

#container
{
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	border: 1px solid #a2a2a2;
	background-color: #fff;
	display : table; 
}

#header {
	background: url(images/headerBg.jpg) no-repeat;
	width: 100%;
	height: 163px;
	margin: 0;
}

#mainPic {
	background: url(images/mainPic.jpg) no-repeat;
	width: 100%;
	height: 233px;
	margin: 1px;
}

/* navigation */
#nav { 
	width: 770px; 
	height: 47px; 
	margin: 0; 
	float: none; 
	color: #fff; 
	font-size: 1.6em; 
	font-weight: ; 
	line-height: 1em; 
	background: #fff url(images/navBg.jpg) repeat-x; 
} 

div#nav ul { 
	list-style-type: none; 
	padding: 0 0 0 90px; 
} 

div#nav ul li { 
	display: block; 
	float: left; 
} 

div#nav ul li a { 
	float: left; 
	display: block; 
	padding: 16px 15px 20px 15px; 
	color: #fff; 
	text-decoration: none; 
} 

div#nav ul li a:hover { 
	background: url(images/navBgOver.jpg) repeat-x; 
} 

#content { 
	width: 770px;
	height: 100%;
	padding: 0 0 25px 0px;
	margin: 0;
	float: left;

	font-size: 1.2em; 
	color: #4e4e4e; 
	line-height: 1.8em; 
} 

#leftCol { 
	width: 485px; 
	margin: 0;
	padding: 25px 0 0 30px; 
	background-color: #fff; 
	float: left; 
} 

#rightCol { 
	width: 230px; 
	margin: 0;
	padding: 50px 0 0 15px;
	float: right;
} 

/* calc header */
.calcHeader
{
	background-color: #F8F7EF;
	margin: 0;
	padding: 0px 10px 20px 20px;
	border-top: 1px dashed #b2b2b2;
	border-bottom: 1px dashed #b2b2b2;
}

#calculator {
	margin: 15px 0 0 20px;
}

/* agent */
.agent {
	border-bottom:1px dashed #b2b2b2;
	height:100%;
	width:460px;
	float:left;
	margin: 15px 15px 15px 0; 
}

.agent a
{
	text-decoration:underline;
	margin:0;
	padding:0;
	color:#4e4e4e;
}

.agent a:hover
{
	text-decoration:none;
}


/* agent photos */
.frame
{
	border:1px solid #bbb;
	display:block;
	float:left;  /*for shrink to fit*/
}

.matte,
.frame a
{
	background-color:#fff;
	padding:7px;
	display:block; /*for when attached to anchors*/
}

.frame a:hover
{
	background:#DEDEDE;
}

.frame img
{
	border:1px solid #bbb;
	display:block;  /*to unattach from baseline*/
}

.hide
{
	display:none;
}

.clear
{
	clear:both;
}

/* drop shadows */
.wrap1, .wrap2, .wrap3 
{
	display:block;
	float:left;	
}

.wrap1 
{
	background:url(images/shadow_br.jpg) right bottom no-repeat;
}

.wrap2 
{
	background:url(images/shadow_bl.jpg) left bottom no-repeat;
}

.wrap3 
{
	padding:0 20px 20px 0;
	background:url(images/shadow_tr.jpg) right top no-repeat;
}


/* area links */
.areaLinks a
{
	text-decoration:underline;
	margin:0;
	padding:0;
	color:#4e4e4e;
	font-size: 1.2em;
	line-height:1.8em;
}

.areaLinks a:hover
{
	text-decoration:none;
}

/* baseline */
#baseline {
	background : #fff url(images/baselineBg.jpg) repeat-x;
	width: 770px;
	height: 9px;
	margin: 40px 0 0 0; 
	float: left;
}

/* footer */
#footerContainer { 
	width : 768px; 
	float: left;
	margin: 0;
	padding: 0;
	line-height : 1.7em; 
	font-size : 1.2em; 
	color : #4e4e4e; 
} 

#footer { 
	margin : 0; 
	padding : 20px 15px 20px 10px; 
	float: left;
} 

#footer a { 
	text-decoration : none; 
	color : #4e4e4e; 
} 

#footer a:hover { 
	text-decoration : underline; 
}

.footerBorder { 
	border-left : 1px solid #b2b2b2; 
}