/* baseline.css (purpose: undo some of the default styling of common (X)HTML browsers) */
/* [based on Tantek's undohtml.css] */

/* link underlines tend to make hypertext less readable, because underlines obscure the shapes of the lower halves of words 
(actually I changed my mind this time)*/
:link,:visited { text-decoration:none; }


/* avoid browser default inconsistent heading font-sizes and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin the default spacing on headings does not match nor align with normal interline spacing at all, so let's get rid of it. zero out the spacing around pre, form, body, html, p, blockquote as well form elements are oddly inconsistent, and not quite CSS emulatable. nonetheless strip their margin and padding as well */
ul, ol, li, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, img
{ margin:0; padding:0; }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none; }

/* de-italicize address and cite */
address, cite { font-style:normal; }

/* more varnish stripping as necessary... */



/* ========================= begin preferred defaults ======= */


/*
body, h1, h2, h3, h4, h5, h6, ol, ul, li, p, input, textarea, select {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
  color: #525252;
  }
*/
 body {
  font-family: Arial, Helvetica, sans-serif;
  }
  

body, address, p, pre, code, ol, ul, dl, dd, dt, h4, h5 { font-size: 11px; line-height:1.5em; }

p { margin-bottom:.5em; }

label { font-size: 10px; }



/* containing floats */
.container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.container { display: inline-table; }
/* \*/
* html .container { height: 1%; }
.container { display: block; }
/* */

/* ================================= DOWN =================== */


#content-down {
	background: #222;
	}
	


#logo-down {
  width: 100%;
  height: 50px;
  margin: 0 0 0 280px;
  font-family: Arial, Helvetica, sans-serif;
  }
  


#footwrap-down {
  margin: 0 auto;
  margin-bottom: 25px;
  width: 960px;
/*  background-image: url(/graphics/bg-dropshadow-bottom.jpg);
  background-repeat: no-repeat;*/
  }

#copyright-down {
  font-size: 9px;
  color: #777;
  padding: 10px 0 0 0px;
  }
  
#copyright-down a:link,
#copyright-down a:visited {
  color: #777;
  text-decoration: underline;
  }

  
#copyright-down a:hover {
  color: #aaa;
  text-decoration: underline;
  }

.greeting-down {
	font-size: 17px;
	margin: 0 0 20px 0;
	color: #aaa;
	}

.greeting-down a {
	color: #baaf99;
	}
	
.greeting-down a:hover {
	text-decoration: underline;
	}




/* ================================= GLOBALS =================== */


body {
  background: #222;
  }
  
.wrap {
  width: 100%;
  margin: 0px auto;
  }

img {
  line-height: 0px;
  display: block;
  }
  
.hidden {
  display: none;
  }
  
#logo {
  width: 250px;
  height: 50px;
  float: left;
  display: inline;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  }
  
#logo a {
  color: #eee;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 3px;
  background: #333 url(/graphics/logo-08.jpg) no-repeat top left;
  height: 50px;
  width: 250px;
  }
  
.law {
  color: #aaa;
  }
  
.logo2 {
  margin: 10px 0 25px 0;
  }
  
  
/* --------------------------------- Nav ------------------ */


.mainnav {
  float: right;
  display: inline;
  width: 100%;
  margin: 0 auto;
  background-color: #222;
  padding-top: 50px;
  border-bottom: 10px solid #555;
  }
  
#mainnav-inner {
  width: 960px;
  margin: 0 auto;
  }



.mainnav li {
  list-style: none;
  float: left;
  display: inline;
  padding: 0 0 15px 0;
  font-size: 11px;
  margin: 20px 0 0 0;
  }
  
.colophon {
  padding: 0 5px 0 0;
  font-weight: bold;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: .25em;
  margin: 0;
  }
  
  
#homelink {
  float: left;
  display: inline;
  padding: 30px 0 0 0;
  }
  
.navlinks {
  float: right;
  display: inline;
  padding-right: 0;
  margin-right: 40px;
  }
  
.navlinks a,
.divider {
  padding: 0 0 15px 20px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  }
  
.divider {
  color: #666;}
  
.navlinks a:link,
.navlinks a:visited {
  color: #888;
  }
  
.navlinks a:hover {
  color: #bab097;
  }

.navlinks .selected {
  color: #bab097;
  }
  



  
/*=================================== CONTENT ================= */



  
/* -------------------------------- Content Div -------------*/

#content p {
  color: #666;
  }

