* { margin: 0; padding: 0;}

p { margin-bottom: 20px; }
h1 { color: #226600; font-size: 1.5em; }
.clr { clear: both; }
.clr2 { width: 400px; border: 1px solid #f00; }

#body_bracketed {
	font-family: Trebuchet MS, Arial, Heveltica, sans-serif;
	font-size: 0.7em;
}
.small_print {
	font-size:6px;
	}

body {
	background: #C9C4CA url(images/logo.jpg) no-repeat 4px 17px fixed;
	font-family: Trebuchet MS, Arial, Heveltica, sans-serif;
	font-size: 0.8em;
}

td { font-size: 1em !important; font-size: 0.8em; }


#main {
	margin: 10px 0px 0px 40px;
	width: 730px;
}

#page-bg-top {
	height: 26px;
	background: url(images/top.jpg) no-repeat top right;
}

#page-bg-bottom {
	height: 31px;
	background:  url(images/bottom.jpg) no-repeat top right;	
}

#page-bg {
	background: url(images/page-bg.jpg) repeat-y top right;
}

#page-bg-inner {
	background: url(images/bottom-carrot-side.jpg) no-repeat bottom left;
	background-position: -5px 100%;
	padding: 0px 18px 0px 51px;
}

#page {
	width: 661px;
}

.top {
	width: 474px;
	height: 156px;
}

#top1 { background: url(images/newlogo4.jpg) no-repeat -1px 0px;
position:relative;
top:0;
left:120px;}
#top2 { background: url(images/header.jpg) no-repeat -1px 0px; }
#top3 { background: url(images/bobbob.jpg) no-repeat -1px 0px; }

#bottom {
	background: url(images/footer-bg.jpg) repeat-x;
	height: 72px;
	clear: both;
}

#bottom-inner {
	background: url(images/bottom-carrot-bottom.jpg) no-repeat top left;
	height: 72px;
	font-size: 0.85em;
	font-family: Verdana, Arial, Heveltica, sans-serif;
}

#body {
	background: url(images/bottom-carrot-top.jpg) no-repeat bottom left;
	background-position: 0px 100%;
	
}

#nav-outer {
	float: left;
	width: 160px;
	background: url(images/separator-bg.jpg) repeat-y bottom right;
	margin: 0px 0px 0px 10px !important;
	margin-top: 20px;
}

#nav {
	background: url(images/nav-separator.jpg) no-repeat bottom right;
	padding: 10px 10px 100px 0px;
	list-style: none;
}

#nav li {
	border: 1px solid white;
}

#nav li a {
	text-align: right;
	display: block;
	color: #661100;
}

#nav li a:hover {
	color: #ff3300;
}

#content {
	margin: 20px 40px 0px 200px;
	width: 418px;
}

h1#welcome { display: inline; }
p.first { display: inline; }
h2.section-title { color: #226600; border-bottom: 1px solid #aacc99; margin: 5px 0px 15px 0px; font-size: 1.3em; }

a img { border: 1px solid black; margin: 0; }
a:hover img { border: 1px solid #ff6600; }

#projects { list-style: none; }
#projects li .image-link { float: left; margin: 3px 5px 5px 0px;  }
#projects li { overflow: auto; }

#projects li:after {
    content: "."; 
	display: none !important;
    display: block; 
    position:relative; /*works better in IE5.5 or float in float situations*/
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#projects li {display: block;}

/* Hides from IE-mac \*/
* html #projects li { height: 1%; }
#projects li { display: block; }
/* End hide fron ie-mac */


#projects li a { font-weight: bold; color: #226600; }
#projects li a:hover { color: #cc4400; }


.telephone-number { font-size: 1.2em; font-weight: bold; }

h1.project-title { border-bottom: 1px solid #226600; margin-bottom: 15px; }
h1.project-title .category { float: right; font-size: 0.7em; font-weight: normal; color: #000000; position: relative; top: 0.35em; }
h1.project-title .client { }

h3.requirement { font-size: 1.1em; color: #660066; text-decoration: underline; font-weight: normal }

#spacer {
	height: 20px;
	clear: both;
}

#left {
	float: left;
	width: 120px;
	margin: 10px 0px 0px 60px !important;
	margin: 10px 0px 0px 30px;
}

#small-spacer { height: 10px; }

#right {
	margin: 0px 20px 0px 200px !important;
	margin: 0px 20px 0px 195px;
}

.glos_entry {
	width: 155px !important;
	width: 177px;
	position: absolute;
	font-size: 0.7em;
	font-family: Verdana, Arial, sans-serif;
	background: #d8d8ff;
	padding: 10px;
	border: 1px solid #9999ff;
}

.hi_word {
	text-decoration: none;
	border-bottom: 1px dotted #ff6600;
	padding: 0px;
	color: #226600;
	cursor: help;
}

/* contact form */

#contact_form { }
#contact_form td { padding-bottom: 3px; vertical-align: top; }

#contact_form td.field { padding-right: 5px; }
#contact_form td.input { }

#contact_form td.input input, #contact_form td.input textarea {
	font-family: Arial, Helvetica, sans-serif; font-size: 1em;
}

#contact_form td.input input { width: 240px; }
#contact_form td.input textarea { width: 240px; height: 10em; }

#contact_form #contact_form_submit input { width: auto; }

#contact_form span.error { color: red; font-size: 70%; display: block; }
#contact_form span.error em { color: blue; font-weight: bold; font-style: normal; }

/* end contact form */