/*
Theme Name: Gidox.com Theme
Theme URI: http://gidox.com/
Description: Default theme for Gidox.com
Version: 1.0
Author: Kyle Aikens
Author URI: http://www.paperstreet.com/
Tags: Medical, PaperStreet, Web Design

*/



/* =General
-----------------------------------------------------------------------------*/

html { margin-bottom: 0; min-height: 100%; }

body {
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	behavior: url(includes/inc.csshover.htc);
	font-size:12px;
	background: #fff;
}

/* Remove padding and margin on selected elements*/
h1,h2,h3,h4,h5,h6,pre,body,div{margin: 0; padding: 0;}

/* Remove border around linked images and fix Firefox odd spaces */
img {
   border: 0;
   vertical-align: bottom;
}

#content_container ul li {color:#434546; line-height:20px;}

/* =Structural
-----------------------------------------------------------------------------*/
#wrapper { width:959px; margin: 0 auto;}

#header {height:201px; width:100%; background:url('images/bg_header.jpg') repeat-x bottom left; position:relative; z-index:3000;}

#content_container { padding:40px 30px 50px 50px; clear:both;}
#content_inner { width:562px; padding-right:53px; border-right: 2px solid #7bb0bd; float:left;}

#sidebar {float:right; width:230px;}

#sidebar_bio {float:left; width:371px;}
#content_inner_bio {width:512px; float:right;}


#footer {width:919px; height:95px; background:url('images/bg_footer.jpg') no-repeat; color:#666768; padding:47px 0 0 40px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; position:relative; margin-bottom:30px;}

#footer h2 {font-size:14px;}
#footer #office1 { padding-right:30px; border-right:1px solid #ccc; float:left;}
#footer #office2 {padding: 0 30px; border-right:1px solid #ccc; float:left;}
#footer #office3 { padding-left:30px; float:left;}
#footer #badge {width:291px; height:33px; background:url('images/bg_footerbadge.jpg') no-repeat 0 -8px; position:absolute; top:0; right:0; text-indent:-9999px;}
#footer #badgehome {width:291px; height:33px; background:url('images/bg_footerbadge.jpg') no-repeat 0 -5px; position:absolute; top:-30px; right:0; text-indent:-9999px;}
#footer #copyright { color:#699695; font-size:10px;  float:right; text-align:right; padding-right:40px; padding-top:14px;}
#footer #copyright a {color:#a9bcb8; display:block;}
#footer #copyright a:hover {color:#58716c; text-decoration:none;}

div#directions_slider { position:absolute; top:80px; right:0; background:#767676 url('images/bg_directions.jpg') repeat-x bottom; padding:20px; color:#fff; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; display:none; z-index:9999;}
div#directions_slider h2{font-size:14px; color:#fff; font-weight:bold;}
div#directions_slider img {clear:both; border:3px solid #ccc; display:block; margin: 5px 0;}
div#directions_slider a {clear:both; color:#fffa73; display:block; text-align:right; font-weight:bold;}
div#directions_slider #office1 { padding-right:20px; border-right:1px solid #979797; float:left;}
div#directions_slider #office2 {padding: 0 20px; border-right:1px solid #979797; float:left;}
div#directions_slider #office3 { padding-left:20px; float:left;}

#printpage {
	padding-bottom: 6px;
	padding-left:17px;
	background:url('images/print.jpg') 0 2px no-repeat;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
}

#printpage a {font-size:10px; color:#9c9d9e; text-transform:uppercase; }
#printpage a:hover {color:#666; text-decoration:none;}

/* =Typography
-----------------------------------------------------------------------------*/
#content_container_home p{margin:0;}

