/*  
** default stylesheet
Written by Sol Harris - www.purpledogdesign.com for 
waihekemagicmassage.com

Version 001:  May 2007 */



/* page overall */

body,div,p,img,h1,h2,h3,h4,h5,h6 { 
    margin: 0; 
    padding: 0; 
    border: 0;
	}

ul {
	padding-left: 2em;	}


body {
	/* BG-Color: */
	background-color: #660033;
	text-align: center;
	margin-top: 5px;
}	


.page {
	/* Page width: */
	width: 90%;
}
	

#logo {
	margin: 0 auto;
	text-align: left;
	font-family: Union, Trebuchet MS, Arial;
	font-size: 1.5em;	
	margin-bottom: 0.2em;
	letter-spacing: -0.01em;}

#logo a:link, #logo a:visited,  #logo a:active {
	text-decoration: none;
	/* logo color 1: */
	color: #C43917;}

#logo a:hover{
color: #0000FF;
text-transform:capitalize;}

#logo_two {
	/* logo color 2: */
color: #FFFFFF;}
	
#logo_two a:hover{
color: #C43917;}

#logo_three {
	margin: 0 0 0 40px;
	text-align: left;
	font-family: Union, Trebuchet MS, Arial;
	font-size: .6em;
	margin-bottom: 0.2em;
	letter-spacing: -0.01em;
	color:#FFFFFF;}





/* new menu: */

#nav-menu{

	/* top right bottom left */

	margin-left: 15%;
	margin-right: 0%;
	padding-top: 10px;
	padding-bottom: 30px;
	text-align: center;
	color: #FFFFFF;
	}


#nav-menu ul{

	list-style: none;
	padding: 0;
	margin: 0;
	}
	
/* top right bottom left */

#nav-menu li{
float: left;}

#nav-menu a:hover{
color: #C43917;
text-decoration: none;}


body#home a#hm,
body#personal a#pers,
body#corporate a#corp,
body#about a#abo, 
body#location a#loc, 
body#contact a#cont {
	color: #FFFFFF;
	background-color: #C43917;
}



	
#nav-menu li a{

	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 2em;
	line-height: 2em;
	width: 6em;
	display: block;
	border: 0.1em solid #dcdce9;
	color: #666666;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	
}

/* Hide from IE5-Mac \*/
#nav-menu li a{
float: left;}
/* End hide */


	
	
/* white box behind pic */

#contentbox {
	background-color: #FFFFFF;                
	margin: 0 auto;
	text-align: left;	}
	
	
#innerpage {
	padding: 0;
	height: 34em;
	width: auto;
	}

	
/* main photo on left: */
/* top right bottom left */
#pic {
	 float:left;
	 margin-left: .5em;
	 padding: .5em .5em 0em .5em; 
	 background-repeat:no-repeat;
	 clear: right;
	 	}
	 
#pictext{
	margin: 0px 0px 0 0px;
	height: 1.5em;
	line-height: 1em;
	width: 390px;
	color: #666666;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	}

#pictext p{
	font-size: 0.6em;
	font-family: Trebuchet MS;
	width: auto;}




/* main text box area: */
/* top right bottom left */

#text {	
	height: 32em;
	padding: 0em .5em .5em 0em;
	margin-top: .5em;	
	font-size: 0.8em;
	overflow:auto;
}



#text p {
	font-size: 0.9em;
	font-family: Trebuchet MS;
	width: auto;
	margin-bottom: 15px;
	}
	
	
#text h1 {
	font-size: 1.3em;
	font-family: Trebuchet MS;
	margin-top: 20px;
	margin-bottom: 10px;
	color: #C43917;
	width: auto;
	}


#text h3 {
	font-size: 0.9em;
	font-family: Trebuchet MS;
	color: #C43917;
	width: auto;
	margin-top: 10px;}

#text ul{
	list-style:none;
	padding: 0;
	margin-left: 1em ;
	margin-top: 10px;
	width: auto;
	}
		
#text li {
	font-size: 0.9em;
	font-family: Trebuchet MS;
	margin-left: 1px;
	color: #000000;
	text-indent:0.5em;
	width: auto;	}


/* link colors */
#text a {
color: #0033CC;}

#text a:hover {
color: #C43917;}

	
	
/* copyright & links */

#copytext p {

	font-size: 0.82em;
	font-family: Trebuchet MS;
	width: auto;
	margin-bottom: 0px;
	color: #666666;
	}
	
#copytext a {
color: #0033CC;}

#copytext a:hover {
color: #C43917;}

	
	
		
/* elements for the pictures on the "about" page */

#profiles {
	float:left;
	width: 100px;
	padding-right: 10px;
	padding-bottom: 1px;}


#proftext p {
	font-size: 0.9em;
	font-family: Trebuchet MS;
	width: auto;
	line-height:1.4em;
	text-align:left;}
	
	
#proftext h3{
	font-size: 0.9em;
	font-family: Trebuchet MS;
	color: #C43917;
	width: auto;
	margin-top: 15px;}
	
	
#proftext h4{
	font-family: Trebuchet MS;
	width: auto;
	color: #666666;
	font-size: 0.67em;
	margin-bottom: 8px;}