#content {
  float: left;
  display: inline;
  width: 100%;
  margin: 0 auto;
  background-color: #f1f1f1;
  padding: 15px 0;
  border-bottom: 1px solid #aaa;
  }
  
#inner {
  width: 960px;
  margin: 0 auto;
  }
  
.articlearea {
  float: left;
  display: inline;
  width: 450px;
  }
  
.article {
  margin: 10px 0 15px 10px;
  clear: left;
  float: left;
  display: inline;
  width: 465px;
  }
  
.article img {
  border: 1px solid #aeb0b1;
  padding: 5px;
  margin: 0 10px 10px 0;
  float: left;
  display: inline;
  background: #ddd;
  }
  
.article p {
  color: #ccc;
  padding: 0 20px 5px 0;
  }
  
.article ol {
  padding: 0 20px 5px 45px;
  color: #ccc;
  }
  
#projlist {
  padding: 15px 0 0 0;
  }
  
.article ul {
  padding: 0 20px 0 0;
  list-style: none;
  }
  
.article h1,
.clientintro h1 {
  font-size: 25px;
  color: #fff;
  padding: 0 0 5px 0;
  }
  
.article h2 {
  font-size: 11px;
  color: #91c2ff;
  margin: 10px 0 10px 0;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: .25em;
  }
  
.article a:link,
.article a:visited,
.piecestats a:link,
.piecestats a:visited {
  color: #91c2ff;
  text-decoration: underline;
  }
  
.article a:hover,
.piecestats a:hover {
  color: #FFF;
  background: #96B6DC;
  }
  
.article .note {
  font-size: 9px;
  font-style: italic;
  margin: 10px 0 0 0;
  }
  

span.underconst {
  color: #DDD;
  }
  
span.projtype {
  font-size: 10px;
  color: #888;
  margin: 0 0 10px 0;
  }

.article h6 {
  margin: 0 0 10px 0;
  }

#address {
  padding: 0 0 0 0;
  width: 200px;
  float: right;
  display: inline;
  }
  
#about {
  padding: 25px 0 0 0;
  margin: 0 0 10px 0;
  width: 100%;
  color: #555;
  border-top: 1px solid #fff;
  float: left;
  display: inline;
  }
  
#about-inner {
  width: 960px;
  margin: 0 auto;
  }
  
#about a:link,
#about a:visited {
  color: #7f6e45;
  }
  
#about a:hover {
  text-decoration: underline;
  }
  
.about-title {
  color: #555;
  }
  

  
.contentsection {
  width: 550px;
  color: #777;
  border-right: 1px dotted #666;
  padding: 0 60px 0 0;
  float: left;
  display: inline;
  }
  
.aboutlink-drupal,
.aboutlink-w3c,
.aboutlink-logolounge,
.aboutlink-apple {
	float: left;
	display: inline;
	}
  
.aboutlink-drupal {
	width: 30px;
	height: 40px;
	margin: 0 25px 0 15px;
	}

.aboutlink-drupal a {
	padding: 0 0 30px 0;
	text-indent: -9999px;
	display: block;
	width: 30px;
	}
	
.aboutlink-w3c {
	width: 55px;
	height: 40px;
	margin: 0 20px 0 0;
	}
	
.aboutlink-w3c a {
	padding: 0 0 30px 0;
	text-indent: -9999px;
	display: block;
	width: 55px;
	}
	
.aboutlink-logolounge {
	height: 40px;
	width: 105px;
	margin-right: 17px;
	}
	
.aboutlink-logolounge a {
	padding: 0 0 30px 0;
	text-indent: -9999px;
	display: block;
	width: 105px;
	}
	
.aboutlink-apple {
	width: 40px;
	height: 40px;
	}
	
.aboutlink-apple a {
	padding: 0 0 30px 0;
	text-indent: -9999px;
	display: block;
	width: 40px;
	}
  
.contentsection h1 {
   font-size: 25px;
  font-weight: normal;
  color: #000;
  padding: 0 0 5px 0;
  }

.associations {
  color: #999;
  width: 325px;
  float: left;
  display: inline;
  margin: 0 0 0 20px;
    background: #ccc url(/graphics/about-bg.jpg) no-repeat bottom right;
  }

