/* CSS Document */

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	background-image: url(../images/bg3.jpg);
	margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	padding-top: 20px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}


#main {
align:center;
margin:auto;
clear:both;
background-image:#dbdbe3 url(images/Aindex.jpg);
background-repeat: repeat-y;  }

/* Contact form */

label{
float: left;
width: 120px;
font-weight: bold;
}

input, textarea{
width: 180px;
margin-bottom: 5px;
}

textarea{
width: 300px;
height: 120px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}
#validator{
width:40px
}
br{
clear: left;
}

/* Pricing Form D2 page 12*/
#pricingform {
	width:250px;
	position:absolute;
	left:125px;
	top:205px;
}
#pricingform h2 {
 color:yellow;
 font-family:Arial, Helvetica, sans-serif;
 font-size:10pt;
 float:left;
 margin-top:-37px;
 margin-left:24px;
}
#pricingform input{
	width:125px;	
	margin-bottom: 15px;
	float:left;
	height:30px;
}

#priceingubmit{ background-color: #c2b863; color:white;font-weight:bold;margin-left:60px;	height:30px; 
    }

#pricingform label{

float: left;
width: 100px;
color:white;
font-family:arial;
font-size:12pt;
margin-top:10px;
}




/* Price Form*/
#priceform {
	width:200px;
	position:absolute;
	left:688px;
	top:334px;
}
#priceform h2 {
 color:yellow;
 font-family:Arial, Helvetica, sans-serif;
 font-size:10pt;
 float:left;
 margin-top:-37px;
 margin-left:14px;
}
#priceform input{
	width:100px;	
	margin-bottom: 25px;
	float:left;
	height:20px;
}

#pricesubmit{ background-color: #c2b863; color:white;font-weight:bold;margin-left:60px;	height:30px; 
    }

#priceform label{

float: left;
width: 60px;
font-weight: bold;
color:white;
font-family:arial;
font-size:10pt;
}

#priceblurb {
	width:180px;
	position:absolute;
	left:675px;
	top:70px;
	font-size:10pt;
	color:white;
	line-height:24px;
	text-align:left;
	padding-left:30px;
	background:url('../images/priceyellow.gif') no-repeat -6px 0;
}

/* DDC Samples */
#samplesblurb {
	width:180px;
	position:absolute;
	left:620px;
	top:112px;
	font-size:10pt;
	color:white;
	line-height:24px;
	text-align:left;
	padding-left:30px;

}
#samplesblurb h2 {
	font-size:11pt;	
	padding-bottom:12px;
}

/* Photogallery */
#gallery {
	position:absolute;
	left:422px;
	top:145px;
	border:0px;
	width:480px;
	border-spacing:5px;
	cellpadding:0px;
	height:360px;
}

#gallery td {

	border:0px;
}

#gallery img{
	border:0px;	
}


/* Samples gallery */
#sgallery {
	position:absolute;
	left:243px;
	top:192px;
	border:0px;
	width:480px;
	border-spacing:5px;
	cellpadding:0px;
	height:327px;
}

#sgallery td {

	border:0px;
}

#sgallery img{
	border:0px;	
}




/* Mission Statement */

#mission {
	padding:5px;
	padding-top:8px;
	position:absolute;
	top:200px;
	color:#80694a;
	color:#fff;
	font-size:8pt;
	text-align:left;
	line-height:26px;
	left: 584px; top: 167px; width: 325px; height: 130px;
}
#mission h2 {
	font-size:10pt;
	font-weight:bold;
	margin-bottom:6px;
}

/* Title */

#title {
	border:1px solid white;
	height: 34px;
	padding:8px;
	color:white;
	font-family:times;
	font-size:24pt;
}
#title h3 {
	font-family:helvetica;font-weight:bold;font-size:22pt;display:inline;padding-right:20px;padding-left:0px;
}

#subtitle {
	padding:5px;
	padding-top:8px;
	padding-left:0px;
	position:absolute;
	top:200px;
	color:white;
	font-size:8pt;
	text-align:left;
	line-height:26px;
	left: 421px; top: 99px; height: 40px; width: 467px;
}

