@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	12;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.introPanel{
	font-family: 'Lato', sans-serif;
	font-size:140%;
	background-color:#636;
	color:#FFF;
	width:20%;
	padding:2%;
	float:right;
	margin-right:10px;
	}
	
#header-top {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:#FFF;
		background-image:url(images/HeaderBkgPanel.jpg);

}
#nav {
	clear: none;
	float: left;
	margin-bottom: 0;
	width: 100%;
	display: block;
	height:auto;
background: rgba(0,0,51,0.6);	
}
#Logo {
	clear:both;
	float: left;
	margin-top:0;
	width: 95%;
	display: block;
	background-color:#FFF;
	padding: 0;
}
#dghLogo {
	clear: both;
	float: left;
	padding-left:25%;
	width: 80%;
	display: block;
}
#strapline {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
		color:white;
	text-align:right;
	font-size:110%;
	font-weight:400;
	background: rgba(1,0,51,0.6);
	padding:2.2% 4.2% 2.2% 0 ;
}
#welcometitle {
	clear: none;
	float: left;
	margin-left:0;
	width: 95%;
	display: block;
	font-size:105%;
	font-weight:300;
	background-color:#900;
		border-bottom-right-radius:1em;
		border-bottom-left-radius:1em;
		font-size:125%;
		font-weight:300;
		padding:15px;
		color:#FFF;
}
#patientStories{
	clear: both;
	float: left;
	margin-bottom: 0;
	width: 100%;
	display: block;
background-color:#FFF;
border:solid #000033 1px;
padding:0;
	}
	
	#main{
	clear: both;
	float: left;
	margin:0;
	width:100%;
	display: block;}

#whatoffer{
	clear: none;
	float: left;
	width: 100%;
	display: block;
	 background: rgba(0,0,51,0.6);
	font-size: 95%;
	color: #FFF;
	padding: 4% 7% 7% 5%;
	}

#info{
	clear: none;
	float: left;
	margin-left: 0;
	width:100%;
	font-size:100%;
	display: block;
		color:#000033;
		background: rgba(255,255,255,0.8);
		padding-bottom:0;
		padding:6% 5% 5% 6%;
		margin:0 0 0 0;}

.img {max-width:100%;}
.imgleft {max-width:50%;
		float:left;
		padding:4% 4% 0 0;
}

	.red{color:#900;}
	.white{color:#fff;}
	.grey{color:#CCC;}
	a {color:#006699;}
 
		 #mainboxes{
	clear: both;
	float: left;
	margin:0;
	width:100%;
	display: block;
	 margin:0;
	 color:#fff;
	 font-size:110%;

	 }
	 
	

	#box1, #box2, #box3{
	clear: none;
	display: block;
	position: relative;
	float: left;
	color: #FFF;
	padding: 3% 2% 6% 5%;
	margin: 0 1% 0 1%;
		  }
		  
		
		 
				 #box2{
		padding:3% 6% 5% 6%;
		background: rgba(0,0,51,0.8);
		border-bottom:2px solid #FFF;
		width:100%;}
		
		 #box3{
		float: left;}
		
				.footerContainer{
	width:100%;
	font-size:100%;
	margin:15px 0 5px 0;
	color:#003;
float: left;
	text-align:left;
	height:auto;
 background-color:#900;
		background-repeat:repeat;
		}
		
			 ul.footer-menu {
				 clear:none;
margin-top:0;
width:100%;
 background-color:#900;
 list-style-type:none;
 font-weight:400;
 height:auto;
padding:0;
text-align:center;
} 
 
.footer-menu li a{
	 display: block; 
  color:#fff;
  background-color:#900;
 padding:5px 0 5px 0;
 line-height:1.3em;
  text-decoration:none;
	 }
	 
.footer-menu li a:hover{
	   color:#CCC;
	 }
	 
.footer-menu li { 
 display: block; 
 border-bottom: 1px solid #FFF; 
 padding-left:15px;
} 

.footerLinks{
		padding:10px;
		font-size:90%;
		float:left;
		color:#C00;
		background-color:#FFF;	}
		
		/* Content blocks for all pages :*/
		
		 #main1{
clear: both;
	float: left;
	width: 90%;
	margin-left: 0;
	display: block;
		background: rgba(0,0,51,0.4);
background-image:url(images/DrkBlue_opaqueBkg.png);
background-size: 100%;
		 background-repeat:repeat;
		 font-size:105%;
		 color:#FFF;
		 padding:4% 6% 5% 6%;}
		 
		 		 #main2{
clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	font-size:100%;
	display: block;
		color:#000033;
font-weight:400;
		background: rgba(255,255,255,0.4);
		background-image: url(images/White_opaqueBkg.png);
		background-repeat:repeat;
		padding-bottom:0;;
		margin:0}
		
		 .fontTitle{
		 font-size:110%;}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
		margin-left: auto;
	margin-right: auto;
	width: 100%;


}

.introPanel{
	font-family: 'Lato', sans-serif;
	font-size:140%;
	background-color:#636;
	color:#FFF;
	width:20%;
	padding:2%;
	float:right;
	margin-right:10px;
	}

