body {
	margin: 0; padding: 0; font-family: Verdana, ariel, serif;
	font-size: 12px;
	background-color: #ccc;
	}
	
	
h3 {
	font-size: .9em;
	margin: 3px auto 2px auto;
	padding: 0;
	color: #000;
	}
		

 h4, h5, h6 {
	font-size: .9em;
	margin: 0;
	padding: 0;
	}
	
p {
	margin: .2em;
	text-indent: 2em;
	}
	
		/*centers in viewport*/

#main {
	position: absolute;	top: 0;	left: 50%;	margin-left: -350px;	z-index: 200;	
	}	
		
		/*dropshadow*/
#top {
 	position: relative;	width: 710px;top: 0px; height: 15px;
 	background-image: url(IMAGES/bodypagetop_01_01.jpg);
 	background-repeat: no-repeat;
	}
	

#container {
	width: 715px;
	position: absolute;
	left: 0px;
	top: 8px;
	background-image: url(IMAGES/pagemiddle2.jpg);
	background-repeat: repeat-y;
	z-index: 50;
	}
			
li {
	list-style: none;
	margin-left: -35px;
	margin-top: 2px;
	padding:0;
	line-height: 1.5em;
	}	
  		  
#realcontent {
 	/* machack \*/
 	margin-right: 2%;
 	/* end hack */
 	/* machack \*/
 	margin-left: 12px;
 	position: relative;
 	top: 2px;
 	/* end hack */
	}

a:link {
	font-size: 10px;
	color: #666;
	text-decoration: none;
	}


a:visited {
	font-size: 10px;
	color: #666;
	text-decoration: none;
	} 	

a:hover {
	font-size: 10px;
	color: #000;
	text-decoration: none;
	}

* html #header {
 	width: 650px; 
 	w\idth: 650px;
 	}
 	
#header h1 {	
	position: relative;
	top: -12px;
	left: -35px;
	margin: 0;
	margin-top: 45px;
	padding: 2px 0 14px 0;
	margin-left: 44px;
	margin-right: 215px;
	font-size: 2.4em;
	color: #666;
	line-height: 33px;
	letter-spacing: .15em;
	border-width: 0 0 3px 0;
	border-style: solid;
	border-color: #ccc;
	display: block;
	z-index: 7000;

	}
	
#header {
	position: relative;
	height: 105px;
	width: 650px;
	top: -2px;
	left: 30px;
	} 
 
  
 		/*PC IE Styles*/
#header blockquote {
	position: relative;
	top: 15px;
	margin-right: -5px;
	margin-bottom: 25px;
	padding: 4px 3px 4px 30px;
		background-color: #fff;
		font-size:11px;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
	}
		
		/*iemac styles*/
#header > blockquote {
	position: relative;
	top: 2px;

	margin-right: -16px;
	margin-bottom:5px;
	padding: 4px 3px 4px 60px;
	background-color: #fff;
	font-size:11px;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
	}
		
	
		/*compliant styles*/	

#header[id] blockquote	{
	position: relative;
	top: 2px;
	margin-right: -5px;
	margin-bottom:0px;
	padding: 4px 3px 4px 60px;
		background-color: #fff;
		font-size:11px;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
	}
 

.bee { 
	font-style: italic;
	padding-left: 15px;
	margin-left: 0px;
	color: #000;
	z-index: 150;
	}
	
	
#header h1 .bee {
	color: #000;
	margin-left: -12px;
	}	

#blockquote h1 .bee {
	position: relative;
	left: 50px;
	} 
	
/*height  styles for PC ie*/	
#header .email{
	top: 32px;
	
	}
	/*compliant styles for mac ie*/	
	
	/*also machack controls and feeds right top and right for compliants*/
#header > .email {
	
 	top:30px;
 	
 	/* machack \*/
 			top: 31px;
 		 	/* end hack */

 
 	}

 
#header .resume {
	position: absolute;
 	top: 62px;

 	}

