html, body {
	font:70% Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	margin:0;
	padding:0;
	}
	
body {
	background: #000000 url(../img/home_back.jpg) top left no-repeat;
	}

*{padding: 0px; margin: 0px;}

/* globals */
a {
	color:#FFFFFF; 
	text-decoration:none;
	}
	
a:visited {
	color:#FFFFFF; 
	text-decoration:none;
	}
	
a:hover, a:active {
	color:#ffcc00;
	text-decoration:none;
	}

#site_container {
	position: absolute;  
	top: 50%;
	left: 50%;
	width:920px; 
	height:590px; 
	margin-left: -460px;
	margin-top: -295px;
	}

#site_content {
	width: 860px;
	padding-bottom: 20px;
	margin: 0 auto;
	}


#terms_container {
	color: #FFFFFF; 
	font-size:11px;
	padding: 10px;
	}
	

#site_footer {
	width: 840px;
	font-size: 120%;
	padding: 10px;
	margin: 10px 0 10px 0;
	float: left;
	background-color: #000000;
	}

#site_footer_left {
	float:left;
	margin: 0;
	}

#site_footer_right {
	float:right;
	margin: 0 3px 0 0;
	}
	
/* accessible site */

#flashError {
	float: right;
	}

#pageHeader {
	margin-bottom: 10px;
	background-color: #000000;
	height: 100%;
	float:left;
	width:860px;
	}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 { 
	background: transparent url(../img/htmlsite/untitled-logo.gif) no-repeat top left; 
	margin-top: 10px; 
	width: 334px; 
	height: 110px; 
	float: left;
	}
	
#pageHeader h1 span {
	display:none;
	}

#siteNav {
	font-size: 180%;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 53px 0 10px 10px;
	float: left;
	clear: left;
	width: 550px;
	}

#siteNav ul {
	margin: 0px;
	padding: 0px;
	display: inline;
	}
	
#siteNav li {
	list-style-type: none;
	background: transparent;
	display: inline;
	margin: 0 2px;
	}

ul#siteNav li#selected a { 
	color: #3CC0D7; 
	}

#stickers, #stickersnoscript {
	float: right;
	width: 186px;
	padding: 10px 10px 0 0;
}
#stickers ul, #stickersnoscript ul {
	margin: 0px;
	padding: 0px;
	display: inline;
	}

#stickers li, #stickersnoscript li{
	list-style-type: none;
	background: transparent;
	display: inline;
	margin: 0;
	padding: 0;
	}

#stickers .stickerFlash {
	float:right;
	}

#stickers .stickerBlog {
	float:right; padding-right:50px; padding-top:15px;
	}

#stickers .stickerHey {
	position: absolute; margin-top:65px; margin-left:45px;
	}

#stickersnoscript .stickerBlog {
	float:right; padding-right:114px; padding-top:15px;
	}

#stickersnoscript .stickerHey {
	position: absolute; margin-top:65px; margin-left:45px;
	}	

#htmlContent {
	width: 100%;
	float: left;
	}

#htmlContent a {
	color:#ffcc00; 
	text-decoration:none;
	font-size: 150%;
	}
	
#htmlContent a:visited {
	color:#ffcc00; 
	text-decoration:none;
	}
	
#htmlContent a:hover, a:active {
	color:#FFFFFF; 
	text-decoration:none;
	}

#htmlContent h1 {
	font-size: 510%;
	font-weight: lighter;
	padding-top: 10px;
	}

#breadCrumb { 
	font-size: 120%;
	width: 100%;
	color: #3CC0D7;
	} 
	
#breadCrumb li { 
	display: inline; 
	margin-right: 4px; 
	} 

#breadCrumb a {
	color:#FFFFFF; 
	text-decoration:none;
	font-size: 100%;
	}
	
#breadCrumb a:visited {
	color:#FFFFFF; 
	text-decoration:none;
	}
	
#breadCrumb a:hover, a:active {
	color:#ffcc00;
	text-decoration:none;
	}

#htmlContentLeft {
	width: 650px;
	float: left;
	}
	
#mainContent {
	background-color: #000000;
	padding: 20px 13px 30px 13px;
	width: 629px;
	float: left;
	}

.test {
	font-style: italic;
	width: 100%;
	font-size: 230%;
	font-weight: lighter;
	padding: 75px 0 20px 0;
	display: block;
	color: #FFFFFF;
	border-bottom: 1px dotted #333333;
	float: left;
	}