#lsubtitle {
	padding:5px;
	padding-top:8px;
	top:200px;
	color:white;
	font-size:13pt;
	background:url('../images/priceyellow.gif') no-repeat 245px 14px;
	text-align:left;
	line-height:26px;
}


/* Happenings Text */

#happeningstext {
	color:white;
	font-size:10pt;
	text-align:left;
	margin-top:80px;
	margin-left:10px;
}

#happeningstext li {
	margin-left:20px;	
}

ol li {
	margin-left:40px;	
}

/* Titlepage Vertical Menu */

#vmenu {
	display:block; 
	line-height:38px;
	color:#999999;
	text-align:left;
	font-size:9pt;
	padding:6px;
	color:white;
	margin-left:10px;
	position: absolute; 
    left: 570px; 
    top: 390px; 
	width: 291px; 
	height: 139px;
	list-style: none;
}
#vmenu li a{
	text-decoration:none;
	color:white;
	color:#999999;
	font-size:10pt;
	font-weight:bold;
	padding:7px;
	padding-left:30px;
	width:291px;
	height:60px;
	
	
	
}


ul#vmenu li a:hover {	
	color:#80694a;
	color:white;
	height:22px;
}

a#REPRODUCTION {background:url('../images/r1.jpg') no-repeat -6px 0;}
a#DDC {background:url('../images/d1.jpg') no-repeat -6px 0; }
a#RADIO {background:url('../images/r2.jpg') no-repeat -6px 0; }

a#REPRODUCTION:hover {background:url('../images/r1h.jpg') no-repeat -6px 0;}
a#DDC:hover {background:url('../images/d1h.jpg') no-repeat -6px 0; }
a#RADIO:hover {background:url('../images/r2h.jpg') no-repeat -6px 0; }


/* Mini Bottom Menu */

ul#mmenu
{
	display:block;
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	width:420px; 
	height:22px; 
	text-align:left;
	font-size:8pt;
	color:white;
}

ul#mmenu li
{
	display:block;
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	border-left:1px solid #ffffff;

}
	
ul#mmenu li a
{
	display:block;
	float:left;
	color:white;
	color:#cccccc;
	text-decoration:none;
	font-weight:bold;
	padding:4px 10px 0 10px;
	

}
	
ul#mmenu li a:hover
{	
	color:white;
	height:22px;



	
}
	

ul#mmenu li a.current
{
	display:inline;
	height:22px;
	float:left;
	margin:0;


}

/* Left Right Circle with Triangles */

#arrow{
		border:0px;
		text-decoration:none;
		clear:both;
		position: absolute; 
}
#arrow img{
	border:none;
}

#rarrow{
	background:url(../images/bullet.gif) 0 0 no-repeat;
}



/* Readmore */
#readmore a{
	color:yellow;
	text-decoration:none;
	font-size:8pt;
	position:relative;
}
#readmore a:hover{
	color:white;
}

/* What's This? */
#whatsthis a{
	color:yellow;
	text-decoration:underline;
	font-size:8pt;
}
#whatsthis a:hover{
	color:white;
}




/* Titlepage Bottom Menu */

ul#menu
{
	display:block;
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	width:420px; 
	height:22px; 
	text-align:left;
	font-size:8pt;
	color:white;
	position: absolute; 
	left: 445px; 
	top: 640px;
}

ul#menu li
{
	display:block;
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	border-left:1px solid #ffffff;

}
	
ul#menu li a
{
	display:block;
	float:left;
	color:#999999; /* off-white */
	text-decoration:none;
	font-weight:bold;
	padding:4px 10px 0 10px;

}
	
ul#menu li a:hover
{	
	color:#FFFFFF;
	height:22px;

	
}
	

ul#menu li a.current
{
	display:inline;
	height:22px;
	float:left;
	margin:0;

}



