@charset "utf-8";
/* CSS Document */

/* RESET
===========================================================================================================*/
body
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: Arial; font-size:12px;  
	color:#6d6d6d; 
	text-decoration: none; 
	font-weight: normal;
}


ol, ul, li, p, h1				{ list-style: none; margin:0px; padding:0px; }

/* Header
===========================================================================================================*/
#header_wrap 	{  background:url(../images/header_bg.gif) 0 100% repeat-x #fff; text-align:left;	}
#header 		{ height:125px; width:874px; margin:0 auto; }
#logo 		{ float:left; padding-right:10xp;  height:89px; width:95px; background: url(../images/my_yard_waste_management_software.gif) no-repeat; }
#header_text 		{ float:left; margin:0; padding-left:15px; height:89px; width:414px; background: url(../images/myyard_software.gif) 0 5px no-repeat; }
#contact { float:right; width: 240px; height: 60px; background:url(../images/phone_no.gif) 0 5px no-repeat}
#topnav { float:right; width: 150px; height: 25px; text-align:left; padding-right:5px;}

#topnavmain { float:left; width: 874px; height: 36px; }

/* index
===========================================================================================================*/
#main_wrap 	{  background:url(../images/bg.gif) no-repeat center top ; text-align:left; width:100%; height:100%;	}
#container { width:874px; margin-left:auto; margin-right:auto; height:569px; }
#slideshow_wrapper{ width: 874px; height: 291px; display:block; float: left; overflow: hidden; }
ul.slideshow{ width: 100%; float: left; list-style: none; } 
ul.slideshow li{ width: 100%; float: left; margin:0px; padding:0px; list-style-type:none; }
ul { padding:0px; margin:0px; list-style-type:none;}
#indexbanner { width: 874px; height: 291px; display:block; float: left; overflow: hidden; }
#customer_section { float:left; width:874px; height:48px; background:url(../images/transparent_bg.png) repeat-x top left;}
#customer { width:294px; float:left; height:48px; padding-left:1px;}
#customer ul li { width:47px; float:left; height:47px; padding-right:1px; display:inline;}
#customerright { float:left; width:563px; background:url(../images/arrow.png) 0 15px  no-repeat; padding-left:15px; height:48px; line-height:48px;}
#indexdec { float:left; width:856px; height:145px; background:url(../images/transparent_bg2.png) no-repeat left top; padding:52px 0px 0px 18px;}
#textbox1 { float:left; width:193px; padding-right:5px;}
#textbox2 { float:left; width:199px; padding-left:20px; padding-right:5px;}
#textbox3 { float:left; width:182px; padding-left:19px; padding-right:5px;}
#textbox4 { float:left; width:190px; padding-left:16px;}
#indexdec  p { float:left; font-size:12px; color:#ffffff; padding-top:5px;}
.learnmore { float:left; width:84px; height:25px; padding-top:5px;}
#indexbottom { float:left; width:874px; height:34px; line-height:34px; text-align:center; font-size: 16px; color: #1c1c1c; font-weight:bold;}
#footer { background:url(../images/footerbg.gif) repeat-x left top ; text-align:left;  width:100%; float:left; }
#footerarea {  height:100px; width:874px; margin-left:auto; margin-right:auto; padding-top:5px;}
#infootercontainer { float:left; height:100px; width:874px; padding-top:10px; }
#insidebluebadge { float:left; width:317px; height:62px; padding-left:53px; background:url(../images/bluebage.gif) no-repeat left top; padding-left:62px; padding-top:10px; padding-right:20px;}
#insideorangebadge { float:left; width:253px; height:62px; padding-left:53px; padding-right:20px; background:url(../images/orangebage.gif) no-repeat left top; padding-top:10px;} 
#insidecopyright { float:right; width:115px; text-align:left; padding-right:5px;}

/* banners & main pictures
===========================================================================================================*/
#insidewrap	{  text-align:left;  float:left; width:100%; height:100%; 	}
 #inner_wraper {  width:874px;  margin-left:auto; margin-right:auto;   }
 #inner_container { float:left; width:814px; padding:0px 20px 17px 30px; }
 #testimonialsbanner { float:left; width:815px; height:82px; padding:200px 0px 0px 14px; background:url(../images/myyard_testimonials.jpg) no-repeat top left; margin-bottom:7px;}