#htmlContentRight {
	width: 196px;
	float:right;
	display: inline;
	}

#latestNews {
	padding: 20px 13px 30px 13px;
	background-color: #000000;
	margin-bottom: 10px;
	}

#latestNews h2 {
	font-size: 210%;
	font-weight: lighter;
	color: #3CC0D7; 
	}
	
#latestNews h3 {
	font-size: 150%;
	font-weight: lighter;
	color: #3CC0D7;
	padding-top: 5px;
	}
	
#latestNews #date {
	color: #ffcc00;
	padding-top: 10px;
	}

#latestNews p {
	font-size:140%;
	line-height: 20px;
	padding-bottom: 10px;
	}


fieldset {
border: 0;
}
fieldset h2
{
font-size:200%;
font-weight:bold;
}
legend {
padding: 0px;
margin: 0px;
text-align: left;
float: left;
}

#clientLogin {
	padding: 20px 13px 30px 13px;
	background: url(../img/htmlsite/clientbg.gif);
	}
	
#clientLogin label {
	margin-top: 10px;
	font-size: 150%;
	font-weight: lighter;
	}

#clientLogin input {
	margin-top: 5px;
	width: 150px;
	}

.areaBox {
	width: 150px;
	padding-top: 16px;
	margin-right: 10px;
	float: left;
	display: inline;
	}

.areaBox h2 {
	width: 110px;
	height: 100%;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 210%;
	font-weight: lighter;
	color: #3CC0D7; 
	}
	
legend {
	font-size: 210%;
	font-weight: lighter;
	color: #3CC0D7; 
	}

.areaBox p {
	font-size:140%;
	font-weight: lighter;
	line-height: 20px;
	padding-bottom: 10px;
	}

.areaIcondog {
	background: url(../img/htmlsite/icon-dog.gif) top left no-repeat;
	height: 30px; /*minus 7px padding*/
	width: 28px;
	padding-left: 37px; /*the width plus 3px*/
	}
	
.areaIconPC {
	background: url(../img/htmlsite/icon-pc.gif) top left no-repeat;
	height: 30px; /*minus 7px padding*/
	width: 34px;
	padding-left: 39px; /*width plus 3px*/
	}
	
.areaIconCli{
	background: url(../img/htmlsite/icon-woman.gif) top left no-repeat;
	height: 30px; /*minus 7px padding*/
	width: 21px;
	padding-left: 30px; /*width plus 3px*/
	}

#contactBox {
	padding-top: 45px;
	float: left;
	display: inline;
	background-color: #000000;
	}
#contactBox2 {
	padding-top: 20px;
	float: none;
	display: block;
	margin:0px 0px 40px 30px;
	background-color: #000000;
	}
#contactBox h3,#contactBox2 h3 {
	font-style: normal;
	font-weight: lighter;
	font-size: 150%;
	padding-top: 10px;
	padding: 0px;
	margin: 0px;
	border: none;
	}

#contactBox a, #contactBox2 a {
	font-size: 150%;
	}

.telephone {
	background: url(../img/htmlsite/icon-phone.gif) top no-repeat;
	width: 39px;
	height: 46px;
	}

.mail {
	background: url(../img/htmlsite/icon-letter.gif) top no-repeat;
	width: 39px;
	height: 39px;
	}
	
.contentCopy {
	width: 100%;
	padding-top: 16px;
	float: left;
	}
	
.contentCopy p {
	font-size:140%;
	font-weight: lighter;
	line-height: 20px;
	padding-top: 10px;
	}
	
.contentCopy ul {
    padding-top:10px;
	list-style-type: none;
	font-size: 140%;
	float:left;
	margin-right: 30px;
	}

.contentCopy li {
	background: url(../img/htmlsite/heart.gif) no-repeat 0 50%;
	padding-left: 15px;
	}
	
#clientLogos {
	}
	
#clientLogos img {
	float: left;
	}
	
#contentCopy img {

	}

#contactForm
{
margin-top:20px;	
}
#contactForm p
{
	margin-left:30px;
	font-size:12px;
	height:30px;
	float:none;
}
#contactForm label
{
display:block;
float:left;
margin-right:10px;
text-align:left;
width:110px;	
}
#contactForm input
{

}
#contactForm span
{
margin-left:10px;	
}