body  {
	margin: 0px auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	background-color: #C7CAD1;
	background-repeat: no-repeat;
	background-position: top center;
	background-image: url(bg-site.jpg);
	height: 100%;
}

a { color: #555555; text-decoration:none; border-bottom: 1px dotted ; }
a:hover { COLOR: #111111; border-bottom: 1px solid;  Text-Decoration: none; }

.vimage { border-bottom: 0px; Text-Decoration: none; }
a.vimage { text-decoration:none; border-bottom: 0px; }
a.vimage:hover { border-bottom: 0px; Text-Decoration: none; }

#pagemast {

}

#faux {
	margin-bottom: 0px;
	width: 940px;
}
#faux2 {
	margin-bottom: 0px;
	overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
	width: 100%;
}
#header {
	width: 1010px;
	margin: 0px auto;
	height: 70px;
}

#headerleft {
	margin: 0px 0px 0px 20px;
	float: left;
	width: 300px;
	text-align: left;
}

#headerright {
	margin: 0px 0px 0px 230px;
	float: left;
	width: 440px;
	height: 70px;
	text-align: left;
}


#headertop {
	width: 940px;
	margin: 0px auto;
	height: 100px;
}

#navigation {
 color: #333;
 padding: 10px;
 margin: 0px 0px 0px 0px;
 background: #ABBEBE;
}
.clear { clear: both; background: none; }


#promoarea {
	width: 1010px;
	margin: 0px auto;
	height: 130px;
}

#contentarea { width: 1010px; margin: 0px auto;  
}

#vertdiv {
	float: left;
	width: 2px;
	height: 300px;
	background-image: url(vert-div2.jpg);
	margin: 30px 20px 0px 20px;
	background-repeat: repeat-y;
}

#menucol {
	margin: 26px 0px 0px 20px;
	float: left;
	width: 240px;
	font-Size: 11px;
	font-Weight: normal;
	COLOR: #717171;
	line-height: 18px;
	Text-Decoration: none;
	FONT-FAMILY: Tahoma, "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
	text-align: left;
	height: 300px;
}

#contentleft {
	margin: 26px 0px 0px 20px;
	float: left;
	width: 430px;
	font-Size: 13px;
	font-Weight: normal;
	COLOR: #414141;
	line-height: 21px;
	Text-Decoration: none;
	FONT-FAMILY: "lucida sans unicode", "lucida grande", Tahoma, helvetica, arial, sans-serif;
	text-align: left;
}

ul.square {
	padding-left: 20px;
	list-style-type:none;
	background-image: url(../nav/div.gif);
	background-repeat: repeat-y;
	margin-left: 10px;
	}


#contentmiddle {
	margin: 10px 0px 0px 0px;
	float: left;
	width: 328px;
	text-align: left;
	background-image: url(quotes.png);
	background-repeat: no-repeat;
}

#contentright {
	margin: 26px 0px 50px 30px;
	float: left;
	width: 225px;
	text-align: left;
}

#contentquote {
	margin: 5px 0px 0px 20px;
	float: left;
	width: 318px;
	text-align: left;
}

#midleft {
	margin: 26px 0px 0px 20px;
	float: left;
	width: 550px;
	text-align: left;
}

#midright {
	margin: 0px 0px 0px 0px;
	float: right;
	width: 250px;
	text-align: right;
}

.smalltext {
	font-Size: 9px;
	font-Weight: normal;
	COLOR: #717171;
	line-height: 13px;
	FONT-FAMILY: Tahoma, "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
}

#pfolio-l {
	margin: 5px 5px 5px 0px;
	float: left;
	width: 67px;
	text-align: left;
}

#pfolio-r {
	margin: 5px 0px 5px 5px;
	float: left;
	width: 67px;
	text-align: left;
}

#pfolio {
	margin: 5px 5px 5px 5px;
	float: left;
	width: 67px;
	text-align: left;
}


#footercol1 {
	margin: 25px 0px 0px 20px;
	float: left;
	width: 135px;
	font-Size: 11px;
	font-Weight: normal;
	COLOR: #777777;
	line-height: 18px;
	Text-Decoration: none;
	FONT-FAMILY: Tahoma, "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
	text-align: left;
}

