/*
------------------------------------------------
author: http://www.nick-stone.com/
------------------------------------------------
*/



/* Eric Meyer Reset v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ---------------------------------------

	BODY

 --------------------------------------- */

body {
	position:relative;
	z-index:0;
	font: 62.5% verdana, tahoma, arial, sans-serif;
	color: #444;
	background:#fff;
	}


/* ---------------------------------------

	WRAP

 --------------------------------------- */


#wrap {
	position: relative;
	left: 50%;
	/* Actual width = 1000 */
	width: 960px; /*   20px L-pad, 20px R-pad, 960px content =1000px */
	padding:5px 20px;
	margin: 0 0 0 -500px; /*  */
	z-index: 1;
/*	border-left:1px solid orange;
	border-right:1px solid orange; */
	}


/* ----------------------------
			  MAST
 ---------------------------- */
/* Note: #mast 
1) left offset adjusts for 20px #wrap L-pad 
2) left offset adjusts to match 30px top-nav L-offset */
#mast{
	position:absolute;
	width:900px;
	height:80px; /*  */
	z-index: 10;/* over no-img-UA title text */
	top:0;top:5px;
 	left: 50px;
}


/* Notes for #ndx #mast img#logo
1) match #nav-top offset */
#ndx #mast #logo{
position:absolute;
width:650px;
height:58px;
left:60px;
top:10px;
	}
	
#banner {
position:absolute;
top:140px; top:150px;
left:50px;
width:900px;
height:150px;
}
/*.ndx #banner NOTES:
1) taller than other banners
2) no space btwn banner and top nav
*/
.ndx #banner {
height:424px;
top:140px;
}
.accessibility #banner{
background:url(../img/content-img/accessibility/100830-banner-accessibility-frog-wheelchair-135x150.jpg) no-repeat 40px 50%;
}
.design #banner{
background:url(../img/content-img/web-design/100822-banner-web-design-1x150-back.jpg) repeat-x 0 0;
}
.seo #banner{
background:url(../img/content-img/seo/100825-banner-seo-900x1-back.jpg) repeat-y 0 0;
}	
#banner-ndx{
position:absolute;
top:0;
left:50px;
}
#banner-services{
position:absolute;
top:0;
left:0px;
}
#banner-message{
position:absolute;

}
.ndx #banner-message{
top:170px;
left:280px;
}
.accessibility #banner-message{
top:0px;
left:210px;
}
.design #banner-message{
top:30px;
left:280px;
}
.seo #banner-message{
top:60px;
left:330px;
}
.development #banner-message{
top:70px;
left:470px;
}
.webmastering #banner-message{
top:60px;
left:70px;
}
.admin #banner-message{
top:60px;
left:440px;
}
.articles #banner-message{
top:24px;
left:530px;
}

/* ---------------------------- */
/* 	  TITLE			  */
/* ---------------------------- */
/* TITLE contains title text for img-disabled UAs,
	and is also visible on aa and aaa styles
 	TITLE hides beneath mast img for img-enabled UAs,
	but is visible for img-disabled UAs.
*/

#title {
	position: absolute; /* enable AP */
	text-align:left;
	width: 900px; 
	height: 300px; 
	left:50px; 
	top:14em; 
	z-index:0; /* under everything */
	}
	/* title text is for no-img UAs,
	#title-mask prevents title from appearing under content
	when images are enabled */
	
.frog#title {
width:660px;
left:280px;
overflow:hidden;
top:0px;
height:100px;
}
.ndx .frog#title{
height:300px;
}
	
#title-mask{
background:url(../img/backgrounds/100815-white-mask-10x.gif) repeat 0 0;
position:absolute;
display:block;
width:100%;
height:100%;
top:0;
left:0;
z-index:2;
}	


#title h1 {
	color: #111;
	background:#fff;
	margin-top: 0; /* */
	position: relative;
	/* font-size-adjust:.53;*/
	z-index:1;
	}

h2 {
/* retire 6/6/10	font: bold 1.5em optima, Garamond, "Times New Roman", serif;
*/
	/* font-size-adjust:.38;*/
	font: bold 1.4em verdana, tahoma, arial, sans-serif;
	z-index:1;
	}

#nick-stone {
	margin-top: 10px;
	color: #777;
	background:#fff;
	}

#nick-stone span {
	color: #777;
	background:#fff;
	font-size:70%;
}

#tagline {
	margin-top: 10px;
	color: #888;
	background:#fff;
	}


/* --------------------------------------- */
/* -----	NAV TOP ------------------	 */
/* --------------------------------------- */




	/* Notes:
1) #nav-top height includes space for t-spans, which won't show otherwise because ul is floated
2) #nav-top sits in #main
3) pad for backgrnd img
4) #nav-top sits in 960px #main 
5) adjust for #main top-offset
 */
#nav-top {
position:absolute;
top:0; 
left:30px;
width:904px; 
text-align:center;
font: 1.4em "Century Gothic",Verdana,sans-serif;
text-transform: capitalize;
padding:0;
background:url(../img/nav/100820-nav-bar-904x1-center.jpg) repeat-y 0 0;

}
#nav-top-cap-bottom {
display:block;
height:15px;height:24px;
width:100%;
padding:0;
background:url(../img/nav/100820-nav-bar-904x23-bottom.jpg) no-repeat 0 0;
}
#nav-top  ul{
width:100%;
padding:16px 0 0;padding:24px 0 0;
background:url(../img/nav/100820-nav-bar-904x23-top.jpg) no-repeat 0 0;

}

#nav-top li{
/*height: 2em;*/
display:inline;
color:#83736c; /* blend separators into background */
color: #555; /* slight contrast for separators */
background: transparent; /* on white or brown */
}
#nav-top li a:link,
#nav-top li a:visited{
background:transparent;
color:#222;
padding:0 12px;
}
/* frog green*/
#nav-top li a:hover{
background:transparent;
color:#690; 
}
.nav a {
	position: relative; /* enable z spans */
	text-decoration: none;
	z-index:90;
	}


.nav a span {
display:block;
position:absolute;
top:0;
left:0;
overflow:auto; /* preserve layout during extreme resize */
background:transparent; /* #main-bckgrnd is #fff */
color:#a35c00;
/* width: 100%; */
}


/* nav title text  */
.nav a span.t {
	width: 18em;
	padding:15px;
    border: 1px solid #8a9bc4; /* blue matches black on white (hover) button borders */
	color:#a35c00;color:#005996;/* dark blue */
	color:#444;
	background: #f5eeba repeat-y 0 0;
	background: #e1ebf4;
	background:#eee;
	z-index: 1000;
	text-align:center;
	vertical-align:middle;
	line-height:2;
}

