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




body {
	margin-top:0px;
}	


#mainWrapper {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:700px;
}
#mainWrapper2, #workWrapper {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
}
	
.height570 {height:570px}
.height572 {height:572px}
.height735 {height:735px}
.height825 {height:825px}


#basic-mainPage {
	width:1000px;
	float:left;
}


#basic-mainPage h2 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	border-bottom:1px dotted #666666;
	color:#999999;
	margin-bottom:5px;
}





/* ----------------- Who We Are Pages ------------------- */

#subpage_MainImage {
	width:1000px;
	height:385;
}

#subpage_Bottom {
	width:1000px;
	height:195px;
	background-image:url(../images/DR_home_06.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}			


#subpage_bttmLeft {
	width:225px;
	height:195px;
	float:left;
}

#subpage_bttmRight {
	width:725px;
	height:195px;
	padding:0 25px 0 25px;
	float:left;
}	

#subpage_bttmRight p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:24px;
}	




/* ----------------- Avia Slider ------------------- */

.aviaslider{ 
height:385px; 	/*this changes the height of the image slider*/
width:960;
overflow: hidden;
position: relative;
border:none;
background: #fff url(../images/layout/preload.gif) center center no-repeat;
}

.aviaslider li, .aviaslider .featured{
display: block;
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
z-index: 1;
}

/*.slidecontrolls{
margin:20px auto 0 auto;
position: relative;
float:left;
}

.slidecontrolls a{
height:20px;
width:18px;
display:block;
cursor: pointer;
background: transparent url(../images/layout/controlls.gif) center bottom no-repeat;
float:left;
outline: none;
}

.slidecontrolls a:hover, .slidecontrolls .active_item{
background: transparent url(../images/layout/controlls.gif) center top no-repeat;
}

.feature_excerpt{
width:200px;
height:385px;
position: absolute;
display: block;
bottom: 0;
left:0;
z-index: 2;
padding:14px 15px;
font-size: 11.5px;
line-height:1.5em;
cursor: pointer;
background: #000;
color: #fff;
}

.feature_excerpt strong{
display: block;
font-size: 15px;
padding-bottom: 3px;
}*/

/* ----------------- Bottom Section (What We Do & Who We Are) ------------------- */

#subpage_BottomSections {
	width:1000px;
	height:185px;
	background-image:url(../images/DR_home_06.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:40px 0 0 0;
	float:left;
}





/* ----------------- Top Left Nav ------------------- */

#DR_Logo {
	width:176px;
	height:90px;
}

#topCornerNav {
	position:absolute;
	top:25px;
	left:780px;
	width:250px;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}		

#topCornerNav ul {
	display:block;
}
#topCornerNav li {
	display:inline;
	padding:0px 6px 0 6px;
}

#topCornerNav a:link {
	color:#666666;
	text-decoration:none;	
}			

#topCornerNav a:visited {
	color:#666666;
	text-decoration:none;	
}

#topCornerNav a:hover {
	color:#666666;
	text-decoration:underline;	
}

.topCornerNavLine {
	border-right:1px solid #666666;
}

.topCornerNavLines {
	border-left:1px solid #666666;
	border-right:1px solid #666666;
}	





/* ----------------- Nav Bar ------------------- */

#navBar {
	height:30px;
	width:1000px;
	background-image:url(../images/DR_home_03.jpg);
	background-position:left top;
	background-repeat:no-repeat;

}	

#shadow {
	width:1000px;
	height:49px;
	z-index:10;
	position:absolute;
	left:0;
	top:120px;
}	




/* ----------------- Home Main Image Box ------------------- */

#homeMainImage {
	width:1000px;
	height:385px;
}	





/* ----------------- Home Page Bottom Section ------------------- */

#homeBottomSection {
	width:1000px;
	height:140px;
	background-image:url(../images/DR_home_06.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0 0 0 0;
	float:left;
}	

#homeBottomModule {
	position:relative;
	float:left;
	width:332px;
	height:140px;
	border-right:dotted #333333 1px;
	padding-top:10px;
}	