/* RDR Logo */
#logoright {display:block; width:75px; height:65px; position:absolute;background:url('../images/rdrlogotrans.gif') no-repeat 0 0;
left: 840px; top: 610px;

}

#logoleft {display:block; width:75px; height:65px; position:absolute;background:url('../images/rdrlogotrans.gif') no-repeat 0 0;
left: 40px; top: 610px;

}

/* Background Graphics */



#titlemap, #photomap, #linksmap, #repromap, #DDCmap, #radiomap, #pricemap,#specsmap, #licensemap,#samplesmap, #pricingmap, #websamplemap, #trackermap, #goingmap,#lookmap{display:block; width:940px; height:700px; background:url('../images/titlepage.jpg'); position:relative; margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:2em}
#photomap {background:url('../images/3.jpg'); }
#linksmap {background:url('../images/4.jpg'); }
#repromap {background:url('../images/6.jpg'); }
#DDCmap {background:url('../images/10.jpg'); }
#radiomap {background:url('../images/14.jpg'); }
#pricemap {background:url('../images/7.jpg'); }
#specsmap {background:url('../images/8.jpg'); }
#licensemap {background:url('../images/9.jpg'); }
#samplesmap {background:url('../images/11.jpg'); }
#pricingmap {background:url('../images/12.jpg'); }
#websamplemap {background:url('../images/13.jpg'); }
#trackermap {background:url('../images/15.jpg'); }
#goingmap {background:url('../images/16.jpg'); }
#lookmap {background:url('../images/17.jpg'); }






/* Big White Buttons License*/

.hovermenulic ul{
	font: bold 13px arial;
	height: 50px;
	margin-left:0px;
	position:absolute;
	top:510px;
	width: 650px;
	left: 450px;
	
}
.hovermenulic h2 {font-family:arial;font-weight:bold;font-size:14pt;display:inline;padding-right:10px;color: #207c49;}

.hovermenulic ul li{
list-style: none;
display: inline;
float:left;
}

.hovermenulic li {
float:left;
padding:0px 48px 0px 0px; /* spacing between */
width:130px;
text-align: center;
}

.hovermenulic ul li a{
text-decoration: none;
color: white;
background-color: #e4b388;
border: 2px solid #FFF2BF;
float:left;
padding:2px 8px 2px 8px; /*l x w */
width:130px;
text-align: center;
font-size:11pt;
}

.hovermenulic ul li a:hover{
background-color: #FFE271;
border-style: outset;
color:black;

}

html>body .hovermenulic ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}




/* Big White Buttons Specs*/

.hovermenuspecs ul{
	font: bold 13px arial;
	height: 50px;
	margin-left:0px;
	position:absolute;
	top:435px;
	width: 750px;
	left: 100px;
}
.hovermenuspecs h2 {font-family:arial;font-weight:bold;font-size:14pt;display:inline;padding-right:10px;color: #207c49;}

.hovermenuspecs ul li{
list-style: none;
display: inline;
float:left;
}

.hovermenuspecs li {
float:left;
padding:0px 48px 0px 0px; /* spacing between */
width:130px;
text-align: center;
}

.hovermenuspecs ul li a{
text-decoration: none;
color: white;
background-color: #e4b388;
border: 2px solid #FFF2BF;
float:left;
padding:2px 8px 2px 8px; /*l x w */
width:130px;
text-align: center;
font-size:11pt;
}

.hovermenuspecs ul li a:hover{
background-color: #FFE271;
border-style: outset;
color:black;

}

html>body .hovermenuspecs ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}



/* Big White Buttons Links*/

