body, html {
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	font-size: 8pt;
	color: #333333;
	text-align: center;
	margin: auto;
      background-color: #666;
}

.centeringTable {
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	font-size: 8pt;
	color: #333333;
}

a {
	color: #c00;
}
a:hover {
	color: #c00;
	text-decoration: none;
}
#MainContainer {
	padding: 3px;
	width: 772px;
	background-color: #fff;
	margin: auto;
}

h1 {
	font-size: 14pt;
	color: #000;
	margin: 25px 0px 5px 0px;
}

h2 {
	font-size: 12pt;
	color: #333;
	margin: 20px 0px 0px 0px;
}

h3 {
	font-size: 10pt;
	color: #666;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h4 {
	font-size: 8pt;
	font-weight: bold;
	color: #999;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica;
}

.contentContainer{
	text-align: left;
	width: 774px;
}

.contentContainer4Column{
	text-align: left;
	width: 774px;
	margin-top: 50px;
}


.rightColumn {
	width: 260px;
	float: right;
}

.leftColumn {
	width: 500px;
	float: left;
	border-right: 1px dotted #ccc;
	padding-right: 5px;
}.

.column1, .column2, .column3, .column4 {
	width: 183px;
	float: left;
	margin-right: 5px;
	border-right: 1px dotted #ccc;
	padding: 15px 5px 15px 0px;
}

 .column4 {
	margin-right: 0px;
	border-right: 0px dotted #ccc;
}

.column1 p, .column2 p, .column3 p, .column4 p {
	margin: 0px;
}

#hpHeader {
	width: 772px;
	height: 353px;
	background-image: url(images/hp-top2.jpg); 
}

#hpBottom {
	width: 772px;
	height: 214px;
	background-color: #000; 
}

#headerBase {
	background-image: url(images/hp-header-base-sub.jpg);
	background-repeat: no-repeat;
	height: 153px;
	width: 774px;
	position: relative;
}

#headerBaseSub  {
	background-image: url(images/hp-header-base-sub.jpg);
	background-repeat: no-repeat;
	height: 153px;
	width: 774px;
	position: relative;
	cursor: hand;
}


#pgHeader {
	position: absolute;
	top: 121px;
	left: 56px;
	/*background-color: #fc0;*/
}



#footer {
	background-color: #000;
	height: 25px;
	font-size: 11px;
	width: 774px;
	clear: both;
	color: #fff;
	padding-top: 8px;
	margin-top: 40px;
}

#footer a {
	padding: 3px 5px 2px 5px;
}


#NavContainer {
	height: 26px;
	width: 774px;
	background-color: #000;
}

#NavContainer * {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	float: left;
}

#NavContainer a:hover {
	  background-position: 0 26;
}

a.navWhatsNew {
	width: 134px;
	height: 26px;
	background-image: url(images/nav-whats-new.gif);
}

a.navAboutLiz {
	width: 81px;
	height: 26px;
	background-image: url(images/nav-about-liz.gif);
}

a.navAboutLizMars {
	width: 175px;
	height: 26px;
	background-image: url(images/nav-about-lizmars.gif);
}

a.navPortfolio {
	width: 81px;
	height: 26px;
	background-image: url(images/nav-portfolio.gif);
}

a.navClients {
	width: 154px;
	height: 26px;
	background-image: url(images/nav-clients.gif);
}


a.navContact {
	width: 149px;
	height: 26px;
	background-image: url(images/nav-contact.gif);
}

/****************************************** hp nav ***************************************/

#hpNavBase {
	width: 538px;
	height: 171px;
	margin: 0px  20px 0px 0px;
	float: right;
	position: relative;
	border: 0px solid #c00;
}
#hpNavContainer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 181px;
	height: 171px;
	overflow: hidden;
	padding-top: 8px;
	border: 0px solid #c00;
}

#hpNavContainer * {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	float: left;
}
#hpNavContainer a {
	width: 181px;
	height: 26px;
}
#hpNavContainer a:hover {
	  background-position: 0 26;
}

#hpNavBase #hdright {
	width: 357px;
	height: 171px;
	overflow: hidden;
	border: 0px solid #fc0;
	background-repeat: no-repeat;
	float: right;
}



a.navWhatsNew {
	background-image: url(images/hp-nav-whats-new.gif);
}

a.navAboutLiz {
	background-image: url(images/hp-nav-about-liz.gif);
}

a.navAboutLizMars {
	background-image: url(images/hp-nav-about-lizmars.gif);
}

a.navPortfolio {
	background-image: url(images/hp-nav-portfolio.gif);
}

a.navClients {
	background-image: url(images/hp-nav-clients.gif);
}


a.navContact {
	background-image: url(images/hp-nav-contact.gif);
}