#homeBottomModule:hover {
	display: block;
	background-image:url(../images/DR_home_06.jpg);
}

#homeBottomModuleImage {
	float:left;
	width:100px;
	height:140;
}	

#homeBottomModuleCopy {
	float:left;
	width:200px;
	padding:0px 20px 0px 10px;
	margin:0px;
}	
	
#homeBottomModuleCopy h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:-7px;
}	

.homeBottomModuleSubhead {
	text-transform:none;
	margin-top:-10px;
	color:#333333
}
#homeBottomModuleCopy h1 a.liteBlueCopy {
	color:#0099FF
}	

#homeBottomModuleCopy h1 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:-7px;
	text-decoration:none;
	color:#003399;
}	

#homeBottomModuleCopy p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#333333;
	line-height:13px;
}

#homeBottomModuleCopy p a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#333333;
	line-height:13px;
	text-decoration:none;
}	

#homeBottomModuleCopy ul {
	list-style:none;
	padding-left:0px;
	margin-left:0px;
}

#homeBottomModuleCopy li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#333333;
	line-height:16px;
	border-bottom:#99CC33 1px dotted
}	

#homeBottomModuleCopy li a:link { text-decoration:none; color:#333333 }
#homeBottomModuleCopy li a:visited { text-decoration:none; color:#333333 }
#homeBottomModuleCopy li a:hover { text-decoration:none; color:#99CC33 }	







/* ----------------- Left Side Nav Box ------------------- */

#leftNavBox {
	width:235px;
	height:385px;
	float:left;
	background-image:url(../images/SideGradient.jpg)
}

#sideNavBox, #workNavBox {
	margin-left:60px;
	margin-top:40px;
}	


#sideNavBox h1, #workNavBox h1 { 
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
	line-height:24px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	margin:0 15px 5px 0;
	padding:0;
	border-bottom:#000000 1px dotted;
} 

#sideNavBox p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:24px;
	color:#FF9900;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	margin:0;
	padding:0;
}	

#sideNavBox a:link {
	color: #000000;
	text-decoration:none;
	font-weight:normal;
}

#sideNavBox a:visited {
	color: #000000;
	text-decoration:none;
	font-weight:normal;
}

#sideNavBox a:hover {
	color: #000000;
	text-decoration:none;
	font-weight:bold;
}






/* ----------------- Portfolio Nav ------------------- */


#workNavBox h2 { 
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
	line-height:24px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	margin:10px 15px -3px 0;
	padding:0;
}

#workNavBox p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:16px;
	color:#FF9900;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	margin:0;
	padding:0;
}	

#workNavBox a:link {
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}

#workNavBox a:visited {
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}

#workNavBox a:hover {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}





/* ----------------- Portfolio Page ------------------- */

#workpage_BottomSections {
	width:1000px;
	height:185px;
	margin: 0 auto -30px auto;
	background-image:url(../images/DR_home_06.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:15px 0 0 0;
}
#workpage_BottomSectionsCopy {
	width:685px;
	margin-left:235px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	padding: 0 40px 0 40px;
}	
	
#workMain9 {
	width:765px;
	height:450px;
	float:left;
	position:relative;
}

#workBox9 {
	position:relative;
	width:255px;
	height:150px;
	float:left;
}		
	
#workBox9 a span p{
	width:255px;
	position:absolute;
	top:121px;
	left:-9999px;
	float:left;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color:#FFFFFF;
	background-color:#666666;
	/* for IE */
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
	padding:8px 0 8px 0;
	margin:0;
	text-decoration:none;
}	

#workBox9 a:hover span p{
	position:absolute;
	left:0px;
}

#workMain16 {
	width:765px;
	height:452px;
	float:left;
	position:relative;
}

#workBox16 {
	position:relative;
	width:191px;
	height:113px;
	float:left;
}		
	
#workBox16 a span p{
	width:191px;
	position:absolute;
	top:84px;
	left:-9999px;
	float:left;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color:#FFFFFF;
	background-color:#666666;
	/* for IE */
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
	padding:8px 0 8px 0;
	margin:0;
	text-decoration:none;
}	

