/* @override http://rmwebsite.com/seeasyoungasyoufeel/rebuild/wp-content/themes/syf/style.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:#e8d6d2 url("images/bgBody.jpg") top repeat-x;
	text-align:center; 
	font:14px/20px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color:#464646;
	}

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

h1	{
	font-size:1.2em;
	color:#000;
}

h2	{
	font-size:22px;
	font-weight: normal;
	color:#215571;
	border-bottom: 1px solid;
	padding-bottom: 5px;
	margin-bottom: 10px;
	clear: both;
	display: table;
	width: 100%;
}

h3	{
	font-size:16px;
	color:515150;
	line-height: 20px;
	font-weight: normal;
	margin: 10px 0;
	border-bottom: 1px solid;
	padding-bottom: 2px;
	margin-bottom: 10px;
}

a:link,a:visited {
	color:#215571;
	text-decoration:underline;
	outline:none;
}

a:hover,a:active {
	color:#2f86af;
	text-decoration:underline;
	outline:none;
}

ul {
	list-style-image: url(images/bullet.png);
	list-style-position: inside;
}

/* ------------------------ classes ------------------------ */
.clear	{ 
	clear:both;
	}

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

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("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; 
	}

.table {
	display: table;
	margin-left: 70px;
}

.row {
	display: table-row;
}

.cell {
	display: table-cell;
	vertical-align: top;
}

.cell ul {
	margin-left: 0px !important;
}

.cell p {
	margin: 0 0 0 12px !important;
}

#columnLeft .anchor {
	margin: 0 !important;
}

/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

/* ------------------------ main framework ------------------------ */
#wrap {
	background:url("images/bg-wrap.jpg") repeat-y;
	width:1000px;
	margin:0 auto;
	text-align:left;
	}
	
#logo {
	background: url("images/logo.jpg") no-repeat;
	float: left;
}

#logo a {
	width: 360px;
	height: 120px;
	display: block;
	text-indent: -9999px;
}

#contactNumber {
	background: url("images/contactNumber.jpg") top right no-repeat;
	height: 82px;
	width: 640px;
	float: left;
	text-indent: -9999px;
}

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

#nav li, #nav a { height:38px; display:block; text-indent: -9999px;}

#nav li { float:left; list-style:none; display:inline; position:relative; }

#nav-01 { width: 56px; margin-left: 8px;}
#nav-02 { width: 51px;}
#nav-03 { width: 72px;}
#nav-04 { width: 84px;}
#nav-05 { width: 80px;}
#nav-06 { width: 46px;}
#nav-07 { width: 70px;}
#nav-08 { width: 83px;}

#nav-01 a:hover { background:url("images/nav.jpg")  -8px -38px no-repeat; }
#nav-02 a:hover { background:url("images/nav.jpg") -64px -38px no-repeat; }
#nav-03 a:hover { background:url("images/nav.jpg") -115px -38px no-repeat; }
#nav-04 a:hover { background:url("images/nav.jpg") -187px -38px no-repeat; }
#nav-05 a:hover { background:url("images/nav.jpg") -271px -38px no-repeat; }
#nav-06 a:hover { background:url("images/nav.jpg") -351px -38px no-repeat; }
#nav-07 a:hover { background:url("images/nav.jpg") -397px -38px no-repeat; }
#nav-08 a:hover { background:url("images/nav.jpg") -467px -38px no-repeat; }

/* ------------------------ masthead framework ------------------------ */
#masthead {
	/*background:url("images/masthead.jpg");*/
	height:399px;
	margin-bottom: 20px;
	clear: both;
}

#homeContent {
	margin-left: 30px;
	background:  url("images/logoWatermark.png") 350px bottom no-repeat;
}

#leftContent {
	width: 481px;
	padding-right: 43px;
	float: left;
}

#leftContent p {
	margin: 0 0 20px 0 !important;
}

#leftContent h3 {
	border: none;
}

#leftContent ul {
	margin: 0 0 20px;
	display: table;
}

#leftContent li {
	width:  300px;
	float: left;
	line-height: 21px;
}

