@import url(reset.css);

a:link:after, a:visited:after {
  content: " (" attr(href) ") ";
  font-size: 90%;
}
 
/* If you're having trouble printing relative links, uncomment and customize this:
   (note: This is valid CSS3, but it still won't go through the W3C CSS Validator) */
 
a[href^="/"]:after {
  content: " (http://topsailtech.com" attr(href) ") ";
}

a { text-decoration:none; }
a:link { border-bottom:1px dotted #ccc; color:#6D1900; }
a:visited { color:#6D1900; border-bottom:1px dotted #ccc; }
a:hover { border-bottom:1px dotted #6D1900; }
a:active {}

h1 { font-size:1.2em; font-weight:bold; margin:.6em 0 .4em 0; }
h2 { font-size:1.2em; font-weight:bold; margin:.6em 0 .4em 0; }
h3 { font-size:1.2em; font-weight:bold; margin:.6em 0 .4em 0; }

.clear { clear:both; }
p { margin:0 0 1em 0; }
em { font-weight:bold; font-size:112%; }
.gradient_separator { }

.vcard .fn { font-weight:bold; border:none; }
.adr .tel .type { display:none; }

body { font: normal normal normal 10pt/1.5 Helvetica, Arial, sans-serif; background: white; }
.clear { clear:both; }
	
#container { width: auto; margin: 0 5%; padding: 0; border: 0; float: none !important; color: black; background: transparent; }

#header { height:130px; }
#header_yy { }
#tagline { display:none; }
#main_nav { display:none !important; }

#content { }

#print_logo { display:block; position:absolute; top:40px; left:5%; height:60px; }

#main { }
#main .section { display:block; clear:both; }
#main .section:first-child { border-top:none; }
#main .section h1 { }
#main .section h1 + * { }

#main ul { list-style: square outside; }
#main ul li { margin:.6em 0; }
#main ul.screen_captures { list-style:none; }

#sidebar { width:auto; margin:2em 0 0 0; }
#sidebar .date { font-size:.9em; }
#sidebar > ul { margin:1em 0; }
#sidebar > ul > li { padding:.75em 0 .75em; }
#sidebar > ul#client_list > li { display:block; float:left; width:45%; margin:0 4% 0 0; border-top:1px dotted #ccc; }
#sidebar > ul > li > ul { padding:0 0 0 2em; }
#sidebar > ul > li > ul > li { margin:1em 0 0 0; }

.thumb { float:left; width:200px; border:10px solid #fefefe; margin:0 5px 10px 5px; outline:1px solid #e9e9e9; }

#map { width:100%; height:400px; }
#map a { display:none; }

#directions h3 ~ h3 { margin:2em 0 0 0; }
#directions ol { list-style-type: decimal; }
#directions ol li { margin:.8em 0 0 0; }

#footer { display:none; }

#copyright { font-size:10pt; padding:20px 0; text-align:left; }