/*
Theme Name: Magid-Haffner
Theme URI: http://www.magid-haffner.com
Description: The default theme for Magid-Haffner
Version: 1.0
Author: Sebastian Gonzalez
Author URI: http://www.ableeyedesign.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/******* TABLE OF CONTENTS *******/
/*****						 *****/
/***

	1. Body Styles & Wraps
	2. Links
	3. Text Positioning
	4. Headings
	5. Header
	6. Image of Ira
	7. Swoosh
	8. Main Body Section
	9. Main Body Splash
		a. Main Body Left
		b. Main Body Bottom
		c. Main Body Right
	10. Footer
	11. Navigation
	12. Contact Form
	13. Page Specific Styles
		a. Services
		b. Founder
		c. Links of Interest
		d. Process
		
#####*/

@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	background: #cfcfcf;
}

#clear { clear: both;}

div {
margin: 0px;
padding: 0px;
}

#wrapper {
width: 950px;
margin: 0px auto;
background: #fff;
/*border-left: 5px solid #23265B;
border-right: 5px solid #23265B;*/
}

/*##### Links #####*/
a { color: #23265B; text-decoration: none; font-weight: bold;}
a:hover { color: #147ac2; text-decoration: underline;}
a:active { color: #147ac2;}
a:visited { color: #23265b;}

/*##### End Links #####*/

/*##### Positioning Styles (left, right, center) #####*/

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}
/*##### End Positioning Styles (left, right, center) #####*/

/*##### Heading Styles (h1, h2, h3, h4, h5, h6 ) #####*/

h1 {
	font-size: 20px;
	font-family: Georgia, serif;
	color: #23265B;
}

h2 {
	font-size: 18px;
	font-family: Georgia, serif;
	color: #23265B;
}

h3 {
	font-size: 16px;
	font-family: Georgia, serif;
	color: #23265B;
}

.special-h3 {
	font-size: 14px;
	font-weight: normal;
	margin-left: 25px;
	margin-right: 25px;
	color: #000000;
}

/*##### End Heading Styles (h1, h2, h3, h4, h5, h6 ) #####*/

/*##### Header Styles #####*/

#head {
height: 220px;
background-color: #23265B;
	background-image: url(style/images/main_bg2.jpg);
	background-repeat: repeat-x;
	background-position: top;
	}
	
#head2 {
	height: 183px;
	background: transparent url(style/images/header-bg.png) no-repeat top;
}
	#head2right {
		float: right;
		color: #FFFFFF;
		text-align: right;
		width: 500px;
		height: 130px;
		background: url(style/images/gxp2.png) no-repeat top right;
		margin-right: 40px;
		margin-top: 10px;
	}
	#logo-small {
		float: left;
		margin-top: 0px;
	}
		#logo-textS {
			background: url(style/images/logo-small.png) no-repeat;
			width: 275px;
			height: 142px;
			text-indent: -9999px;
			margin: 5px 0px 0px 50px;
		}
	#swoopS {
		background: url(style/images/swoopS.jpg) repeat-x;
		height: 52px;
		width: 950px;
		float: left;
	}
#logo {
	float: left;
	margin-top: 0px;
	}
	
	#logo-text {
	width: 368px;
	height: 209px;
	background: url(style/images/logo4.png) no-repeat;
	text-indent: -9999px;
	margin: 10px 0px 0px 50px;
}

#head-right {
	float: right;
	color: #FFFFFF;
	text-align: right;
	width: 500px;
	height: 220px;
	background: url(style/images/gxp.png) no-repeat top right;
}
	#head-right h1 {
		color: #FFFFFF;
		font-size: 22px;
		margin: 30px 30px 0px 0px;
	}

	#head-right h2 {
		font-size: 14px;
		margin: 125px 30px 0px 0px;
	}

/*##### End Header Styles #####*/

/*##### Image of Ira #####*/
#ira {
	float: right;
	margin: 0px;
	padding: 11px;
}

/*##### End Image of Ira #####*/