.port-home {
  width: 660px;
  height: 410px;
  float: left;
  display: inline;
  margin: 0 20px 0 0;
  }
  
.port-home h2 {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0 0 10px 0;
  font-weight: normal;
  color: #666;
  }
  
.port-home p {
  margin: 0 0 30px 0;
  }
  
.print-links {
  float: left;
  display: inline;
  margin: 0 0 0 20px;
  
  }
  
.print-links ul li {
  list-style: url(/graphics/bullet.gif);
  margin: 0 0 0 10px;
  }
  
.print-links ul a:link,
.print-links ul a:visited {
  color: #2081f9;
  }
  
.print-links ul a:hover {
  text-decoration: underline;
  }

/* -------------------------- Individual Portfolio Pieces ---------- */


.fullpiece {
  float: left;
  display: inline;
  width: 390px;
  height: 410px;
  margin: 0 20px 0 0;
  padding: 0;
  }
  
.fullpiece img {
  line-height: 0px;
  display: block;
  width: 390px;
  margin: 20px 0 0 0;
  border: 1px solid #aaa;
  padding: 0;
  }
  
  
.pieceinfo {
  width: 250px;
  height: 410px;
  float: left;
  display: inline;
  margin-right: 20px;
  padding: 0;
  }
  
.pieceinfo h1,
.downloads h2 {
  font-size: 18px;
  font-weight: normal;
  color: #000;
  padding: 20px 10px 10px 0;
  line-height: 1em;
  }
  
.port-home h1 {
  font-size: 22px;
  font-weight: normal;
  color: #000;
  padding: 20px 10px 10px 0;
  line-height: 1em;
  }
  
.pieceinfo h2 {
  padding: 0 0 5px 10px;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  font-family: Trebuchet, Verdana, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  }
  
.pieceinfo p,
.downloads p {
  color: #888;
  font-size: 11px;
  padding: 0 10px 10px 0;
  }
  
.pieceinfo a,
.pieceinfo a:link,
.pieceinfo a:visited {
  color: #2081f9;
  text-decoration: underline;
  }
  
.downloads a:hover {
  text-decoration: underline;
  }
  
.pieceinfo a:hover {
  color: #000;
  }
  
.additionals {
	border-bottom: 1px solid #999;
	}

.additionals h3 {
  /*background: url(/graphics/clientpiece-top.jpg) no-repeat top left;*/
  font-size: 10px;
  color: #fff;
  padding: 7px 0 5px 10px;
  }
  
.clientpiece {
  float: left;
  display: inline;
  padding: 7px 0;
  width: 250px;
  border-top: 1px solid #999;
  }
  
.clientpiece h4 {
  font-size: 9px;
  color: #666;
  padding: 12px 0 0 0;
  float: left;
  display: inline;
  }
  
.clientpiece img {
  width: 35px;
  float: left;
  display: inline;
  margin: 0 10px 0 0;
  } 
  
.clientpiece a:link img,
.clientpiece a:visited img {
  border: 1px solid #666;
  }
  
.clientpiece a:hover img {
  border: 1px solid #2081f9;
  }

span.fullname {
  font-size: 15px;
  font-style: italic;
  }
  
span.former {
	color: #bbb;
	font-size: 12px;
	}

/* ---------------------------------- `Thumbs -------------- */


.thumbs {
  float: left;
  display: inline;
  width: 245px;
  height: 410px;
  padding: 0 0 0 20px;
  }

.thumb-links {
  margin: 0 0 0 0;
  padding: 0 0 10px 0;
  }
  
.thumbs h2 {
  color: #000;
  margin: 0 10px 5px 0;
  clear: left;
  font-size: 12px;
  }

.thumbs li {
  list-style: none;
  float: left;
  display: inline;
  margin: 0 8px 8px 0;
  }
  
.thumbs ul {
  margin: 10px 10px 7px 0;

  }
  
.thumbs a {
  float: left;
  display: inline;
  }


ul.thumb-links a:link,
ul.thumb-links a:visited {
  border: 1px solid #bab097;
  }
  
ul.thumb-links li a:hover {
  border: 1px solid #292724;
  }
  
.thumbs li img {
  width: 35px;
  height: 35px;
  }
  
.case-study {
  clear: left;
  padding: 15px 0 0 15px;
  }
  