p { line-height:20px; color:#434546; margin: 0 0 16px 0;}

#content_inner ul li {margin-bottom:14px;}

#sidebar ul {margin:0; padding:0;}
#sidebar ul li {margin:0; padding:0; list-style:none; margin-bottom:6px;}
#sidebar ul li a {font-family:Trebuchet MS, Arial, Helvetica, sans-serif; color:#fff; font-size:14px; padding: 2px 0 2px 15px;  background:#7eb5c1; display:block;}
#sidebar ul li a:hover {text-decoration:none; background:#8da5a1;}

#sidebar ul li ul {margin: 13px 0 13px 27px;}
#sidebar ul li ul li {list-style:square; color:#9c9d9e}
#sidebar ul li ul li:hover{ color:#790f50;}
#sidebar ul li ul li a {background:none; font-size:11px; color:#7b8ba4; padding:0;}
#sidebar ul li ul li a:hover { background:none; color:#790f50;}

#page-list ul li ul { display:none; }
#page-list .displayMe { display:block !important; }


#patient_left {width:208px; float:left;}
#patient_right {width:340px; float:right; height:500px;}


/* =Headings
-----------------------------------------------------------------------------*/
h1 { color:#4e5051; font-size:24px; padding-bottom:16px; border-bottom:1px solid #b2b2b2; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;  margin-bottom:15px;}
h1.noline { border:none; padding:0; margin:0;}

h2 {margin:0; padding:0;font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:16px; color:#858b8c; font-weight:normal;}
h3 {margin:0; padding:0;font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:17px; color:#7a517c; font-weight:bold; margin-top:12px;}

#sidebar h2 { font-size:17px; margin-bottom:15px; color:#6a827e;}
#sidebar h2 a{color:#6a827e;}
#sidebar h2 a:hover {color:#3d4b49; text-decoration:none;}

#patient_left h1 { border:none; font-size:17px; font-weight:bold; margin:0; padding:0;}
#patient_left h2 { font-size:24px; font-weight:bold; padding-bottom:14px; margin-bottom:13px; border-bottom:1px solid #b2b2b2; color:#4e5051;}

/* =Links
-----------------------------------------------------------------------------*/
a.logo { width:477px; height:191px; display:block; position:absolute; top:0; left:0; text-indent:-9999px; background:url('images/logo.jpg') no-repeat; z-index:0;}
a#directions { background:#9c9d9e url('images/bg_directions_arrow.gif') no-repeat 16px center; padding: 5px 18px 5px 32px; color:#fff; font-size:10px; text-transform:uppercase; position:absolute; bottom:120px; right:0;}
a#directions:hover { background-color:#767676; color:#fff; text-decoration:none;}

a.xhidden {background-color:#767676 !important;}

a {
	color:#062e6e;
	text-decoration:none;
	outline:none !important;
}

a:hover {
	color:#333;
	text-decoration:underline;
	outline:none !important;
}


a.doctors { font-size:14px; color:#fff; background:#7c9994; padding: 6px; margin-top:30px; display:block; width:138px; height:19px;}
a.doctors:hover {background:#617d78; color:#bce1db; text-decoration:none;}
/* =Branding
-----------------------------------------------------------------------------*/



/* MENU  */

#doctorslist {width:180px; height:31px; background:#8da5a1 url('images/bg_directions_arrow.gif') no-repeat 160px center; color:#fff; font-size:14px; float:left; margin-bottom:12px;}
#professionalstafflist {width:180px; height:31px; background:#7eb5c1 url('images/bg_directions_arrow.gif') no-repeat 160px center; color:#fff; font-size:14px; float:left; margin-bottom:12px;  margin-left:10px;}

#doctorslist ul {margin:0; padding:0;}
#doctorslist ul li {list-style:none; margin:0; padding:0; position:relative; padding-bottom:1px; line-height:normal;}
#doctorslist ul li a {color:#fff; font-size:14px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; display:block; width:176px; height:21px; padding: 6px 0 4px 10px;}
#doctorslist ul li a:hover {color:#c2e0db; text-decoration:none;}
#doctorslist ul li ul {display:none; position: absolute;}

#doctorslist ul li:hover ul {
	display: block;
	position: absolute;
	left: 0;
	top: 100%;
	width: 178px;
	height: auto;
	margin: 0;
	padding: 0;
	z-index: 2000;
	border:none;
	background:#adc9c4;
	border:1px solid #8da5a1;
}

#doctorslist ul li ul li { padding:0;}
#doctorslist ul li ul li a{height:auto; font-size:11px; width:158px; padding-left:20px; color:#546461; border-bottom:1px solid #e4f2f5; background:url('images/bg_square.jpg') 10px 11px no-repeat;}
#doctorslist ul li ul li a:hover { background-color:#c8e4df; color:#546461;}
#doctorslist ul li:hover > a {color:#c2e0db;}



#professionalstafflist ul {margin:0; padding:0;}
#professionalstafflist ul li {list-style:none; margin:0; padding:0; position:relative; padding-bottom:1px; line-height:normal;}
#professionalstafflist ul li a {color:#fff; font-size:14px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; display:block; width:176px; height:21px; padding: 6px 0 4px 10px;}
#professionalstafflist ul li a:hover {color:#d4e5e9; text-decoration:none;}
#professionalstafflist ul li ul {display:none; position: absolute;}

#professionalstafflist ul li:hover ul {
	display: block;
	position: absolute;
	left: 0;
	top: 100%;
	width: 178px;
	height: auto;
	margin: 0;
	padding: 0;
	z-index: 0;
	border:none;
	background:#bfdce3;
	border:1px solid #8da5a1;
}

#professionalstafflist ul li ul li { padding:0;}
#professionalstafflist ul li ul li a{height:auto; font-size:11px; width:158px; color:#7b8ba4; border-bottom:1px solid #e4f2f5; padding-left:20px;  background:url('images/bg_square.jpg') 10px 11px no-repeat;}
#professionalstafflist ul li ul li a:hover { background-color:#d4e5e9; color:#7b8ba4;}
#professionalstafflist ul li:hover > a {color:#c2e0db;}

/* =Main Nav
-----------------------------------------------------------------------------*/
/* THIS IS THE MENU 
---------------------------------------------------------*/

/* Overall Box Properties */
#menu { position:absolute; bottom:30px; right:0; z-index:9999;}

#menu span { position:absolute; right:-1px; bottom:0px; width:2px; height:22px; background:#fff;}

/* Type of Menu (Vertical vs. Horizontal) */
#menu ul {
	display: block;
	list-style: none;
	margin: 0;
	float: right;
	padding: 0;
	
}

/* Position of menu elements */
#menu ul li {
	position: relative;
	color: #fff;
	display: inline;
	padding: 0;
	float: left;
	padding: 3px 0;
}

/* Edit look of 1st level menu items */
#menu ul li a {
	display: block;
	float: left;
	color: #5a5b5e;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	border-right:1px solid #ccc;
}

/* Added specifically for Internet Explorer */
* html #menu ul li a {
	padding: 0px 5px 0px 5px;
	}

/* Sometimes Needed to Change Internet Explorer Hover */
#menu ul li a:hover {
	color: #5a5b5e;
	border-right:1px solid #7a7998;
}