.nav a:link span.t,
.nav a:visited span.t {
	margin-left: -9000px;
	margin-top: 50px;
	}
	
#nav-top a:hover span.t {
    margin-left: 15px;/* right of menu buttons - no overlap */
	}

.ndx .nav-index a,
.web-development .nav-web-development a,
.seo .nav-seo a,
.web-design .nav-web-design a,
.web-accessibility .nav-web-accessibility a,
.subcontract .nav-subcontract a,
.webmaster .nav-webmaster-service a,
.contact .nav-contact a,
.about .nav-about a{
font-weight: 700;
}


/* --------------------------------------- */
/* ------	MAIN ------------------------- */
/* ------------------------------------- */
/* #main Notes:
1)	float: fix ie7-sidepanel-articles-positioning 
2) margin-top: room for AP #mast containing #logo 
*/
#main {
	float:left; 
	position: relative;
	width: 960px; 
	margin-top:80px;margin-top:70px;
	z-index: 40; 
	}

	/*frog green*/
h1,h2,h3,h4,h5,h6{
color:#333;
background:transparent;
font-style: verdana, tahoma, arial, sans-serif;

}
h1{font-size:2.2em;}
h2{font-size:2.0em;}
h3{font-size:1.8em;}
h4{font-size:1.6em;}
h5{font-size:1.4em;}
h3 span {font-size:smaller;}

/* Src-code Placement for #page-subject:
as of 6/5/10...
 First element in #main; 
 Not in .text */
 /* margin-top is to push below buttons */
/* match width with content-column width */ 
.services #page-subject ,
.admin #page-subject ,
.articles #page-subject{
margin-top:320px; 
margin-left:160px;
text-align:left;
width:680px;
height:auto;
	}
/* Override #page-subject for .portfolio*/	
.portfolio #page-subject{
	margin-left:10px;
	}

.NULLarticles #page-subject{
/* sits at top of #main */
/*left offset centers it inside large-box */
 /* overflow auto keeps text inside box*/
/*position: absolute;
text-align:center;
top:0;
left:380px; 
width: 360px;
height:220px;
overflow:auto;*/
}	

/* strong is line 1 */
#page-subject h2 strong {
display:block;
margin:0 0 20px;
	}
/* line 2 */
#page-subject h2{
display:inline;
text-align:left;
left:0;
}
.admin #page-subject h2 strong ,
.articles #page-subject h2 strong {
display:block;
margin:50px 0 20px;
text-align:center;
	}
/* line 2 */
.admin #page-subject h2,
.articles #page-subject h2{
margin:0;
}




/* PAGE CATEGORY */
#page-subject h2.page-cat {
position:absolute;
width: 200px;
height: 2em;
top: 10px;
right: 20px;
text-align:right;
}


h3{
text-transform: capitalize;
margin: 2.5em 0 0.6em ;
}

h3 strong {display:block;margin-bottom: 1.2em;}

h3 span{text-transform:none;padding:0 1em;}

						
h4 {
	text-align: left;
	font-weight:bold;
	padding: 5px 0 5px 0;
	margin-top: 3em; /* ample white space btwn sections */
	}

h4.top-heading {margin-top: 0.2em ;}

h5 {
	margin: .5em 0;
	}


ul {
	margin: 0;
	padding: 0;
list-style-position:outside;/* Fixes ie7  */
	}


/*
rule for p elements that are Not Contained in .text,  see also .text-p
*/
p{
margin: .5em 0 1em ;
/* line-height is set in .text p
and is  >= 1.5
per w3c aaa specs */
}

abbr,
acronym,
span.alternate-text{
border-bottom: 1px dashed #000;
cursor:help;
}
/*typography recommendation - Richard Rutter */
abbr,
acronym{
letter-spacing:0.1em;
}
.sic {
  font-style:italic;
}

.clear {clear: both;}


/* --------------------------------------- */
/* ------	.TEXT ------------------------- */
/* ------------------------------------- */

.text {
/* .ndx text width is still 940 see .ndx section*/
/* contact pg text width is still 940 see .contact section*/
/* portfolio pg text width is still 940 see .portfolio section*/
float:left; /* contain left & right divs */
/*width:940px; (960 #main) - (L-Margin 10 + R-Gutter 10) = 940   */
width:640px; 
margin-top:0;
margin-left:10px;
margin-bottom:3em;
margin-left: 160px;
/*border:1px solid blue;*/
}
/* CAUTION .ndx .text is set in INDEX section below */

/*.admin .text,*/
/*.articles .text{
margin-top:295px;
}*/

/* FROG LAYOUT starting w SERVICES PAGES */
.services .text,
.admin .text,
.articles .text{
width:502px;
float:right;
margin:255px 28px 3em 0;
margin:265px 28px 3em 0;
margin:270px 28px 3em 0;
margin:275px 28px 3em 0;
}

.text p ,
.text ul,
.text ol,
.text dl,
.text pre{
	font: 1.2em/1.5 verdana,tahoma, sans-serif;
	}
.text p {
  margin: .6em 0; /* match vertical margin with h3-btm-margins */
}

.text p strong {
	font-weight: bold;
	}
.text a strong {
	font-weight: normal;
	}

.text ul,
.text dl {
	margin: 1.5em 0;
	}

.text ol {
	margin: .5em 0;
	}

.text ol ol {
	font-size: 1em; /* prevent escalation */
	margin-top: 1.2em;
	}


.text li ,
.text dd{
	padding-bottom: 1em;
	}

/* highlights terminology */
.text em {
	color: #222;
	background: #fff;
	font-weight:bold;
	cursor: help;
	font-style: normal;
	}
	
.text code{
color: #690;
background:#fff;
margin: 1.6em 0;
font-size: 1.5em;
}
.text p.updated,
.text p.revised{
margin-top: 45px;/*display below get-a-quote img */
color:#690;
background:#fff;
}

/* --------------------------------------- */
/* ------	TEXT NEW-2010 CLASS ------------------------- */
/* ------------------------------------- */	
/* class added to virginia-seo-services */
span.new-2010 {
color: #d00;
background:#fff;
}



/* --------------------------------------- */
/* ------	TEXT TESTIMONIAL BOXES ------------------------- */
/* ------------------------------------- */

/* frog green */
.text .testimonial,
.text .ndx-testimonial{
/*background:#fffbd3 url(../img/icons/testimonial-icon-23x15.gif) no-repeat 5px 5px;*/
color:#690; 
padding:20px 12px;
background:#eee url(../img/icons/testimonial-icon-23x15.gif) no-repeat 5px 5px;
}
.text .testimonial blockquote,
.text .ndx-testimonial blockquote{
padding: 20px;
background:#fffbd3;background:#eee; 
}
/*frog green*/
#wrap .text .testimonial blockquote em{
color:#690; 
}
/* gray */
.text .testimonial cite,
.text .ndx-testimonial cite{
display:block;
margin:0 20px 10px;
color:#111; 
background:#fffbd3;background:#eee; 
font-size:110%;
}





