body { 
	margin: 0px; 
	background-color: #5F5040;
	/*font-family:  times, times new roman;*/
	font-family:  "Lucida Grand", Arial, Geneva, Helvetica, sans-serif;
}


p, ul { 
	margin-top: 0px !important;
	margin-top: -5px;
	font-size: 11px; 
	line-height: 15px; 
	color: #5C5349;
}

.small { 
	margin-top: 1px;
	font-size: 10px; 
	line-height: 14px; 
	color: #999;
}




b { 
	font-weight: bold; 
	color: #3E3E3E;
}
b.big { font-size: 13px; 
	font-weight: bold; 
	color: #3E3E3E;
}

.minustop {margin-top:-30px;}

/*------HEAD TAGS------*/

h1, h2, h3 {
	font-weight: bold;
	font-size: 14px;
	margin-top:0px;
	margin-bottom:0px !important;
	margin-bottom:7px;
	color: #5C300D;
}

h4 {
	font-size: 12px; 
	color: #693D28; 
	margin:0px !important;
	margin:-10px 0 0 0;
	line-height:17px !important;
	line-height:15px;
	
}

h3 {font-size: 11px; font-weight: bold; color: #8E5E47; text-transform: uppercase; margin:4px; padding-bottom:5px !important; padding-bottom:0px;}
.lowercase {font-size: 11px; text-transform: none;}




/*------MISC STYLES------*/

.captions {
	margin: 0 5px 5px 11px;
	padding: 0;
	font-family: "Lucida Grande", sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	color: #333;
	}
	
.margin30 {
	margin-left:30px;
	z-index:60px;
	}
	
.margin10list {
	margin-left:10px;
	margin-top:-10px;
	}
.margin25list {
	margin-left:25px;
	margin-top:-10px !important;
	margin-top:0px;
	}
	
.top0 {
	margin-top:-10px;
	}
	
.margin10 {
	margin-left:10px;
	}
	
.margin16 {
	margin-left:16px;
	}
	
.ekname {
	font-size:16px;
	}
.ekname2 {
	font-size:13px;
	color:#426F62;
	font-weight:bold;
	line-height:17px;
	}
	
	

	


/*------ANCHORS------*/

a:link, a:visited {
		color: #1478AC;
		text-decoration: underline;
}

a:hover {
		color: #34A5D9;
		text-decoration: underline;
}



/* This holds the entire site */

#sitecontainer {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 1000px;
	border:1px solid #ff0000;
}


/* structure divs */
#frame_top { 
	width: 1000px; 
	height: 28px; 
	background-image: url("../images/frame_top.jpg");
	float: left;
}

#container {
	top: 60px;
	width: 1000px;
	background-image: url("../images/frame_leftright.jpg"); 
	background-repeat: repeat-y;
	float: left;
}

#address { 
	width: 1000px; 
	height: 80px; 
	float: left;
	background-image: url("../images/frame_leftright.jpg"); 
	background-repeat: repeat-y;
	text-align:left;
	padding-left:80px;
}

#frame_bottom { 
	width: 1000px; 
	height: 28px; 
	background-image: url("../images/frame_bottom.jpg");
	background-repeat: no-repeat;
	background-position: top;
	background-color: #ffffff; 
	float: right;
	text-align:right;
}



/*------COLUMNS------*/




/* This holds the top stuff */
#header {
width: 900px;
margin: 0px auto 0px 50px;
text-align:center;
}


/* left column - This holds the side navigation*/
#leftcol {
width: 172px;
float: left;
margin-left: 25px !important;
margin-left: 13px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

/* left column narrow - used on general pages like "About"*/
#leftcolnarrow {
width: 72px;
float: left;
margin-left: 25px !important;
margin-left: 13px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;

}

/* right column - This holds the main content on the page */
#copy {
width: 753px;
float: left;
background-image: url("../images/head_background.jpg");
background-repeat: no-repeat;
background-position: top;
}

/* right column wide - This holds the main content on the page for general pages like "About" */
#copywide {
width: 900px;
float: left;
background-image: url("../images/head_background.jpg");
background-repeat: no-repeat;
background-position: 147px 0 !important;
background-position: 127px 0;
margin-left: 50px !important;
margin-left: 35px;
}

.marginwide { 
margin-left: 147px !important;
margin-left: 127px;
}

/*columns*/

#col1 { width:280px;
float:left;
padding:0 40px 0 0;

}
#col1.abt { width:270px;
float:left;
padding:0 20px 0 0;

}


