/* SusanKennedyDesigns.com CSS Document */

* {padding: 0;
	margin: 0
	}
		
body {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(ActiveGraphics/BGfinal.jpg);
	background-repeat: repeat;
	font: .9em;
	}
	
div#mainwrap {
	width: 774px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 15px;
	background-color: #FFFFFF;

	}
	
div#contentarea {
	width: 774px;
	height: auto;
	}
	
div#teal {
	color: teal;
	margin-left: 30px;
	margin-right: 30px;
	}


div#tocColumn {
	position: absolute;
	left: 520px;
	top: 0px;
	width: 224px;
	height: 717px;
	}
	
div#debsbanner {
	position: absolute;
	width: 774px;
	}
		
div#permBotsContent {
	position: relative;
	width: 734px;
	top: 25px;
	margin:inherit;
	padding-left: 20px;
	padding-right: 20px;
	background-color:#FFFFFF;
	color: teal;
	line-height:105%;
	}
	
div#aboutSusanContent {
	position: relative;
	width: 730px;
	top: 25px;
	background-color:#FFFFFF;
	margin:inherit;
	padding-left: 20px;
	padding-right: 19px;
	color: teal;
	line-height:105%;
	}

div#floralContent {
	position: relative;
	top: 25px;
	background-color:#FFFFFF;
	line-height:105%;

	}
	
div#treesContent {
	position: relative;
	top: 25px;
	background-color:#FFFFFF;
	line-height:105%;

	}

div#contactContent {
	position: relative;
	width: 774px;
	top: 20px;
	background-color:#FFFFFF;
	color: teal;
	height: auto;
	}

div#designContent {
	width: 754px;
	color: teal;
	background-color: transparent;
	background-image:url(ActiveGraphics/lite3logo.jpg);
	background-position:right;
	}
	
div#footer {
	color: teal;
}

p {
	font: .9em;
	}
	
h1, h5 {
    text-align: center;
	word-spacing: .4em;
	font-family: Arial, Helvetica, sans-serif;
	background-color: white;
	color: black;
	}

h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
    color: teal;
	background-color: white;
	}

h5 {
    text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background-color: white;
	color: black;
	}

a:link {
	color: #336600;
	}
	
a:hover {
	color: #99CC66;
	}
	
a:visited {
	color: #99CC66;
	}

/* IE and MAC hacks */	
.clearfix: after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
.clearfix {display: inline-block;}

* html .clearfix {height: 1%}

clearfix {display: block;}

* html a {display:block;}
/* end hacks */