@charset "utf-8";
#text {
	position:absolute;
	left:5px;
	top:436px;
	width:617px;
	height:197px;
	z-index:4;
}
body {
	background-image: url(imageshwd/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #CCC;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #33656d;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #90D0C4;
	text-decoration: none;
	font-weight: bold;
}

#base {
	position:relative;
	top:0px;
	width:960px;
	height:815px;
	z-index:1;
	margin-right: auto;
	margin-left: auto;
}

#base-clients {
	position:relative;
	top:0px;
	width:960px;
	height:835px;
	z-index:1;
	margin-right: auto;
	margin-left: auto;
}

#base-about {
	position:relative;
	top:0px;
	width:960px;
	height:1115px;
	z-index:1;
	margin-right: auto;
	margin-left: auto;
}

#base-blog {
	position:relative;
	top:0px;
	width:960px;
	z-index:1;
	margin-right: auto;
	margin-left: auto;
}


#base-video {
	position:relative;
	top:0px;
	width:960px;
	height:955px;
	z-index:1;
	margin-right: auto;
	margin-left: auto;
}

#base_contact {
	padding-right: 0 26px 0 20px;
	position: relative;
	width:960px;
	height:945px;
	z-index:1;
	margin: 0 auto;
	
}

#base_difference {
	padding-right: 0 26px 0 20px;
	position: relative;
	width:960px;
	height:1245px;
	z-index:1;
	margin: 0 auto;
	
}


#base_products {
	padding-right: 0 26px 0 20px;
	position: relative;
	width:960px;
	height:1430px;
	z-index:1;
	margin: 0 auto;
	
}

#base_deluxe {
	padding-right: 0 26px 0 20px;
	position: relative;
	width:960px;
	height:1820px;
	z-index:1;
	margin: 0 auto;
	
}

#base_compact {
	padding-right: 0 26px 0 20px;
	position: relative;
	width:960px;
	height:1560px;
	z-index:1;
	margin: 0 auto;
	
}

#base_green_cleaning {
	padding-right: 0 26px 0 20px;
	position: relative;
	width:960px;
	height:1040px;
	z-index:1;
	margin: 0 auto;
	
}

#base_stories {
	padding-right: 0 26px 0 20px;
	position: relative;
	width:960px;
	height:1325px;
	z-index:1;
	margin: 0 auto;
	
}


#base-buy {
	position:relative;
	top:0px;
	width:960px;
	height:1395px;
	z-index:1;
	margin-right: auto;
	margin-left: auto;
}

#base-buy2 {
	position:relative;
	top:0px;
	width:960px;
	height:1375px;
	z-index:1;
	margin-right: auto;
	margin-left: auto;
}










#mainForm 
{
	position: relative;
	border: 1px;
	border-style: solid;
	margin: 0 auto;
	text-align: left;
	width: 70%;
	background-color: #ffffff;
}

ul.mainForm
{
	list-style-type: none;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size:12px;	
}

li.mainForm
{
	padding-bottom: 10px;
}


#mainFormError
{
	position: relative;
	border: 1px;
	border-style: solid;
	margin: 0 auto;
	text-align: left;
	width: 70%;
}



input.mainFormError
{
	background-color: #FADADD;
}


textarea.mainFormError
{
	background-color: #FADADD;
}


select.mainFormError
{
	background-color: #FADADD;
}


#formFields
{
	position: relative;
	width: 100%;
	background-color: #ffffff;
	margin:0 0 0 0;

}

label.formFieldQuestion
{
	line-height:125%;
	padding:0 4px 1px 0;
	border:none;	
	display:block;
	font-size:95%;
	font-weight:bold;
}

label.formFieldOption
{
	font-size:90%;
	display:block;
	line-height:1.0em;
	margin:-19px 0 0 25px;
	padding:4px 0 5px 0;
	width:90%;
}



input.formFieldStyle
{
	display:block;
	line-height:1.4em;
	margin:8px 0 0 3px;
	width:13px;
	height:13px;
}


/* tooltip */
a.info {
	font-family: Tahoma, Arial, Sans-Serif;
	text-decoration:none; 
	position: relative;
}

a.info span {
	position: relative;
	display:none;
}

a.info:hover {
	position: relative;
	cursor:default;
}

a.info:hover .infobox {
	font-weight: normal; 
	display:block; 
	position:absolute; 
	top:20px;;
	left:25px;
	width:205px; 
	height:70px; 
	border: 1px solid #ccc; 
	background:#f4f4f4 url(question.gif) no-repeat bottom right; 
	color:#000; 
	text-align:left; 
	font-size:0.7em; 
	padding-left:10px; 
	padding-top:10px;
}

/* pop-up calendar */
button.calendarStyle
{
	background-color: transparent;
	border: 0;
	height:22px;
	width:22px;
	background-image:url(imgs/calendar.png);
	cursor: pointer;
	cursor: hand;
}




