/**
* @author Julian Sutter <Julian@fryewiles.com>
* @author Archa Sung	<Archa@fryewiles.com>
* @version 0.2.1 20080506AS
* @version 0.2.0 20080505AS
* @version 0.1.9 20080502JS
* @version 0.1.8 20080422AS
* @version 0.1.0 20080417JS
* Orange	 	#DC971C;
* turq Blue		#00A0C6;
* drk Grey		#333333;
* Light Org.	#FFD31A;
*/

#nav-main {
	margin: 0px 20px 10px 515px; 
	text-align: center;
	width: 510px;
	background-color:#FFD31A;
	padding: 5px 0;
}

#nav-main li {
  	display: inline;
	padding: 10px 15px 5px;
  	margin: 0px;
}

#nav-main li a {
	color: #333;
	text-decoration: none;
}

#nav-main li a:hover {
	color: white;
}

#nav-menu {
	padding: 10px;
	text-align: left;
	background-color: #333;
}

#menu-container {
	width: 100%;
}

#nav-menu li {
  display: inline;
}

.treatments {
	/*border-right: 1px solid white; */
	padding-right: 5px;
	color: #DC971C;
	font-style: italic;
}

#nav-menu li a {
	color: white;
	text-decoration: none;
	padding: 5px 10px;
}

#nav-menu li a:hover {
	background-color: #00A0C6;

-webkit-box-shadow: 0px -2px 3px rgba(0,0,0,0.6);
-moz-box-shadow: 	0px -2px 3px rgba(0,0,0,0.6);
box-shadow: 		0px -2px 3px rgba(0,0,0,0.6);
}

#nav-menu li a:active {
	background-color: #00A0C6;

-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 	0px 0px 3px rgba(0,0,0,0.4);
box-shadow: 		0px 0px 3px rgba(0,0,0,0.4);
}



h1 {
	background: url(/images/layout/header.png) top left no-repeat;
}

h1 a {
	display: block;
	height: 120px;
}

h4 {
	color:#000;
}

#content {
	
}

img {

}

#content-header {
	color: #333;
	background: url(/images/home/lidlift-staff.jpg) no-repeat white top left;
	padding: 150px 0 100px 380px;
}


#content-header h2	{
	display: block;
	min-height: 1px;
	padding-top: 60px; /*makes room for background text. */
	background: url(/images/headers/welcome.png)  -5px top no-repeat; /* -5 is for indent on image to like up */
}

#content-header h2.asian-blepharoplasty {
	background: url(/images/headers/asian-blepharoplasty.png)  -3px top no-repeat; /* -5 is for indent on image to like up */
	padding-bottom:37px;
}

#content-header h2.botox {
	background: url(/images/headers/botox.png)  -3px top no-repeat; /* -5 is for indent on image to like up */
}

#content-header h2.microbotox {
	background: url(/images/headers/microbotox.png)  -3px top no-repeat; /* -5 is for indent on image to like up */
	padding-bottom:85px;
}

#content-header h2.fillers {
	background: url(/images/headers/fillers.png)  -5px top no-repeat; /* -5 is for indent on image to like up */
}

#content-header h2.eyelid {
	background: url(/images/headers/eyelid.png) left top no-repeat; /* -5 is for indent on image to like up */
	padding-bottom: 5px;
}

#content-header h2.forehead {
	background: url(/images/headers/forehead.png)  -3px top no-repeat; /* -5 is for indent on image to like up */
}

#content-header h2.face {
	background: url(/images/headers/face.png)  -3px top no-repeat; /* -5 is for indent on image to like up */
}

#content-header h2.midface {
	background: url(/images/headers/midface.png)  -5px top no-repeat; /* -5 is for indent on image to like up */
}

#content-header h2.peel {
	background: url(/images/headers/peel.png)  -3px top no-repeat; /* -5 is for indent on image to like up */
}

#content-header h2.lipo {
	background: url(/images/headers/lipo.png)  -1px top no-repeat; /* -5 is for indent on image to like up */
}

#content-header h2.reconstruction {
	background: url(/images/headers/reconstruction.png)  -4px top no-repeat; /* -5 is for indent on image to like up */
}

#content-header h2.foto {
	background: url(/images/headers/foto.png)  -5px top no-repeat; /* -5 is for indent on image to like up */
}

#content-header h2.steinsapir {
	background: url(/images/headers/steinsapir.png)  -5px top no-repeat; /* -5 is for indent on image to like up */
}

#content-header h2.fixing {
	background: url(/images/headers/fixing.png)  -5px top no-repeat; /* -5 is for indent on image to like up */
	padding-bottom: 3px;
}

