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


/*  -------------------------------------------------
STANDARD TAGS
----------------------------------------------------*/
* {
		margin: 0;
		padding: 0;
		}
html, body {
		text-align: center;
		}  
body {		
		background:url(images/lines_background2.jpg) repeat-x;
		font-size: 100%; 
		line-height: 1.125em;		/* 1.125em;  16×1.125=18 */
		}
h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size:1.75em;
		}
h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size:1.5em;
		
		}
h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size:1.1em;  
		}
h4 {
		font-family: Arial, Helvetica, sans-serif;
		font-size:.8em;  /* 1.1em; */
		}

p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		}
img {
		border: 0;
		}
a {
		color:#F39;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
		}
ul li {		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
a:link {
		text-decoration:none;
		color:#F39;  		
		}
a:visited {
		text-decoration:none;
		color:#F39;
		}
a:hover, a:active {
		text-decoration:underline;
		color:#F39;
}

/*  -------------------------------------------------
HEADER 
----------------------------------------------------*/
.container {
		width: 1030px;
		text-align: left;
		margin-left:auto;
		margin-right:auto; 
		}
#header {
		position: relative; 
		height: 240px;
		width: 1030px;
		}
#header h1 {
		float: left;
		position: relative;
		display:inline;
		margin-top: 83px;
		margin-left: 50px;
		width: 223px;
		height: 38px;
		background:url(images/drb_logo.gif) no-repeat;
		}
h2.tagline {
		position: relative; 
		float: left;
		margin-top: 103px;
		margin-left: 15px;
		width: 244px;
		height: 24px;
		background:url(images/tagline.gif) no-repeat;
		}
h3.quotation {
		position: relative; 
		margin-top: 18px;
		margin-left:50px;
		float: left;
		clear: left;
		width:583px;
		height: 73px;
		background:url(images/quotation.jpg) no-repeat;
		display: inline;
		}
#header h1 span, #header h2 span, #header h3 span {
		display: none;
		}

.contactInfo {
		position: absolute; 
		width: 205px;
		font-size: 70%;
		top:107px;
		right:50px;
			}
.contactInfo p {
		line-height: 1.6em;
		color:#666;		
		margin-bottom: .9em;
			}	

.contactInfo ul li {
		list-style:none;
		line-height: 1.6em;
		color: #666;	
		}
.contactInfo ul li .myBold, .contactInfo p .myBold {
		color: #000;
		font-weight:bold;	
		}
.contactInfo p .myBold {
		font-family: Arial, Helvetica, sans-serif;
		} 
		
/* --------------------------------------------------
NAVIGATION		
----------------------------------------------------*/
#nav {
		position:absolute;
		top:0px;
		right:0px;
		height:27px; /* navbar is 27px 577*/
		width: 577px;
		background-image:url(images/navBar2.jpg);
		}
#nav ul {
		float:right;
		margin-right: 70px;
		}
		
/* Rollovers -------------------------------------- */		
#nav ul, #nav ul li {list-style:none; height:27px;}
#nav ul li.recent {float:left; width: 149px;}
#nav ul li.about {float:left; width:87px;}		
#nav ul li.contact {float:left; width:114px;}		


#nav ul li.recent a {color: #fff; float:left; width: 149px; height:27px; display:block}
#nav ul li.recent a {position: relative; overflow:hidden;}

#nav ul li.about a {color: #fff; width:87px; height:27px; display:block; }
#nav ul li.about a {position: relative; overflow:hidden;}

#nav ul li.contact a {color: #fff; width:114px; height:27px; display:block; }
#nav ul li.contact a {position: relative; overflow:hidden;}


#nav ul li.recent a span {position:absolute; left:0; top:0; display:block; width:149px; height:27px; cursor: pointer;}	
#nav ul li.recent a span {background-image:url(images/button_work.jpg);}	

#nav ul li.about a span {position:absolute; left:0; top:0; display:block; width:86px; height:27px; cursor: pointer;}
#nav ul li.about a span {background-image:url(images/button_about.jpg);}