#header > p .resume {

 	top: 58px;
 
	/* machack \*/
 			top: 57px;
 		 	/* end hack */
 
 	}
 	

 	
#header p {
	position: absolute;
	
	right: 9px;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
	margin-right: -14px;
	margin-bottom: 25px;
	padding: 4px 12px 4px 1px;
	background-color: #fff;
	margin-top: 2%;
 	font-size: .9em;
 	display: block;
 	}
 /*also machack controls and feeds  right for compliants*/	
#header > p {
	position: absolute;
	
	right: -7px;

	/* machack \*/
 			right: 5px;
 		 	/* end hack */
 		 	margin-top: 2%; 
 		 	/* machack \*/
 				margin-top: 2px;
 		 	/* end hack */
	
	margin-right: -9px;
 	font-size: .9em;
 	display: block;
 	}


	


.logofont { 
		
	font-size: 54px;
	margin-left: 35px;
	color: #ccc;
	z-index: 105;
	}
 
 /*for compliants */
#header > h1 {
	position: relative;
	top: -2px;
	left: -1px;
	margin: 0;
	margin-top: 15px;
	margin-left: 44px;
	margin-right: 200px;
	padding: 2px 60px 4px 0;
	font-size: 2.4em;
	color: #666;
	line-height: 33px;
	letter-spacing: .15em;
	border-width: 0 0 3px 0;
	border-style: solid;
	display: block;
	}
	
	
#header h2 {	
	position: relative;
	top: -17px;
	left: 250px;
	font-size: .9em;	
	padding: 2px 2% 5px 3px;
	margin: 2px 2% 0px 0;
	border-color: #ccc;
		letter-spacing: 11px;
	line-height: 20px;
	}
		
#header > h2
{
	position: relative;
	top: -12px;
	left: 280px;
	font-size: 1.1em;
	color: #666;
	font-style: normal;
	padding: 2px 2% 5px 3px;
	margin: 5px 4% 0px 0;
} 
 
 
 
		/* tweak for PC IE */
#piccolumn {	
	position: relative;
	top: -5px;
	right: -2px;
	width: 180px;
	padding-left: 0px;
	float: left;
	font-size: .9em;
	margin-right: -2px !important;
	}



/* tweak for ie mac?? i hope*/
div > #piccolumn {	
	position: absolute;
	top: 155px;
	right: 0;	
	left: 17px;
	width: 175px;
	padding-left: 0px;
	float: left;
	font-size: .9em;
	margin-right: -2px !important;
	}	
	
	/* this is to feed main compliant browsers*/
#piccolumn[id] {
 
	position: relative;
	top: -2px;
	left: 5px;
	right: -4px;
	width: 160px;
	padding-left: 0px;
	float: left;
	font-size: .9em;
	margin-right: -2px !important;
    } 
 
 
 #piccolumn2 {	
	position: absolute;
	top: 475px;
	left: 1px;
	width: 180px;
	padding-right: 0px;
	
	font-size: .9em;
	float:left;
	margin-right: -2px !important;

	}
	/* tweak for ie mac?? i hope*/
div > #piccolumn2 {	
	position: absolute;
	top: 450px;
	left: -2px;
	
	padding-right: 0px;
	float: left;
	font-size: .9em;
	margin-right: -2px !important;
	}
	
 #piccolumn2[id] {
 
	position: absolute;
	top: 565px;
	left: -1px;
	width: 160px;
	padding-left: 0px;
	float: left;
	font-size: .9em;
	margin-right: -2px !important;
    } 

#workexamples {
	
	padding-top: 4px !important;
	padding-left: 14px;
		/* hides from mac ie \*/
	padding-left: 2px;
		/* end machack */
	padding-right:2px;
	padding-bottom:12px;
	margin-top: 7px;
	margin-left: -3px !important;
	text-align: center;	
	background-color: #fff;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
	}

#workexamples ul {
	padding-left: 4em;
	margin: 0px auto;
	}