#col2 { width:280px;
float:left;
padding:0 35px 0 0;
position:relative;
z-index:500;

}

#col2.abt { width:290px;
float:left;
padding:0 45px 0 0;
position:relative;
z-index:500;


}

#col3 { width:205px;
float:left;
position:relative;
z-index:700;
}


#col4 { width:600px;
float:left;
padding:0 10px 0 40px;
}

#col5 { width:200px;
float:left;
padding:0 0px 0 20px;
}

#col6 { width:590px;
float:left;
padding:3px 15px 0 40px;

}

#col7 { width:570px;
float:left;
/*margin-left:240px;*/
padding:0 10px 0 280px;
}

.picleft { 
margin-top:20px;
margin-left:-220px;
float:left;
}

#colgallery { width:700px;
float:left;
padding:0 10px 0 40px;
}

#photobox { width:580px;
padding-top:10px;
padding-bottom:30px;
background: url("../images/photobox2.jpg") no-repeat;
text-align:center;
}
#photobox.two { width:316px;
padding-top:10px;
background: url("../images/photobox2.jpg") no-repeat;
text-align:center;
}

#photoboxthree { width:655px;
padding-top:10px;
padding-bottom:30px;
background: url("../images/photobox2.jpg") no-repeat;
text-align:center;
}

#photoboxfour { width:290px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:30px;
background: url("../images/photobox3.jpg") no-repeat;
text-align:left;
}

#photoboxfour ul {margin-top:5px;}
#photoboxfour li {margin-left:-20px; margin-bottom:5px;}


#photoboxfive { width:640px;
margin-left:120px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
background: url("../images/photobox4.jpg") no-repeat;
text-align:left;
clear:both;
}



/*Additional Info */


.addlinfo { background: url("../images/addlinfo.jpg") no-repeat; padding: 10px; width:455px; height:50px;  }
.addlinfo  h3 { margin: 0 0 6px 0; }

ul.topic-list { margin: 10px -6px 6px -26px !important; margin: 10px -6px 6px 10px;list-style:none;}
ul.topic-list a { background: transparent url(../images/newpost.gif) no-repeat 0 50%; padding: 8px 8px 8px 21px; color: #A64317; }
ul.topic-list a:hover { color: #D96330; }

.addlinfohm { 
width:370px !important; 
width:390px; 
background: url("../images/addlinfo_hm.jpg") no-repeat; 
padding: 10px !important; 
padding: 0px; 
height:40px; 
margin-left:38px; 
text-align:center;}

.addlinfohm  h4 { margin: 0 5px 10px 0; }

.more {margin:0px 0 0 10px !important; margin:15px 0 0 10px;}


/*landing pages */

#landingintro {
width: 753px;
float: left;
background-image: url("../images/head_background.jpg");
background-repeat: no-repeat;
background-position: top;
}

#landingintro p {
font-size: 12px;
line-height: 14px;
color: #165050;
margin-top:10px !important;
margin-top:0px;
margin-left: 100px;
margin-right:50px;
}
.greencopy {
font-size: 12px;
line-height: 14px;
color: #165050;
margin-top:10px !important;
margin-top:0px;
margin-left: 100px;
margin-right:50px;
}

#landingcopy {
width: 860px;
float:left;
clear:both;
margin-left:100px !important;
margin-left:50px;
position:relative;
z-index:50;

}

#landingleftcol {
width: 172px;
float: left;
margin-left: 25px !important;
margin-left: 13px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}


#landingnav {
width: 172px;
margin: 0px;
}





/*side navigation*/

#navigation { 
	margin:0;
	padding:20px 0 0 0;
	line-height:0px;}

#menu {
margin:0;
padding:0;
line-height:0;
list-style: none;
background: url(../images/nav_back.gif) repeat-y;
}

#menu li {
	margin:0 !important;
	margin:-4px 0 -4px 0;
	padding:0;
	line-height:0;
	}


#submenu { 
	font-size:11px;
	list-style: none;
	margin:0; 
	padding: 10px 0 10px 18px !important;
	padding: 5px 0 5px 18px;
	background: url(../images/nav_subback.gif) repeat-y;
	
}
#submenu li{
	line-height: 10px; 
	margin-bottom:5px !important;
	margin-bottom:-10px;
	font-family: Arial, "Lucida Grand", Geneva, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: lowercase;
	color: #333;
} 

