html, body {
	margin: 0;
	padding: 0;
}

img{
	border: none;
}

iframe {
	z-index: 0;
}


#header {
	position: relative;
	float: left;
	width: 100%;
	background-image: url(../exportmedia/header_bg.gif);
	background-repeat: repeat-x;
	height: 117px;
	z-index: 3;
}

#header_left {
	position: relative;
	float: left;
	width: 415px;
	height: 117px;
}
#header_right {
	position: relative;
	float: left;
	width: 595px;
}


/*Home page Middle Header Styles */
#slide_show {
	position: relative;
	float: left;
	width: 100%;
	height: 500px;
	background-color: #c1c1c1;
	background-image:url(../exportmedia/middle_header_bg.gif);
	background-repeat: no-repeat;
}

#big_images {
	position: relative;
	float: left;
	width: 687px;
	height: 500px;
}
#small_images {
	position: relative;
	float: left;
	width: 315px;
	height: 500px;
}

/* END Home page Middle Header Styles*/


/*Doctors Middle Header Styles*/
#doctors_slide_show {
	position: relative;
	float: left;
	width: 100%;
	height: 340px;
	background-color: #c1c1c1;
	background-image:url(../exportmedia/doctors_middle_header_bg.gif);
	background-repeat: no-repeat;
}
 
#doctors_image {
	position: relative;
	float: left;
	width: 545px;
	height: 500px;
	margin-top: 10px;
	/*background-image: url(../exportmedia/doctors_background_face.png);*/
	background-repeat: no-repeat;
}

#doctors_interests {
	position: relative;
	float: left;
	width: 460px;
	height: 500px;
}



.interestBox {
	float: left;
	width: 212px;
	height: 165px;
    position: relative;
}


/* END Doctors Middle Header Styles*/


/*Main Pages Middle Header Style */

#main_pages_slide_show {
	position: relative;
	float: left;
	width: 100%;
	height: 248px;
	background-color: #c1c1c1;
	background-image:url(../exportmedia/main_pages_middle_header_bg.gif);
	background-repeat: no-repeat;
}
 
#main_pages_title {
	position: relative;
	float: left;
	width: 545px;
	height: 500px;
	margin-top: 10px;
	background-image: url(../exportmedia/doctors_background_face.png);
	background-repeat: no-repeat;
}

#main_pages_small_images {
	position: relative;
	float: left;
	width: 315px;
	height: 500px;
}

#main_icon_column {
	width: 150px;
	position: relative;
	float: left;
	margin-top: 30px;
	margin-left: 30px;
	
}
#main_text_column {
	width: 400px;
	position: relative;
	float: left;
	margin-top: 50px;
}

#main_text_column h1{
	font-size: 40px !important ;
	color: #632f3a;
}

/*Resources Page  */
#window {
	float: left;
	width: 500px;
	height: auto;
	position: relative;
	
}
#categories {
	float: left;
	width:370px;
	position: relative;
	height: auto;
}

iframe {
	border: none;
	height: 900px;
	border: 3px solid grey;
}

#videosframe {

	width: 400px;
}
/*News Page Styling */

.date {
	color: #052faa;
	font-decoration: italic;
	font-size: 13px;
	font-weight: bold;
}




/* END Main Pages Middle Header Style */

h1, h2, h3, h4, h5, h6 {
	position: relative;
	float: left;
	width: 98%;
	margin: 1%;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;	
}

h1, h1 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: black;
}

h2, h2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #4f1d28;
}

h3{
	font-family: arial;
	font-size: 22px;
	color: #1b3f9b
}

h3 a, h3 a:active {
	color: #1b3f9b;
}


h4, h4 a{
  font-family: Arial;
  font-size: 23px;
}

h5, h5 a{
  font-family: Arial;
  font-size: 24px;
  color: white;
}


li {
	color: #4c001e;
	font-famliy: Arial;
	font-size: 18px;
}

li {
	margin-top: 10px;
	margin-bottom: 10px;
}