#workexamples h2 {
font-size: 1.1em;
}

#workexamples> ul {
	padding: 2px 7% 2px 22%;
	text-align: center;
	display: block;
	margin: 0;
	}


#lrightsidecontent {
	width: 660px;	
	margin-top: 20px;	
	padding-right: 2px;
	clear: both;
	}

#rightsidecontent {
	position: relative;
	left: 9px;
	width: 500px;	
	margin-top: 20px;	
	float: right;
	padding-right: 4px;
	}
 
 			/* this is for everything else for wrapping effect*/
		/* tweak for ie mac?? i hope*/
div >#rightsidecontent {
	position: relative;
	left: -17px;
	width: 490px;	
	margin-top: 20px;	
	float: right;
	padding-right: 4px;
	}

#rightsidecontent[id] {
	position: relative;
	left: -4px;
	width: 510px;	
	margin-top: 20px;	
	float: right;
	padding-right: 4px;
	}



		/*blog styles*/

.blog {
/* machack \*/
	height: 1%;
	/* end hack */
	
	margin-bottom: 1%;
	background-color: #fff;
	margin-right: -4px !important;	
	margin-right: 3px;
	padding: 11px 14px 12px 18px;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;

	}
	

.blog {
/* machack \*/

height: 100%;

/* end hack */
}
.blog p {
	font-size: 12px;	
	
	}
	
.blog > p  {
	font-size: 14px;	
	}
	
	/* hides from  ie mac?? i hope*/
.blog p {
	font-size: 12px;	
	}

.blog h4.title, .blog h5.date {

	margin: 0;
	padding: 0;
	font-family: ariel, verdana, sans-serif;
	line-height: 1.5em;
	color: #000;
	font-weight: bold;
	}
	
.blog h5.date {
	margin-top: .4em;	
	margin-bottom: .9em;
	margin-top: .7em;
	margin-left: 8px;
	color: #666;
	}

.blog h4.title {
	font-size: 1.15em; padding: 5px 0 1px 0px;
	border-bottom: 1px solid #ccc;
	display:inline;
	}
.blog p {
	margin-top: 4px;
	margin-bottom: 8px;
	margin-left: 5px;
	font-size: 12px;
	
	}

.blog h3 {
	font-size: 1.5em;
	}

.blog a:link {
	font-size: 12px;
	color: #000;
	text-decoration: underline;
	}
.blog a:visited {
	font-size: 12px;
	color: #999;
	text-decoration: underline;
	} 	

.blog a:hover {
	font-size: 12px;
	color: #000;
	}


.leader {
	font-size: 1.2em;
	word-spacing: 2px;
	}

 div > #inmyfoot {
 	position: relative;
 	width: 681px;
 	height: 18px;
 	text-align: center;
 	margin: 3px auto 1px 15px;
 	padding-bottom: 8px;
	color: #666;
	font-size: 10px;
 	margin-bottom: 5px;
	 background-color: #fff;
 	clear: both;
 }
 
 #inmyfoot p {
	position: relative; 
	top: -7px;
	display: inline;
	margin-bottom: -4px;
  	}
 
#inmyfoot {
 	position: relative;
 	width: 681px;
 	height: 2px;
 	text-align: center;
 	margin: 3px auto 1px 15px;
 	padding-bottom: 5px;
	color: #666;
	font-size: 10px;
 	margin-bottom: 2px;
 	background-color: #fff;
 	clear: both;
 	}
   
#inmyfoot> p {
	position: relative; 
	top: -7px;
	display: inline;
	margin-bottom: 6px;
  	}
		
#mac {
	position: relative;
	top: 7px;
	left: -55px;
	}
		/*dropshadow*/
#bottom {
 	position: relative;	width: 710px; top: 0px;	height: 14px;
 	background-image: url(IMAGES/bodypagebottom_01_03.jpg);
 	background-repeat: no-repeat; clear: both;
	}