* { margin:0; padding:0; }

body { font:13.25px Arial, Helvetica, sans-serif; background-color:#ffffff; text-align:center; }
h1 { font-size:1.3em; }
.home h1 { font-size: 1.3em; }
.content h1, .green, .green a {color: #006600;}
div.heading h1 { font-size: 1.3em !important; padding-top: 10px; padding-bottom: 10px; }
h2 { font-size:1em; margin:0; padding:0; }
p { padding-bottom:10px; }
img { border:0; }
a { color:#206DC9; text-decoration:none; }
a:hover { color:#666666; text-decoration:underline; }
ul { padding-left:20px; padding-bottom:10px; }
li { padding-bottom:5px; }
hr { border:0; color:#cc0000; height:1px; background-color:#cc0000; margin-bottom:15px; }

#container { width:800px; margin:0 auto; text-align:left; }
	#logo { float:left; width:292px; height:80px; }
	.flashshow { width: 450px; float: left;}
	.mediaplayer { width: 450px; float: left; margin: 0px 10px 10px 0px;}
	.lg_image { width: 450px; float: left; margin: 0px 10px 10px 0px;}	
	.text_box_blue_sm {background-color:#8eb9de; margin: 0px 0px 10px 10px;}
	.text_box_blue_sm p {background-color:#8eb9de; padding: 5px 5px 5px 5px; text-align:top;}
	.text_box_blue {background-color:#8eb9de; margin: 0px 0px 10px 0px;}
	.text_box_blue p {background-color:#8eb9de; padding: 5px 5px 5px 5px; text-align:top;}
	
	#constant_contact { float: right; margin: 10px 25px 5px 5px;}

.home strong {
	font-size: 1.1em;
}

		#tagline {
		float:right;
		margin: 5px 0px;
		background: url(../images/dhfstudio_switch1.png) no-repeat top left;
		color:#666666;
		width:240px;
		height: 64px;
		text-align: right;
		}
		#tagline img { display: none;}

		#tagline a {
			display: block;
			width:240px;
			height: 64px;
		}

		#studio {
		float:left;
		margin: 5px 0px;
		background: url(../images/greenbutton.jpg) no-repeat top left;
		color:#000000;
		width:240px;
		height: 64px;
		text-align: left;
		}
		#store {
		float:left;
		margin: 5px 0px;
		background: url(../images/greenbutton.jpg) no-repeat top left;
		color:#FFFFFF;
		width:240px;
		height: 64px;
		text-align: left;
		}
		#members {
		float:left;
		margin: 5px 0px;
		background: url(../images/yellowbutton.jpg) no-repeat top left;
		color:#FFFFFF;
		width:240px;
		height: 64px;
		text-align: left;
		}
		#store  .content {width:200px; margin-left: -30px; padding:20px 0 10px 0;}
		#studio .content {width:200px; margin-left: -30px; padding:20px 0 10px 0;}
		#members .content {width:200px; margin-left: -30px; padding:20px 0 10px 0;}
		
		#store .content a {color:#FFFFFF; text-decoration:none;}
		#store .content a:hover,
		#store .content a.over {color:#000000; text-decoration:none;}
		
		#studio .content a {color:#000000; text-decoration:none;}
		#studio .content a:hover,
		#studio .content a.over {color:#FFFFFF; text-decoration:none;}
		
		#members .content a{color:#FFFFFF; text-decoration:none;}
		#members .content a:hover,
		#members .content a.over {color:#000000; text-decoration:none;}	


#tagline a:hover { background: url(../images/dhfstudio_switch1.png) no-repeat 0px -64px; }







	#content {  }
	  
	  .colimg { float: left; width: 200px;}
	  .col_txt { float: right; width: 385px;}
	
		#col1 {
			width: 204px;
			height: 180px;
			padding: 10px;
			margin-right: 13px;
			float: left;
			background: url(../images/bg_side-col.gif) top left no-repeat;
		}
		
		#col2 {
			width: 205px;
			height: 180px;
			padding: 10px;
			float: left;
			background: url(../images/bg_center-col.gif) top left no-repeat;
		}
		
		#col3 {
			float: right;
			height: 180px;
			width: 204px;
			padding: 10px;
			background: url(../images/bg_side-col.gif) top left no-repeat;
		}
		
	
		#left_col { position:absolute; top:83px; left:46px; width:332px; height:279px; }
		#right_col { position:absolute; top:83px; left:421px; width:332px; height:279px; }
		#one_col { position:absolute; top:100px; left:46px; width:695; height:260px; }
		.home { xbackground:url(../images/bg_home.jpg) top center no-repeat; xheight:411px; }
			#dhf_online { position:absolute; top:70px; left:495px; font-size: 13px; font-weight: bold; }
			#dhf_studio_training { position:absolute; top:290px; left:33px; font-size: 14px; font-weight: bold;  }
				#dhf_online li, #dhf_studio_training li { list-style:none; padding-bottom:5px; }
			#first_time { position: absolute; behavior: url(css/iepngfix.htc); }
				#first_time a { position: relative; }
		.services { background:url(../images/bg_services.jpg) top center no-repeat; height:411px; font-size:0.9em; }
			.services_text { height:180px;  }
			.services_table { width:330px; border-collapse:collapse; }
				.services_table th { width:110px; border-bottom:1px solid #cc0000; padding-bottom:10px; }
				.services_table td { vertical-align:top; }
		.about { background:url(../images/bg_about.jpg) top center no-repeat; font-size:0.9em; }
			.img_box { float:left; width:130px; padding-top:20px; text-align:right; }
				.img_box img { padding-right:10px; }
			.text_box { float:right; width:202px; padding-top:20px; }
		.contact { background:url(../images/bg_contact.jpg) top center no-repeat; height:411px; }
			.field { float:left; width:50%; }
		.enrollment { background:url(../images/bg_enrollment.jpg) top center no-repeat; height:411px; }
		.online { background:url(../images/bg_online.jpg) top center no-repeat; height:411px; }
			.online table { border-collapse:collapse; }
			.online td { padding-bottom:5px; border-bottom:1px solid #cc0000; vertical-align:top; }
		.articles { background:url(../images/bg_articles.jpg) top center no-repeat; height:411px; }
			.articles h1 { border-bottom:1px solid #cc0000; width:695px; margin-bottom:15px; }
			.article_link { width:231px; float:left; text-align:center; }
		.pro_shop {}
			#pro_shop_wrapper { background:url(../images/bg_pro_shop_wrapper.gif) top center repeat-y; }
			#pro_shop_wrapper_top { background:url(../images/bg_pro_shop_wrapper_top.gif) top center no-repeat; }
			#pro_shop_wrapper_bottom { background:url(../images/bg_pro_shop_wrapper_bottom.gif) bottom center no-repeat; }
			#pro_shop {}
			#pro_shop .content { padding-left:50px; padding-right:50px; padding-bottom:300px; }
			.home .content { padding-bottom: 50px !important; }
				.product { float: left; width: 230px; padding-bottom:20px; }
					.product_text { }
					.product_image img { width: 210px; }
					.product_image .float_left { width:50px; }
					.add_cart { float:left; margin-top:2px; padding:2px; text-align:center; }
						.add_cart a { display:block; color:#ffffff; text-decoration:none; font-weight:bold; background-color:#54be46; border:2px solid #ffffff; width:75px; }
						.add_cart a:hover { color:#f0d434; text-decoration:none; }
#footer { clear: both; font-size:0.8em; }

.float_left { float:left; padding-top:8px; font-weight:bold; font-size:1.2em; }

.clear { clear:both; height:0px; line-height:1px; font-size:1px; }
.float_left { float:left; vertical-align:top; }
	.float_left img { margin-right:15px; }
.float_right { float:right; vertical-align:top; }
	.float_right img { margin-left:15px; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.product .clearfix {margin-top: 150px;}



.button { background-color:#e1570e; color:#ffffff; }
.paypal_button { background:transparent; border:0; }

/*NAV*/

#nav {
	clear:both;
	width: 800px;
	height: 32px;
	position: relative;
	font-family: arial;
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
	padding: 8px 0px 0px 0px;
	margin: 0px;
	background: url('../images/bg_nav-container.gif') no-repeat top left;
}

#nav ul {
	margin: 0px;
	text-align: center;
}

#nav li {
	display: inline;
	margin: 0px 14px;
	padding: 0px;
	position: relative;
}


#nav li a {
	padding-bottom: 10px;
	text-decoration: none;
}

/* drop down */
#nav li.selected li a,
#nav li:hover li a,
#nav li.over li a {	background: none; display:block;}


#nav ul li:hover ul,
#nav ul li.over ul {display: block;}

#nav ul li ul {
	z-index: 100;
	position: absolute;
	margin-top: 8px;
	margin-left: -1px;
	left: 0;
	padding: 0;
	height: auto;
	text-align: left;
	background: none;
	display: none;
}

/* adjust drop down width accordingly */
#nav ul li ul {width: 10em;}

	#nav ul li ul li {
		display: block;
		float: none;
		margin: 0;
		padding: 0;
		width: auto;
		background: none;
		border-bottom: 1px solid #999;
	}

		#nav ul li ul li a {
			margin: 0;
			padding: 5px 10px;
			background: none;
			font-size: .85em;
		}

#nav li li.selected,
#nav li li:hover,
#nav li li.over, 
#nav li li a.selected,
#nav li li a:hover ,
#nav li li a.over {	background: none;}

#nav li a {color: #ffffff;}

#nav li a:hover,
#nav li a.over {
	color: #000000;
}


#nav li a.selected {
	color: #b6f7f0;
}

/* drop down */
#nav ul li ul {
	width: 10em;
	background-color: #cccccc;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

#nav li.selected li a,
#nav li:hover li a,
#nav li.over li a {	color: #000;}

#nav li li.selected,
#nav li li:hover,
#nav li li.over, 
#nav li li.selected a,
#nav li li:hover a,
#nav li li.over a, 
#nav li li a.selected,
#nav li li a:hover ,
#nav li li a.over {	background-color: #fff; color: #0094DF;}
/*END NAV*/