#main {
	/*background: url(style/images/bg-slice.jpg) repeat-y;*/
	width: 950px;
}

/*

Commented out by Stephen 

#main #nav {
	float: left;
	width: 200px;

}
#main #nav ul {
	list-style: none;
	margin: 10px 0px 0px 10px;
	padding: 0px;

}
#main #nav ul li {
	margin: 8px 0px;
}
#main #nav ul li a {
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
}
#main #nav ul li a:link, #main #nav ul li a:visited, #main #nav ul li a:active {
	color: #23265B;
}
#main #nav ul li a:hover {
	color: #147AC2;
}
*/

/*##### BEGIN SWOOSH #####*/

 #swoosh-nav {
 	float: left;
	width: 950px;
	height: 222px;
	background: url(style/images/swoosh-nav.png) no-repeat;
	z-index: 300;
	padding-bottom: 0px;
	margin-bottom: 0px;
 }
 
 #swoosh-nav #nav-links {
	 height: 40px;
	 margin-left: 125px;
	 color: #FFFFFF;
	 text-transform: uppercase;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 14px;
 }
 
 	#swoosh-nav #nav-links ul {
		list-style: none;
	}
		#swoosh-nav #nav-links ul li a {
			float: left;
			display: block;
			width: 125px;
			color: #FFF;
			padding-left: 35px;
			margin-top: 0px;
		}
/*##### End Swoosh #####*/

/*##### Start Main Body Section #####*/

#main #mainbody {
float:right;
width: 730px;
min-height: 450px;
height: 100%;
background-image: url(style/images/mainbody_bg4.jpg);
background-repeat: no-repeat;


}
#main #mainbody #main_scroll {
	margin: 10px auto;
	width: 730px;
	min-height: 430px;
	height: 100%;
	overflow: visible;
}
#main_scroll p, #main_scroll h1, #main_scroll h2 {
margin: 10px;

}
#main #mainbody #main_scroll h1 {
font-size: 21px;
color: #23265B;
}
#main #mainbody #main_scroll h2 {
color: #23265B;
font-size: 17px;
}

/*##### End Mainbody #####*/

/*##### More Specific...... Splash Page Layout #####*/


#main #mainbody_splash {
	float:left;
	width: 730px;
	min-height: 450px;
	height: 100%;
	/*background: url(style/images/bg-slice.jpg) repeat-y top right;*/
}
#main #mainbody_splash h1 {
	margin: 10px 0px 0px 20px;


}
#main #mainbody_splash h2 {
margin: 10px 0px 0px 20px;
}



/*##### Main Splash Page Mainbody Styles #####*/

#mainbody_left {
	float: left;
	width: 450px;
	margin: 5px 5px 5px 5px;
}
	
	/*##### Main Body Bottom #####*/
	
		#main #mainbody_splash #mainbody_bottom {
			float: left;
			padding: 0px;
			margin: 0px;
		}
			#main #mainbody_splash #mainbody_bottom ul {
				list-style: none;
			}
				#main #mainbody_splash #mainbody_bottom ul li {
					display: block;
					padding-left: 5px;
				}
				
				#main #mainbody_splash #mainbody_bottom h3 {
					width: 400px;
					height: 37px;
					background: url(style/images/services-bg.jpg) repeat-x;
				}
				
				#main #mainbody_splash #mainbody_bottom ul li a.button {
					/*Sliding Right Image*/
					background: url(style/images/button-right.png) no-repeat scroll top right;
					display: block;
					float: left;
					height: 37px;
					width: 150px;
					margin-right: 6px;
					padding-right: 20px; /*Change This Value According To Right Image Width*/
					/*Font Properties*/
					text-decoration: none;
					color: #FFFFFF;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 1.1em;
					font-weight: bold;
					text-align: center;
				}
				
				#main #mainbody_splash #mainbody_bottom ul li a.button span {
					/*Background left image*/
					background: url(style/images/button-left.png) no-repeat;
					display: block;
					height: 37px;
					line-height: 22px; /*Change this value according to button height*/
					padding: 7px 0 5px 18px;
				}
				
				#main #mainbody_splash #mainbody_bottom ul li a.button:hover span {
					text-decoration: underline;
				}
				
	/*##### END Main Body Bottom #####*/
	
	/*##### START Main Body Right #####*/