.case-study li {
  list-style: none;
  }
  

#thumbsintro {
  float: left;
  display: inline;
  margin: 20px 0 0 0;
  width: 100%;
  }
  
#thumbsintro p {
  color: #666;
  font-size: 10px;
  clear: both;
  }

  
/* ----------------------------- LIGHTBOX FULL IMAGE POP UPS ----------- */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	color: #999;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #000;
		border-left: 1px solid #666;
		border-right: 1px solid #666;
			border-top: 1px solid #666;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/graphics/lightbox-images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/graphics/lightbox-images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/graphics/lightbox-images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #000;
	margin: 0 auto;
	line-height: 1.4em;
	border-left: 1px solid #666;
		border-right: 1px solid #666;
			border-bottom: 1px solid #666;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

/* -------------------------------- Contact Form -------------*/


.contacttemp {
  margin: 0 0 0 25px;
  }
  
  
#contactform fieldset {
  border: none;
  width: 510px;
  float: left;
  display: inline;
  margin: 0;
  border-right: 1px dotted #999;
  padding-right: 50px;
  }
  

form {
  float: left;
  display: inline;
  }

#contactform {
  width: 630px;
  float: left;
  display: inline;
  height: 410px;
  }


#contactform  h1 {
  font-size: 22px;
  color: #000;
  font-weight: normal;
  margin: 0 0 10px 0;
  padding: 10px 0 5px 0px;
  }
  
#contactform p {
  margin: 0 10px 10px 0;
  color: #666;
  }
  
#contactform a {
  color: #2081f9;
  }
  
#contactform a:hover {
  text-decoration: underline;
  }
  
#contactform form {
  margin: 0 10px 0 0;
  padding: 10px 0 10px 0;
  }
  
  
.form-item {
  margin: 0 0 10px 0;
  color: #999;
  }
  
#contactform .submission {
  margin-top: 10px;
  }
  
span.emailform {
  color: #F7BF2D;
  font-weight: normal;
  } 

span.privacynote {
  font-size: 9px;
  color: #999;
  }

/* --------------------------- Web Estimate Form -------------- */

.serviceform {
  background: #fff;
  padding: 20px 0 20px 0;
  width: 730px;
  margin-bottom: 15px;
  }
  
.webprojectinfo,
#additionalinfo,
#contactbox {
  border: 1px solid #8e8c8d;
  margin: 0 0 20px 20px;
  background: #ececec;
  }
  
.formrow {
  padding: 0 20px;
  }
  
.websubmit {
  margin: 0 0 0 20px;
  }
  
.serviceform fieldset {
  color: #000;
  width:460px;
  border: 1px solid #aaa;
  margin: 10px;
  background: #f8f8f8;
  padding: 20px 20px 20px 0;
  }
  
.serviceformintro {
  margin: 0 0 20px 20px;
  }
  
.serviceform h1 {
  margin: 0 0 10px 20px;
  font-size: 16px;
  font-weight: normal;
  color: #2081f9;
  }

.serviceform h2 {
  margin: 0 0 0 20px;
  padding: 7px 10px 5px 18px;
  font-size: 12px;
  font-weight: normal;
  color: #333;
  }
  
.number {
  background: #2081f9;
  color: #fff;
  padding: 2px 4px 2px 4px;
  }
  
.webprojinfo,
.webcontactinfo {
  background: url(/graphics/webprojinfo-bg.jpg) no-repeat top left;
  }
  
.webaddinfo {
  background: url(/graphics/webaddinfo-bg.jpg) no-repeat top left;
  }
  
  
.serviceform fieldset h3 {
  
  padding: 0 0 5px 0;
  margin: 0 0 10px 20px;
  border-bottom: 1px dotted #888;
  }
  
.serviceform li,
.serviceform dt {
  list-style: none;
  padding: 0 0 0 20px;
  }
  
.serviceform fieldset p {
  color: #666;
  padding: 0 20px 0 20px;
  }

.serviceform input {
  padding: 0 5px 0 0;
  }
  
.serviceform legend {
  font-size: 12px;
  background: #fff;
  }
  
#contactbox {
  margin: 0 0 0 20px;
  }


/* ---------------------------------- `Home Page -------------- */


.home-promo {
	float: left;
	display: inline;
	margin: 20px 70px 0 0;
	width: 610px;
	}