#workBox16 a:hover span p{
	position:absolute;
	left:0px;
}

#workMain24 {
	width:765px;
	height:452px;
	float:left;
	position:relative;
}

#workBox24 {
	position:relative;
	width:127px;
	height:113px;
	float:left;
}		
	
#workBox24 a span p{
	width:127px;
	position:absolute;
	top:84px;
	left:-9999px;
	float:left;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color:#FFFFFF;
	background-color:#666666;
	/* for IE */
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
	padding:8px 0 8px 0;
	margin:0;
	text-decoration:none;
}	

#workBox24 a:hover span p{
	position:absolute;
	left:0px;
}

#workImageBox {
	height:420px;
	width:765px;
	float:left;
}
#workTVBox {
	height:545px;
	width:641px;
	float:left;
	padding: 30px 62px 0 62px;
}
#workImageNav {
	height:25px;
	width:420px;
	float:left;
	padding-left:583px;
	padding-bottom:5px;
}





/* ----------------- What We Do Pages ------------------- */

#wwd-mainContent {
	width:765px;
	height:385px;
	float:left;
	position:relative;
}	

#wwd-mainCopy {
	width:700px;
	float:left;
	margin-top:40px;
	margin-left:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:27px;
}

#wwd-mainCopy  h1 {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:15px;
	margin-bottom:-10px;
	margin-top:0px;
	font-weight:normal;
}





/* ----------------- NewsPage ------------------- */

#newsShadow {
	width:713px;
	background-image:url(../images/news-dropShadow.png);
	background-position:bottom right;
	background-repeat:no-repeat; 
	padding-bottom:21px;
	margin-bottom:40px;
	margin-left:275px;
}

#newsStory {
	width:690px; 
	background-image:url(../images/DR_home_06.jpg); 
	background-position:top left; 
	background-repeat:no-repeat; 
	border-top:#CEE1DD 4px solid; 
	border-left:#CEE1DD 1px solid;
	border-right:#CEE1DD 1px solid;
	border-bottom:#CEE1DD 1px solid;
}	


#newsStory h1 {
	font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size:25px;
	margin:30px 0 0 0;
	padding:0 0 0 65px;
	color:#999999;
	font-weight:normal;
}	

#newsStory h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px 0 20px 0;
	padding:0 0 10px 65px;
	color: #666666;
	font-weight:bold;
}

#newsStory p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	margin:0px 0 0px 0;
	padding:0 65px 0 65px;
}

#newsStory p a:link {
	color:#FF0000;
	text-decoration:none;
}	

#newsStory p a:visited {
	color:#FF0000;
	text-decoration:none;
}
#newsStory p a:hover {
	color:#FF0000;
	text-decoration: underline;
}







/* ----------------- Client Logo Page ------------------- */

#clients-columnLeft {
	text-align:center;
	float:left;
	margin-left:75px;
	width:300px;
	margin-top:35px;
}	
#clients-columnRight {
	text-align:center;
	float:left;
	margin-left:85px;
	width:300px;
	margin-top:35px;
}

#clientsLogo-left {
	width:130px;
	margin-right:40px;
	height:60px;
	float:left;
}	
#clientsLogo-right {
	width:130px;
	height:60px;
	float:left;
}





/* ----------------- Case Study Page ------------------- */


#caseStudySideNavBox {
	margin:40px 15px 0 60px;
}	

#caseStudySideNavBox h1 { 
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
	line-height:24px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	margin:0 0 5px 0;
	padding:0;
	border-bottom:#000000 1px dotted;
} 

#caseStudySideNavBox h2 { 
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:15px;
	margin-bottom:5px;
	margin-top:0px;
	font-weight:normal;
}

#caseStudySideNavBox p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:22px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	margin:0;
	padding:0;
}

#caseStudyMain {
	width:765px;
	height:385px;
	float:left;
	position:relative;
}	