#mainbody_right {
	float: right;
	width: 255px;
	padding: 0px;
	z-index: -100;
	margin-top: -10px;
	margin-right: 5px;
}
#mainbody_right-top {
	float: right;
	width: 265px;
	height: 57px;
	background: url(style/images/ourfounder.jpg) no-repeat;
	z-index: -100;
}
	#mainbody_right-top h2 {
		text-indent: -9999px;
	}
	
	#mainbody_right p {
		padding: 0px 10px;
	}
	.orange-divider {
		float: right;
		background: url(style/images/orange-dot.jpg) repeat-x;
		width: 265px;
		height: 1px;
	}

#mainbody_right-bottom {
	float: right;
	width: 265px;
}
	
	#mainbody_right-bottom p {
		padding: 20px;
	}
	
	/*##### END Main Body Right #####*/
	
/*##### End Main Splash Page Mainbody Styles #####*/

/*##### End More Specific...... Splash Page Layout #####*/


/*##### START Footer #####*/
#footer {
	clear: both;
	text-align: center;
	background: url(style/images/main_bg2.jpg) repeat-x top center;
	height: 150px; width: 950px;
	padding-top: 1px;
	color: #FFFFFF;
	font-size: 11px;
	position: relative;
}

	.tagline {
		color: #CCC;
		font-weight: bold;
		font-style: italic;
		text-align: center;
		padding: 0px 5px;
		letter-spacing: -1px;
		}
	#siteLinks {
		position: absolute;
		left: 0px; bottom: 1px;
		float: left;
		height: 20px;
		padding: 0 0 0 5px;
		}
	#siteRights {
		position: absolute;
		right: 0px; bottom: 1px;
		float: right;
		height: 20px;
		padding: 0 5px 0 0;
		}
	
	#footer ul {
		list-style: none;
		padding-top: 50px;
	}
		#footer ul li {
			display: inline;
		}

/*##### END Footer #####*/

/* NAVIGATION STYLES */

#nav {
	width:200px;
	padding: 0px 10px 0px 10px;
	float:left;
	min-height: 470px;
}

/* first tier */
#nav ul {
	display:block;
	list-style:none;
	width:200px;
	margin:0;
	padding:0;
	z-index: 100;
}


	#nav ul li {
		display:block;
		width:200px;
		position:relative;
		vertical-align:middle;
	}

		#nav ul li a {
			display:block;
			width:200px;
			height:25px;
			line-height:25px;
			font-size:14px;
			text-decoration:none;
			font-weight:bold;
			font-family: Helvetica, Georgia, Haettenschweiler, sans-serif;
			outline:none;
		}	

/* second tier */
#nav ul ul {
	display:none;
	width:185px;
	background:url(style/images/menu_arrow.png) no-repeat left bottom;
	padding-left:15px;
	position:absolute;
	bottom:0;
	left:185px;
	z-index: 200;
}

	#nav ul li:hover ul, #nav ul li.over ul {
		display:block !important;
	}
	
	#nav ul ul li {
		width:185px;
	}
	
	#nav ul ul li a {
		display:block;
		width:180px;
		padding-left:5px;
		height:25px;
		line-height:25px;
		font-size:14px;
		background:#23265b;
		color:#fff !important;
	}	#nav ul ul li a:hover {
		background:#147ac2;
	}

/* third tier */
#nav ul ul ul {
	display:block;
	list-style:none;
	width:185px;
	position:static;
	padding-left:0px;
	background:#23265b url(style/images/menu_divide.png) no-repeat center 3px;
	z-index: 300;
}

	#nav ul ul ul li a {
		background:transparent;
	}
	
	#nav ul ul ul li a {
		font-size:12px;
		text-indent:15px;
	}
	