/* --------------------------------------- */
/* ------	MAST SUB NAV ------------------------- */
/* ------------------------------------- */

#nav-mast-services{
position:absolute;
top:-76px;top:-88px;
left:309px;
width:594px;
height:280px;
background:#3a2000; /* dark brown */


}
#categories-mast-services{
margin-top:25px; /* match #pages-mast-services */
margin-left: 20px;
width: 260px;
/*border-right:1px solid white;*/

}

#categories-mast-services h3{
/* reduce default margins */
margin: 0 0 30px;
}

#categories-mast-services h3 a {
margin: 0;
display:block;
background:#3a2000;
padding-left:60px;
font-weight:normal;
}

#categories-mast-services   h3 a:link,
#categories-mast-services    h3 a:visited{
color:#ac814e; /* light brown */
}
#categories-mast-services   h3 a:hover{
color:#f8d437;  /*yellow-gold*/
text-decoration:underline;
}
#categories-mast-services h3.active a:link,
#categories-mast-services h3.active a:visited,
#categories-mast-services h3.active a:hover{
text-decoration:none;
background: #3a2000 url(../img/mast/100605-right-box-mast-highlight-yellow-50x5.jpg) no-repeat 0 50% ;
color:#fff; 
}

#pages-mast-services{
margin-top:25px; /* match #categories-mast-services */
position:absolute;
right:20px;
top:0px;
width:280px;
height:auto;
/*border: 1px solid green;*/
}
#pages-mast-services ul{
  margin:0 10px;
}
#pages-mast-services li a{
font-size:.9em;
display:block;
margin:0;
padding-left: 60px; /* highlight = 50x8 */
background:#3a2000; 
font-weight:normal;
}
#pages-mast-services  li a:link{
color:#fff;
}

#pages-mast-services  li  a:visited{
color:#eee; /* light gray */
}

#pages-mast-services  li  a:hover{
text-decoration:underline;
color:#f8d437;  /*yellow-gold*/
}

#pages-mast-services  li.active  a:link,
#pages-mast-services  li.active  a:visited,
#pages-mast-services li.active  a:hover{
text-decoration:none;
background: #3a2000 url(../img/mast/100605-right-box-mast-highlight-yellow-50x5.jpg) no-repeat 0 50% ;
color:#fff;
}



/* --------------------------------------- */
/* ------	TEXT SIDE BOXES ------------------------- */
/* ------------------------------------- */

.sidebox {
clear:right;
float:right;
width:250px;
margin:3em 0 2em 40px;
background: #ffdf87;
border: 2px solid black;
}
/* sidebox EM used in Charlottesville-SEO.php */
.sidebox h3,
.sidebox em{
color:#000;
background:#ffdf87;
}
.sidebox h3,
.sidebox p,
.sidebox ul,
.sidebox ol, 
.sidebox cite{
  margin:10px;
}

.sidebox cite{
display:block;
}
.sidebox li{
padding-bottom:0;
}

#call-nick{
border:3px solid #f26722;
/* CSS 3 
border-left-image:url(../img/background/call-nick-border-4x.gif) ;
border-right-image:url(../img/background/call-nick-border-4x.gif) ;
border-left-fit-length:repeat;
*/
} 
/*
Caution: need 2 selectors
 .text & .sidebox selectors outweigh single selector for text-Only declaration below */
.text .sidebox a:link{
text-decoration:underline;
}
.text .sidebox a:visited{
text-decoration:underline;
}
.text .sidebox a:hover{
text-decoration:none;
}



/* --------------------------------
			LVHFA

		.text lvhfa
		.sidebox  lvhfa
		#footer  lvhfa
 --------------------------------	 */

/*frog green*/

#footer a:link {
	text-decoration:none;
	color:#690;
	background: transparent;
	}

.text a:visited,
#footer a:visited {
	text-decoration:none;
	font-weight: normal;
	color:#050;
	background: transparent;
	}
	/*frog black*/
.text a:link,
.text a:visited{
font-weight:bold;
color:#690;
background: transparent;
text-decoration: underline;
}
.text a:visited{
text-decoration:none;
}
/*black*/
.text a:hover {
	color:#fff;
	background: #690;
	font-weight:bold;
	}

/*frog green*/
.text .sidebox a:link,
.text .subnav a:link{
color:#000;
background:transparent;
}
/*black*/
.text .subnav a:hover,
.text .sidebox a:hover{
	color:#fff;
	background: #690;
}

/*black*/
#footer a:hover{
		color: #000;
		background: transparent;
		color:#fff;
	background: #690;
		/*text-decoration:underline;*/
		}
/*frog orange*/
.text a:active{
	text-decoration: none;
	color: #fd6601;
	background: transparent;
	}

/* stop hover hilight */
#W3C-valid-HTML-icon a:link,
#W3C-valid-HTML-icon a:visited,
#W3C-valid-HTML-icon a:hover,
#W3C-valid-HTML-icon a:active{
	background-color: transparent;
}


	/* top-pad also needed on #icon-list-li to prevent truncation */
.text a.ext:link,
.text a.ext:visited{
	padding-top: 3px; /* prevent external-icon-truncation  */
	display:block;
/*	background: url(../img/backgrounds/ext.gif) no-repeat 100% 100%;    */
	}


.text .ext span ,
#footer .ext span{
	display: none;
	}

.text a.ext:hover span ,
#footer a.ext:hover span{
	display: inline;
	}


/* +++++++++++++++++++++++++++++++	 */
/*     Services pages 				 */
/* +++++++++++++++++++++++++++++++	 */
#services-subhead {
width:502px;
position:relative;
padding:26px 0;
background:url(../img/subheads/100822-services-subhead-502x1-center.jpg) repeat-y 0 0;
/*color:#000;*/
z-index:0;
}
#services-subhead-top  {
position:absolute;
top:0;
left:0;
height:26px;
width:100%;
background:url(../img/subheads/100822-services-subhead-502x26-top.jpg) no-repeat 0 0;
z-index:1;
}
#services-subhead h2{
margin:0 10px;
padding:10px 60px 10px 0;
position:relative;
z-index:2;
line-height:1.5;
}
.accessibility #services-subhead h2{
background:url(../img/subheads/accessibility/100825-accessibility-wheelchair-40x-export.png) no-repeat right 50%;
}
.admin #services-subhead h2{
}
.articles #services-subhead h2{
}


