body {
	padding:10px 20px;
	font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana; font-size:small;
}
a {color:#000;}
/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}
#wrapper {width:792px;margin-left:auto; margin-right:auto; background:#fff; padding-bottom:40px;}
#content {width:792px;margin-left:auto; margin-right:auto; padding:5px; background:#fff; border-bottom:solid #990000 1px; border-top:solid #990000 1px;}

#top_links {position:relative;top:26px; left:100px;}
#top_links li {    display:inline;
                         list-style:none;
                         font-size:small;
                         padding:.7em 0em; 
                         background: transparent url(images/black20.png);
                         background: rgba(0, 0, 0, 0.2) none;
                         margin-right:1px;
}

#top_links li a { font-size:small; font-weight:bold; color:#fff; padding:.7em .6em; text-decoration:none;}
#top_links li a:hover {
                         color:#fff; 
                         background: transparent url(images/black50.png);
                         background: rgba(0, 0, 0, 0.5) none;}
                         
                         #top_links li .current {color:#fff; background:#990000;}



.orange {color:#990000; }
#map {width:450px; float:left;}
#contacts {width:280px; float:right;}
#contact-info {font-size:.9em; margin-top:40px;}
li {list-style:none;}
/*VOICE REEL PAGES*/

.tape_group { float:right; position:relative; width:740px;}
#voice_image {width:141px; height:178px;float:left; padding-right:20px;position:relative; top:0px; }
.languages span {padding-left:30px; color:#000;font-weight:normal;}
.accents span {padding-left:45px; color:#000;font-weight:normal;}
.style span {padding-left:65px; color:#000;font-weight:normal;}
#native {width:100px; float:right; font-size:.9em; position:relative;top:-20px;}
#native-voicepage {width:100px; float:right; font-size:.9em; position:relative;top:0px;}
dl
{
margin: 1em 0;
padding: 0;
position:relative;float:left; line-height:85%;
}

dt
{
position: relative;
left: 0;
top: 2em;
width: 25em; font-weight:bold;
}
dd
{
margin: 0 0 0 20em;
padding: 0 0 0 .5em;
width:500px;
position:relative;
}
dd a {display:inline; color:#fff; padding:5px; background:#d7d7d7; text-decoration:none; float:right; position:relative;top:0px;}
dd a:hover {color:#fff; padding:5px; background: transparent url(images/black50.png); text-decoration:none;}




	/* root element for single scroll */
	.scroll {
		position:relative;
		overflow:hidden;
		width: 188px;
		height: 238px;
		float:left;
	}
	
	/* root element for the scroll pics */
	.scroll .pics {
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* single scroll item */
	.pics div {
		float:left;
		cursor:pointer;
		width:188px !important;
		height:238px;
		margin:1px;
	}
	
	/* possible settings for the active scroll */
	.scroll.active {
	
	}
                         
#theBox a {display:block; color:#000; text-decoration:none;}  
#theBox.hovered, #theBox:hover {background: #d7d7d7;}



#backbutton a {color:#fff; padding:5px; background:#d7d7d7; text-decoration:none;  position:relative;top:28px;}
#backbutton a:hover {color:#fff; padding:5px; background: transparent url(images/black50.png); text-decoration:none;position:relative;top:28px;}
.clear {clear:both;}

	/* root element for single scroll */
	.scroll {
		position:relative;
		overflow:hidden;
		width: 188px;
		height: 238px;
		float:left;
	}
	
	/* root element for the scroll pics */
	.scroll .pics {
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* single scroll item */
	.pics div {
		float:left;
		cursor:pointer;
		width:188px !important;
		height:238px;
		margin:1px;
	}
	
	/* possible settings for the active scroll */
	.scroll.active {
	
	}