/*###### SPLASH NAV STYLES ######*/

	#splash_nav {
	margin-top: -20px;
	width:200px;
	padding: 0px 10px 0px 10px;
	float:left;
	min-height: 470px;
}

/* first tier */
#splash_nav ul {
	display:block;
	list-style:none;
	width:200px;
	margin:0;
	padding:0;
	z-index: 100;
}


	#splash_nav ul li {
		display:block;
		width:200px;
		position:relative;
		vertical-align:middle;
	}

		#splash_nav ul li a {
			display:block;
			width:200px;
			height:25px;
			line-height:25px;
			font-size:14px;
			text-decoration:none;
			font-weight:bold;
			font-family: Helvetica, Georgia, Haettenschweiler, sans-serif;
			outline:none;
		}	#splash_nav ul li a:link,#splash_nav ul li a:visited, #splash_nav ul li a:active {
			color:#23265b;
		}	#splash_nav ul li a:hover {
			color:#147ac2;
			background:#f9f9f9;
		}

/* second tier */
#splash_nav ul ul {
	display:none;
	width:185px;
	background:url(style/images/menu_arrow.png) no-repeat left bottom;
	padding-left:15px;
	position:absolute;
	bottom:0;
	left:185px;
	z-index: 200;
}

	#splash_nav ul li:hover ul, #nav ul li.over ul {
		display:block !important;
	}
	
	#splash_nav ul ul li {
		width:185px;
	}
	
	#splash_nav ul ul li a {
		display:block;
		width:180px;
		padding-left:5px;
		height:25px;
		line-height:25px;
		font-size:14px;
		background:#23265b;
		color:#fff !important;
	}	#splash_nav ul ul li a:hover {
		background:#147ac2;
	}

/* third tier */
#splash_nav ul ul ul {
	display:block;
	list-style:none;
	width:185px;
	position:static;
	padding-left:0px;
	background:#23265b url(style/images/menu_divide.png) no-repeat center 3px;
	z-index: 300;
}

	#splash_nav ul ul ul li a {
		background:transparent;
	}
	
	#splash_nav ul ul ul li a {
		font-size:12px;
		text-indent:15px;
	}
	
	
/*################CONTACT FORM STYLES###################*/
#contact-form {
	margin: 0 auto;
	float: left;
	z-index: -50;
}

#formLeft {
	width: 200px;
	float: left;
	}
	#formLeft input {
		width: 200px;
		margin: 0 0 20px 0;
		border: 1px solid #23265b;
		text-align: center;
		background: #e1e1e1;
		margin: 0px 0 0 8px;
		font-size: 1.4em;
	}
	#formLeft .input-bg {
		margin: 0 0 20px 0;
	}
	#formLeft .active {
		background: #990000;
	}
#formRight {
	width: 300px;
	float: right;
	padding-right: 44px;
	}
	#formRight textarea {
		width: 298px;
		height: 209px;
		display: block;
		border: 1px solid #23265b;
		background: #e1e1e1;
		margin: 0 0 0 20px;
		padding: 13px 0 13px 0;
		font-family: Helvetica, sans-serif;
		font-size: 1.3em;
		overflow: auto;
	}
	#formRight .message-bg {
		height: 238px;
	}
	#formRight .active {
		background: #990000;
	}
#contact-label {
	display: block;
	font-size: 1em;
	text-indent: 10px;
	font-weight: bold;
}
#contact-label.error {
	position: absolute;
	top: -16px;
	right: 49px;
	padding: 3px;
	color: #da3939;
	font-size: 1.0em;
	text-align: right;
	font-style: italic;
	font-weight: normal;
}
#contact-input.submit-button {
	float: right;
	padding-right: 31px;
}

#thank-you {
	width: 500px;
	margin: 0px auto;
	padding-top: 100px;
}
	#thank-you h1 {
		font-size: 18px;
		text-align: center;
	}
/*############END CONTACT FORM STYLES##############*/