.design #services-subhead h2{
background:url(../img/subheads/web-design/100822-web-design-pencil-33x39-export.png) no-repeat right 50%;
}
.development #services-subhead h2{
background:url(../img/subheads/web-development/100826-web-development-globe-40x.gif) no-repeat right 50%;
}
.seo #services-subhead h2{
background:url(../img/subheads/seo/100816-seo-arrow-29x33-export.png) no-repeat right 50%;
}
.webmastering #services-subhead h2{
background:url(../img/subheads/webmastering/100826-webmastering-hammer-wrench-38x34.gif) no-repeat right 50%;
}
#services-subhead-bottom  {
position:absolute;
bottom:0;
left:0;
height:26px;
width:100%;
background:url(../img/subheads/100822-services-subhead-502x26-bottom.jpg) no-repeat 0 0;
z-index:1;
}
/* --------------------------------------- */
/* ------	FROG SUB NAV ------------------------- */
/* replaces mast subnav for SERVICES PAGES */
/* ------------------------------------- */

/* #web-services-subnav Notes:
1) coded in #main & just Below .text
2) match top-margin with .services .text top-margin 
3) overflow hidden to clear float & contain h3 & ul
*/
.ndx  #web-services-subnav {
display:none;
}
#web-services-subnav ,
#admin-services-subnav{
float:left;
width:300px;
margin-top:275px;
margin-left:30px;
background:#ececec;
overflow:hidden;
}
/* #web-services-subnav top-pad positions h3 on backgrnd gradient*/
#web-services-subnav  h3,
#admin-services-subnav h3{
/*color:#000;
background:transparent;*/
padding-top:40px;
margin:0;
}
#web-services-subnav-inner-wrap,
#admin-subnav-inner-wrap {
margin:0 10px;
}
.accessibility #web-services-subnav  ul{
padding-bottom: 200px;
background:url(../img/content-img/accessibility/100830-braille-hands-200x133.gif) no-repeat 80px 95%;
}
.development #web-services-subnav  ul{
padding-bottom: 200px;
background:url(../img/content-img/web-development/100827-web-development-wireframe-man-200x172-export.png) no-repeat right 90%;
}
.design #web-services-subnav  ul{
padding-bottom: 200px;
background:url(../img/content-img/web-design/100827-web-design-colored-pencils-160x-export.png) no-repeat right 90%;
}
.seo #web-services-subnav  ul{
padding-bottom: 200px;
background:url(../img/content-img/seo/100828-seo-frog-magnifying-glass-95x160.gif) no-repeat right 90%;
}
.webmastering #web-services-subnav  ul{
padding-bottom: 200px;
background:url(../img/content-img/webmastering/100826-webmastering-laptop-stethoscope-154x110.gif) no-repeat right 90%;
}
/*
.admin #web-services-subnav  NOTES:
1) frog-hanging image stretches to very edge of subnav box,
so it must be coded as background on the box, not on the UL
*/
.admin #web-services-subnav {
padding-bottom: 200px;
background:#ececec url(../img/content-img/admin/100828-frog-hanging-300x134-export.png) no-repeat right 100%;
}
.articles #web-services-subnav  ul{
padding-bottom: 200px;
background:url(../img/content-img/articles/100902-books-mouse-151x158.gif) no-repeat 110px 95%;
}

#web-services-subnav a,
#admin-subnav a{
font-size:1.4em;
display:block;
margin:0;margin:1em 0;
padding:4px 4px 4px 30px;
background:transparent;
font-weight:normal;
text-decoration:none;
}
/*frog green*/
#web-services-subnav a:link,
#admin-subnav a:link{
	
	color:#333;
}

#web-services-subnav  a:visited,
#admin-subnav a:visited{
color:#444; /*  gray */
color:#555;
}
/*frog orange*/
#web-services-subnav a:hover,
#admin-subnav a:hover{
/*color:#f8d437;  yellow-gold*/
color:#fd6601;color:#fff;
background:#999;
}

#web-services-subnav  .active  a:link,
#web-services-subnav  .active  a:visited,
#web-services-subnav .active  a:hover{background: url(../img/backgrounds/100902-nav-bullet-18x.gif) no-repeat 0 50% ;
color:#690;
list-style-type:disc;

}

/* +++++++++++++++++++++++++++++++	 */
/*     Individual page adjustments	 */
/* +++++++++++++++++++++++++++++++	 */




/* ---------------------		*/
/* ABOUT 										*/
/* ---------------------		*/

.about #img-outer-wrap {
	float: left;
	margin: .5em 30px 1em 0;
	}



/* ---------------------		*/
/* ACCESSIBILITY STATEMENT		*/
/* ---------------------		*/

#developer-signature img {
margin:10px 0 20px;
	display: block;
	}

.accessibility-statement .sidebox blockquote {
	text-align:justify;
	margin-top: 0em;
	margin-bottom: .2em;
	}

.accessibility-statement .sidebox p {
	margin-top: 0;
	margin-bottom: .2em;
	}
/* ---------------------
 			ARTICLES PAGES
---------------------	*/
.articles .text ol {
list-style-type:decimal;
}


/* ---------------------	*/
/* BASICS 					*/
/* ---------------------	*/



/* ---------------------	*/
/*
CONTACT  FORMS
contact.php
charlottesville-seo.php (landing)
charlottesville-web-design.php (landing)
*/
/* ---------------------	*/





/* margin = space btwn h3 & <ul> */
/* padding = space btwn text-background-top-edge & h3 */


#phpemail-form ul {
float:left;
margin: 0 0 20px 0;
}

#buttons-form-wrap #form-title {
margin-left:0;
width: 200px;
}

#phpemail-form label{
text-align:right;
float:left;
width: 100px;
margin-right: 8px;
line-height:2;
vertical-align:bottom; /* vertically align with input boxes */
}

#phpemail-form input,
#phpemail-form select,
#phpemail-form textarea{
/*display:block;*/
	border: 2px solid #8f9497;
	width: 210px;
	}
	
	/*frog orange */
#phpemail-form span{
color:#fd6601;
background: transparent;
font-size: 230%;
padding-left:12px;
vertical-align:bottom; /* vertically align with input boxes */
}

#phpemail-form .control-button input {
	border: 2px solid #8f9497;
	width: 100px;
	margin-left:112px; /* align with form inputs */
	}

#phpemail-form .control-button input:hover {
	border: 2px solid #555;
	cursor: pointer;
	width: 100px;
	}

#phpemail-form .radio input {
	border: none;
	width: 10px;
	}

#phpemail-form textarea {
	height: 8em;
	}

