@charset "utf-8";
/* CSS Document */

 /*****Begin Reusable Elements*****/
a {
    color: #FF9;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
    color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	font-weight: bold;
}

   .align-left { 
   float: left; 
   margin: 30px 0 15px 15px; 
}
  
   .align-right { 
   float: right; 
   margin: 30px 15px 0px 0; 
}

h2.img-replace {
	padding: 0;
	margin: 0;
	width: 246px; 
	height: 131px;
	background: url(../yardmaster_series/main_images/content-a-image1.gif) no-repeat;
	}
	
	h2.img-replace span {
		display: block;
		width: 0;
		height: 0;
	    color: #FFF;
	    font-family: Arial, Verdana, Geneva, sans-serif;
	    font-size: 24px;
	    font-weight: bold;
		overflow: hidden;
	}
	

h2.content-FFF{	color:#FFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	margin: 0;
	padding: 7px 0px 0px 0px;
	text-align: center;

}
    

img {
	border: 1px solid #000;
}

img.logo {
	border: none;
	width: 459px;
}

img.underframe {
	border: none;
	width: 271px;
}

span.bold {
	color: #FF9;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
	
span.bold2 {
	color: #FFF;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

span.bold3 {
	color: #FF9;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

span.normal-black {
	color:#000;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

span.bold-black {
	color:#000;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

span.bold-new {
	color: #03C;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	margin: 0;
	padding: 0;
}

span.bold-black-move {
	display: block;
	float: left;
	position: relative;
	left: 40px;
	top: 30px;
	color:#000;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;	
}

span.bold-black-move2 {
	display: block;
	float: left;
	position: relative;
	left: 40px;
	top: 30px;
	color:#000;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;	
}

span.bold-black-move3 {
	display: block;
	float: left;
	position: relative;
	left: 40px;
	top: 10px;
	color:#000;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;	
}


span.bold-red {
	color: #C30;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

span.bold-red-move {
	display: block;
	float: left;
	position: relative;
	left: 40px;
	top: 30px;
	color: #C30;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
/*****End Reusable Elements*****/



/*****Begin Content-A*****/
#content-a {
	background-image: url(../yardmaster_series/main_images/redblue_box.gif);
	height: 131px;
	margin: 0;
    padding: 0;
	float: left;
	position: relative;
	left: 13px;
	top: 1px;
	width: 246px;
	z-index: 1;
}

/*****End Content-A*****/

/*****Begin Content-B*****/
#content-b {
	float: right;
	height: 131px;
	right: 12px;
	margin: 0;
	padding: 0;
	position: relative;
	top: 1px;
	width: 459px;
	z-index: 1;
}	
/*****End Content-B*****/

/*****Begin Content-C*****/
#content-c {
	background-color: #C00; 
	border: 1px solid #FFF;
	float: right;
	height: 670px;
	margin: 0;
	padding: 0;
	position: relative;
	right: 12px;
	top: -1px;
	width: 702px; 
	z-index: 1;
}

#main-image {
	border-bottom: 1px solid #000;
	height: 242px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 700px;
	z-index: 3;
}

#c-paragraph {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	top: 10px;
	z-index: 4;
}

    p.content-c {
	color:#FFF;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 16px;
	margin: 0;
	padding:5px 30px 5px 30px;
}

#list1 {
	float: left;
	left: 50px;
	top: 20px;
	height: 0px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 280px;
	z-index: 6;
	
}

    ud#list1b {
	margin: 0;
	padding: 0;
	text-align: left;
}

            ul#list1b li {
			color: #fff;
			display: list-item;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 14px;
			list-style: inside;
			width: 280px;
		}

#underframe {
	float: right;
	height: 151px;
	margin: 0;
	padding: 30px 20px 0px 0px;
	position: relative;
	width: 271px; 
	z-index: 2;
}

#clickimage {
	float: right;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0px;
	left: 0px;
	width: 271px; 
	z-index: 3;
}
	
/*****End Content-C*****/

/***** Content-D*****/

#content-d {
	background-color: #C00; 
	border: 1px solid #FFF;
	float: right;
	height: 1035px;
	margin: 0;
	padding: 0;
	position: relative;
	right: 12px;
	top: -1px;
	width: 702px; 
	z-index: 1;
}

#d-tabs {
	background: url(../yardmaster_series/main_images/tabs.gif);
	height: 28px;
	margin: 0;
	padding: 0;
	left: 11px;
	top: 40px;
	position: relative;
	width: 681px;
	z-index: 2;	
}
#innerbox {
	background-color: #FF9;
	background-image:url(../yardmaster_series/main_images/tables.gif);
	height: 955px;
	margin: 0;
	padding: 0;
	left: 11px;
	top: 40px;
	position: relative;
	width: 681px;
	z-index: 2;	
}


    .d-table {
	display:table;
	height: 118px;
	padding: 0px;
	position: relative;
	width: 681px;
	z-index: 3;
}

    .d-table-row {
	display: block;
	height: 118px;
	position: relative;
	width: 681px;
	z-index: 3;
	
}


    .d-table-col1 {
	display: block;
	float: left;
	position: relative;
	text-align: center;
	top: 30px;
	width: 224px;
	z-index: 3;
}

    .d-table-col2 {
	display: block;
	float: left;
	position: relative;
	line-height: 15px;
	text-align: center;
	top: 40px;
	width: 111px;
	z-index: 3;
}

    .d-table-col3 {
	display: block;
	float: left;
	position: relative;
	line-height: 15px;
	text-align: center;
	top: 40px;
	width: 111px;
	z-index: 3;
}

    .d-table-col4 {
	display: block;
	float: right;
	right: 12px;
	position: relative;
	line-height: 15px;
	text-align: left;
	top: 40px;
	width: 210px;
	z-index: 3;
}

/***** End Content-D*****/
