body {
	color: #666;
	text-align: center;
	margin: 0;
	padding: 0;
	font: 75%/1.5em verdana, tahoma, sans-serif; 
	letter-spacing: .02em;
	}

/* --------- Links ----------- */
a:link { color: #AB6666;; text-decoration:none;	}

a:visited { color: #AB6666;; text-decoration:none;	}

a:hover { color: #AB6666;; text-decoration:underline;}

/* --------- Headings --------- */
h1, h2, h3, h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	} 

h1 {
	font-size: 150%;
	color:#06C;
	padding: .5em;
	margin: 0;
	}

h2 {
	font-size: 110%;
	color:#06C;
	padding: 0 0 0 0;
	margin: 0 0 .2em 0;
	border-bottom: 1px dotted #ccc;
	letter-spacing: .04em;
	font-variant: small-caps;
	}

h3 {
	font-size: 100%;
	color:#AB6666;
	padding: .2em 0 0 1.5em;
	margin: 0 0 .3em -1.5em;
	font-variant: small-caps;
	}

h4 {
	font-size:90%;
	color:#999;
	font-weight: normal;
	padding: 0;
	margin: 0;
	}

h4.date {
	font-size:90%;
	color:#999;
	font-weight: normal;
	font-variant: small-caps;
	line-height: .8em;
	padding: 0;
	margin: 0;
	}
/* ------ Paragraphs ------------ */
p { font-size: 100%; line-height:1.6em;	letter-spacing: .04em; margin: 0; padding: 0 0 1em 0;}

#services p, #styles p, #snapshot p {padding: 0; font-size: 90%;}

p.footer {font-size:10px; color:#900; padding: 5px 5px 5px 0px;	margin:0;}
	
p.footer a:link, p.footer a:visited { color:#900; 	}
 

/* ------ Main Containers ------ */	
#container {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 100%;
	}
		
#header {
	height: 77px;
	padding: 0;
	margin: 0;
	}

#logo.screen {display:none;}

#right {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	width: 550px;
	padding: 12px;
	}

#left
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 550px;
	margin: 0;
	padding: 12px;
	 /* border: 1px solid #f00; */
	}


#footer {
	color: #900;
	clear:both;
	width: 550px;
	border-top: 1px dotted #ccc;
	/*background: #E8E1DB;*/
	padding: 1px 0 0 10px;
	margin: 1px;
	}

/* ----------- Navigation ---------- */		

#nav {
display:none;
}




/* --------- Divider ------------ */

.line {
	display:none;
	}


/* ----- Div Items ------ */
.newsitem, .people, .serviceitem {padding: 0; margin: .5em 0 .5em 1.5em;}

.newsitem a, .people a, serviceitem a {color: #AB6666;}

.newsimage {float: left; border:1px solid #ccc; padding: 3px; margin: 5px 10px 5px 0; display: block;}

.newsitem p, .people p, .serviceitem  p {text-align: justify}

/* ----- Lists ------ */

ul { font-size: 90%; margin-top:0;}
ol { margin: 0 0 .5em 2em; padding: 0 0 .5em 2em;}

#services ul {
	list-style: disc url(../images/services.gif);
	padding: .5em 0 .5em 1em;
	margin: .5em 0 .5em 1em;
	}

#styles ul {
	list-style: disc url(../images/styles.gif);
	padding: .5em 0 .5em 1em;
	margin: .5em 0 .5em 1em;
	}

#profile ul {
	list-style: disc url(../images/people.gif);
	padding: .5em 0 .5em 1em;
	margin: .5em 0 .5em 1em;
	}

#work ul {
	list-style: disc url(../images/work.gif);
	padding: .5em 0 .5em 1em;
	margin: .5em 0 .5em 1em;
	}

#resources ul {
	list-style: disc url(../images/resources.gif);
	padding: .5em 0 .5em 1em;
	margin: .5em 0 .5em 1em;
	font-size: 100%;
	}
	
#resources li {
	padding-bottom: .8em;
	}

#resourcesnav ul {
	list-style: disc url(../images/resources.gif);
	padding: .5em 0 .5em 1em;
	margin: .5em 0 .5em 1em;
	}
	
#recommended ul {
	list-style: disc url(../images/howto.gif);
	padding: .5em 0 .5em 1em;
	margin: .5em 0 .5em 1em;
	}

/*-- DL's --- */
dt  {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight:bold;
	color:#AB6666;
	padding: .2em 0 0 1.5em;
	margin: 0 0 .3em -1.5em;
	font-variant: small-caps;
	background: url(../images/work.gif) no-repeat left;
	}

dl {
	margin: 0 0 0 .8em;
	padding: .5em 0 .5em 1.5em;
	border-bottom: 1px dotted #ccc;
	position: relative;
	}

dd { margin:0; padding: 0; }
	
dl dd div { float: left; display:inline; }

.folio img {float: left; border: 1px solid #ccc; background-color: #fff; padding:5px; margin: 0 1em 1em 0;}
.folio p {text-align:justify;}


/* ------- Images --------- */

#snapshot img { border: 1px solid #ccc; padding: 3px; margin: 3px;}


/* -------- Forms ------- */
form {
	line-height: 1.5em;
	padding: 0;
	margin: .3em 0 0 0;
	}

fieldset {
	border:none;
	padding: .5em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#900;}
	
input {
	border: 1px solid #036;
	font-size:10px;
	padding: 1px;
	margin: 2px;
	}

.button {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #900;
	padding:0 0 0 1.5em;
	margin: .2em;
	background: url(../images/bullet.gif) no-repeat left;
	border: none;
	}
			
/* --------- Admin ------------ */

.update, .add, .delete {
	padding:0;
	margin:5px;}

.admin {
	font-size:10px;
	color:#999;
	padding: 0px 5px 0px 0px;
	margin:0;
	}
	
.admin a:link, .admin a:visited {
	font-size:10px;
	color:#999;
	padding: 5px 5px 0px 0px;
	margin:0;
	} 	
	
/* -------- Other -------  */
.clear {
	clear:both;
	height:0;
	}

.hide {
	
	}
	
.floatleft {
	float: left;
	margin: 5px 10px 5px 1px;
	position:relative;
	}

.floatright {
	float: right;
	margin: 5px 1px 10px 10px;
	position:relative;
	}