#phpemail-form textarea:focus ,
#phpemail-form input:focus,
#phpemail-form select:focus {
	border: 2px solid #856914;/*brown*/
	color:#000;
	font-weight:700;
	}

#phpemail-form #msg-sent {
	padding: 50px 10px 100px;
	margin-bottom: 50px;
	margin-top: 50px;
	}

#phpemail-form #msg-sent h4 {
	text-align:left;
	}

/* Also see Map Rules - bottom of this page */




/* ---------------------
 			CONTACT PAGE 
			(also see Contact Forms above)
---------------------	*/

.contact .text{
/* margin-left override 160 */
/* width override 640 */
margin-left:10px; 
width:940px;
}
.contact #services-subhead{
display:none;
}
.contact #web-services-subnav{
display:none;
}
.contact #buttons{
display:none; /* No Site-search, No Get-a-Quote */
}
/* #contact-pg-details NOTES:
1) overflow hidden: clear float
*/
#contact-pg-details{
float:right;
width:240px;
background:#fffaf3;/* off white */
margin-top:20px;
overflow:hidden;
}
/*
#contact-pg-details-inner-wrap NOTES:
1) RP for AP span 
2) padding top positions dotted horiz backgrnd
3) padding top 0 collapses img ontop underlying text,
but pad top1px creates a big vert gap ??*/
#contact-pg-details-inner-wrap{
position:relative;
background:url(../img/backgrounds/100831-dotted-border-vertical-4x54.gif) repeat-y 0 0;
padding-left:5px;
}

#contact-pg-details-inner-wrap span{
position:absolute;
top:0;
left:15px;
background:url(../img/backgrounds/100831-dotted-border-horizontal-54x8.gif) repeat-x 0 50%;
height:8px;
width:100%;

}
/* #contact-pg-details h2 NOTES:
1) override default margin
*/
#contact-pg-details h2{
padding:22px 41px 22px 30px;
background:url(../img/content-img/admin/100831-contact-phone-39x37.gif) no-repeat 100% 50%;
margin:0;
}

/* these 2 divs sit inside #contact-pg-details 
padding-top reqd because margin top will collapse w h2 above,
and disrupt dotted border position*/
#charlottesville-info{
padding-top:30px;
margin:0 20px 20px;
}
#alexandria-info{
margin:0 20px 20px;
}

/* #charlottesville-info h3 NOTES:
1) override default margin
*/
#charlottesville-info h3{margin:0;}

#contact-form-wrap{
float:left;
width: 600px;
margin-top:20px;
}
/* #contact-form-wrap #form-title NOTES:
1) margin-left: align with form inputs 
2) reduced width controls background offset*/
#contact-form-wrap h2{
padding:22px 90px 22px 0;
background:url(../img/content-img/admin/100831-contact-envelope-87x66.gif) no-repeat 100% 50%;
margin-left:112px; 
width:35%;
}

/* .contact #phpemail-form NOTES:
1) vertical align with #charlottesville-info*/
.contact #phpemail-form{
background:url(../img/backgrounds/100831-dotted-border-horizontal-54x8.gif) repeat-x 0 0;
padding-top:30px;
}
.contact #phpemail-form li{
position:relative; /*enable AP spans */
}
/*frog orange*/
.contact h3.form-error{
color:fd6601;
background:#fff;
}
.contact #phpemail-form label{
line-height:2;
}
.contact #phpemail-form input,
.contact #phpemail-form select{
display:block; /* vertically aligns label with input*/
	}
.contact #phpemail-form span{
position:absolute; /* keeps asterisk on same line as input */
right: -20px;
bottom:0;
}
/* #phpemail-form #submitx8 NOTES:
1) dbl selector needed for cascade override
#phpemail-form #submitx8{
border:none;
}*/
/* ---------------------
 			CSS-SEO
---------------------	*/

.try-css {
	padding-left: 4em; /* space before answering rhetorical question */
	}


/* ---------------------	*/
/* HOW 				*/
/* ---------------------	*/


.how h2 .essential-steps {
	display:block;
	margin-top: 1em;
	}


#how-9-steps ol {
	padding-left:18px;
	}



.how #resizing #too-big{
	display:block;
	font-size: 180%;
	}




/* ---------------------	*/
/* INDEX 				*/
/* ---------------------	*/


.ndx .text{
margin-top:330px;margin-top:400px; /* room for frog*/
margin-left:10px; /*override 160*/
width:940px;
}


.ndx .text ul {
margin: .5em 0;
	}


/* NDX INTRODUCTION */
.ndx #introduction {
float:left;
width:940px;
}

/* holds west & central */
.ndx  .left{
float:left;
width: 613px;/* 286+20+1+20+286=613  last 20 is a gutter */ 
}
.ndx .west {
width:286px;
float:left;
}
.ndx .central{
width: 286px;
float:right;
}

.ndx .colorado-river {
float: left;
height: 90em;
width: 1px;
margin:4em 0 0 20px; /* 20px right gutter*/
margin:4em 0 0 24px;
background: #bccdd7;
}

.ndx  .right{
float:right;
width: 310px;  /* 286 +20+1 + 3px gutter for float drop */
}
.ndx .east{
width: 286px;
float:right;
}
.ndx .mississippi-river{
float:right;
height: 90em;
width: 1px;
overflow: hidden;
margin: 4em 20px 0 0;  /* 20px left gutter*/
margin: 4em 16px 0 0;
background: #bccdd7;
}

.ndx ul.west, .ndx ul.central, .ndx ul.east{
margin-top: 2em;
}
.ndx #services-box {
background:#690;
color:#fff;
padding:20px 12px;
width:256px; /* match testimonials box */
margin-bottom:15px;
}
.ndx #services-box  h3{
margin-top:.25em; /* reduce margin */
margin-bottom: 1.1em; /* increase (default is 0.6em) */
background:#690;
color:#fd6601;
}
.ndx #services-box li{
padding: 0 0 10px 32px;
background: url(../img/icons/checkmark-green-29x.png) no-repeat 0 0;
}

/* NDX-TESTIMONIALS */
/*  Also SEE testimonials in Text SECTION  */	
.ndx #testimonial-box,
.ndx #testimonial-box-2
{
width: 256px; 
}
.ndx #testimonial-box a:link,
.ndx #testimonial-box a:visited,
.ndx #testimonial-box-2 a:link,
.ndx #testimonial-box-2 a:visited{
color:#fd6601;color:#690;
background:#fffbd3;background:#eee;
text-decoration:none;
font-weight:bold;
}

.ndx #testimonial-box a:hover,
.ndx #testimonial-box-2 a:hover{
color:#000;
text-decoration: underline;
font-weight:bold;

}	
.ndx .articles .mississippi-river,
.ndx .articles .colorado-river{
height:60em;
}