/* Hover of the Main Menu */
#menu ul li:hover {
	position: relative;
	background:#7a7998;
}

/* Added specifically for Internet Explorer Hover */
#menu ul li:hover > a,
#menu li a:hover,
* html #menu li a:hover {
	color: #fff;
	padding: 0px 5px 0px 5px;
	background:#7a7998;
	border-right:1px solid #7a7998;
}


/* Position of Drop Down Elements */
#menu ul li ul {
	position: absolute;
	display: none;
}


/* For Top Level Hover when on the second level (I think) */
#menu ul li:hover ul {
	display: block;
	position: absolute;
	left: 0;
	top: 16px;
	width: 221px;
	height: auto;
	margin: 0;
	padding: 0;
	z-index: 3000;
	border:none;
	background:#7a7998;
	padding-bottom:6px;
	padding-top:6px;
		-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* Added specifically for Internet Explorer */
* html #menu ul li:hover ul { 
	background:#7a7998;
	padding-bottom:6px;

}

#menu ul li ul li,
#menu ul li.more ul li {
	width: 221px;
	background:none;
	padding: 0;
	border:none;
}

/* Edit look of drop down 2nd level menu items */
#menu ul li ul li a {
	background: none;
	padding: 3px 10px 3px 10px;
	width: 220px;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	color: #dedde5;
	border:none;
	float: none;
}

#menu ul li ul li:hover { 
	background: #5c5b74; 
	border:none;
}

#menu ul li ul li a:hover {
	color: #fff;
	background: none;
	padding: 3px 10px 3px 10px;
	border:none;
}

#menu ul li ul li:hover > a {
	color: #fff;
	background: none;
	padding: 3px 10px 3px 10px;
	border:none;
}

#menu ul li ul li ul,
#menu ul li:hover ul li ul { 
	display: none; 
}

#menu ul li ul li:hover ul,
#menu li.exp:hover ul,
#menu ul li:hover ul li:hover ul {
	position: absolute;
	display: block;
	left: 100%;
	top: 0px;
	z-index: 3000;
	border-right: none;
	width: 211px;
}

#menu ul li:hover ul li:hover ul li,
* html #menu ul li ul li a { 
	width: 211px; 
}

#menu ul li:hover ul li:hover ul li a {
}

/* THIS IS THE MENU */


/* =Sub Nav
-----------------------------------------------------------------------------*/




/* =Main Content
-----------------------------------------------------------------------------*/




/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/



/* =Forms
-----------------------------------------------------------------------------*/




/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
   border-collapse: collapse;
}

td {
  text-align: left;
  font-weight: normal;
}



/* =Misc 1 
-----------------------------------------------------------------------------*/
.office {clear:both; height:180px;}

.floatpics {float:left; margin-bottom:14px;}

.floatright{float:right;}