/* CSS Document */

body {
background-color:#dacdb2;
color:#352f29;
font-size:11px;
font-family:Tahoma, Arial, Verdana;
margin:0;
}

#twitterBox {
	background:url(../images/twitter-bg.png) top no-repeat;
	padding: 0px -3px 0 10px;
	height:260px;
}

#twtr-widget-1 .twtr-tweet a {
	display:none;
}
#hdrTweet {
	font-size: 14px;
	margin-top:-12px;
}
#twtr-widget-1 .twtr-widget em, .twtr-widget .twtr-new-results {
	display:none;
	font-size: 1px;
}

.twtr-ft {
	display:none;
}

.twtr-hd {
	display:none;
}



.search {
margin:5px 0px 0px 5px;
}

a {
color:#611410;
}

a:hover {
color:#a7413c;
}


#page {
width:800px;
margin:auto;
}

#flash {
background: url(../images/flash.jpg) top no-repeat;
width:800px;
height:486px;
background-color:#ffffff;
padding:0px 0px 5px 0px;
position: relative;
}

#content {
width:800px;
background-color:#dacdb2;
background-image:url('images/bg_content_top.gif');
background-position:top;
background-repeat:no-repeat;
overflow:hidden;
}

#content_left {
width:178px;
float:left;
}

#content_right {
width:622px;
float:right;
padding:27px 0px 0px 0px;
line-height:18px;
}

#content_bottom {
width:800px;
height:52px;
clear:both;
background-image:url('images/bg_bottom.gif');
}

#footer {
width:800px;
margin:10px auto 20px auto;
padding:10px 40px 10px 40px;
text-align:left;
color:#666666;
line-height:16px;
clear:both;
}

#footer a{
color:#666666;
}

#header {
width:800px;
height:110px;
background-image:url('images/bg_header.jpg');
background-repeat:no-repeat;
background-color:#FFFFFF;
padding:0px 0px 3px 0px;
float: left;
}

#appointment_button {
	width: 144px;
	float: right;
	margin: 10px 30px 0 0;
}

#address {
width:200px;
float:left;
margin:25px 15px 10px 0px;
text-align:left;
color: #054A83;
font-size: 12px;
}

.phone {
font-size:18px;
}

#logo {
width:237px;
height:105px;
float:left;
}


#navigation {
width:800px;
height:30px;
float: left;
}

#index_navigation {
	width: 800px;
	height: 30px;
	position: absolute;
	bottom: 12px;
	left: 0;
}

#nav{
	list-style:none;
	font-weight:bold;
	margin: 0 0 10px 0;
	padding: 0;
	background-color: #80a9b1;
	/* Clear floats */
	float:left;
	width:100%;
	position:relative;
	z-index:5;
	
}

#nav li {
	float: left;
	margin-right: 10px;
	position: relative;
}

#nav a {
	display: block;
	padding: 5px;
	color: #352f29;
	background-color: #80a9b1;
	text-decoration: none;
	font-family: Georgia, Times, serif;
	text-transform: uppercase;
	position: relative;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px; 
	border-radius: 7px; 
	behavior: url(/PIE.php);
}

#nav a:hover{
	color:#ffffff;
	text-decoration:none;
}




/*--- DROPDOWN ---*/
#nav ul{
	background: url(../images/clear.png) repeat; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	padding: 0;
	margin: 0;
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}

#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background: #bac8ca;
	text-decoration: underline;

}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background: #bac8ca;
	color: #ffffff;
	
}

.round1 {
-webkit-border-radius: 7px; 
-moz-border-radius: 7px; 
border-radius: 7px; 
behavior: url(/PIE.php);
}

#intimage {
width:800px;
height:189px;
float: left;
}

#apptIntImage { width: 800px; height: 133px; }

.appt {
background-image:url('images/appt_header_popup.jpg');
}

#appt_wrapper #content_int { background-image: none; }

.int1 {
background-image:url('images/testimonials.jpg');
}
.int2 {
background-image:url('images/office.jpg');
}
.int3 {
background-image:url('images/about.jpg');
}
.int4 {
background-image:url('images/services.jpg');
}
.int5 {
background-image:url('images/patients.jpg');
}
.int6 {
background-image:url('images/contact.jpg');
}
.int7 {
background-image:url('images/appt.jpg');
}
.int8 {
background-image:url('images/library.jpg');
}

.int9 {
background-image: url('images/int_northwestern.jpg');
}

#swoop {
width:800px;
height:59px;
background-image:url('images/bg_swoop_top.gif');
background-repeat:no-repeat;
float: left;
}

#wrapper {
width:800px;
background-image:url('images/bg_swoop_content.gif');
background-position:top;
background-repeat:no-repeat;
background-color:#dacdb2;
overflow:hidden;
float: left;
}

#appt_wrapper {
	width:800px;
	background-image:none;
	background-position:top;
	background-repeat:no-repeat;
	background-color:#dacdb2;
	overflow:hidden;
}

#wrapper_edu {
width:800px;
	background-image:url('images/bg_content_bottom.jpg');
background-position:bottom;
background-repeat:no-repeat;
background-color:#dacdb2;
}

#content_int {
width:610px;
background-image:url('images/bg_content_bottom.jpg');
background-position:bottom;
background-repeat:no-repeat;
padding:0px 150px 100px 40px;
line-height:16px;
}


.heading {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:18px;
}

.gallerybtn {
display:block;
float:right;
margin:0px 80px 0px 0px;
}

/* PATIENT EDUCATION STYLES */

#education_cont {
	width:760px;
background-image:url('images/bg_swoop_content.gif');
background-position:top;
background-repeat:no-repeat;
	padding:0px 20px 100px 20px;
	line-height:16px;
	overflow:hidden;
}

#education_left {
width:580px;
float:left;
padding:0px 0px 0px 30px;
}

#education_right {
width:150px;
height:300px;
float:right;
padding:45px 10px 0px 20px;
}

#content_wrapper {
float:right;
width:212px;
padding:0 0 7px 0;
margin:45px 0px 0px 0px;
}

#content_img {
font-family:Arial, Helvetica, sans-serif;
color:#EE3423;
font-size:10px;
margin:0px 5px 10px 5px;
}

#content_factoid {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
margin-top:45px;
margin-left:10px;
margin-right:10px;
background-color:#FFFFFF;
border-top:14px solid #b7996c;
border-right:1px solid #b7996c;
border-left:1px solid #b7996c;
border-bottom:1px solid #b7996c;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
}

#content_subnav {
font-family:Arial, Helvetica, sans-serif;
color:#b7996c;
font-size:12px;
width:165px;
}

#content_subnav ul{
padding-left: 10px;
margin-left: 5px;
}

.signatures {
margin:0px 0px 0px 30px;
}

.search {
margin:5px 0px 0px 0px;
}

#refer {
width: 155px;
height: 150;
float: left;
}

#northwestern_text {
letter-spacing: 1px;
color: #b23843;
font-size: 18px;
text-align: center;
width: 450px;
margin: auto;
}

#swoop_img {
	width: 143px;
	heights: 101px;
	float: right;
}



#tell{
	margin-left: 10px;
	float: right;
}

#testimonials div{
	display:none;
	margin-left:20px;
	height:200px;
	width:585px;
	font-size:16px;
}