/* .ndx #introduction h2 NOTES:
1) RP to for z above spans for background 
2) width 260+20pad=280
*/
.ndx #introduction h2{
width:100%;width:260px; 
font-weight:700;font-weight:300;
/*margin:1.8em 0 1em;*/
position:relative;
z-index:1;
padding-left:20px;

}
.ndx #introduction .heading-wrap{
position:relative;
background:#fff url(../img/backgrounds/100820-column-head-294x1-center.jpg) repeat-y 0 0;
padding-top:28px;
padding-bottom:28px;
z-index:0;width:294px;
}
.ndx #introduction .heading-wrap  .top{
position:absolute;
top:0;
left:0;
height:28px;
width:100%;width:294px;
background:#fff url(../img/backgrounds/100820-column-head-294x28-top.jpg) no-repeat 0 0;
z-index:0;
}
.ndx #introduction .heading-wrap .bottom{
position:absolute;
bottom:0;
left:0;
height:28px;
width:100%;
background:#fff url(../img/backgrounds/100820-column-head-294x28-bottom.jpg) no-repeat 0 0;
z-index:0;
}
.ndx #introduction h2.tier-2{
height:auto;
}
/*black*/
.ndx #introduction em{
display:block;
margin:1.5em 0;
color:#000;
}

/* .ndx #introduction p#quality NOTES:
1) match {.text dl} 
*/
.ndx #introduction p#quality{
margin:1.5em 0; 
}
	
/* SPECIAL Offer */
.ndx .right img {
margin:1.5em 0 0 10px;
}	






/* NDX ARTICLES */
.ndx  .articles  {
 border-top: 2px solid #cdc;
margin-top: 2em;
float:left; /* contain */
width: 100%;  /* fix ie float drop*/
}
.ndx  .articles .left {
border-top: 1px solid #cdc;
padding-top: .7em;
float:left;
 /* match .ndx .text width width:930px;*/
  /* increase to align right column margin-right:40px; */
}
.ndx  .articles .right {
border-top: 1px solid #cdc;
padding-top: .7em;
float:right;

 /* .ndx .articles h2 NOTES:
 1)  match .ndx .text width width:930px;
 2) increase to align right column margin-right:40px; 
 3) width 930 is override back to default
 4) height auto is override back to default
 5) margin: 1em 0 0; is override
 */
}
.ndx .articles h2{
width:930px;  
height:auto;  
margin:1em 0 0;  
}
/* .ndx .articles h3 NOTES:
1)width:auto;  override back to default 
2) height auto is override back to default
3) margin 1em 0 .6em is override default
*/
.ndx .articles h3{
width:auto;  
height:auto;  
margin:1em 0 .6em;   
}

.ndx #wrap .articles a{
display:block;
}

/* ---------------------	*/
/* INTERVIEW			*/
/* ---------------------	*/
/*frog green*/
.interview .developer-questions li em{
	font-size:1.2em;
	display:block;
	font-weight:bold;
	color: #690;
	background:#fff;
	padding:.3em 0 .3em 0;
	}
.interview #wrap .developer-questions li em a:link,
.interview #wrap .developer-questions li em a:visited{
	color: #690;
	background:#fff;
}

.interview .developer-questions li {
	display:block;
	font-weight:bold;
/*	color: #000;*/
	padding:.3em 1em .3em .3em;
	text-align:justify;
	margin-bottom: 1em;
	}

/* ---------------------	*/
/* LANDING PAGES				*/
/* ---------------------	*/
.special-offer {
margin-top: 40px;

}
.special-offer img{

}





/* --------------------------------	 */
/* PRIVACY */
/* --------------------------------	 */




/* ---------------------	*/
/* REPAIR				*/
/* ---------------------	*/







/* ---------------------	*/
/* SEO				*/
/* ---------------------	*/

.seo .sidepanel p {
	font-size: 1.2em;
	}


.seo .sidepanel .sidebox h3 {
	padding-top: 10px;
	padding-bottom: 20px;
	margin-top: 10px;
	}



/* ---------------------	*/
/* SEO-RESULTS-LIST		*/
/* ---------------------	*/
/*
seo-services menu NOTE:
This page gets a containing div
to enable a float to ride adjacent */
.seo-results .seo-services{
  width: 400px; /*enable float */
}


.seo-results .phrases{
	margin-right:40px;
	}

.seo-results #seo-list {
/*	margin-top: 440px;  keeps first 3 floats vert-aligned */
	clear:left; /* keeps first 3 floats vert-aligned */
	}

.seo-results #seo-list div {
	float: left;
}


.seo-results .phrases li{
	display: block;
	margin: 1em 0;
	padding: 5px;
	border: 1px solid #330;
	background:#f1ffdd url(../img/backgrounds/yellow_on_white_2_texture.png) repeat;
	color:#000;
	}

.seo-results .phrases li span {
/*	background: #fff;
	color:#000;*/
	display:block;
	padding: .8em;
	margin-top:.8em;
	border: 1px solid #ff0;
	}

.seo-results #seo-list h4 {
	margin: 2.2em 30px .5em;
	font-weight: bold;
	}

.seo-results #seo-list h4 span {
	display:block;
	padding:.7em 0 0;
	font-weight: normal;
	}

/* ---------------------	*/
/* SERVICE				*/
/* ---------------------	*/

/* Problem: IE7 AP bug not rendering maps
Fix: 3/6/09 Eliminating this img->container
& switching from AP to floats

.service #service-maps {
	position:absolute;
	top: 64em;
	left: 300px;
	width: 300px;
	z-index:1;  child of #main needs Z>0 to sit above #main->background
		border: 1px solid red;
	}
	*/

.service  img#va {
	width: 400px;
	height: 195px;
	float:right;
	margin: 4em 0 0 0;
	}




.service h5 {
	margin-top: 1.8em;
	margin-bottom: .5em;
	font-weight: bold;
	}

.service #free-quote {
	margin-top: 3em;
	font-size: 1.4em;
	}


/* ---------------------	*/
/* SKILLS 				*/
/* ---------------------	*/



/* ---------------------	*/
/* SUBCONTRACT			*/
/* ---------------------	*/


/* ---------------------	*/
/* TOOLS 				*/
/* ---------------------	*/


.tools h2 .be-sure {
	display:block;
	margin-top: 1em; /* vert space btwn 2 lines of h2 text */
	}


#tools-better {
	position: absolute;
	top: 3em;
	padding: 1em 0;
	display:none;
	}

.tools-css li em {
	padding: 0 15px;
	background: #cdf;
	}