#video {
	width: 403px;
	float:  left;
}

#videoPlayer {
	background: url("images/bkgdVideo.jpg") no-repeat;
	height: 236px;
	width: 344px;
	margin-bottom: 30px;
}

#videoPlayer p#player1 {
	float: none;
	margin: 0 auto;
	padding: 11px 0 0 0;
}

p#player1 {
/*	width: 320px !important;
	height: 213px;
	display: table;
	float: right;*/

}

#video h2 {
	background: url("images/videoArrow.jpg") no-repeat;
	height: 47px;
	width: 303px;
	text-indent: -9999px;
	border: none;
	margin: 0 0 20px 20px;
	padding: 0;
	display: block;
}

#video p {
	width: 344px;
	margin: 0 0 0 12px !important;
}

/* ------------------------ columnLeft framework ------------------------ */
#columnLeft {
	width:671px;
	float:left;
	padding: 0 40px 0 0;
	}

	#columnLeft p, #columnLeft h1, #columnLeft h2, #columnLeft h3, #columnLeft ul, #columnLeft dl {
		margin:0px 0px 10px 65px;
		}
		
#columnLeft h2 {
	margin-bottom: 20px !important;
	width: 607px !important;
}

#columnLeft h3 {
	margin-top: 20px;
}
		
#columnLeft #masthead {
	background: url("images/mastheadInside.jpg") no-repeat;
	height: 212px;
	width: 711px;
}

.about #columnLeft #masthead { background: url("images/mastheadBaseball.jpg") no-repeat; }
.our-physicians #columnLeft #masthead { background: url("images/mastheadBusiness.jpg") no-repeat; }
.procedures #columnLeft #masthead { background: url("images/mastheadGolf.jpg") no-repeat; }
.faqs #columnLeft #masthead { background: url("images/mastheadMakeUp.jpg") no-repeat; }
.financing #columnLeft #masthead { background: url("images/mastheadRockHouse.jpg") no-repeat; }
.contact-us #columnLeft #masthead { background: url("images/mastheadSurfing.jpg") no-repeat; }
.blog #columnLeft #masthead { background: url("images/mastheadSurfing.jpg") no-repeat; }
.presbyopia #columnLeft #masthead { background: url("images/mastheadMakeUp.jpg") no-repeat; }

#doctors {
	margin-left: 70px;
}

#btnGordon {
	background: url("images/btnGordon.jpg") no-repeat;
	height: 139px;
	width: 303px;
	display: table-cell;
	text-indent: -9999px;
}

#btnGordon:hover { background: url("images/btnGordon.jpg") left bottom no-repeat; }

#btnPerry {
	background: url("images/btnPerry.jpg") no-repeat;
	height: 139px;
	width: 303px;
	display: table-cell;
	text-indent: -9999px;
}

#btnPerry:hover { background: url("images/btnPerry.jpg") left bottom no-repeat; }

#btnWeiss {
	background: url("images/btnWeiss.jpg") no-repeat;
	height: 139px;
	width: 303px;
	display: table-cell;
	text-indent: -9999px;
}

#btnWeiss:hover { background: url("images/btnWeiss.jpg") left bottom no-repeat; }

#btnGeffen {
	background: url("images/btnGeffen.jpg") no-repeat;
	height: 139px;
	width: 303px;
	display: table-cell;
	text-indent: -9999px;
}

#btnGeffen:hover { background: url("images/btnGeffen.jpg") left bottom no-repeat; }

.post {
	border-bottom: 2px solid #215571;
	padding-bottom: 10px;
	margin: 0 40px 20px 70px;
}

#columnLeft .post h2 {
	margin-bottom: 0px !important;
	border-bottom: none;
	margin-left: 0px;
}

.post h2 a {
	font-size:22px;
	font-weight: normal;
	clear: both;
	line-height: 24px;
}

.metaData {
	font-size: .8em;
}

.metaData a {
	font-size: 1em;
}

.post p {
	margin-left: 0px!important;
}

