
body {
	margin:0 auto;
	padding:0 auto;
	background:#fff;
	
	font-family:Arial, Verdana, Helvetica, sans-serif;
   	font-size:12px;
	line-height:1.5;
    color:#fff;
	text-align:center;
	}
	
a:link, a:visited { color:#fff; text-decoration:none; }
a:hover, a:active { color:#fff; text-decoration:underline; }

h1, h2, h3, h4, h5, h6 { font-family:Georgia; font-weight:100; line-height:1.5em; margin-bottom:1em; }
h1, h2 { font-size:20px; }
h3 { font-size:16px; }

p { margin:0 0 1em 0; }

.strong { font-weight:bold; }
.underline { text-decoration:underline; }

#pageframe {
	width:800px;
	margin:0 auto;
    padding:0 auto;
	text-align:left;
	}


/*  COLUMN 1 and COLUMN 2  */

#col1, #col2 { position:relative; float:left; display:inline; min-height:650px; }
#col1 { width:210px; }  #col2 { width:580px; }

#col1 .home {
	position:relative; float:left; display:inline;
	width:210px; height:40px;
	border-bottom:1px #fff solid;
	}
#col1 .home a {
	position:relative; float:right; display:inline;
	width:20px; height:17px;
	margin:15px 18px 8px 0;
	text-indent:-3000px;
	}


/*  LOGO  */

#logo { position:relative; float:left; display:inline; width:210px; height:280px; }
#logo a {
	background:url(/img/mandala.gif);
	position:fixed; float:right; display:inline;
	width:190px; height:280px;
	margin:39px 20px 0 0;
	text-indent: -3000px;
	}


/*  TOP NAV and PHONE  */	

#nav1, #nav1 ul,
#nav2, #nav2 ul, 
#col2 .phone,
#content { position:relative; float:left; display:inline; }

#nav1 { width:435px; height:40px; border-bottom:1px #fff solid; }
#nav1 ul { margin:18px 0 0 20px; }
#nav1 li { display:inline; list-style-type:none; }
#nav1 li a {
	float:left;	display:inline;
	margin:0 20px 0 0;
    font-size:14px;
	line-height:1;
    color:#fff;
	text-decoration:none;
	}
#nav1 ul li a:hover { text-decoration:underline; }
	
#col2 .phone {
	width:125px; height:22px;
	margin:0 20px 0 0;
	padding:18px 0 0 0;
	font-size:14px;
	line-height:1;
	text-align:right;
	border-bottom:1px #fff solid;
	}


/*  LEFT FIXED NAV  */

#nav2 { width:155px; height:300px; }
#nav2 ul {
	position:fixed; float:left; display:inline;
	width:105px; height:280px;
	margin:34px 0 0 20px;
	list-style:none;
	}
#nav2 ul li { display:inline; }
#nav2 li a {
	float:left; display:inline;
	width:100px; height:24px;
	font-size:14px;
    color:#fff;
	text-decoration:none;
	}
#nav2 li a:hover { text-decoration:underline; }


/*  PHOTO and TEXT AREA  */

#content { width:405px; margin:32px 0 0 0; }


/*  BIO and REVIEW photos  */

.photoA, .photoB, .photoFeature { float:left; border:5px #fff solid; }
.photoB { margin:0 20px 10px 0; }
.photoFeature { margin:0 0 15px 0; }
.read { padding:15px 0 0 0; }


/*  COLUMN 1 and COLUMN 2 FOOTER  */

#col1footer,
#col1footer .home,
#col1footer .home a,
#col2footer { position:relative; float:left; display:inline; }

#col1footer {
	clear:left;
	width:210px;
	padding:60px 0 100px 0;
	}
#col1footer .home {
	width:210px; height:25px;
	border-bottom:1px #5A7368 solid;
	}
#col1footer .home a {
	position:relative; float:right; display:inline;
	width:20px; height:17px;
	margin:0 18px 8px 0;
	text-indent:-3000px;
	}
#col2footer { width:580px; padding:60px 0; }


/*  FOOTER NAV  */

#nav3,
#nav3 ul,
#col2footer .phone { position:relative; float:left; display:inline; }

#nav3 { width:435px; height:25px; }
#nav3 ul { margin:0 0 0 20px; }
#nav3 li { display: inline; list-style-type: none; }
#nav3 li a {
	float: left;
	margin:3px 20px 0 0;
        	
    font-size: 14px;
	line-height: 1;
    color:#fff;
	text-decoration:none;
	}
#nav3 li a:hover { text-decoration:underline; }	
#col2footer .phone {
	width:125px; height:22px;
	margin:0 20px 0 0;
	padding:3px 0 0 0;
	font-size:14px;
	line-height:1;
	text-align:right;
	}


/*  CLICK TO ENLARGE / RETURN TO TOP LINKS  */

.click, .return {
	position:relative; float:left; display:inline;
	margin:40px 0 50px 0; padding:2px 0 4px 0;
	line-height:1;
	border-bottom:1px #fff solid;
	}
.click { width:300px; }
.return { width:100px; text-align:right; }
.return a:link, .return a:visited { text-decoration:none; }
.return a:hover, .return a:active { text-decoration:none; }
.arrow { padding:0 0 0 5px; }


/*  LEGAL TEXT  */

#legal {
	position:relative; float:left; display:inline;
	width:541px; height:30px;
	margin:0 23px 0 0; padding:80px 0 0 20px;
	border-top:1px #fff solid;
	}
#legal p { position:relative; float:left; display:inline; }
#legal .copyright { }
#legal .cloverfish { float:right; text-align:right; }


/*  MISC  */

a img { border:none; }


/*  SELF-CLEAR FLOATS   */

.group:after {
	content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
    }