/*##### Page Specific Styles #####*/

 	/*##### 	Services Page	#####*/
		#services {
			background: url(style/images/offered-services.png) no-repeat;
			margin-left: 100px;
			margin-top: -10px;
			height: 90px;
		}
			#services h1 {
				padding: 10px 8px 0px 150px;
			}
		
			#services ul {
				list-style: none;
				padding: 0 0 0 22px;
			}
			
			#services ul li {
				display: inline-block;
				text-decoration: none;
				margin-top: 7px;
				padding-right: 15px;
			}
			
			#services ul li.reg a{
				text-decoration: none;
				font-weight: normal;
				color: #FFFFFF;
			}
			
			#services ul li.reg a:hover {
				text-decoration: underline;
				color: #FFFFFF;
			}
			
			#services ul li.gxp a{
				text-decoration: none;
				font-weight: normal;
				color: #FFFFFF;
			}
			
			#services ul li.gxp a:hover {
				text-decoration: underline;
				color: #FFFFFF;
			}
			
			#services ul li.clinSupport a{
				text-decoration: none;
				font-weight: normal;
				color: #FFFFFF;
			}
			
			#services ul li.clinSupport a:hover {
				text-decoration: underline;
				color: #FFFFFF;
			}
			
/*##### Founder Page #####*/

#bio-head {
	float: left;
	height: 150px;
	padding-left: 200px;
}
	#bio-head h6 {
		float: right;
		margin-top: -15px;
	}

#bio {
	float: left;
	width: 438px;
	height: 300px;
	min-height: 300px;
}

#bio-photo {
	float: right;
	width: 250px;
	height: 250px;
	border: 2px solid #454998;
	background: #23265b;
}
	#bio-photo img {
		padding: 10px;
	}
	
#publications {
	float: left;
	width: 300px;
	padding: 20px;
	margin: 10px;
}
	#publications h2 {
		color: #454998;
	}

#affiliations {
	float: right;
	width: 300px;
	padding: 20px;
	margin: 10px;
}
	#affiliations h2 {
		color: #454998;
	}
	
#bottom {
	float: left;
	width: 100%;
}

#main #mainbody #main_scroll #bio-head #h1f {
	font-size: 3.6em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#main #mainbody #main_scroll #h2f {
	font-size: 2.6em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#main #mainbody #main_scroll #h3f {
	font-size: 2.0em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#main #mainbody #main_scroll #h4f {
	font-size: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#main #mainbody #main_scroll #h5f {
	font-size: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#main #mainbody #main_scroll #h6f {
	font-size: .8em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/*##### Links Of Interest Page #####*/

.box400 {
	float: left;
	width: 400px;
}
	.box400 ul {
		list-style-type: none;
	}
		.box400 ul li {
			padding: 8px 2px 2px 8px;
		}

.box250L {
	float: left;
	width: 250px;
	margin-top: 12px;
}
	.box250L ul {
			list-style-type: none;
		}
			.box250L ul li {
				padding: 8px 2px 2px 8px;
			}

.box250R {
	float: right;
	width: 250px;
	margin-top: 12px;
}
	.box250R ul {
			list-style-type: none;
		}
			.box250R ul li {
				padding: 8px 2px 2px 8px;
			}

/*##### Process Page Styles #####*/

#main_scroll_process {
	min-height: 500px;
}

#flow_img {
	float: left;
	margin: 0px auto;
	width: 700px;
}

#info_top {
	width: 572px;
	background: url(style/images/fc-top.jpg) no-repeat;
}

#flow_info {
	width: 550px;
	float: left;
	color: #000000;
	display:none;
	font:Arial, Helvetica, sans-serif;
	margin: 20px 0px 40px 55px;
	overflow: hidden;
}

#info_static {
	width: 580px;
	height: 308px;
	background: url(style/images/div-bg.png) no-repeat bottom center;
	float: left;
	margin: 20px 0px 20px 55px;
}

#flow_info h1 {
	font-size: 18px;
	font-weight: bold;
}
#flow_info p {
}