.hovermenulinks ul{
	font: bold 13px arial;
	height: 50px;
	margin-left:0px;
	position:absolute;
	top:326px;
	width: 750px;
	left: 41px;
	
}
.hovermenulinks h2 {font-family:arial;font-weight:bold;font-size:14pt;display:inline;padding-right:10px;color: #6fb5ce;}

.hovermenulinks ul li{
list-style: none;
display: inline;
float:left;
}

.hovermenulinks li {
float:left;
padding:0px 54px 0px 0px; /* spacing between */
text-align: center;
}

.hovermenulinks ul li a{
text-decoration: none;
color: #6fb5ce;
background-color: #FFF2BF;
border: 2px solid #FFF2BF;
float:left;
padding:2px 8px 2px 8px; /*l x w */
width:100px;
text-align: center;
font-size:11pt;
}

.hovermenulinks ul li a:hover{
background-color: #FFE271;
border-style: outset;

}

html>body .hovermenulinks ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}


/* Big White Buttons DDC Cards*/

.hovermenuddcprice li {
float:left;
padding:0px 26px 0px 0px; /* spacing between */
width:230px;
text-align: center;
}



/* Big White Buttons DDC Cards*/

.hovermenuddc ul{
	font: bold 13px arial;
	height: 50px;
	margin-left:84px;
	position:absolute;
	top:525px;
	width: 750px;
	left: 0px;
}
.hovermenuddc h2 {font-family:arial;font-weight:bold;font-size:14pt;display:inline;padding-right:10px;color: #000;}

.hovermenuddc ul li{
list-style: none;
display: inline;
float:left;
}

.hovermenuddc li {
float:left;
padding:0px 26px 0px 0px; /* spacing between */
width:130px;
text-align: center;
}

.hovermenuddc ul li a{
text-decoration: none;
color: #333333;
background-color: #FFF2BF;
border: 2px solid #FFF2BF;
float:left;
padding:2px 8px 2px 8px; /*l x w */
width:130px;
text-align: center;
font-size:11pt;
}

.hovermenuddc ul li a:hover{
background-color: #FFE271;
border-style: outset;

}

html>body .hovermenuddc ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}

/* Big White Buttons Radio Cards*/


#hovermenurad {

	
	

border:1px solid red;


}

.hovermenurad ul{
	font: bold 13px arial;
	height: 50px;
	width:230px;
	font: bold 13px arial;
	height: 50px;

	position:absolute;
position: absolute; 
    left: 377px; 
    top: 390px; 
	width: 291px;



}
.hovermenurad h2 {font-family:arial;font-weight:bold;font-size:14pt;display:inline;padding-right:10px;color: #000;}

.hovermenurad ul li{
list-style: none;

float:left;
}

.hovermenurad li {
float:left;
padding:0px 26px 21px 0px; /* spacing between */
width:230px;
text-align: center;
}

.hovermenurad ul li a{
text-decoration: none;
color: #333333;
background-color: #FFF2BF;
border: 2px solid #FFF2BF;
float:left;
padding:0px 8px 0px 8px; /*l x w */
text-align: left;
font-size:11pt;
width:340px;
}

.hovermenurad ul li a:hover{
background-color: #FFE271;
border-style: outset;

}

html>body .hovermenurad ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}





/* Big White Buttons DDC Cards*/

.hovermenu ul{
	font: bold 13px arial;
	height: 50px;
	margin-left:0px;
	position:absolute;
	top:408px;
	width: 750px;
	left: 57px;
}
.hovermenu h2 {font-family:arial;font-weight:bold;font-size:14pt;display:inline;padding-right:10px;color: #207c49;}

.hovermenu ul li{
list-style: none;
display: inline;
float:left;
}

.hovermenu li {
float:left;
padding:0px 26px 0px 0px; /* spacing between */
width:130px;
text-align: center;
}

.hovermenu ul li a{
text-decoration: none;
color: #207c49;
background-color: #FFF2BF;
border: 2px solid #FFF2BF;
float:left;
padding:2px 8px 2px 8px; /*l x w */
width:130px;
text-align: center;
font-size:11pt;
}

.hovermenu ul li a:hover{
background-color: #FFE271;
border-style: outset;

}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}

div.floating-menu {position:absolute;left:830px;top:10px;width:100px;z-index:100;}
div.floating-menu a, div.floating-menu h3 {display:block;margin:0 0.5em;}

/* Selection Page CSS ends*/