/* ---------------------	*/
/* Web-Design-Clients		*/
/* ---------------------	*/
/* frog orange */	
.web-design-clients #web-clients span,
.web-design-clients #web-clients-intro span{
color:#fd6601;
background:#fff;
font-weight: 700;
font-size: 140%;
}
/* ---------------------	*/
/* Web-Design-PORTFOLIO		*/
/* ---------------------	*/

#SUSPEND.portfolio .text {
/* width overrides 640px set in .text above */
width:940px; 
margin-left:10px; /*override 160*/
}

.portfolio #screenshots {
clear:both; /* clear subnav */
width:900px;
margin-top:3em; /* breathing room */
margin-left:-400px;
	}
.portfolio #screenshots div{
float:left; /* contain floated elements */
width: 100%;
margin-bottom:100px;
margin-top: 3em;
}

.portfolio .text li a{
    padding-bottom: 10px; /* sticky zone */
	}

.portfolio #screenshots img ,
.portfolio .text li.inactive-client img {
float:left;
display:inline;
	width: 360px;
	height: 270px;
	margin:2.5em 50px 0 0;
	}
	
.portfolio #main #screenshots ul {
font-size:1.2em;
margin: 1.5em 0 0 20px;
float:left;
width: 180px;
}
.portfolio #main #screenshots ul  em{
display:block;
font-size:1.3em;
}
.portfolio #screenshots dl {
font-size:1.2em;
float:left;
width: 280px;
border-right: 1px solid red;
}
.portfolio #screenshots dt{
font-weight:bold;
font-size:1.3em;
}	


/*
#antec span.screenshot {
	background:url(../img/screenshots/antec_01_export.jpg) no-repeat;
	}

#eden span.screenshot {
	background:url(../img/screenshots/edenali_02_export.jpg) no-repeat;
	}

#smith span.screenshot {
	background:url(../img/screenshots/smith_01_export.jpg) no-repeat;
	}
#sunday_afternoon span.screenshot {
	background:url(../img/screenshots/sunday_afternoon_01_export.jpg) no-repeat;
	}
#boxer span.screenshot {
	background:url(../img/screenshots/boxer_01_export.jpg) no-repeat;
	}
*/

/* ---------------------	*/
/* WEB SERVICES 				*/
/* ---------------------	*/



/* ---------------------	*/
/* WHY 				*/
/* ---------------------	*/

.why h2 .improving {
	display:block;
	margin-top:1em; /* vert spacing for second line of text */
	}



/* --------------------------------	 */
/* SITE MAP */
/* --------------------------------	 */

.sitemap .text div {
  border-bottom: 1px solid #ddd;
}

.sitemap .text div#page-subject{
  border-bottom:none;/* override rule above */
}


.sitemap .text div h3{
}
.sitemap .text div h4{
margin: 1.2em 0 0;
}
.sitemap .text div ul{
margin:.5em 0;
}

.sitemap .text li a{
	font-size: 1em;
	}

/* ---------------------------------------

	SKIP  - accessibility links

 --------------------------------------- */

#skip{
/* visible to all
  float:right;
position:relative;
z-index:100;
*/
/*   visible to screenreaders only, courtesy mezzoblue.com */
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute; /* for IE5 Mac */
}

#skip p{
float:right;
background:#fff;
color:#000;
margin-right: 5em;
}
#skip p a{
background:#fff;
color:#00733c;
}

/* --------------------------------	 */
/* BUTTONS  						 */
/* --------------------------------	 */

#buttons {
top:450px;
left:20px;
z-index:50; /* must be above main z=40 for js to work */
position:absolute; /* z */
width: 100%;width:960px;
height: 40px;
}
/*
#buttons.frog NOTES:
1) top offset nestles buttons btwn banner & .text 
*/
#buttons.frog {top:300px;}

.ndx #buttons {
top: 510px;top:490px;top:485px;top:400px;/* above frog, below nav-top */
}
/*
.services #buttons{
top: 290px;
}*/
#buttons a.restore-page{
display:none;
position:absolute;
top:-10px;top:-5px;
left:40%;left: 400px;
font-size:200%;
}
.ndx #buttons a.restore-page{
}

/* --------------------------------	 */
/* Buttons GET A QUOTE */
/* --------------------------------	 */

#buttons #get-a-quote {
position:absolute;
left:10px;left:30px;
top:0;
width:108px; 
height:30px;
}
.frog#buttons #get-a-quote {
top:10px;
}
#ndx #buttons #get-a-quote {
display:none;
}
/* hide embedded form OnLOAD */
#form-wrap{
display:none;
margin-left:110px;margin-left:260px;
}
/* frog form sits in right column while
left subnav column remains visible*/
.frog #form-wrap{
margin-left:375px;
}
#form-wrap form{
width: 700px;width:400px;

/*height: 70em;background:#6a8fc8;*/
height: 40em;
padding:20px;
/*background:#f7faaf;  light yellow */
/* *border:1px solid #8f9497; */
}
/* styles copied from .text
	styles repeated here
	because #form-wrap is outside of .text
	*/
#form-wrap ul{
	font: 1.43em/1.55em verdana, tahoma, arial, sans-serif;
	margin: 1.5em 0;
	}
#form-wrap li{
	padding-bottom: 1em;
}	

/* ---------------------------------- */
/* ---- Buttons	SITE-SEARCH		-----	 */
/* --------------------------------	 */
/* All styles for #cse are, and must be, inline,
otherwise, Google's JS won't permit positioning */

#site-search {
position:absolute;
right: 0;right:28px;
top:0;
width:260px;
height:40px;
z-index:50; /* must sit over main z=40 */
}
.frog #site-search{
position:absolute;
right: 0;right:28px;
top:0;
width:327px;
height:30px;
z-index:50; /* must sit over main z=40 */
}
.ndx #site-search {
right:20px;
}

#cse-wrap{
/*  visibility:hidden; */
  position:absolute;
  z-index:100;  
  top:0;  
  right:30px; right:0; /* CHANGED for TEST 5/8/10 */
  width:260px; 
  height:2em;  
  background:#fff;
  border-color:#fff; /* scripted */
  border-style:solid; /* scripted */
}
img#cse-toggle{
  visibility:hidden; /* JS shows img onload for JS enabled UAs */
  position:absolute;
  z-index:1000;  
  top:0;  top:10px;
  right:20px; right:10px;
  width:200px; width:120px;
  height:40px;  height:30px;
  background:#fff;
  }
  
.frog #site-search img#cse-toggle{
width:327px;
}



/* ---------------------------------- */
/* ----	SOCIAL BOOKMARKS 		-----	 */
/* --------------------------------	 */
 .articles #wrap .social-widget{
   margin:2.5em 0; /*breathe */
 }