#nav ul li.contact a span {position:absolute; left:0; top:0; display:block; width:114px; height:27px; cursor: pointer;}
#nav ul li.contact a span {background-image:url(images/button_contact.jpg);}


#nav ul li.recent a:hover span, #nav ul li.recent a span:hover {background-position: 0 -27px;}
#nav ul li.about a:hover span, #nav ul li.about a span:hover {background-position: 0 -27px;}
#nav ul li.contact a:hover span, #nav ul li.contact a span:hover {background-position: 0 -27px;}


#nav ul li.depressed a span {background-position: 0 -27px;}



/* ------------------------------------------------ */

.top {
		position:absolute; 
		bottom:0px;
		right:225px;
		font-size:70%;
		width: 20px;
		}
.top a {
		border-bottom: 4px solid #999; color:#666;
	}


/*  -------------------------------------------------
CONTENT  AREA
----------------------------------------------------*/		

.contentArea {
		position: relative;
		padding-top: 60px;
		overflow: hidden; 
		width: 1030px;
		}
.contentArea h3 span {
		display: none;
		}
.contentArea h3.noColon {
		width: 160px;
		height: 18px;
		display:block;		
		background: url(images/recent_work_heading.jpg) no-repeat;
		}
.contentArea h3.colon {
		width: 160px;
		height: 18px;
		display:block;		
		background: url(images/recent_work_heading_colon.jpg) no-repeat;
		}
		
.contentArea h3.about {
		width: 100px;
		height: 18px;
		display:block;		
		background: url(images/about_heading.jpg) no-repeat;
		}
.contentArea a.about {
		width:100px;
		height: 18px; 
		display:block;		
		margin-bottom: 35px;
		margin-left:50px;
		}		
		
.contentArea h3.contactHeading {
		width: 110px;
		height: 18px;
		display:block;		
		background: url(images/contact_heading.jpg) no-repeat;
		}
.contentArea a.contactHeading {
		width:110px;
		height: 18px; 
		display:block;		
		margin-bottom: 35px;
		margin-left:50px;
		}		
		
.contentArea a.recentWork {
		width:160px;
		height: 18px; 
		display:block;		
		margin-bottom: 35px;
		margin-left:50px;
		}

.projectEntry {
		width: 440px; 
		height: 300px; 
		float: left;
		display: inline;
		position: relative;
		margin-left: 50px;
		}
.projectEntry h4 {
		padding-top: .5em;
		margin-bottom: .2em;
		font-family: Arial, Helvetica, sans-serif;
		}
/*.projectEntry a {
		line-height: 1.6em;
		font-size: .7em;
		margin-bottom: .2em;	
		}*/
.projectEntry p, .colRight p, .colLeft p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 1.2em;
		color:#666;
		line-height: 1.7em;
		font-size: .7em;
		}
.contentArea .projectEntry img {margin-bottom:5px;}
.colRight a {
		font-family: Verdana, Arial, Helvetica, sans-serif;	
		}


/*  -------------------------------------------------
CONTENT  AREA
----------------------------------------------------*/		

#footer {
		position: relative;
		height: 164px;
		background:url(images/footer_background.jpg) repeat-x;	
		}
		
		
/*  -------------------------------------------------
PAGES
----------------------------------------------------*/		

.projectTitleMedicare {
		float: left;
		width: 294px;
		height: 18px;
		margin-top: -54px;
		margin-left:230px;
		background:url(images/medicare_title.jpg) no-repeat;	
		}
.projectTitleWinery {
		float: left;
		width: 280px;
		height: 25px;
		margin-top: -54px;
		margin-left:230px;
		background:url(images/winery_title.jpg) no-repeat;	
		}	
.projectTitleMyHA {
		float: left;
		width: 244px;
		height: 23px;
		margin-top: -54px;
		margin-left:230px;
		background:url(images/myHA_title.jpg) no-repeat;	
		}		
