@charset "UTF-8";
/* CSS Document by Jason Farmer */

/* =======[ UNIVERSALS ]======= */

* {
	margin: 0;
	padding: 0;
	border: 0;
	}

html, body {  
	margin-top: 0;
	}

body {  
	background: url(../images/gold_grad.gif) repeat-x top;
	}

/* =======[ SECTIONS ]======= */
	
#container {
	position: relative;
	margin: auto;
	width: 800px;
	}
	
#header {
	position: relative;
	width: 100%;
	height: 62px;
	}
	
#logo {
	background: url(../images/gold_jacefarm.gif) no-repeat;
	position: relative;
	float: left;
	top: 0;
	left: 0;
	width: 149px;
	height: 62px;
	}
	
#logo a {
	display: block;
	width: 149px;
	height: 62px;
	}
	
#validation {
	background: url(../images/gold_validate.gif) no-repeat;
	position: relative;
	float: right;
	top: 0;
	width: 114px;
	height: 11px;
	}
	
.content {
	background: url(../images/beigeDot.gif) repeat-y;
	position: relative;
	top: 25px;
	left: 0;
	width: 800px;
	height: 100%;
	padding-bottom: 5px;
	margin-bottom: 10px;
	overflow: visible;
	}

div.spacer {
	position: relative;
	width: 100%;
	height: 10px;
	}
	
div.section {
	position: relative;
	overflow: hidden;
	}
	
div#timePhoto {
	position: relative;
	float: left;
	top: 0;
	left: 0;
	width: 130px;
	height: 75px;
	}
	
div.sectionTitle {
	position: relative;
	float: left;
	top: 1px;
	left: 0;
	width: 130px;
	height: 14px;
	}
	
div.webInfo {
	position: relative;
	float: right;
	top: 0;
	width: 640px;
	overflow: hidden;
	}
	
#networks {
	display: inline;
	float: left;
	height: 16px;
	width: 57px;
}

#networks ul {
	position: relative;
	list-style-type: none;
	line-height: 0;
}

#networks li {
	_display: inline;
	float: left;
	width: 16px;
	_width: 19px;
	height: 16px;
	margin: 0 3px 0 0;
	_margin: 0;
	padding: 0;
	line-height: 0;
	overflow: hidden; /* IE6 fix for Floated Layout Misbehaving */
}
	
div.introduction {
	position: relative;
	width: 395px;
	line-height: 20px;
	padding-bottom: 10px;
	}
	
div.clientLink {
	position: relative;
	float: left;
	width: 325px;
	line-height: 15px;
	}
	
div#legalese {
	position: relative;
	float: left;
	width: 501px;
	height: 50px;
	}
	
div.clientInfo {
	position: relative;
	float: right;
	width: 60px;
	}
	
#footer {
	background: url(../images/beigeDot_horizontal.gif) repeat-x;
	position: relative;
	top: 25px;
	left: 0;
	width: 800px;
	padding-bottom: 33px;
	}
	
div#bugBluehost {
	position: relative;
	float: left;
	top: 1px;
	left: 55px;
	width: 75px;
	height: 25px;
	}

/* =======[ IMAGE LINKS ]======= */	
	
a#xhtml:link, a#xhtml:visited {
	background: url(../images/xhtml_base.gif)  no-repeat;
	position: absolute;
	top: 0px;
	left: 49px;
	width: 36px;
	height: 11px;
	}
	
a#xhtml:hover {
	background: url(../images/xhtml_hover.gif) no-repeat;	
	}
	
a#css:link, a#css:visited {
	background: url(../images/css_base.gif)  no-repeat;
	position: absolute;
	top: 0px;
	left: 92px;
	width: 22px;
	height: 11px;
	}
	
a#css:hover {
	background: url(../images/css_hover.gif) no-repeat;	
	}

a#linkedIn:link, a#linkedIn:visited {
	background: url(../images/network_linkedIn_base.gif) no-repeat;
	display: block;
	width: 16px;
	height: 16px;
	text-decoration: none;
	border: none;
	margin: 0;
	padding: 0;
}

a#linkedIn:hover {
	background: url(../images/network_linkedIn_over.gif) no-repeat;
}

a#facebook:link, a#facebook:visited {
	background: url(../images/network_facebook_base.gif) no-repeat;
	display: block;
	width: 16px;
	height: 16px;
	text-decoration: none;
	border: none;
}

a#facebook:hover {
	background: url(../images/network_facebook_over.gif) no-repeat;
}

a#twitter:link, a#twitter:visited {
	background: url(../images/network_twitter_base.gif) no-repeat;
	display: block;
	width: 16px;
	height: 16px;
	text-decoration: none;
	border: none;
}

a#twitter:hover {
	background: url(../images/network_twitter_over.gif) no-repeat;
}
	
a#bluehost:link, a#bluehost:visited {
	background: url(../images/bluehost_base.gif) no-repeat;
	position: absolute;
	top: 6px;
	left: 0;
	width: 75px;
	height: 25px;
	}
	
a#bluehost:hover {
	background: url(../images/bluehost_hover.gif) no-repeat;	
	}

/* =======[ TEXT STYLING ]======= */
	
h1 {	
	position: absolute;
	left: 0px;
	left: -1000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}

h2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #aaa473;
	font-size: 19px;
	font-weight: normal;
	margin-top: 53px;
	margin-left: 0;
	padding-bottom: 7px;
	}

h3 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000033;
	font-size: 12px;
	font-weight: normal;
	padding-top: 7px;
	padding-bottom: 7px;
	}
	
p { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4f4f7f;
	font-size: 11px;
	padding-bottom: 7px;
	}
	
div.sectionTitle span {
	position: relative;
	float: right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #aaa473;
	}

a {
	text-decoration: none;
	}

a:link.webLink, a:visited.webLink {
	color: #000033;
	padding-bottom: 1px;
	background: url(../images/beigeDot_horizontal.gif) repeat-x bottom;
	}
	
a:hover.webLink {
	color: #666633;	
	}
	
.faded { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #aaa473;
	font-size: 9px;
	}
	
.darkBlue, .refTitle, .refName {
	color: #003;
}

.refBody {
	color: #666633;
}
	
.copyright { 
	position: relative;
	top: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #aaa473;
	font-size: 9px;
	line-height: 11px;
	}
	
.inDev { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000033;
	font-size: 11px;
	}
	
.diamondBullet {
	padding-bottom: 1px;
	padding-right: 5px;
	}
	
.emailBullet {
	position: relative;
	top: 1px;
	padding-right: 5px;
	}
	
.homeBullet {
	position: relative;
	padding-right: 5px;
	}
	
.hidden {
	visibility: hidden;
}

/* =======[ QUOTE BLOCKS ]======= */

.quotation {
	position: absolute;
	top: 0;
	_top: -301px; /* IE6 fix */
	left: 421px;
	padding-left: 10px;
	width: 300px;
	line-height: 15px;
	display: none;
	background: #FFF url(../images/beigeDot.jpg) repeat-y;
}

.quotation img {
	padding-bottom: 10px;
}

.quotation p {
	padding-left: 3px;
}