#header-top {
	clear: both;
	background-image:url(images/HeaderBkgPanel.jpg);
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-size:100%;
	background-repeat:no-repeat;
}
#nav {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	
}
#Logo {
	clear: none;
	float: left;
	margin-left:0;
	width: 38.6515%;
	display: block;
	padding: 2.2% 0 3.2% 0;
}
#dghLogo {
	clear: none;
	float: right;
	padding-right: 3%;
	padding-top: 3%;
	width: 50%;
	display: block;
}
#strapline {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
		color:white;
	text-align:right;
	font-size:105%;
	font-weight:400;
	background: rgba(1,0,51,0.6);
	padding: 1.2% 2.5% 1.2% 0;
}
#welcometitle {
	clear: none;
	float: left;
	margin-left:0;
	width: 55%;
	display: block;
	background-color:#900;
		border-bottom-right-radius:1em;
		border-bottom-left-radius:1em;
		font-size:105%;
		font-weight:300;
		padding:15px;
		color:#FFF;
}
#patientStories {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:#FFF;


}


#main{
	clear: both;
	float: left;
	margin-left:0;
	width:100%;
	display: block;}


#whatoffer{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
background: rgba(0,0,51,0.6);
		 font-size:90%;
		 color:#FFF;
		 padding:5% 2% 5% 4%;
	}
#info {
	clear: none;
	float: right;
	margin-bottom:4%;
	
	width: 100%;
	display: block;
		color:#000033;
 font-size:85%;
		background: rgba(255,255,255,1.0);
		padding:6% 2% 2% 2%;
}


		
.patientStoriesTitle{
	width:100%;
	padding:10px 0 0 35%;
	}
	
	#mainboxes{
	clear: both;
	float: left;
	width:100%;
	display: block;
	height:100%;
		color: #FFF;
	}

	#box1, #box2, #box3{
	clear: none;
	display: block;
	width: 31%;
	position: relative;
	float: left;
	background: rgba(0,0,51,0.8);
	font-size: 90%;
	padding: 2% 2% 1% 2%;
	margin: 0 1% 0 1%;
}
		 
		 	 #box2{
	
		padding:3% 2% 3% 4%;
		
		 font-size:95%;}

		
		.footerLinks{
		width:100%;
		background-color:#FFF;
		font-weight:400;
		font-size:90%;}
		
			 #main1{
	width: 88%;
		 font-size:105%;
		 padding:0 6% 5% 6%;}
		 
		 		 #main2{
	margin-left: 0;
	width: 100%;
	font-size:100%;
font-weight:400;
		margin:0}
		
		 .fontTitle{
		 font-size:130%;}


/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 100%;
	max-width: 1232px;
	margin: auto;
}

#header-top {
	clear: both;
	float: left;
	margin:0;
	width: 100%;
	display: block;
	background-image:url(images/HeaderBkgPanel.jpg);
	background-size:100%;
	background-repeat:no-repeat;
}
#nav {
	clear: both;
	float: left;
	margin: 0;
	width: 100%;
	display: block;
	background-color:#003;
}
#Logo {
	clear: none;
	float: left;
	margin-bottom:2%;
	width: 30%;
	display: block;
	padding: 0;
}
#dghLogo {
	clear: none;
	float: right;
	padding-right: 4.3093%;
	padding-top: 1.3093%;
	width: 50%;
	display: block;
}
#strapline {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	color:white;
	text-align:right;
	font-size:115%;
	font-weight:400;
	background: rgba(1,0,51,0.6);
	padding:5px 10px 10px 0 ;
}
#welcometitle {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.7327%;
	display: block;
	background-color:#900;
		border-bottom-right-radius:1em;
		border-bottom-left-radius:1em;
		font-size:125%;
		font-weight:300;
		padding:15px;
		color:#FFF;
}


#patientStories {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:#FFF;


;}


#main{
	clear: both;
	float: left;
	margin-left: 0;
	width:100%;
	display: block;}
	
	
#whatoffer{
	clear: none;
	float: left;
	margin-left: 1%;
	width:70%;
	display: block;
	background:transparent;
		 font-size:115%;
		 color:#FFF;
		 padding:3% 2% 4% 2%;
		 background: rgba(0,0,51,0.6);
	}
	
	#info{
	clear: none;
	float: right;
	margin-left: 1.5%;
	margin-right: 2%;
		margin-bottom:2%;
	width: 25%;
	display: block;
	color:#000033;
font-weight:400;
		background: rgba(255,255,255,1.0);
		padding-bottom:0;
		padding:5% 2% 11% 2%;
	}
	
	#mainboxes{
	clear: both;
	float: left;
	margin:0 0 0 0;
width:100%;
	display: block;
		
		 background-repeat:repeat;
		 font-size:110%;}
	
	#box2{
	
	clear:none;
	display:block;
		width:31%;
		padding:10px;
		position:relative;
		float: left;
		color:#fff;
		 font-size:105%;
		 padding:1% 2% 1% 5%;
		  margin:1% 1% 0 1%;
		 height:auto;}
		 

		
		.footer-menu li { 
 display: inline;
  border-left: 1px solid #FFF; 
  border-bottom: 0 solid #900; 

 padding-right:15px;}
 
 .footer-menu li a{
	 display: inline; 
	    }
	 
	 ul.footer-menu {
		  
margin-top:15px;
width:100%;

 list-style-type:none;
 font-weight:400;
 height:auto;
padding:0;
  color:#900;
text-align:left;
} 

.footerLinks{
		width:100%;
		background-color:#FFF;
		font-weight:500;}	
		
				 #main1{
	float: left;
	width: 100%;
	padding:0;}
	
			 #main2{
clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	font-size:100%;
	display: block;
		color:#000033;
font-weight:400;
		background: rgba(255,255,255,0.4);
		background-image: url(images/White_opaqueBkg.png);
		background-repeat:repeat;

	
		margin:0}