/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */

body {
	background: #051e33 url("../images/bg-jepeneter.gif") left top repeat-x;
	text-align:left; 
	font:12px/16px Arial, Verdana, Helvetica, sans-serif; 
	color:#4e4e4e; 
	}

p, ul, ol, dl, pre, blockquote	{ margin-bottom:10px; }

blockquote { 
	margin-left: 10px; 
	margin-right: 10px; 
	}


#column-left h1	{ font-size:19px; color:#1076b3; font-family:"Times New Roman", Times, serif; font-weight:100; }
#column-left h2 { font-size:14px; color:#1076b3; font-family:"Times New Roman", Times, serif; font-weight:100; }
#column-left h3 { font-size:14px; color:#1076b3; font-family:"Times New Roman", Times, serif; font-weight:100; }
#column-right h2 { font-size:14px; color:#1076b3; font-family:"Times New Roman", Times, serif; font-weight:100; }
#column-right h3 { font-size:25px; color:#9d9990; font-family:"Trebuchet MS", "Bitstream Vera Sans", Arial, Helvetica, sans-serif; font-weight:100;  }

h1 span,h2 span,h3 span	{ display:none; }

a:link, a:visited { color:#1076b3; text-decoration:none; outline:none; }
a:hover	{ color:#051e33; text-decoration:none; outline:none; }

/* global classes
 * ------------------------------------------------------------------------- */

div.clear { clear:both; height:.01em; overflow:hidden; }

img.img-left { float:left; margin:2px 12px 12px 0; }
img.img-right { float: right; margin: 2px 0 12px 12px; }
	 
p.top { text-align:right; display:block;}

span.req { font-size:9px; font-style:italic; }

span.phone { font-size:19px; color:#1076b3; font-family:"Times New Roman", Times, serif; font-weight:100; padding-left:16px; }

img.spinal-foundation { padding-left:38px; }

img.hr { padding:10px 0 10px 31px; }


/* Main framework
 * ------------------------------------------------------------------------- */

#wrap { background: url("../images/bg-wrap.jpg") left top repeat-y; width:807px; margin:0 auto; text-align:left;}

#masthead { background: url("../images/masthead-health-within-chri.jpg") left top no-repeat; height:363px; }

#column-left { background: url("../images/bg-column-left.jpg") left top no-repeat; width:558px; float:left; }

	#column-left p { padding:5px 22px 5px 31px; }
	#column-left h1 { padding:18px 0 10px 31px; }
	#column-left h2, #column-left h3  { padding:10px 22px 10px 31px; }

	#foundation { width:294px; float:left; }
	
	#foundation h2 { padding:10px 0 10px 31px; }

	#blink { text-decoration:blink; color:#ff0000; font-size:22px; margin-top:15px; font-family:"Times New Roman", Times, serif; font-weight:100; }
	
	
	
	#structure { width:264px; float:left; }
	
	#structure h2 { padding:10px 0 10px 31px; }
	
	#hr { background: url("../images/hr-index.jpg") left top no-repeat; height:3px; }

	img.staff { padding:0 0 5px 17px; }
        img.coupon { padding:0 0 5px 25px; }
        img.fifty-coupon { padding:0 0 10px 35px; }

#column-right { background: url("../images/bg-contact-jepenter.jpg") left top no-repeat; width:249px; float:left; }

	#column-right p { font-family:"Trebuchet MS", "Bitstream Vera Sans", Arial, Helvetica, sans-serif; font-size:11px; padding:5px 10px 5px 16px; }
	h3#contact-us { padding:18px 0 10px 16px; }
	h3#location { padding:18px 0 10px 16px; }
	h3#services, h3#forms { padding:5px 10px 5px 16px; }
	
	p.testimonial { color:#082237; }


	 
#page-footer { background: url("../images/page-footer.jpg") no-repeat; width:807px; height:69px; clear:both; overflow:hidden;}

	 


/* background image dl list items 
#column-left dl { margin:5px 41px 5px 13px; }
#column-left dl dt { margin-bottom:10px; }
#column-left dl dd { background:transparent url("../images/sub/list-style.gif") 0px 6px no-repeat; padding-left:8px;}*/

#column-right ul { margin:5px 10px 5px 16px; }
#column-right ul li { background:transparent url("../images/list-style-side-bar.jpg") 0px 2px no-repeat; padding-left:16px;}

/* background image ul list items */
#column-left ul { margin:5px 0px 5px 31px; }
#column-left ul li { background:transparent url("../images/list-style.jpg") 0px 0px no-repeat; padding-left:18px;}


/* Footer
 * ------------------------------------------------------------------------- */
 
#footer { width:807px; text-align:center; margin:0 auto; padding-top:20px; }
#footer a:link, #footer a:visited { text-decoration:none; color:#f7f1e3; }
#footer p { text-decoration:none; color:#f7f1e3; font-size:0.9em; padding-left:10px; }
#footer a:hover, #footer a:active { text-decoration:none; color:#5a9eb9; }

#footer ul.footer { margin-bottom:15px; font-size:1.0em; font-family:Arial, Helvetica, sans-serif; }
#footer li { padding: 0 5px 0 7px; display:inline; border-left: 1px solid #f7f1e3; }
#footer li.first { border: none; }

/* Quick Contact Form
 * ------------------------------------------------------------------------- */

form { width:200px; padding:10px 0 10px 12px;}
	
form p	{ font-size:10px; }

form br { line-height:0; /* defaults vertical spacing between fields */}
	
input, textarea, select { 
	background-color:#e3dccc !important; 
	border:1px solid #f7f1e3;
	color:#4e4e4e;
	width:200px; 
	height:18px; 
	margin-bottom:3px; /* sets vertical spacing between fields */
	padding-top:4px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; 
	font-size:10px;
	}

textarea { height:70px; overflow:auto; }

input.submit, input.submit-contact-main { 
	width:60px; 
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:85px 0 0 242px; }

input.submit-image { 
	background: url(../images/index/btn_submit.jpg); 
	width:63px; 
	height:15px; 
	border:none; 
	cursor:pointer; 
	}


/* Main Contact Form

 * ------------------------------------------------------------------------- */

#contact-main { padding:20px 0px 60px 0px; }

#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px; 
}

#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:200px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}

#contact-main label textarea { height:100px; }


/* Horozontal MAIN NAVIGATION Sprite Nav
 * ------------------------------------------------------------------------- */

#nav { 
	background: url("../images/nav.jpg") left top no-repeat; 
	width:807px; 
	height:49px; 
	margin:0; 
	padding:0;
	}

#nav span { display: none; }

#nav li, #nav a { height:49px; display: block; }

#nav li { float: left; list-style: none; _display: inline; }

#nav-01 { width: 77px; margin-left: 13px;}
#nav-02 { width: 168px;}
#nav-03 { width: 104px;}
#nav-04 { width: 183px;}
#nav-05 { width: 129px;}
#nav-06 { width: 120px;}

#nav-01 a:hover { background: transparent url("../images/nav.jpg")  -13px -49px no-repeat;}
#nav-02 a:hover { background: transparent url("../images/nav.jpg")  -90px -49px no-repeat;}
#nav-03 a:hover { background: transparent url("../images/nav.jpg") -258px -49px no-repeat;}
#nav-04 a:hover { background: transparent url("../images/nav.jpg") -362px -49px no-repeat;}
#nav-05 a:hover { background: transparent url("../images/nav.jpg") -545px -49px no-repeat;}
#nav-06 a:hover { background: transparent url("../images/nav.jpg") -674px -49px no-repeat;}

/* --- son of suckerfish: horizontal sprite nav */
#nav li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px; /* Fixes one px spacing for border-right in FF */
	background-color:#e3dac3;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	margin-left:0;
	z-index: 99;
}

#nav li ul li { 
	height:25px; /* Height of each drop down nav item */
	border:1px solid #d0cbbd;
	border-top:none;
}	

#nav li ul li a {
	width:100%;
	height:25px;	/* Height of each drop down nav item, should match above */
	line-height:25px;	 /* Height of each drop down nav item again, should match above */
}

#nav li ul li a span {
	display:block;
	padding: 5px 0 0px 13px;
	color:#4e4e4e;
}
#nav li ul li a:hover span, #nav li ul li a:active span {
    color:#4e4e4e;
}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.0em;
	color:#4e4e4e;
	text-decoration:none;
}

#nav li:hover ul, #nav li.sfHover ul {
	left: auto;
}
#nav li:hover, #nav li.sfHover { /* fixes son of suckerfish bug in IE7 */
	position: static;
}

/** Support for the "iehover-fix.js" **/
#nav iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

/* Hover styles for drop down items */
#nav-02 ul a:hover, #nav-03 ul a:hover, #nav-06 ul a:hover { 
	background-image:none;
	background-color:#f7f1e3;
	color:#4e4e4e;
	text-decoration:none;
}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-02 ul, #nav-02 li { width:168px; }		
#nav-03 ul, #nav-03 li { width:104px; }
#nav-06 ul, #nav-06 li { width:120px; }