#content-header h2.glossary {
	background: url(/images/headers/glossary.png)  -6px top no-repeat; /* -5 is for indent on image to like up */
	padding-bottom: 3px;
}

#content-header h2.search {
	background: url()  0px top no-repeat; /* -5 is for indent on image to like up */
	padding-bottom: 0px;
}



#content-header .padder {
	width: 100%;
}

#content-divider { 
	height: 40px;
	background-color: #333;
}

#content-divider h2 {
	margin-left: 100px;
	font-size: 1.8em;
	padding: 10px 0px;
	width: 900px;
}

#content-divider h2 .sub-text {
	text-align: right;
	font-size: .5em;
}

#content-divider h2 .sub-text strong {
	color: #DC971C; !important;
	font-size: 1.1em;
}




#main-content {
	background: url(/images/layout/orange-smoke.jpg) center top no-repeat;
	padding-bottom: 40px;
}



/*---------------------------------< Main Section Layout >--------------------------------*/
#column {
	width: 650px;
	margin-left: 100px;
	float: left;
}


#left-column {
	width: 400px;
	margin-left: 100px;
	float: left;
}

#right-column {
	width: 400px;
	margin-left: 100px;
	float: left;
}

#examples {
	padding: 5px;
}

#examples-container {
	width: 354px;
	background: #fff;
	margin-top: 15px;
}

#examples-container h3 {
	background: #333;
	padding: 5px;
	color: #fff;
}

#examples img {
	float: left;
	margin: 10px;
	border: 1px solid #dc971c;
	width: 320px;
}

#faq {
	color: #333;
}

#faq ul {
	margin-left: 30px;
	padding: 10px;
}


#faq li {
	list-style: square;
	margin: 5px 0;
}

#faq a {
	color: #333;
}

#faq a:hover {
	color: #dc971c;
}

#home-procedures {
	padding: 15px;
	color: #333333;
}

#home-procedures p {
	font-size: .9em;
	
}


/*---------------------------------< Sub Section Layout for Faq and Articles >--------------------------------*/


#content-container {
 padding: 50px 50px;
 background-color: white;
 color: #333;
}

#content-container #info{
	width: 900px;
}



#content-container #info #left-column {
	width: 450px;
	float: left;
	margin: 0px !important;
}

#content-container #info #right-column {
	width: 354px;
	margin-left: 30px;
	float: right;
}


#content-container h2 {
	width: 400px;
}

#content-container #info #examples-container h3 {
	background: #333;
	padding: 5px;
	margin-top: 15px;
	color: #fff;
}


#content-container h2.steinsapir {
	background: url(/images/headers/steinsapir.png)  -5px top no-repeat; /* -5 is for indent on image to like up */
	height: 65px;
}

#content-container h2.policy {
	background: url(/images/headers/policies.png)  -98px top no-repeat; /* -5 is for indent on image to like up */
	height: 65px;
}

#content-container h2.testimonials {
	background: url(/images/headers/testimonials.png)  -40px top no-repeat; /* -5 is for indent on image to like up */
	height: 65px;
}

#content-container h2.location {
	background: url(/images/headers/our-location.png)  -30px top no-repeat; /* -5 is for indent on image to like up */
	height: 65px;
}

/*---------------------------------< examples layout >--------------------------------*/

.example-thumbs {
	width: 900px;
	text-align: left;
}

.example-thumbs li {
	display: inline;
	margin: 1px;
}

.example-thumbs li a img {
	border: 2px #DC971C solid;
	height: 60px;
	vertical-align: top;
	margin-top:6px;
}

.example-thumbs li a img:hover {
	border: 2px #333333 solid;
}

.example-text {
	padding-left: 340px;
	padding-top: 0px;
}

/*---------------------------------< subnav >--------------------------------*/
#sub-nav {
	margin: 0px 0px 10px 0px;
	padding: 5px 0;
	width: 100%;
	border-bottom: 1px solid #cccccc;
}

#sub-nav ul {
}

#sub-nav ul li {
	list-style: disc;
	display: inline;
	border-right: thin solid #333333;
	padding-right: 8px;
}

#sub-nav li a {
	color: #333333;
	text-decoration: none;
	padding-left: 8px;
}

#sub-nav li a:hover {
	color: #DC971C;
}
/*---------------------------------< Footer >--------------------------------*/

#footer {
	border-top: 1px solid #ffffff;
	
	
}

#footer ul li{
	font-size: .9em;
	text-transform: uppercase;
	display: inline;
	margin: 0 15px;
}