/* Mark Root-Wiley, June 2009 */
/* Swatches */
/* #DFBF9A = pinkish beige */
/* #7E2E0B = maroon for text */
/* #015352 = dark blue for links */

/* Zero-out the badness */
html * { margin: 0; padding: 0; } 

body { background: #dfbf9a url(../images/rusty.jpg) repeat-x; font-size: 67.5%; font-family: "Georgia, Times, Serif"; color: #7E2E0B; }

#container0 { width: 740px; overflow: auto; margin: 0 auto; }

#container { width: 740px; float:left; background: transparent url(../images/shadow.png) repeat-y; }

#container2 { float: left; width: 716px; margin: 0 12px; background: url(../images/contentbg.jpg) no-repeat; padding-bottom: 10px;  }

#nav { float: left; width: 716px; height: 138px; }

.contenttop, .content, .contentbottom { float: left; margin: 0 24px; width: 668px; }

.contenttop { height: 47px; background: url(../images/contenttop.png) no-repeat; }
.contentbottom { height: 31px; background: url(../images/contentbottom.png) no-repeat; }
.content { background: url(../images/contentpane.png); font-size: 1.5em; line-height: 1.6em; font-weight: bold; }
.content p { margin: 10px 15px; text-indent: 2em; }
.content p.home { font-size: 32px; font-weight: bold; line-height: 36px; text-indent: 0; }

#col2 .contenttop,#col2 .content,#col2 .contentbottom { float: left; width: 267px; }

#col1 { float: left; width: 352px; margin: 0 24px; }
#col2 { float: left; width: 267px; margin: 0 24px 0 0; }

#col2 ul { margin: 0 0 10px 32px; }

#contact2 { display: block; float: left; width: 352px; height: 61px; background: url(../images/contactbutton.png) no-repeat; text-align: center; font-size: 40px; padding-top: 12px; font-weight: bold; text-decoration: none; cursor: pointer; }
#contact2:hover { background: url(../images/contactbutton.png) no-repeat 0 -74px; }

#footer { float:left; padding: 15px; width: 200px; }
#footer img { border: 0px; }

#bottom { width: 740px; height: 23px; float:left; background: url(../images/bottom.png) no-repeat -11px 0; }

/* Navigation*/
.active { cursor: default; }

a#home { display: block; width: 67px; height: 27px; position: relative; left: 350px; top: 20px; background: url(../images/home.png); }
a#home:hover,a#home.active { background-position: 0 -27px; }

a#bio { display: block; width: 38px; height: 27px; position: relative; left: 430px; top: 10px; background: url(../images/bio.png); }
a#bio:hover,a#bio.active { background-position: 0 -27px; }

a#philosophy { display: block; width: 138px; height: 33px; position: relative; left: 466px; top: -47px; background: url(../images/philosophy.png); }
a#philosophy:hover,a#philosophy.active { background-position: 0 -33px; }

#contact1 { width: 113px; height: 33px; position: relative; left: 584px; top: -50px; background: url(../images/contact.png); cursor: pointer; }
#contact1:hover { background-position: 0 -33px; }

/* General Link Styles */
a { color: #015352; }
a:hover { color: #445374; text-decoration: none; }

/* Tabbed Box Styles */

.tabbed-box p { text-indent: 0; }

.tabbed-box {
    width: 351px;
    background: url(../images/boxbottom.png) 1px bottom no-repeat; 
	float: left; 
	margin: 20px 0 0;
	padding: 0 0 16px 0;
	font-size: 18px; 
	font-weight: bold; }
	
ul.tabs { float: left; width: 337px; padding-left: 15px; padding-bottom: 16px; background: url(../images/boxtop.png) bottom no-repeat; }
	
.tabbed-box img { border: 0; margin-top: 10px; }

.tabbed-box .tabs li {
    list-style: none;
    float: left; 
	margin-right: 3px; }
	
.tabbed-box .tabs li a {
    display: block;
    width: 106px;
	height: 54px;
    text-align: center;
    text-decoration: none; 
	}

.tabbed-box .tabs li a:hover {
	background: url(../images/tab.png);}
	
.tabbed-box .tabs li a.active {
    background: url(../images/tab.png);
	}

.tabbed-content {
    display: none; 
	background: url(../images/contentpane.png);
	float: left; 
	clear: both;
	width: 322px;
	padding: 0 15px; }
	
.tabbed-content ul { margin: 0 25px; }
.tabbed-content li { margin: 7px 0; }

ul.youtube { color: #2F7B1E; }
ul.youtube a { color: #2F7B1E; text-decoration: underline; }
ul.youtube a:hover { text-decoration: none; }

ul.virb { color: #80017C; }
ul.virb a { color: #80017C; text-decoration: underline; }
ul.virb a:hover { text-decoration: none; }

ul.tranquil { color: #000; }
ul.tranquil a { color: #000; text-decoration: underline; }
ul.tranquil a:hover { text-decoration: none; }

/* Tiny Box */
#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}