#footercol2 {
	margin: 25px 0px 0px 10px;
	float: left;
	width: 95px;
	font-Size: 11px;
	font-Weight: normal;
	COLOR: #777777;
	line-height: 18px;
	Text-Decoration: none;
	FONT-FAMILY: Tahoma, "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
	text-align: left;
}

#footercol3 {
	margin: 25px 0px 0px 10px;
	float: left;
	width: 95px;
	font-Size: 11px;
	font-Weight: normal;
	COLOR: #777777;
	line-height: 18px;
	Text-Decoration: none;
	FONT-FAMILY: Tahoma, "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
	text-align: left;
}

#footercol4 {
	margin: 25px 0px 0px 10px;
	float: left;
	width: 160px;
	font-Size: 11px;
	font-Weight: normal;
	COLOR: #777777;
	line-height: 18px;
	Text-Decoration: none;
	FONT-FAMILY: Tahoma, "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
	text-align: left;
}

#footercol5 {
	margin: 15px 10px 0px 10px;
	float: right;
	width: 230px;
	font-Size: 11px;
	font-Weight: normal;
	COLOR: #777777;
	line-height: 18px;
	Text-Decoration: none;
	FONT-FAMILY: Tahoma, "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
	text-align: right;
}


#emaildiv {
	width: 230px;
	font-Size: 11px;
	font-Weight: normal;
	COLOR: #555555;
	line-height: 18px;
	Text-Decoration: none;
	FONT-FAMILY: Tahoma, "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
	text-align: right;
	margin-bottom: 10px;
}




#footerdiv {
	float: left;
	width: 2px;
	height: 110px;
	background-image: url(foot-div.gif);
	margin: 25px 10px 0px 10px;
	background-repeat: repeat-y;
}

.zdfgsdfxxli {
	text-indent: 0px;
	display: block;
	list-style: none;
	background-repeat: no-repeat;
}

#menuoff {
	margin: 5px 0px 5px 0px;
	float: left;
	width: 100%;
	font-Size: 18px;
	font-Weight: normal;
	COLOR: #FFFFFF;
	line-height: 18px;
	Text-Decoration: none;
	FONT-FAMILY: Calibri, Arial, Tahoma, "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
	text-align: left;
	padding: 10px;
	background-image: url(../nav/button-bg-off.png);
}

#menuon {
	margin: 5px 0px 5px 0px;
	float: left;
	width: 220px;
	font-Size: 18px;
	font-Weight: normal;
	COLOR: #FFFFFF;
	line-height: 18px;
	Text-Decoration: none;
	FONT-FAMILY: Calibri, Arial, Tahoma, "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
	text-align: left;
	padding: 10px;
	background-image: url(../nav/button-bg.png);
}


* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}

#main {padding-bottom: 175px;}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -175px; /* negative value of footer height */
	height: 175px;
	clear:both;
	background-image: url(footerBG.jpg);
	background-repeat: repeat-x;
	visibility: visible;
	background-color: #c2c5cc;
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#footercontainer {
	margin: 0px auto;
	width: 1010px;
	font-Size: 11px;
	font-Weight: normal;
	COLOR: #777777;
	line-height: 17px;
	Text-Decoration: none;
	FONT-FAMILY: Tahoma, Calibri, Arial, Tahoma, "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
	text-align: left;
}

.theform {
	font:11px  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#967E5C;
	border:dotted 1px #999999;
	padding: 5px 6px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:220px;
	background-image: url(textfield_bg.gif);
	}

.darkbuttons { Font-Size: 11px; Font-Weight: normal; COLOR: #333333;; line-height: 17px; FONT-FAMILY: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; margin-top: 5px;}


.bodytext {
	font-Size: 11px;
	font-Weight: normal;
	COLOR: #777777;
	line-height: 18px;
	Text-Decoration: none;
	FONT-FAMILY: Tahoma, "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
}

.footertext { font-Size: 11px; font-Weight: normal; COLOR: #777777; line-height: 18px; Text-Decoration: none; FONT-FAMILY: Tahoma, "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif; }
a.footertext { COLOR: #777777; Text-Decoration: none; border-bottom: 0px dotted #777777 ;  }
a.footertext:hover { COLOR: #333333; Text-Decoration: none; border-bottom: 1px solid ;  }

ul.footerbit {
	text-indent: 0px;
	display: block;
	list-style: none;
	background-repeat: no-repeat;
}