#contactbanner { float:left; width:800px; height:82px; padding:200px 0px 0px 14px; background:url(../images/contact_myyard.jpg) no-repeat top left; margin-bottom:7px;}
#aboutusbanner { float:left; width:815px; height:82px; padding:200px 0px 0px 14px; background:url(../images/about_myyard.jpg) no-repeat top left; margin-bottom:7px;}
#demonstrationbanner { float:left; width:815px; height:82px; padding:200px 0px 0px 14px; background:url(../images/skip_track_software_demonstration.jpg) no-repeat top left; margin-bottom:7px;}
#faqbanner { float:left; width:815px; height:82px; padding:200px 0px 0px 14px; background:url(../images/myyard_software_overview.jpg) no-repeat top left; margin-bottom:7px;}
#newsbanner { float:left; width:815px; height:82px; padding:200px 0px 0px 14px; background:url(../images/waste_management_software_news.jpg) no-repeat top left; margin-bottom:7px;}
#benefitsbanner { float:left; width:815px; height:82px; padding:200px 0px 0px 14px; background:url(../images/waste_management_software_benefits.jpg) no-repeat top left; margin-bottom:7px;}
/*#contentpic { float:left; width:800px; height:82px; padding:200px 0px 0px 14px; background:url(../images/RWM10_myyard.jpg) no-repeat top left; margin-bottom:20px;}

/* commanclass
===========================================================================================================*/
h1 {font-size: 18px; color: #ff7e00; text-decoration: none; font-weight:bold;}
#contacticon { float:left; background:url(../images/contact_icon.gif) no-repeat left top; font-size: 18px; color: #ff7e00; text-decoration: none; font-weight:bold; padding-left:30px; width:188px; height:25px; line-height:25px;}
#contactadd { float:left; background:url(../images/contact_add.gif) no-repeat left top; font-size: 18px; color: #ff7e00; text-decoration: none; font-weight:bold; padding-left:30px; width:188px; height:20px; line-height:20px;}
.orangetext18 {font-size: 18px; color: #ff7e00; text-decoration: none; font-weight:bold;}
.bluelink11 {font-size: 11px; color: #0c94cb;  }
a.bluelink11:link {font-size: 11px; color: #0c94cb; text-decoration: none;}
a.bluelink11:active {font-size: 11px; color: #0c94cb;text-decoration: none;}
a.bluelink11:visited {font-size: 11px; color: #0c94cb; text-decoration: none;}
a.bluelink11:hover {font-size: 11px; color: #0c94cb; text-decoration: underline;}

.blacktext14 {font-size: 14px; color: #211c1c; text-decoration: none; font-weight:bold; }
a.blacktext14:hover {font-size: 14px; color: #211c1c; text-decoration: underline; font-weight:bold; }

.greenlink {font-size: 12px; color: #597a18; text-decoration: none; font-weight:bold; }
a.greenlink:hover {font-size: 12px; color: #597a18; text-decoration: underline; font-weight:bold; }

.yellowtext {font-size: 12px; color: #ffb400; text-decoration: none; font-weight:bold; }
a.yellowtext:hover {font-size: 12px; color: #ffb400; text-decoration: underline; font-weight:bold; }

.orangelink {font-size: 12px; color: #ff7e00; text-decoration: none; font-weight:bold; }
a.orangelink:hover {font-size: 12px; color: #ff7e00; text-decoration: underline; font-weight:bold; }

.greentext16 {font-size: 16px; color: #2e5b00; text-decoration: none; font-weight:bold; }
a.greentext16:hover {font-size: 16px; color: #2e5b00; text-decoration: underline; font-weight:bold; }

.bluetext12 {font-size: 12px; color: #258bb4; text-decoration: none; font-weight:normal; }
a.bluetext12:hover {font-size: 12px; color: #258bb4; text-decoration: underline; font-weight:normal; }

.greentext11 {font-size: 11px; color: #747474; text-decoration: none; font-weight:normal; }
a.greentext11:hover {font-size: 11px; color: #747474; text-decoration: undersline; font-weight:normal; }

.blacktext12 {font-size: 12px; color: #333333; text-decoration: none; font-weight:normal; }
a.blacktext12:hover {font-size: 12px; color: #333333; text-decoration: underline; font-weight:normal; }

.blacktext12bold {font-size: 12px; color: #6d6d6d; text-decoration: none; font-weight:bold; }
a.blacktext12bold:hover {font-size: 12px; color: #6d6d6d; text-decoration: underline; font-weight:normal; }

.greytextbold {font-size: 12px; color: #666666; text-decoration: none; font-weight:bold; }
a.greytextbold:hover {font-size: 12px; color: #666666; text-decoration: underline; font-weight:bold; }

.orangefeature {font-size: 14px; color: #FF6600; text-decoration: none; font-weight:bold; }
a.orangefeature:hover {font-size: 14px; color: #FF6600; text-decoration: underline; font-weight:bold; }

.bluefeature {font-size: 14px; color: #3399FF; text-decoration: none; font-weight:bold; }
a.bluefeature:hover {font-size: 14px; color: #3399FF; text-decoration: underline; font-weight:bold; }

.blackertext12 {font-size: 12px; color: #000000; text-decoration: none; font-weight:bold; }
a.blackertext12:hover {font-size: 12px; color: #000000; text-decoration: underline; font-weight:bold; }

.greytext {font-size: 12px; color: #666666; text-decoration: none; font-weight:normal; }
a.greytext:hover {font-size: 12px; color: #666666; text-decoration: underline; font-weight:normal; }


/* FIRSTNAV
===========================================================================================================*/
#firstnav 								{ clear:both; margin-left:30px; padding:0; width:742px; float:left;  }
#firstnav ul	 						{ float:left; margin: 0; padding:0; width:110%; list-style: none; }
#firstnav h2							{ margin:0; padding:0; font-size:12px; font-weight:normal; color:#FFFFFF}
#firstnav ul li  						{ float:left; margin-right:1px; padding:0 0 0; }
#firstnav ul li a						{ float:left; padding:0 0 0 10px; background:url(../images/firstnav_left-btn.png) no-repeat left top; text-decoration:none; }
#firstnav ul li a span 					{ float:left; display:block; padding:11px 10px 10px 0px; width:115px; background:url(../images/firstnav_right-btn.png) no-repeat right top;  text-align:center; color:#333;  font-size:12px; white-space:nowrap; font-weight:bold; color:#FFFFFF}
#firstnav ul a:hover					{ cursor:pointer;background-position:0% -40px; }
#firstnav ul a:hover span 				{ background-position:100% -40px; }
/*#firstnav ul li#firstnav_new a span		{ width: 8.61em; }
#firstnav ul li#firstnav_vps a span		{ width: 8.61em; }*/
#firstnav ul a.visit					{ cursor:pointer;background-position:0% -40px; }
#firstnav ul a.visit span 				{ background-position:100% -40px; }

#firstnav ul li.wow,
#firstnav ul li.new,
#firstnav ul li.vps 					{ margin-top:-7px; }



#firstnav ul li.wow a					{ background-image:url(../images/firstnav_wow_left-btn.png); }
/*#firstnav ul li.new a					{ background-image:url(images/firstnav_new_left-btn.png); }*/
/*#firstnav ul li.vps a					{ background-image:url(images/firstnav_vps_left-btn.png); }*/
#firstnav ul li.wow a span				{ padding-top:1.333em; background-image:url(./images/firstnav_wow_right-btn.png); }
/*#firstnav ul li.new a span				{ padding-top:1.333em; background-image:url(images/firstnav_new_right-btn.png); }*/
/*#firstnav ul li.vps a span				{ padding-top:1.333em; background-image:url(images/firstnav_vps_right-btn.png); }*/
#firstnav ul li.wow a:hover,
#firstnav ul li.new a:hover,
#firstnav ul li.vps a:hover 			{ background-position:0 -71px; }
#firstnav ul li.wow a:hover span,
#firstnav ul li.new a:hover span,
#firstnav ul li.vps a:hover span		{ background-position:100% -71px; }

/*body#servers #firstnav_servers 					{ margin-top:0; padding-top:0; }
body#servers #firstnav_servers a				{ background-position:0 -142px; background-repeat:no-repeat; border-bottom:1px solid #000; }
body#servers li#firstnav_servers a span		 	{ background-position:100% -142px; background-repeat:no-repeat; color:#fff; font-weight:bold; }
*/
/*body#vps #firstnav_vps 					{ margin-top:0; padding-top:0;}
body#vps #firstnav_vps a				{ background-position:0 -142px; border-bottom:1px solid #000; }
body#vps li#firstnav_vps a span		 	{ background-position:100% -142px; color:#fff; font-weight:bold; }
*/


/* Makeshift dropdown menu */
#firstnav li							{ position:relative; z-index:100;}
#firstnav li ul							{ position:absolute; left:0; top:80px; font-size:11px; }
#firstnav li li 						{ float:none; margin:0; padding:0; }
#firstnav ul li li a					{ display:block; background:#003b64 !important; border:none; color:#fff; height:30px; line-height:30px; float:none; padding-left:10px; padding-right:10px}
#firstnav li li a:hover					{ background:#3376a4 !important; }
#firstnav li li.last a					{ border-bottom:0; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;   }

#firstnav li:hover ul,
#firstnav li.sfHover ul					{ top:36px; }

#firstnav li.new:hover ul,
#firstnav li.sfHover.new ul					{ top:37px !important; }

body#myyard_home #firstnav_myyard_home li a,
body#myyard_features_benefits #firstnav_myyard_features_benefits li a,
body#myyard_faqs #firstnav_myyard_faqs li a,
body#myyard_demonstration #firstnav_myyard_demonstration li a,
body#myyard_testimonials #firstnav_myyard_testimonials li a,
body#myyard_news #firstnav_myyard_news li a		{ border:0; }

/* tab
===========================================================================================================*/

.tab_left { float:left; width:512px; margin-right:11px; }
.tabtextleft {float:left; width:480px; padding-top:15px;}
.tab_right { float:left; width:258px; }
.tabtextright { float:left; width:226px; margin-top:15px; line-height:18px;  }
.scorelist { float:left; width:210px; margin-top:15px;  border:1px solid #e0e0e0}
.contactlist { float:left; width:212px; margin-top:15px;  }
.scoreleft { float:left;  width:130px; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#ededed; height:30px; line-height:30px; color: #6d6d6d; padding-left:14px;}
.scoreright { float:left;  width:65px; border-bottom:1px solid #e0e0e0; height:30px; line-height:30px; color: #f5f5f5l; background:#f5f5f5 url(../images/tickmark.gif) 50% 50% no-repeat;}
.lovehate {  float:left; width:410px; background:url(../images/heart.gif) no-repeat left top; padding-left:70px; line-height:18px; padding-bottom:20px; }

.curvebox1 {
float:left;
    behavior: url(PIE.htc);
    border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	width:480px; 
	background-color:#FFF;
	border:1px solid #e0e0e0;
	padding:20px 15px 15px 15px; 
	margin-bottom:20px;
}
.curvebox3 {
float:left;
    behavior: url(PIE.htc);
    border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	width:800px; 
	background-color:#FFF;
	border:1px solid #e0e0e0;
	padding:20px 0 15px 15px; 
	margin-bottom:20px;
	line-height:18px;
	}
	
.curvebox2 {
float:left;
    behavior: url(PIE.htc);
    border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	width:226px; 
	background-color:#FFF;
	border:1px solid #e0e0e0;
	padding:20px 15px 15px 15px; 
	margin-bottom:20px;}
	
label{ margin:0px;  padding-bottom:5px; padding-top:5px; font-family:arial; font-size:12px; color:#6d6d6d; text-decoration:none; font-weight:normal;  }

.webform-component-textfield{float:left;width:210px;padding:10px 30px 0 0; }

.webform-component-textfield input, textarea, webform-component-email input{width:210px;padding:3px;border:1px solid #cccccc;border-top:1px solid #abadb3; font-family:arial; font-size:12px; color:#6d6d6d; text-decoration:none; font-weight:normal;}

.textarea2 { float:left;  font-size: 12px; color: #6d6d6d; font-family: arial; font-weight:normal ; text-decoration: none; width:470px; padding:0px 0px 5px 0px;  }
.submit { float:left; width:127px; text-align:left; padding-top:5px; height:24px; line-height:24px; vertical-align:text-top; }
.subbutton { float:left; text-align:center; font-family: arial; font-size: 12px; color: #ffffff; background:url(../images/submitbutton.png) no-repeat;	width:75px; height:24px; line-height:24px;	margin:0px; border:0px;}
.thanks { float: left; font-size: 16px; colour #6d6d6d; font-family: arial; font-weight:normal; padding: 25px;}
.redlink {font-size: 11px; color: #ff0000; font-family: arial; font-weight:normal ; text-decoration: none; }
A.redlink:link {font-size: 11px; color: #ff0000; font-family: arial; font-weight:normal ; text-decoration: none; }
A.redlink:active {font-size: 11px; color: #ff0000; font-family: arial; font-weight:normal ; text-decoration: none; }
A.redlink:visited {font-size: 11px; color: #ff0000; font-family: arial; font-weight:normal ; text-decoration: none; }
A.redlink:hover {font-size: 11px; color: #ff0000; font-family: arial; font-weight:normal ; text-decoration: underline; }


.contactcurvebox {
float:left;
    behavior: url(PIE.htc);
    border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	width:800px; 
	background-color:#FFF;
	border:1px solid #e0e0e0;
	padding:20px 0px 15px 11px;
	margin-bottom:20px;
}

#contactmain {margin-top:20px; float:left; width:800px; float:left;}

/*news*/
.serviceboxleft { float:left; width:200px;  padding:0px 0px 0px 0px;}
.serviceboxright { float:left; width:500px;  padding:0px 0px 0px 0px;}

/*features*/
#featurebox1 { float:left; width:244px; padding-right:4px;}
#featurebox2 { float:left; width:244px; padding-left:15px; padding-right:4px;}
#featurebox3 { float:left; width:244px; padding-left:15px; padding-right:4px;}

.featurecurveboxorange {
float:left;
    behavior: url(PIE.htc);
    border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	width:775px; 
	background-color:#FFFFCC;
	border:1px solid #FF6600;
	padding:15px 0px 15px 11px;
	margin-bottom:20px;
	line-height:18px;
}

.featurecurveboxblue {
float:left;
    behavior: url(PIE.htc);
    border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	width:775px; 
	background-color:#CCFFFF;
	border:1px solid #3399FF;
	padding:15px 0px 15px 11px;
	margin-bottom:20px;
	line-height:18px;
}