/*--------------------- Last Modified --> 2006.11.10 ---------------------*/
/*-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
Copyright Einstein Industries 2006. Used with Permission.
May not be duplicated or reproduced.
Please check for cross-browser compatibility prior to making changes
MINIMUM BROWSER CHECK ::IE5.x/IE6/Firefox/Safari
CSS Document - layout.css
/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img,a img,:link img,:visited img {
	border: 0;
}
address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
q:before,q:after {
	content: '';
}
/* ------------------------ GLOBAL ELEMENTS ------------------------ */
/* ------------------------ type selectors ------------------------ */
body {
	background: url(../images/bg.jpg) #DFE8F0 top left repeat-x;
	text-align: center;
	font: 12px/16px Arial,Helvetica,sans-serif;
	color: #FFFFFF;
}
blockquote {
	margin-left: 10px;
	margin-right: 10px;
	font-style: italic;
}
h1 {
	font-size: 20px;
	color: #fff;
	line-height: 20px;
	padding: 12px 0;
	font-family: Georgia,"Times New Roman",Times,serif;
}
h2 {
	font-size: 13px;
	color: #E8A846;
	font-family: Arial,Helvetica,sans-serif;
}
h3 {
	font-size: 1.0em;
	color: #E8A846;
}
h1 span,h2 span,h3 span {
	display: none;
}
a:link,a:visited {
	color: #ECBA6C;
	text-decoration: underline;
	outline: none;
}
a:hover,a:active {
	color: #F2DBB7;
	text-decoration: underline;
	outline: none;
}
h2.certified {
	padding-bottom: 0;
}
.brown {
	color: #723f18;
	font-weight: bold;
}
/* ------------------------ classes ------------------------ */
.clear {
	clear: both;
}
div.clear {
	height: .01em;
	overflow: hidden;
}
p.back-to-top {
	text-align: right;
	display: block;
	padding-right: 15px;/*background:url("http://elpasoplasticsurgery.com.s3.amazonaws.com/images/bullet-back-to-top.jpg") right no-repeat;*/
}
img.img-left {
	float: left;
	margin: 2px 10px 10px 0px;
}
img.img-right {
	float: right;
	margin: 5px 0px 10px 10px;
}
/* ------------------------ form elements ------------------------ */
form {
	width: 195px;/*margin:10px 0 15px 0;/* set margin left and right below */
}
form label {
	font-size: .95em;
}
form br {
	line-height: 0;
	height: 0;
}
/* defaults vertical spacing between fields */
input,textarea,select {
	background-color: #fff !important;/* to prevent highlighting by Google Toolbar */
	border:1px solid #B4790C;
	color: #000;
	width: 190px;/* 5 pixles smaller than form width !important */
	height:19px;
	line-height: 18px;
	vertical-align: middle;
	margin-bottom: 4px;/* sets vertical spacing between fields */
	padding-top:1px;/* vertically position text in input/textarea field */
	padding-left:4px;/* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 1.0em;
}
select {
	width: 195px;
	padding: 0;
}
/* same width as form - !important */
textarea {
	height: 90px;
	overflow: auto;
}
#contact_business {
	display: none;
}
/* do not remove */
.subscribe {
	width: 20px;
}
/* ------------------------ SPECIFIC ELEMENTS ------------------------ */
/* ------------------------ main contact form ------------------------ */
#contact-main {
	margin: 20px 0 10px 0;
}
#contact-main label {
	width: 220px;
	position: relative;
	display: block;
	text-align: right;
	margin-bottom: 10px;
	font-size: 1.0em;
}
#contact-main label input,#contact-main label textarea,#contact-main label select {
	width: 170px;
	position: absolute;
	left: 110%;
	top: -2px;
}
#contact-main label select {
	width: 175px;
}
/* fixes display issue - 5px larger than input field */
#contact-main label textarea {
	height: 100px;
	overflow: auto;
}
/* ------------------------ submit button form elements ------------------------ */
input.submit,input.submit-contact-main {
	width: 60px;
	height: 20px;
	cursor: pointer;
	padding: 0;
}
input.submit-contact-main {
	margin: 95px 0 0 243px;
}
/* defines placement of contact-main submit button */
input.submit-image,input.submit-contact-main {/* REMOVE IF NOT USED */
	background:url("http://elpasoplasticsurgery.com.s3.amazonaws.com/images/btn-submit.jpg");
	width: 64px;
	height: 20px;
	border: none;
	cursor: pointer;
}
/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */
#content {
	float: left;/*background:url("http://elpasoplasticsurgery.com.s3.amazonaws.com/images/content-bg.jpg") top no-repeat;*/
	width:774px;
}
/* ------------------------ main framework ------------------------ */
#wrap {
	background: url("../images/main_table_bg.gif") repeat-y;
	width: 774px;
	margin: 0 auto;
	text-align: left;
}
/* ------------------------ masthead framework ------------------------ */
#masthead {
	position: relative;
	background: url("../images/index/index_r1_c1.jpg");
	height: 69px;
}
/* index page link within #masthead */
#masthead a {
	position: absolute;
	left: 0px;
	width: 0px;
	top: 0px;
	height: 0px;
}
#masthead a span {
	display: none;
}
#masthead .ph-number {
	text-align: right;
	color: #723F18;
	font-size: 20px;
	padding: 30px 45px;
}
/* ------------------------ column-left framework ------------------------ */
#column-left {
	width: 241px;
	float: left;
}
#column-left p,#column-left h1,#column-left h2,#column-left h3,#column-left ul,#column-left ol,#column-left dl {
	margin: 10px 17px 10px 20px;
}
#column-left form {
	padding-left: 20px;
}
/* set form margin here */
/* single column list */
#column-left ul {
	padding-left: 15px;
}
#column-left ul li {/*background:transparent url("../images/bullet.jpg") 0px 6px no-repeat;/* 0px = horizontal position for left,6px = vertical position from top */
/*padding-left:10px;/* pushes text to the right to display bg img */
list-style-type:disc;
}
#column-left ol {
	padding-left: 15px;
}
#column-left ol li {
	list-style: decimal;
}
/* multi column list */
/*#column-left ul {
padding-left: 5px;
}
#column-left ul li {
background: transparent url("../images/bullet.jpg") 0px 6px no-repeat;/* 0px = horizontal position for left,6px = vertical position from top */
/*padding-left:10px;/* pushes text to the right to display bg img */
/*float:left;/*width:150px;/* sets the width of each column */
/*line-height:20px;
}
*/
/* definition list */
#column-left dl {
	padding-left: 5px;
}
#column-left dl dt {
	font-weight: bold;
	color: #723F18;
}
#column-left dl dd {/*background:transparent url("../images/bullet.jpg") 0px 6px no-repeat;/* 0px = horizontal position for left,6px = vertical position from top */
padding-left:10px;/* pushes text to the right to display bg img */
margin-left:5px;
list-style: disc;
}
/* ------------------------ column-right framework ------------------------ */
#column-right {
	background: transparent url("../images/subhead.jpg") no-repeat scroll 0 0;
	width: 533px;
	float: left;
}
#column-right p,#column-right h1,#column-right h2,#column-right h3,#column-right ul,#column-right dl {
	margin: 10px 31px 15px 18px;
}
#column-right form {
	padding-left: 18px;
}
/* single column list */
#column-right ul {
	padding-left: 0px;
}
#column-right ul li {
	background: transparent url("../images/bullet.gif") 0px 6px no-repeat;/* 0px = horizontal position for left,6px = vertical position from top */
	padding-left:10px;/* pushes text to the right to display bg img */
}
/* multi column list */
/*#column-right ul {
padding-left: 20px;
}
#column-right ul li {
background: transparent url("../images/bullet.jpg") 0px 6px no-repeat;/* 0px = horizontal position for left,6px = vertical position from top */
/*padding-left:10px;/* pushes text to the right to display bg img */
/*float:left;
width: 150px;
line-height: 20px;
}
*/
/* definition list */
#column-right dl {
	padding-left: 20px;
}
#column-right dl dt {
	font-weight: bold;
	color: #99CC00;
}
#column-right dl dd {
	background: transparent url("http://elpasoplasticsurgery.com.s3.amazonaws.com/images/bullet.jpg") 0px 6px no-repeat;/* 0px = horizontal position for left,6px = vertical position from top */
	padding-left:10px;/* pushes text to the right to display bg img */
	margin-left:5px;
}
#column-right .btn-espanol {
	padding-top: 50px;
	margin-bottom: 7px;
}
/* ------------------------ header framework ------------------------ */
/*#header-flash {
height: 326px;
}
/* sets height for the flash header - REMOVE IF NOT USED */
/*#active-x {
height: 326px;
}
*/
#header-graphic {
	height: 197px;/* sets height for all non-flash headers */
	background:url("../images/header.jpg");
}
/* ------------------------ subhead framework ------------------------ */
#subhead {
	height: 164px;
}
/* sets height for all subheads */
body#index #subhead {
	background: url("../images/subhead.jpg");
}
body#about #subhead {
	background: url("http://elpasoplasticsurgery.com.s3.amazonaws.com/images/subhead-about.jpg");
}
body#contact #subhead {
	background: url("http://elpasoplasticsurgery.com.s3.amazonaws.com/images/subhead-contact.jpg");
}
body#thankyou #subhead {
	background: url("http://elpasoplasticsurgery.com.s3.amazonaws.com/images/subhead-thankyou.jpg");
}
body#sitemap #subhead {
	background: url("http://elpasoplasticsurgery.com.s3.amazonaws.com/images/subhead-sitemap.jpg");
}
/* ------------------------ subhead framework with varying heights ------------------------ */
#subhead-meet-doc {
	height: 55px;
	background: url("http://elpasoplasticsurgery.com.s3.amazonaws.com/images/subhead-meet-doc.jpg") ;
}
/* ------------------------ title framework with varying heights ------------------------- */
#title-contact {
	height: 55px;
	background: url("http://elpasoplasticsurgery.com.s3.amazonaws.com/images/title-contact.jpg") ;
}
#title-our-procedures {
	height: 35px;
	background: url("http://elpasoplasticsurgery.com.s3.amazonaws.com/images/title-our-procedures.jpg") ;
}
/* ------------------------------------- Buttons ---------------------------------------- */
#btn-special-offer {
	height: 186px;
	display: block;
	background: url("http://elpasoplasticsurgery.com.s3.amazonaws.com/images/dental-btn-special-offer.jpg") no-repeat;
}
#btn-special-offer:hover {
	background: url("http://elpasoplasticsurgery.com.s3.amazonaws.com/images/dental-btn-special-offer.jpg") -100px 0 no-repeat;/* -100px = horizontal img shift,0px = vertical shift from top */
}
#btn-special-offer span {
	display: none;
}
/* ------------------------ bottom-wrap framework ------------------------ */
/* ------------ must have below column-left and column-right to clear the float ------------ */
#bottom-wrap {
	background: url("../images/index/index_r11_c1.jpg");
	width: 100%;/* fix for Safar */
	height:42px;
	clear: both;/* important - do not remove */
}
/* ------------------------footer framework ------------------------ */
#footer {
	width: 760px;
	margin: 0 auto;
	text-align: center;
}
#footer p {
	color: #000;/*margin-bottom:10px;*/
	margin:0 20px 18px 20px;
}
#footer a:link,#footer a:visited {
	color: #202162;
	text-decoration: underline;
}
#footer a:hover,#footer a:active {
	color: #B08E58;
	text-decoration: underline;
}
#footer ul {
	margin: 10px;
}
#footer li,#footer ul li ul {/* if your li's float,you can adjust border height w/ line-height */
padding:0 5px 0 7px;/* adjusts the spacing between each li display and border-left */
display:inline;
border-left: 1px solid #202162;
font-weight: bold;
}
#footer li.first,#footer ul li ul {
	border: none;
}
#footer li ul {
	display: inline;
}
#footer ul li ul {
	margin: 0px;
}
#footer ul li {
	padding-right: 0;
}
/* ------------------------ MAIN NAVIGATION FRAMEWORK ------------------------ */
/* ------------------------ top horizontal sprite nav ------------------------ */
#top-nav {
	background: url("../images/top-nav.jpg") no-repeat;
	width: 774px;
	height: 26px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 999;
}
#top-nav span {
	display: none;
}
#top-nav li,#top-nav a {
	height: 26px;
	display: block;
}
/* change height here also */
#top-nav li {
	float: left;
	list-style: none;
	_display: inline;
	position: relative;
}
#top-nav-01 {
	width: 51px;
	margin-left: 7px;
}
#top-nav-02 {
	width: 72px;
}
#top-nav-03 {
	width: 83px;
}
/*-------------- (-79px) X position of button / (-26px) height of image from above ------------- */
#top-nav-01 a:hover {
	background: url("../images/top-nav.jpg") -7px -26px no-repeat;
}
#top-nav-02 a:hover {
	background: url("../images/top-nav.jpg") -58px -26px no-repeat;
}
#top-nav-03 a:hover {
	background: url("../images/top-nav.jpg") -130px -26px no-repeat;
}
/* ------------------------ horizontal sprite nav ------------------------ */
#nav {
	background: url("../images/nav.jpg") no-repeat;
	width: 774px;
	height: 26px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 999;
}
#nav span {
	display: none;
}
#nav li,#nav a {
	height: 26px;
	display: block;
}
/* change height here also */
#nav li {
	float: left;
	list-style: none;
	_display: inline;
	position: relative;
}
#nav-01 {
	width: 80px;
	margin-left: 7px;
}
#nav-02 {
	width: 146px;
}
#nav-03 {
	width: 73px;
}
#nav-04 {
	width: 152px;
}
#nav-05 {
	width: 114px;
}
#nav-06 {
	width: 74px;
}
#nav-07 {
	width: 118px;
}
/*-------------- (-79px) X position of button / (-26px) height of image from above ------------- */
#nav-01 a:hover {
	background: url("../images/nav.jpg") -7px -26px no-repeat;
}
#nav-02 a:hover {
	background: url("../images/nav.jpg") -87px -26px no-repeat;
}
#nav-03 a:hover {
	background: url("../images/nav.jpg") -233px -26px no-repeat;
}
#nav-04 a:hover {
	background: url("../images/nav.jpg") -306px -26px no-repeat;
}
#nav-05 a:hover {
	background: url("../images/nav.jpg") -458px -26px no-repeat;
}
#nav-06 a:hover {
	background: url("../images/nav.jpg") -572px -26px no-repeat;
}
#nav-07 a:hover {
	background: url("../images/nav.jpg") -646px -26px no-repeat;
}
/*-------------- OPTIONAL - Keeps the hover state on each page based on body id ------------- */
body#SPECIFY #nav-01 {
	background: url("../images/nav.jpg") -79px -26px no-repeat;
}
body#SPECIFY #nav-02 {
	background: url("../images/nav.jpg") -158px -26px no-repeat;
}
body#SPECIFY #nav-03 {
	background: url("../images/nav.jpg") -247px -26px no-repeat;
}
body#SPECIFY #nav-04 {
	background: url("../images/nav.jpg") -341px -26px no-repeat;
}
body#SPECIFY #nav-05 {
	background: url("../images/nav.jpg") -428px -26px no-repeat;
}
body#SPECIFY #nav-06 {
	background: url("../images/nav.jpg") -460px -26px 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:#212264;/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	z-index:999;
}
#nav li ul li {
	height: 20px;/* Height of each drop down nav item */
	border:1px solid #B7B7B7;
	border-top: none;
}
#nav li ul li a {
	width: 100%;
	height: 20px;/* Height of each drop down nav item,should match above */
	line-height:20px;/* Height of each drop down nav item again,should match above */
}
#nav li ul li a span {
	display: block;
	padding-left: 5px;
}
/* Drop down link styles */
#nav a:link,#nav a:visited,#nav a:hover,#nav a:active {
	font-size: 1.0em;
	color: #FFFFFF;
	text-decoration: none;
}
#nav li:hover ul,#nav li.sfHover ul {
	left: auto;
}
/* Hover styles for drop down items */
#nav-02 ul a:hover,#nav-03 ul a:hover,#nav-04 ul a:hover {
	background-image: none;
	background-color: #5355a1;
	color: #FFFFFF;
	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: 300px;
}
#nav-03 ul,#nav-03 li {
	width: 300px;
}
#nav-04 ul,#nav-04 li {
	width: 300px;
}
/*----------------- 3D EYE Videos ------------*/
#tdeyeonlinelasik,#tdeyeonlineprk,#tdeyeonlineicl,#tdeyeonlinecataract {
	margin: 10px 15px 0px 8px;
}
h3.facebook {
	padding-top: 15px;
}
img.facebook {
	float: right;
	padding-right: 100px;
	padding-top: 15px;
}
.center {
	display: block;
	margin: 20px auto 0;
	width: 300px;
}
/*----------------- Contact Page Links ------------*/
#health-advance-links{margin-left:30px;}