#flash {
	position:absolute;
	left:5px;
	top:42px;
	width:950px;
	height:300px;
	z-index:1;
}

#buttons {
	position:absolute;
	left:5px;
	top:620px;
	width:639px;
	height:145px;
	z-index:8;
}
.ul {
	list-style-position: outside;
	list-style-image: url(imageshwd/icon.jpg);
}

#twitter {
	position:absolute;
	left:658px;
	top:363px;
	width:296px;
	height:216px;
	z-index:3;
}
#click1 {
	position:absolute;
	left:239px;
	top:125px;
	width:75px;
	height:25px;
	z-index:1;
}

#sub-content {
	margin: 0 auto;
	padding: 0;
	height:100%;
	
}


#bigtext {
	font-size:15px; 
	line-height:140%; 
	font-weight:bold;
}

#bigtext a {
	font-size:15px; 
	line-height:140%; 
	font-weight:bold;
}


#mkcontent {
	margin: 0 auto;
	padding: 0;
	height:100%;
	font-family: arial;
	font-size: 13px;
	color: #666666;
}

.mkcontent h1 {
	font-size:15px;
}

#blogcontent {
	background: url(/imageshwd/text_02.jpg);
	margin: 0 auto;
	margin-top:-10px;
	padding: 0;
	height:100%;
	font-family: arial;
	font-size: 13px;
	color: #666666;
}

#blogcontent a img { border: none; }

#message #info {
	padding:15px;
	
}
.bluesky {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #9ce3da;
	text-decoration: none;
}
.italic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #FFF;
	text-decoration: none;
}

#click2 {
	position:absolute;
	left:546px;
	top:140px;
	width:77px;
	height:23px;
	z-index:2;
}
#text_internal table tr td #space_internal {
	padding-right: 26px;
	padding-left: 20px;
}

.link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #33656d;
	text-decoration: underline;
	font-weight: bold;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #33656d;
	text-decoration: none;
}
.subtitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #83847f;
	text-decoration: none;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #666;
	text-decoration: none;
	text-align: justify;
}
.link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #90D0C4;
	text-decoration: underline;
	font-weight: bold;
}
#grey {
	position:absolute;
	left:5px;
	top:363px;
	width:636px;
	height:69px;
	z-index:5;
}
#bottom {
	position:relative;
	width:945px;
	height:55px;
	z-index:6;
	margin: 15px auto;
}
.bottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 15px;
	color: #666;
	text-decoration: none;
}

.bottom a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #33656d;
	text-decoration: none;
	font-weight: bold;
}
.bottom a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #90D0C4;
	text-decoration: none;
	font-weight: bold;
}


.border {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
}

#base #text table tr td #space {
	padding-left: 20px;
	padding-right: 20px;
}
#text_internal {
	position:absolute;
	left:278px;
	top:368px;
	width:677px;
	height:197px;
	z-index:4;
	color:#666666;
	font-family arial;
	font-size:13px;
}

#text_internal_blog {
	position:absolute;
	left:278px;
	top:368px;
	width:677px;
	height:197px;
	z-index:4;
	color:#666666;
	font-family arial;
	font-size:13px;
}


#submenu {
	position:absolute;
	left:8px;
	top:368px;
	width:241px;
	height:266px;
	z-index:7;
}
#submenu-blog {
	position:absolute;
	left:8px;
	top:368px;
	width:241px;
	height:266px;
	z-index:7;
	padding: 0;
	line-height:55%;
}

.link2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #33656d;
	text-decoration: underline;
	font-weight: bold;
	font-style: italic;
}
.link2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-decoration: underline;
	font-weight: bold;
	font-style: italic;
}
.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #33656d;
	text-decoration: none;
	font-weight: normal;
}
.menu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}
.menu2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #33656d;
	text-decoration: none;
	font-weight: normal;
}
#flash2 {
	position:absolute;
	left:23px;
	top:62px;
	width:926px;
	height:272px;
	z-index:1;
	height: 272px;
}
.link2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #33656d;
	text-decoration: underline;
	font-weight: bold;
}
.link2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: underline;
	font-weight: bold;
}
#message {
	position:absolute;
	left:11px;
	top:640px;
	width:253px;
	height:208px;
	z-index:8;
	background-image: url(imageshwd/info_bg.jpg);
}

#message-blog {
	position:absolute;
	left:11px;
	top:670px;
	width:253px;
	height:208px;
	z-index:8;
	background-image: url(imageshwd/info_bg.jpg);
}

#connected {	position:absolute;
	left:645px;
	top:32px;
	width:279px;
	height:20px;
	z-index:2;
}
#menu {	position:absolute;
	left:5px;
	top:0px;
	width:951px;
	height:56px;
	z-index:7;
	background-image: url(imageshwd/menu_bg.png);
}
#menu_written {	position:absolute;
	left:16px;
	top:10px;
	width:686px;
	height:20px;
	z-index:1;
}


#mkfooter {
	}
.footer_text a {
	text-decoration:none;
}