#caseStudyTopImages {
	width:700px;
	float:left;
	margin-top:65px;
	margin-left:30px;
}

#caseStudymainCopy {
	width:700px;
	float:left;
	margin-top:20px;
	margin-left:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:27px;
}

#caseStudyBttmLeftImage {
	position:absolute;
	left: 0px;
	top: 392px;
	width: 235px;
	height: 309px;
}

.caseStudyImageGap {margin-right:20px}
	


/* ----------------- Interactive Pages ------------------- */

#interClickToView a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	text-align:center;
}		

#interClickToView a:hover,  #interBackButtonTop a:hover {
	color:#FF9900;
}

.interClickPosition_LeftTop {
	position:absolute;
	width:382px;
	left: 235px;
	top: 474px;
	text-align:center;
}	


.interClickPosition_RightTop {
	position:absolute;
	width:382px;
	left: 617px;
	top: 474px;
	text-align:center;
}

.interClickPosition_LeftBttm {
	position:absolute;
	width:150px;
	left: 462px;
	top: 510px;
	text-align:center;
}	


.interClickPosition_RightBttm {
	position:absolute;
	width:150px;
	left: 622px;
	top: 510px;
	text-align:center;
}

.interClickPosition_CenterTop {
	position:absolute;
	width:765px;
	left: 235px;
	top: 233px;
	text-align:center;
}

.interClickPosition_Center {
	position:absolute;
	width:765px;
	left: 235px;
	top: 474px;
	text-align:center;
}

.interClickPosition_CenterBttm {
	position:absolute;
	width:765px;
	left: 235px;
	top: 510px;
	text-align:center;
}

#interBackButtonTop {
	width:53px;
	position:absolute;
	left: 948px;
	top: 134px;
	z-index:50;
}

#interBackButtonTop a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}	
	

/* ----------------- Contact Page ------------------- */

#contactLeftBar p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:45px 0 0 30px
}	

#contactLeftBar a {
	color:#000000;
	text-decoration:none
}

#contactLeftBar a:hover {
	color:#FF9900;
	text-decoration:underline
}

label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.label {
	width:75px;
	text-align:left;
	clear:left;
	margin-right:15px;
	padding-top:2px;
}	



/* ----------------- Radio Page ------------------- */


.radio1 {background:url(../images/workMenu/BoxImages-Radio_01.jpg) top left no-repeat;}
.radio2 {background:url(../images/workMenu/BoxImages-Radio_02.jpg) top left no-repeat;}
.radio3 {background:url(../images/workMenu/BoxImages-Radio_03.jpg) top left no-repeat;}
.radio4 {background:url(../images/workMenu/BoxImages-Radio_04.jpg) top left no-repeat;}
.radio5 {background:url(../images/workMenu/BoxImages-Radio_05.jpg) top left no-repeat;}
.radio6 {background:url(../images/workMenu/BoxImages-Radio_06.jpg) top left no-repeat;}
.radio7 {background:url(../images/workMenu/BoxImages-Radio_07.jpg) top left no-repeat;}
.radio8 {background:url(../images/workMenu/BoxImages-Radio_08.jpg) top left no-repeat;}
.radio9 {background:url(../images/workMenu/BoxImages-Radio_09.jpg) top left no-repeat;}




/* ----------------- Footer ------------------- */

#footer {
	margin:20px auto 0 auto;
	padding-top:8px;
	width:1000px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	text-align:right;
	color:#999999;
	text-transform: uppercase;
}




/* ----------------- Misc Classes ------------------- */

.orangeLinks a:link {color:#FF9900;text-decoration:none;}
.orangeLinks a:visited {color:#FF9900;text-decoration:none;}
.orangeLinks a:hover {color:#FF9900;text-decoration:underline;}



.blueCopy {color:#003399}
	
.liteBlueCopy {color: #0099FF}
	
.greenCopy {color: #99CC33}		

.orangeCopy {color:#FF9900}		


.bttmModMargin-top {	
	margin-top:20px}



.backToTop { 
	width:680px; 
	margin-top:15px;
	text-align:right;
}