.projectTitleBeWell {	
		float: left;
		width: 143px;
		height: 17px;
		margin-top: -53px;
		margin-left:230px;
		background:url(images/be_well_title.jpg) no-repeat;	
		}
.projectTitleHE {
		float: left;
		width: 221px;
		height: 25px;
		margin-top: -54px;
		margin-left:230px;
		background:url(images/health_exchange_title.jpg) no-repeat;	
		}
.projectTitleMedicare span, .projectTitleWinery span, .projectTitleMyHA span, .projectTitleBeWell span, .projectTitleHE span {
		display: none;
		}
.colLeft {
		width: 725px;
		position: relative; 
		display: inline;
		float:left;
		clear: left;
		margin-bottom: 60px;
		margin-left:50px;
		}

.about .colLeft, .contact .colLeft {
		margin-right:30px;
		width:690px;
		}

.colLeft h3 {padding-top:20px; color:#000;margin-bottom:15px;line-height:.7; }		

.about .colLeft h3, .colLeft h3.topHeader, .about .colRight h3.topHeader, .contact .colRight h3.topHeader {padding-top:22px; border-top:solid 1px #666; margin-bottom:15px;line-height:.7; color:#000;}		

.colLeft img {
		margin-bottom:50px;
		margin-right: 16px;
		}

.colRight {
		width: 220px;
		float: left;
		position: relative;
		display: inline;
		}
.colRight h4 {
		margin-bottom: .2em; display:block; clear:left;
		font-family: Arial, Helvetica, sans-serif;
		}
.colRight ul {		
		margin-bottom: 1.2em; /* was 1em */
		overflow:auto;
		}
.colRight ul li {		
		float:left; position: relative;		
		list-style:none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color:#fff;
		font-weight: bold;
		background-color:#999;
		border:#fff solid 1px;
		padding:.2em;
		padding-right:.5em;
		padding-left:.5em;
		line-height: 1.6em;
		font-size: .7em;
		}
p.callout {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		font-size:110%;
		line-height:normal;
/*		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc; */
		padding-top:10px;
		padding-bottom:10px;
		/*padding-left: 20px;*/
		margin-bottom:10px; color:#999;  padding-left:15px;
		border-left:8px solid #ccc;
		}
td {
		font-family:Verdana, Arial, sans-serif;
		font-weight:bold;
		color:#666;
		font-size: 12px;
		}
.colLeft p.alert {
		color:#F39;
		padding-top:1em;
		margin-bottom:1em;
		}
.submitForm {
		background:#F39;
		cursor:pointer;
		color:#fff;
		font-weight:bold;
		padding: 1px 2px;
		}
		
		
		
		
		
		
		
.colRight ul li {		
		float:left; position: relative;		
		list-style:none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color:#fff;
		font-weight: bold;
		background-color:#999;
		border:#fff solid 1px;
		padding:.2em;
		padding-right:.5em;
		padding-left:.5em;
		line-height: 1.6em;
		font-size: .7em;
		}		
.thumbs { background-color:#fff;}
.colRight #cbox li {background-color:#fff; padding: 0 5px 0 0;}		

.thumbs li a {border: none; background-color:#fff; }
.thumbs li a img {background-color:#fff;}

#cboxContent {font-family: Arial, Helvetica, sans-serif; font-size:.8em;}

#cbox li a img {padding: 1px; border: 1px solid #999}
#cbox img {
		width:60px;
		height: 60px;
		border:0;
		background:#fff;
		}		

#cbox {margin-top:-7px;}

		
		
#footer div {
		width: 930px;
		text-align: left;
		margin-left:auto;
		margin-right:auto; 
		overflow:auto;}
#footer ul li {
		list-style:none;
		float:left;
		padding-right:15px;
		}
#footer ul li a {
		color:#000;
		font-size:80%;
}
#footer ul li a:hover {
		color:#000;
		font-size:80%;
}
#footer div p {
	position: relative;
	float:right;
	display:block;
	clear:left;
	padding-top:105px;
	padding-right:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:70%;
	color:#666;
	}