.home-promo h1 {
	font-size: 25px;
	font-weight: normal;
	margin: 0 0 10px 0;
	}

.greeting {
	font-size: 17px;
	margin: 0 0 20px 0;
	}

.new-work h2 {
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #876e2f;
	margin: 0 0 10px 0;
	font-size: 13px;
	}
	
.new-work h3 {
	font-weight: normal;
	font-size: 12px;
	}
	
.home-promo a:link,
.home-promo a:visited {
  color: #2081f9;
  text-decoration: underline;
  }
  
.home-promo a:hover {
	color: #000;
	}
	
.recent-project {
	float: left;
	display: inline;
	width: 600px;
	clear: both;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px 0;
	}
	
.recent-thumb {
	float: left;
	display: inline;
	padding: 5px;
	border: 1px solid #999;
	margin-right: 10px;
	background-color: #fff;
	}
	
span.home-recent {
	font-size: 11px;
	color: #876e2f;
	}
	
.viewproj {
	float: left;
	width: 85px;
	color: #fff;
	}
	
.viewproj a {
	color: #fff;
	padding: 0;
	}
	
.viewproj a:hover {
	text-decoration: underline;
	}
  
/* ---------------------------------- `Services Page -------------- */


.services-content {
	float: left;
	display: inline;
	margin: 20px 70px 0 0;
	width: 610px;
	}
	
.services-content h1 {
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 15px 0;
	}
	
.services-content h2 {
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #876e2f;
	margin: 0 0 5px 0;
	font-size: 13px;
	}
	
.services-content a {
	text-decoration: underline;
	color: #2081f9;
	}
	
.print-service {
	margin: 0 0 15px 0;
	}
	
.webservice-standards {
	border-top: 1px solid #ccc;
	padding: 10px 0;
	}
	
.webservice-drupal {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0 0 15px 0;
	padding: 10px 0;
	}



/* ============================== Right Column ============ */



#rightcolumn {
  float: right;
  width: 210px;
  display: inline;
  margin: 0 0 10px 0;
  }
  
#rightcolumn h1 {
  /*background: url(/graphics/rcolumn-top.jpg) no-repeat top left;*/
  font-size: 10px;
  color: #fff;
  padding: 10px 0 5px 15px;
  }

#rightcolumn p {
  font-size: 9px;
  color: #666;
  padding: 0 0 15px 0;
  }


/* ---------------------------------- Links (Furl.net) --------------- */



#links {
  width: 300px;
  float: left;
  display: inline;
  padding: 20px 20px 0 0;
  }

.furlListMain {
  padding: 10px 0 10px 0;
  }

.furlListMain ul {
  margin:0;
  }
  

  
.furlListMain img {
  float: left;
  padding: 0 5px 0 0;
  }

.furlListBullets {
  line-height:1.5em;
  color: #666;
  list-style-image: url(/graphics/bullet.gif);
  background: none;
  }
  
.furlLinkArchive {
  display: none;
  }

.furlAttribution {
  margin-top: 4px;
  }
  
.furls h3 a:link,
.furls h3 a:visited {
  color: #f37000;
  text-decoration: underline;
  font-weight: normal;
  
  }
  
.furls h3 a:hover {
  text-decoration: underline;
  font-weight: normal;
  }


.furls h3 {
  font-size: 14px;
  /*background: url(/graphics/rcolumn-top.jpg) no-repeat top left;*/
  }
  
.furlLinkExternal {
  margin: 0;
  padding: 0 20px 0 0;
  font-size: 9px;
  }
  
.furlLinkExternal a:link,
.furlLinkExternal a:visited {
  color: #2081f9;
  font-size: 10px;
  }
  
.furlLinkExternal a:hover {
  text-decoration: underline;
  }
    


  
  
  


/* ================================== RESUME =============== */


.resume-bg {
  background: url(/graphics/resume-bg.jpg) repeat-y top left;
  }

.resume {
  width: 520px;
  padding: 10px 10px 10px 0;
  float: left;
  display: inline;
  margin: 0 0 10px 0;
  }

 h1#resume {
  font-size: 16px;
  color: #2081f9;
  margin: 20px 0 15px 70px;
  }
  
.subset {
  margin: 0 20px 15px 20px;
  }
  
