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


html { height:auto !important; max-height:auto !important; overflow:auto !important; margin:0px !important; }
body { height:auto !important; max-height:auto !important; min-height:auto !important; overflow:auto !important; margin:0px !important;}

#header {position:relative; margin:0px; width:100%; height:174px; z-index:2; left:0px; top:0px; background:none; }
#content { display:block; height:auto !important; max-height:auto; width:auto; overflow:auto !important;  position:relative; }
#wrapper {margin:0; width:auto; height:auto !important; padding:0px 20px 30px 325px; font-size:.8em; font-family:Arial, Helvetica, sans-serif !important;}

.thumbsboxiphone { width:405px !important; overflow-y:auto !important; height:auto !important; }

#tabsblock { margin-left:8px; width:770px; display:block;}

#tabs a:hover { background:url(../images/tab5.png) no-repeat 0px 0px #999 ; text-decoration:none; }
.tabsel a { background:url(../images/tab5.png) no-repeat 0px 0px #FFF !important; text-decoration:none; color:#999 !important; }
.tabsel a:hover { background:url(../images/tab5.png) no-repeat 0px 0px #FFF !important; text-decoration:none; color:#999 !important;}

.tabsel2 a { background:url(../images/tab5.png) no-repeat 0px 0px #000 !important; text-decoration:none; color:#BBB !important;}
.tabsel2 a:hover { background:url(../images/tab5.png) no-repeat 0px 0px #000 !important; text-decoration:none; color:#BBB !important;}



.dglogo_black, .dglogo_white, .investor_logo, .rebrand_logo, .creative_logo { left:13px; }

.breadcrumb { left:323px; font-family:Arial, Helvetica, sans-serif; }


#title h1 { left:323px; top:75px; letter-spacing:-.02em; }
#title2 h1 { left:323px;  }

#subsubnav { left:323px; top:125px;  }

#why2 {left:860px;}


/* FOOTER
=============================================================================*/



#footer { width:100%; height:24px; margin:0; position:relative;  z-index:100 !important; display:block; font-size:9px; line-height:1.3em; background-color:#999; z-index:100; bottom:0px; left:0px;}

#footerinner { width:100%; height:24px; margin:auto; z-index:101 !important;  padding-left:0px; padding-top:3px; color:#999 !important; font-family:Arial, Helvetica, sans-serif !important; }

#footer a, #footer a:visited {color:#999; text-decoration:none; }
#footer a:hover, #footer a:focus {color:#999 !important; text-decoration:underline;}





.foot p { font-size:11px !important; margin:0px; line-height:16px !important; margin-bottom:1px;}




#liststrip {padding-bottom:6px; background: url(../../images/shadow.png) repeat-x bottom; position:absolute; left:325px; top:180px; font-size:80%; min-width:650px; height:20px;}

#hcf-award { background:url(../../images/hcf-ara-gold-award.png) no-repeat; position:relative; margin:-10px 0 0 -30px; width:186px; height:186px !important; _background:url(../../images/hcf-gold-award.png) no-repeat;  }

#why_header h4 	{line-height:1em; margin:0px; font-family:Arial, Helvetica, sans-serif; }

#why_header	{margin:0 !important; width:100%; background:url(../../images/top_banner.png) no-repeat; border-bottom:1px solid #AAA; height:20px !important;}


#onlinetable { border:1px none #999; margin:0px 0 0 0px; width:650px; }
#onlinestrip {float:left; margin:0 7px; width:2px; height:20px;  }

#scrollgal { display:block; width:750px; height:15px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; color:#FFF; background-color:#AAA; position:relative; top:-10px; }










#carousel {
	width:900px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:900px;
	height:400px;
	position:relative;
}



#frame {
	position:absolute;
	z-index:0;
	width:900px;
	height:400px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:0px;
	left:50px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:900px;
	overflow:hidden;
	position:relative;
	display:block;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/









.slides_container a {
	width:900px;
	height:300px;
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	top:155px;
	width:24px;
	height:43px;
	z-index:101;
}


/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}



#slides .next {
	
position:absolute;
top:130px;
margin-left:-30px !important;

}

#slides .prev {
	
	position:absolute;
top:140px;
/*left:240px;*/
margin-left:-30px;
}





#refresh { position:fixed;  position:absolute\9;  margin-left:180px; top:80px; width:80px; height:22px; background:url(../images/button.png) no-repeat; z-index:1000; text-align:center; color:#FFF; padding-top:2px; cursor:pointer; }