#btnConsultation {
	background: url("images/btnConsultation.jpg") no-repeat;
	width: 596px;
	height: 124px;
	display: block;
	margin: 0 auto;
	text-indent: -9999px;
}

#btnConsultation:hover {
	background: url("images/btnConsultation.jpg") left bottom no-repeat;
}

/* ------------------------ columnRight framework ------------------------ */
#columnRight {
	width:289px;
	float:left;
	background: url("images/bkgdColumnRight.jpg") no-repeat;
	padding-top: 97px;
	}

	#columnRight p, #columnRight h1, #columnRight h2, #columnRight h3, #columnRight ul, #columnRight dl {
		margin:0px 0px 23px 0px;
		}

#columnRight h2, #columnRight p {
	width: 200px;
}

#btnAreYouACandidate {
	background: url("images/btnAreYouACandidate.jpg") no-repeat;
	width: 196px;
	height: 169px;
	display: block;
	text-indent: -9999px;
	margin-bottom: 10px;
}

#btnAreYouACandidate:hover {
	background: url("images/btnAreYouACandidate.jpg") left bottom no-repeat;
}

#btnContactUs {
	background: url("images/btnContactUs.jpg") no-repeat;
	width: 196px;
	height: 60px;
	display: block;
	text-indent: -9999px;
	margin-bottom: 10px;
}

#btnContactUs:hover {
	background: url("images/btnContactUs.jpg") left bottom no-repeat;
}

#btnReadBlog {
	background: url("images/btnReadBlog.jpg") no-repeat;
	width: 196px;
	height: 60px;
	display: block;
	text-indent: -9999px;
	margin-bottom: 30px;
}

#btnReadBlog:hover {
	background: url("images/btnReadBlog.jpg") left bottom no-repeat;
}

.question {
	margin-bottom: 0px !important;
	border-bottom: 1px solid #d2aa99;
}

.answer {
	background: url("images/smallArrow.jpg") right no-repeat;
	padding-right: 13px;
	display: table;
	width: 50px !important;
}

#logoCareCredit {
	margin-bottom: 18px;
}

#homeBtns {
	margin: 30px 0 0 90px;
}

/* ------------------------footer framework ------------------------ */
#footer {
	width:1000px;
	margin:0 auto;
	text-align:center;
	font-size: 10px;
	padding: 50px 0 20px;
	clear: both;
	display: table;
}

#footer p {
	margin-bottom:10px;
}

#footer a {
	font-size: 10px;
}

#footer li {
	padding:0 5px 0 7px; 
	display: inline;
	border-left: 1px solid #464646;
}

#footer li:first-child { border: none; }

.post-news {
	width:250px;
	float:left;
	margin:0 20px;
}

.post-news h3 {border-bottom:none;}

.latest-h2 {width:481px;}

#network {width:196px;
	 height:48px;
	background:url(images/network.gif);
	padding-top:30px;
	margin:20px 0 30px 0;
	}

.home #network {margin-bottom:0;}	

#youtube {
	background:transparent url(images/youtube.gif) repeat scroll left top;
	display:block;
	float:left;
	height:42px;
	text-indent:-9999px;
	width:42px;
	margin-left:14px;
}

#youtube:hover {
	background:transparent url(images/youtube.gif) repeat scroll bottom left;
}

#facebook {
	background:transparent url(images/facebook.gif) repeat scroll left top;
	display:block;
	float:left;
	height:42px;
	text-indent:-9999px;
	width:42px;
}

#facebook:hover {
	background:transparent url(images/facebook.gif) repeat scroll bottom left;
}

#twitter {
	background:transparent url(images/twitter.gif) repeat scroll left top;
	display:block;
	float:left;
	height:42px;
	text-indent:-9999px;
	width:42px;
}

#twitter:hover {
	background:transparent url(images/twitter.gif) repeat scroll bottom left;
}

#rss {
	background:transparent url(images/rss.gif) repeat scroll left top;
	display:block;
	float:left;
	height:42px;
	text-indent:-9999px;
	width:42px;
}

#rss:hover {
	background:transparent url(images/rss.gif) repeat scroll bottom left;
}