.subset h2 {
  font-size: 11px;
  color: #555;
  text-transform: uppercase;
  clear: left;
  margin: 0 0 5px 50px;
  font-weight: normal;
  letter-spacing: .25em;
  }


.freelancesub {
  margin: 10px 0 10px 50px;
  border-left: 2px solid #DDD;
  }
  
.freelancesub h3 {
  font-size: 9px;
  color: #aaa;
  margin: 0 0 0 10px;
  }
  
.freelancesub li {
  list-style: none;
  margin: 0 0 0 10px;
  font-size: 9px;
  }
  
.subset span {
  color: #888;
  margin: 0;
  float: left;
  clear: left;
  font-size: 9px;
  }
  
.subset p {
  font-size: 10px;
  margin: 0 0 5px 50px;
  }
  
.subset a.reflink {
  margin: 0;
  }
  
  
.subset a:link,
.subset a:visited {
  color: #0893d3;
  }
  
.subset a:hover {
  color: #fff;
  background: #049de5;
  }
  
  
/* ================================== PROFILE ============== */


  
.profile {

  border-top: 1px solid #cbccd0;
  padding: 20px;
  margin: 0 0 0 2px;

  }
  
.profile img {
  float: left;
  display: inline;
  margin: 0 10px 0 0;
  border: 1px solid #888;
  }
  
.profile h2 {
  font-size: 12px;
  margin: 0 0 5px 0;
  }
  
.profile p,
.pdf-resume p {
  font-size: 9px;
  }

.pdf-resume {
  border-top: 1px solid #cbccd0;
  padding: 20px;
  border-bottom: 1px solid #cbccd0;
  }
  
.pdf-resume img {
  float: left;
  margin: 0 10px 0 0;
  }
  
.pdf-resume a:link,
.pdf-resume a:visited {
  color: red;
  }
  
.pdf-resume a:hover {
  text-decoration: underline;
  }
  
  

 /* ==================== Downloads ================= */
 
 .downloadsection {
  border-bottom: 3px solid #ddd;
  }
  
  
  
 /* =================== Peachtree Demise =================== */
 
 .pms-wrapper {
 width: 920px;
 background-color: #333;
 border: 1px solid #555;
 padding: 20px;
 }
 
 .pms-intro {
  width: 920px;
  padding: 30px 0 15px 0;
  border-bottom: 1px solid #666;
  margin: 0 0 25px 0;
  background: #333;
  }
 
.pms-intro h1 {
  color: #fff;
  font-size: 25px;
  margin: 0 0 15px 0;
  }
  
.pms-intro p {
  width: 500px;
  color: #aaa;
  }
 
.pms-section {
  float: left;
  display: inline;
  background-color: #444;
  border: 1px solid #666;
  width: 428px;
  padding: 10px;
  margin: 0 0 15px 0;
  }
 
.pms-image img {
  float: left;
  display: inline;
  padding: 5px;
  background-color: #888;
  border: 1px solid #aaa;
  margin: 0 10px 0 0;
  }
  
.pms-blurb h2 {
  font-size: 18px;
  color: #fff;
  margin: 0 0 10px 0;
  }
  
.pms-blurb .pms-p {
  font-size: 14px;
  color: #ccc;
  padding: 0 15px 0 0;
  text-align: center;
  }
  
span.pms-large {
  color: #777;
  font-size: 12px;
  }
  
.pms-wrapper .odd {
  margin-right: 20px;
  }



/*=================================== FOOTER ===============*/




#footwrap {
  margin: 0 auto;
  margin-bottom: 25px;
  width: 960px;
/*  background-image: url(/graphics/bg-dropshadow-bottom.jpg);
  background-repeat: no-repeat;*/
  }

#copyright {
  font-size: 9px;
  color: #777;
  padding: 10px 0 0 0px;
  }
  
#copyright a:link,
#copyright a:visited {
  color: #777;
  text-decoration: underline;
  }

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

.logolounge-promo {
  border: 1px solid #ccc;
  padding: 0;
  width: 200px;
  }
  
#aqd-test {
	background-color: #000;
	}
  
#test-image {
  width: 1500px;
  background-color: #000;
  }
  
#test-image img {
	margin: 0;
	}
  
.downloads {
	width: 800px;
	height: 410px;
	margin: 20px 0 0 30px;
	}
	
.downloads h1 {
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 15px 0;
	}

.download-item {
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}