p {
	position: relative;
	font-family: Arial;
	color: #333;
	float: left;
	width: 98%;
	margin: 1%;
	font-size: 12px;
}


.box {
	position: relative;
	float: left;
	width: 313px;
	height: 228px;
	background-image:url(../exportmedia/box_bg.png);
	background-repeat: no-repeat;
	margin-bottom: 8px;
}

.box p {
	width: 269px;
	margin: 10px;
}

.icon {
	position: relative;
	float: left;
	margin: 5px;
	width: 40px;
	height: 40px;
	margin-top: 10px;
}
.iconTitle {
	position: relative;
	float: left;
	width: 235px;
	margin-top: 10px;
}



/* Obviously to make two columns */
.twoColumn {
	width: 49%;
	position: relative;
	float: left;
	height:auto;
	margin: 2px;
}
/* Can be used 4 times to make 4 columns */
.oneFourthColumn {
	width: 23%;
	position:relative;
	float: left;
	height: auto;
	margin: 2px;
}

/* Used with oneFourthColumn to make one large and one small */
 .threeFourthsColumn {
	width: 74%;
	position: relative;
	float: left;
	height: auto;
	margin: 2px;
 }
 
/*Makes rows to mimic a table like structure */
.row {
	position: relative;
	float: left;
	width: 98%;
	margin: 4px;
	margin-top: 15px;
	margin-bottom: 15px;
}	

/*Makes Elements Float Left */
.floatLeft {
	position: relative;
	float: left;
	margin: 3px;
}

.oneThirdColumn {
	position: relative;
	float: left;
	width: 35%;
	height: auto;
}

.twoThirdsColumn {
	position: relative;
	float: left;
	width: 60%;
	height: auto;
}
		
		
.marginAuto {
	position: relative;
	margin: auto;
	width: 1010px;
}

.smallIconColumn {
	position: relative;
	width: 100px;
	float: left;
	height: auto;
	
}
.largeIconColumn {
	position: relative;
	width: 350px;
	float: left;
	height: auto;
	margin-top: 15px;
}

#header .marginAuto .twoColumn {
	height: 117px;	
}


/*  Navigaton  */

#home_button,
#our_doctors_button,
#services_button,
#why_were_leaders_button,
#patient_resources_button,
#contact_us_button {
	position: relative;
	width: 80px;
	height: 117px;
	float: left;
	bottom: 0;
}

#home_button {
	width: 54px;	
}
#our_doctors_button {
	width: 99px;	
}
#services_button {
	width: 78px;	
}
#why_were_leaders_button {
	width: 127px;
}
#patient_resources_button {
	width:  127px;	
}
#contact_us_button {
	width: 	78px;
}


#home_button a,
#our_doctors_button a,
#services_button a,
#why_were_leaders_button a,
#patient_resources_button a,
#contact_us_button a{
	position: relative;
	float: left;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
}

#home_button a{
	background-image: url(../exportmedia/home_button.gif);	
}
#our_doctors_button a{
	background-image: url(../exportmedia/our_doctors_button.gif);
}
#services_button a{
	background-image: url(../exportmedia/services_button.gif);	
}
#why_were_leaders_button a{
	background-image: url(../exportmedia/why_were_leaders_button.gif);	
}
#patient_resources_button a {
	background-image: url(../exportmedia/patient_resources_button.gif);	
}
#contact_us_button a{
	background-image: url(../exportmedia/contact_us_button.gif);	
}

#home_button ul li a,
#our_doctors_button ul li a,
#services_button ul li a,
#why_were_leaders_button ul li a,
#patient_resources_button ul li a,
#contact_us_button ul li a {
	background-image: none;
	font-family: segoe ui, Arial, sans-serif;
	color: #602d39;
}

#home_button ul li a:hover,
#our_doctors_button ul li a:hover,
#services_button ul li a:hover,
#why_were_leaders_button ul li a:hovera,
#patient_resources_button ul li a:hover,
#contact_us_button ul li a:hover {
	background-image: none;
	font-family: segoe ui, Arial, sans-serif;
	color: white;
}