#submenu li a {
	color: #0C5E78; 
	display: block; 
	padding-left:19px;  
	text-decoration: none; 
} 
#submenu li a:hover {
	background: url(../images/nav2_arrow.gif) no-repeat 0% .2em; 
	color: #2CAFCE; 
	display: block;  
} 


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

a.back {
	color: #0C5E78; 
	display: block; 
	padding-left:10px;  
	text-decoration: none;
	margin-right:30px;
	width:160px; 
} 
a.back:hover {
	background: url(../images/nav2_arrow.gif) no-repeat 0% .2em; 
	color: #2CAFCE; 
	display: block;  
} 


p.highlight { /* this is the same style as landing intro p */
font-size: 12px;
line-height: 14px;
color: #064545;
margin-left: 0px;
margin-right:0px;
}



/* This is the top navigation stufff...not working */

/*body#about #abouton {display:inline;}
body#about #aboutoff {display:none;}
body#procedures #procedureson {display:inline;}
body#procedures #proceduresoff {display:none;}
body#faqs #faqson {display:inline;}
body#faqs #faqsoff {display:none;}
body#contact #contacton {display:inline;}
body#contact #contactoff {display:none;}*/


/*#abouton,
#procedureson,
#faqson,
#contacton,
{display:inline;}

#aboutoff,
#proceduresoff,
#faqsoff,
#contactoff,
{display:none;}*/




#topnav {
	width: 618px;
	height: 55px;
	border: 1px solid #000;
	}
	

#topnav ul {
    list-style:none;
    margin-top:25px;
    margin-left:30px;
    padding:0
    border: 1px solid #000;
    }
    
#topnav li {
   float:left; list-style-type: none;
   border: 1px solid #000;
    }

#navabout  li {width:183px; height:55px;}
#navabout a  { padding:0 183px 0 0; background: url(../images/btnint_about1.jpg) no-repeat;}
#navabout a:hover {padding:55px 183px 0 0; background: url(../images/btnint_about2.jpg) no-repeat;}

#navprocedures li {width:127px; height:55px;}
#navprocedures a  {padding:55px 127px 0 0; background: url(../images/btnint_procedures1.jpg) no-repeat;}
#navprocedures a:hover {padding:55px 127px 0 0; background: url(../images/btnint_procedures2.jpg) no-repeat;}

#navfaqs li {width:70px; height:55px;}
#navfaqs a  {padding:55px 70px 0 0; background: url(../images/btnint_faqs1.jpg) no-repeat;}
#navfaqs a:hover {padding:55px 70px 0 0;  background: url(../images/btnint_faqs2.jpg) no-repeat;}

#navcontact li {width:123px; height:55px;}
#navcontact a  {padding:55px 123px 0 0; background: url(../images/btnint_contact1.jpg) no-repeat;}
#navcontact a:hover {padding:55px 123px 0 0; background: url(../images/btnint_contact2.jpg) no-repeat;}

ul.fancy {  list-style-type: circle; margin-left:30px; padding-left:30px;
}

ul.fancy li { 
/*background: url(../images/bullet.gif) 0 3px no-repeat;*/
list-style-type: circle; margin-left:-25px; }


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {visibility: hidden;
	font-size: 17px; color: #693D28; margin-top:0px;
	line-height:20px;
	margin-bottom:0px;
}

.sIFR-hasFlash h4 {visibility: hidden;
	font-size: 13px; 
	color: #693D28; 
	margin:0px;
	line-height:17px;
	
}

.faqright { width:200px; float:right; padding-right:25px;}
.faqinfo 
{
width:190px; 
padding-right:15px; 
padding-left:5px !important;
padding-left:5px;
}
.abtinfo 
{
width:190px; 
padding-right:15px; 
padding-left:5px !important;
padding-left:5px;
text-align:center;
}

/*.sIFR-hasFlash h3 {
	visibility: hidden;
	font-size: 13px; color: #5C300D;
}*/



/*************************************************************
PAGE HIGHLIGHTS - WHERE AM I? Also Shows appropriate header (home or int)
************************************************************/


body#difference a.difference,
body#equip a.equip,
body#programs a.programs,
body#staff a.staff,
body#salon a.salon,
body#coffeeshop a.coffeeshop,
body#classes a.class,
body#membership a.membership
{ border-style: solid;
        border-width: 0 0 2px 0;
        border-color:#333;}
        
body#about .aboutphoto
{ display:inline;}

body#about .topphoto
{ display:none;}

.aboutphoto { display:none;} /*at the top of the page*/