/* ---------------------------------- */
/* ----	FOOTER 		-----	 */
/* --------------------------------	 */

#footer {
	clear:both;
	width: 920px; /* 10+920+10=940  ###  ie6 has layout, still needed ? */
	margin: 0 0 0 10px; /* L-Margin + default R-Gutter -- also see .text btm-margin */
	padding:10px;
	background: #fff;
text-align:center;
border: 1px solid #6a8fc8;
	}

/* ---- */
#footer .web-services {
float:left;
width: 940px; 
/* border: 1px solid red;
margin-left:10px;  */
margin:0 0 20px; /*  breathing room */
}

#footer .web-services div{
float:left;
width: 190px; /* 190x4=760   */
margin-left: 50px;/* plus 40 default R-gutter  >>  0+50+60+50=160*/
}
#footer .web-services  div.seo{
margin-left:0;
}
#footer .web-services  div.web-accessibility{
margin-left:60px;  
}

#footer .web-services h3{
position:relative; /* enable AP span */
width:190px;
/*height:40px;*/
border-bottom: 1px solid #6a8fc8;
padding-bottom: 8px;
}

#footer .web-services  a{
position:relative;/* AP */
display:block;
margin-bottom: .6em;
font-size:1.2em;

}


/* nav->titles  */
#footer  a span.t {
display:block;
position:absolute;
top: 0; /* matches 30 a-height (30-30)/2 = 0  */
left:0;
width: 190px;
/* no height declared: Allow box HEIGHT to adjust */
overflow:auto; /* prevent text from breaking layout during extreme resize */
	padding: 5px;padding:15px;
	border: 1px solid #6faf02;
    border: 1px solid #8a9bc4; /* blue matches black on white (hover) button borders */
	color: #000;
	background: #f5eeba;
	z-index: 1000;
	text-align:center;
	font-size:1.2em;
	line-height:2;
}

#footer  a:link span.t,
#footer  a:visited span.t {
	margin-left: -9000px;
	margin-top: -9em;
	}
#footer  a:hover span.t {
    margin-left: 0px;/*  */
    margin-top: -11em;margin-top: 4em;
	z-index: 1000; /* try fix IE7 see-thru spans */
	}
/* --- LOW LINKS --- */

#low-links {
	clear:both; /* clear .web-services */
	border-top: 2px solid #6a8fc8;
	border-bottom: 2px solid #6a8fc8;
	text-align:center;
	padding: 1em 0;

}

#low-links li {
	display:inline;
	font-size:1.2em;
	line-height:1.8;
	}
#low-links li a:link,
#low-links li a:visited{
    padding:0 15px;
}

/* --- ICON LIST  ---*/
 ul#icon-list {
clear:both;
text-align:center;
margin:15px 0 20px 0;
/* border:1px solid #cee;  */
	}

 #icon-list li {
margin: 0 10px;
width:170px;
height: 60px;
display:inline;

	}

 #icon-list a{
position:relative;
font-size:.9em;
/* same width & height as img,
prevent anchors from collapsing when imgs are off*/
	
	width: 88px;
	height: 31px;
	/* same width & height as li
	width:170px;
height: 60px;*/
}

 #icon-list a span{
position:absolute;
display:block;
top:-13em; /* also see exceptions below */
left:0;
width:15em;
border: 1px solid #3d8;
color:#a35c00;
background: #f5eeba;
padding:10px;
text-align:center;
font-size:1.2em;
}

 #icon-list .gawds a span{
height: 6em;
top:-12em;
}
 #icon-list .valid-html a span{
height: 7em;
}

 #icon-list .valid-css a span{
height: 7em;
}
 #icon-list .wai-aaa a span{
height: 9em;
top:-15em;
}
 #icon-list .hermish a span,
#icon-list .sec-508 a span{
height: 9em;
top:-15em;
}
 #icon-list .icra a span{
height: 6em;
top:-12em;
}


 #icon-list a:link span,
#icon-list a:visited span{
  margin-left:-9999px;
}
 #icon-list a:hover span{
  margin-left: 5px;/*  */
}


 #icon-list a.ext:link ,
 #icon-list a.ext:visited {
/*	padding: 10px 0; /* TEST 3/4/09 try stop IE6 truncation */
	background-image:none; /* IE6 */
	}


#icon-list img {
	height: 31px;
	width: 88px;
	}

/* temp kill colored borders
until I find workaround
for overlapping borders when 
images are off 
.gawds a{border: 10px solid #0f5;}


.valid-html img {border: 10px solid #d65;}

.valid-css img  {border: 10px solid #cf9;}

.wai-aaa img {border: 10px solid #5af;}

.sec-508 img {border: 10px solid #5af;}

.hermish img {border: 10px solid #000;}

.icra img {border: 10px solid #007;}
*/

/* --- COPYRIGHT --- */

p.copyright {
	clear: both;
	border-top:1px solid #000;
	width:30em; /* wide enough to prevent text wrap */
	margin:0 auto; /* center the border on the page */
	line-height: 140%;
	font-size: .8em;
	font-weight: normal;
  	text-transform: capitalize;
	text-align:center; /* center the text under the border */
	padding: 10px 0;
	}

.copyright-acknowledgements { /* theodora maps credit */
	font-size: 90%;
	margin-top: 2em;
	}

/* --------------------------------------- */
/* ------	JQUERY TESTING ------------------------- */
/* ------------------------------------- */

.jq-reverse{
color:#fff;
background:#7895a3;
}
#map-titles-wrap{
width:99.9%;
float:left;
}
h3.charlottesville{
float:left;
width:400px;
}
h3.alexandria{
float:right;
width:400px;
text-align:right;
}
#maps-wrap{
float:left;
width:99.9%;
}
#map-charlottesville{
float:left;
}
#map-alexandria{
float:right;
margin-right: 0;
}
#directions-charlottesville{
float:left;
width: 400px;
height: 50px;
}
#directions-alexandria{
float:right;
margin-right: 0;
width: 400px;
height: 50px;
}

/* ---------------------------------- */
/* ----	MAP 		-----	 */
/* --------------------------------	 */



.gsmsc-mapDiv {
height : 540px;
width : 620px;
margin-left:40px;  margin-left:0;
	}

.gsmsc-idleMapDiv {
height : 540px;
width : 620px;
margin-left:40px; margin-left:0;
	}

#mapsearch {
float:left;
margin: 10px 0 40px;
height : 540px;
width : 620px;
	}

.contact #mapsearch {
 display:block; /* display in ie7 */
}

#mapsearch span {
	color:#676767;
	font-size:11px;
	margin:10px 0;
	padding:4px 0;
	}