/* CSS Stylesheet
website:   http://www.bethesdadesignweb.com
============================================================ */

* {margin: 0; padding: 0;}

html{height:100%; margin-bottom:1px}

a{outline:none; text-decoration: none; border: none; color: #a60000;}

a IMG{border:none;}

.itemdesc ul li, .itemdesc ul  {margin-left: 25px;}

body {background-image: url(images/bgs.jpg);background-repeat:repeat; font-family: Geneva, Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size: 13px; line-height: 24px; text-align: center;}

#content{width: 100%; height: auto; margin: auto;}

.skipnav{height: 0px;}

.skipnav span{position: relative; top: 0px; left: -3000px; height: 0px;}

#banner{width: 100%; height: 306px; background: url(images/bnr2abdw.jpg) top center no-repeat;}
#banner a {border:none;}

#wrapper{width: 1000px; height: auto; margin: auto;background: url(images/wrp.jpg) top center repeat-y;border-top:solid 10px #CCDBDB; }



/* for terms pages  */

body#secondary #wrapper{background-image: none;}



/* site navigation */

#navigation{position: relative; top: -47px; width: inherit; height: 47px;} 

#navigation ul{position: relative; left: 476px; width: 464px; height: 47px; list-style-type: none; margin: 0px; padding: 0px; padding: 0px 0px 0px 16px;}

#navigation ul li{float: left; width: 90px; height: 39px; margin: 8px 0px 0px 0px; padding: 0px;}

#navigation ul li a{display: block; width : 90px; height: 39px; background-repeat: no-repeat;}



/* nav images */

#navigation ul li#home a{background-image: url(images/portfolioNavcitrus.jpg);}

#navigation ul li#prog a{background-image: url(images/servicesNav.jpg);}

#navigation ul li#dev a{background-image: url(images/preNav.jpg);}

#navigation ul li#about a{background-image: url(images/aboutNavcitrus.jpg);}

#navigation ul li#ctt a{background-image: url(images/contactc.jpg);}

#navigation ul li a span{position: relative; left: -3000px;}



/* move  */

#navigation ul li a,

a:link

a:visited

a:active{background-position: -10px 0px;}

#navigation ul li a:hover{background-position: -10px -39px;}

#navigation ul li.crt a{width: 100px; background-position: 0px -78px;}



/* home link */

body#printpage #navigation ul li#home a,

a:link

a:visited

a:active{background-position: 0px 0px;}

body#printpage #navigation ul li#home a:hover{background-position: 0px -39px;}

body#servicespage #navigation ul li#home a:hover{background-position: 0px -39px;}

body#webdesignpage #navigation ul li#home a,

body#printpage #navigation ul li#home a,

body#printpage #navigation ul li#dev a,

body#servicespage #navigation ul li#home a,

body#servicespage #navigation ul li#dev a,

body#aboutpage #navigation ul li#home a,

body#aboutpage #navigation ul li#prog a,

body#aboutpage #navigation ul li#dev a,

body#contactpage #navigation ul li#home a,

body#contactpage #navigation ul li#prog a,

body#contactpage #navigation ul li#dev a,

body#contactpage #navigation ul li#about a,

a:link

a:visited

a:active{background-position: 0px -117px;}



/* home link */

body#printpage #navigation ul li#home a:hover{background-position: 0px -39px;}

a:link

a:visited

a:active{background-position: 0px 0px;}

body#servicespage #navigation ul li#home a:hover{background-position: 0px -39px;}



/* hover conditionals */

body#webdesignpage #navigation ul li#home a:hover,

body#printpage #navigation ul li#home a:hover,

body#printpage #navigation ul li#dev a:hover,

body#servicespage #navigation ul li#home a:hover,

body#servicespage #navigation ul li#dev a:hover,

body#aboutpage #navigation ul li#home a:hover,

body#aboutpage #navigation ul li#prog a:hover,

body#aboutpage #navigation ul li#dev a:hover,

body#contactpage #navigation ul li#home a:hover,

body#contactpage #navigation ul li#prog a:hover,

body#contactpage #navigation ul li#dev a:hover,

body#contactpage #navigation ul li#about a:hover

{background-position: 0px -156px;}



/* alter the link width for current page */

#navigation ul li.crt{width: 100px;}

#navigation ul li.crt a{width: 100px;}

/* nav for privacy */

/*ul.nav{list-style-type: none; text-align: center; position: relative; top: 0px; margin-bottom: 30px;}

ul.nav a,

a:link

a:visited

a:active{color: #a60000;}

ul.nav a:hover{border-bottom: 3px solid #a77c7f;}

ul.nav#bottom{top: 18px;}

ul.nav#bottom a:hover{border-top: 3px solid #a77c7f; border-bottom: none;}

ul.nav li{display: inline; padding: 5px 10px 5px 10px;}

ul.nav li a{width: 100px;}*/


/* page header backgrounds by page type */

#pageheader{width: 957px; height: 200px; position: relative; top: -47px; left: 22px; background: url(images/maroonbkw.jpg) 0px 0px repeat-x; text-align: justify; color: #000022;}
#pageheaderImg {width: 957px; height: 200px;position: relative; top: -47px; left: 22px;}
#pageheader a {border-bottom: 1px dotted #999;}
#pageheader1 {width: 957px; height: 40px; position: relative; top: -47px; left: 22px; text-align: justify; color: #000022;}
/*body#printpage #pageheader{background-image: url(images/royalbk.jpg);}

body#webdesignpage #pageheader{background-image: url(images/greenbk.jpg);}

body#aboutpage #pageheader{background-image: url(images/goldbk.jpg);}

body#contactpage #pageheader{background: #161928 url(images/lroyalbkc.jpg);
color: #fff;}*/



/* page header titles and graphics */

h1 {
	font: bold 36px Helvetica, Arial, sans-serif; /* 48px/48px */
	font-size-adjust: 0.53;
	letter-spacing: -1px;
	color: #22899A;
	text-shadow: 0 1px #fff;
	text-rendering: optimizelegibility;
	padding: 20px 0 0px 25px; 
}
h2 {
	font: bold 1.5em/1.1429 Helvetica, Arial, sans-serif; /* 21px/24px */
	font-size-adjust: 0.53;
	letter-spacing: -0.0238em;
	color: #A47F3C;
	text-shadow: 0 1px #fff;
	margin: 10px 0 20px 25px; /* 24px 0 8px */
	}
h2.separate {
	border-top: 1px dotted #A47F3C;
	padding-top: 1.0952em; /* 23px */
	clear: both;
}
h3 {
	color: #22899A;
	font-size: 18px; /* 16px */
	line-height: 1.5; /* 24px */
	margin: 15px 0 20px 25px; /* 16px 0 8px */
}
h4 {
	color: #161928;
	font-size: 16px; /* 14px */
	line-height: 1.1429; /* 16px */
	margin: 0 0 0.5714em 0; /* 0 0 8px 0 */
}
h5, h6 {
	font-size: 1em; /* 14px */
}


/*h2 span{position: relative; left: -3000px;}

body#homepage h2{background-image: url(h2/portfolioText.gif);} 

body#printpage h2{background-image: url(h2/printText.gif);}

body#servicespage h2{background-image: url(h2/serviceText.gif);}

body#webdesignpage h2{background-image: url(h2/webdesignText.gif);}

body#aboutpage h2{background-image: url(h2/aboutText.gif);}

body#contactpage h2{background-image: url(h2/contactText.gif);}

/* page header intro text and small image */

#pageheader p{padding: 0px 31px 0px 30px;font-size: 13px;margin-bottom: 12px;letter-spacing: -0.08px;}

#pageheader IMG{float: right; clear: right; margin: 0px 5px 0px 17px;}

#pagecontent{position: relative; top: -27px;} /* pulled upwards to follow screening of nav bg */

#pagecontent h3 span{position: relative; left: -3000px;}



/* portfolio and other items */

.wrp{width: 957px; height: auto; position: relative; top: 0px; left: 22px;}

.itemdesc{width: 460px; height: 460px; float: left; background-color: #fff; text-align: left;}
.itemdesc a {border-bottom: 1px dotted #999;}

.itemdesc p{margin: 0px 0px 18px 27px; padding-right: 10px;}

.itemdesc .testimage {margin: 0px 0px 0px 27px; padding-right: 10px;}

.itemdesc p.hide{visibility: hidden;}

.itemimage{width: 465px; height: 465px; float: right; background: url(images/imgbg.png) top left no-repeat; margin: 0px 10px 0px 0px;}

.itemimage IMG{	position: relative;	top: 36px;	left: -2px;	}
.ltns {	color: #520900;	font-weight: bold;	font-style: italic;}
.ltns1 {	color: #660000;	font-weight: bold;}
.ltns a:link {text-decoration: underline;}
.ltns a:hover {text-decoration: none;}

/* visit links */
/*
.visit{width: 400px; height: 30px; clear: both; position: relative; top: -52px; left: 5px; text-align: left; }

.visit p{width: 130px; height: 19px; position: relative; left: 20px; }

.visit p a{width: 116px; height: 19px; background-image: url(images/visit.jpg); background-repeat: no-repeat; padding: 0px 20px 0px 0px; border-bottom: 0px; display: block; }

.visit p a,

a:link

a:visited

a:active{background-position: 0px 0px;}

.visit p a:hover{background-position: 0px -18px;}

.visit p a span{position: relative; left: -3000px;}

*/
/* special acceptions in visit links */

.visit1{width: 400px; height: 30px; clear: both; position: relative; text-align: left; }

.visit1 p{width: 130px; height: 19px; position: relative; left: 20px; }

.visit1 p a{width: 116px; height: 19px; background-image: url(images/visit.jpg); background-repeat: no-repeat; padding: 0px 20px 0px 0px; border-bottom: 0px; display: block; }

.visit1 p a,

a:link

a:visited

a:active{background-position: 0px 0px;}

.visit1 p a:hover{background-position: 0px -18px;}

.visit1 p a span{position: relative; left: -3000px;}



/* other special exceptions */

#webdesignpage #content #wrapper #pagecontent .wrp h4.center {text-align: center;}


/* item headers */

.wrp h3#bpt{background-image: url(h3/bpth3.jpg);}

.wrp h3#webdesign{background-image: url(h3/webdesignh3.jpg);}

.wrp h3#print{background-image: url(h3/printh3.jpg);}

.wrp h3#services{background-image: url(h3/servicesh3.jpg);}

.wrp h3#about{background-image: url(h3/abouth3.jpg);}

.wrp h3#details{background-image: url(h3/detailsh3.jpg);}

.wrp h3#wmta{
	background-image: url(h3/wmtah3.jpg);
}
.wrp h3#handylite{
	background-image: url(h3/handyh3.jpg);
}
.wrp h3#happyclient{
	background-image: url(h3/happyclient.jpg);
}
.wrp h3#windsor{
	background-image: url(h3/windsorh3.jpg);}
.wrp h3#doggone{
	background-image: url(h3/dogh3.jpg);
}
.wrp h3#test{
	background-image: url(h3/testh3.jpg);
}


h3#privacy{width: inherit; height: 30px; background: url(h3/privacy.jpg) top center no-repeat; margin-bottom: 18px;}

body#secondary ol#statement, ol#statement ul{width: 890px; margin: 0px 0px 10px 20px; padding: 0px; text-align: left;}



/** other portfolio sites header **/

#othersites{padding: 30px;margin:auto 0;}

#othersites p{text-align: justify; padding: 0px 20px 0px 20px;}

h3#other{width: 960px; height: 30px; background: url(h3/othersites.jpg) 15px 0px no-repeat; margin-bottom: 12px;}

h3#other span{position: relative; left: -2000px;}

h3#top{width: 100px; height: 16px;}

h3#top a{background-image:url(h3/top4.jpg);}

h3#top a,

a:link

a:visited

a:active{background-position: 13px 2px; background-repeat: no-repeat;}

h3#top a:hover{background-position: 13px -18px; background-repeat: no-repeat;}

h3#top a span{position: relative; left: -2000px;}



/* miniature thumbnails */

#sitethbs{width: 960px; height: auto; margin-right: 0px;}

.thbwrp{float: left; width: 438px; height: 420px; text-align: left; margin-right: 22px; margin-bottom: 20px; padding-left: 16px;}

.thbdsc{float: left; width: 190px; height: auto;}

#othersites .thbdsc p{padding: 0px;}

h4{width: 195px; height: 20px; background-position: 0px 0px; background-repeat: no-repeat; margin-top: 10px; margin-bottom: 10px;}

h5{width: 195px; height: 20px; background-position: 0px 0px; background-repeat: no-repeat; margin-top: 10px; margin-bottom: 10px; margin-left: 25px;}

h4 span{position: relative; left: -3000px;}

h4#a{background-image: url(h4/publicSchools.jpg);}

h4#b{background-image: url(h4/gotrhead.jpg);}

h4#c{background-image: url(h4/blinkhornhead.jpg);}

h4#d{background-image: url(h4/explorehead.jpg);}


.thbdsc p{font-size: 11px; line-height: 20px; margin-bottom: 18px;}

.thbdsc p.more{}

.imwrp{float: right; width: 232px; height: 232px; background-position: right 0px; background-repeat: no-repeat;}

.imwrp#cces{background-image: url(images/thcces.jpg);}

.imwrp#gotr{background-image: url(images/thgotr.jpg);}

.imwrp#explore{background-image: url(images/thexplore.jpg);}

.imwrp#blink{background-image: url(images/thblink.jpg);}



/* clearing divs */

.clearing{width: inherit; height: 5px; clear: both;}
/* creates faux-page footer */

.clearing#base{position: relative; top: 47px; height: 102px; background: url(images/pagebase4.jpg) center top no-repeat;}



/* contact page */

p#address{color: #3f4956;}

.itemdesc p a, .thbdsc p a,

a:link

a:visited

a:active{color: #a60000; padding-bottom: 1px; border-bottom: 1px dotted gray;}

.itemdesc p a:hover, .thbdsc p a:hover{color: #2A86D1; border-bottom: 1px dotted black;}

.antispam{color: #eaebef; margin-right: -3px;}

p#spamadvice{width: 400px; height: 1px;}

p#spamadvice span{position: relative; left: -3000px;}

#form{position: relative; top: 20px; left: 40px; text-align: left;}

.numbers{font-size: 11px;}


/* footer */

#footer{position: relative;width: 100%;height: 100px;text-align: left;color: #fff;font-size: 12px;font-family: Arial, Helvetica, sans-serif;background-image: url(images/navybk.jpg);background-color: #2c3251;
}

body#homepage #footer{background: #2f0a04 url(images/home.jpg) 0px 0px repeat-x;}

body#printpage #footer{background: #1d4962 url(images/royalbk.jpg) 0px 0px repeat-x;}

body#servicespage #footer{background: #1d4962 url(images/royalbk.jpg) 0px 0px repeat-x;}

body#webdesignpage #footer{background: #3d4150 url(images/greenbk.jpg) 0px 0px repeat-x;}

body#aboutpage #footer{background: #c49a52 url(images/goldbk.jpg) 0px 0px repeat-x;}

body#contactpage #footer{background: #161928 url(images/royalbkc.jpg) 0px 0px repeat-x;}



#insole{width: 960px; height: inherit; margin-right: auto; margin-left: auto; background: url(images/insole.png) 0px 0px repeat; }

#footer p{line-height: 14px;}

#footer p a{color: #fff; padding-bottom: 1px; border-bottom: 0px;}

#footer p a:hover {text-decoration:underline;}

#footer p#email a, #footer p a.tech{border-bottom: 0px;}

#footer #panelone, #footer #paneltwo, #footer #panelthree{width: 213px; height: 90px; padding: 5px 0px 0px 29px; float: left;}

#footer #panelfour{width: 150px; height: 90px; padding: 5px 29px 0px 0px; float: right; text-align: right;}

#footer p{position: relative; top: 18px;}


/* Safari-only hack  


 html>body*#wrapper {background-image: url(images/safaribk.png);}

 html>body*#pageheader IMG{margin-bottom: 25px;}

 html>body*.clearing#base{background-image: url(images/pagebase4safari.jpg);}*/

 /*main portfolio page*/
.itemdescPortfolio {width: 650px;text-align: left; background: url (images/imgbg.jpg) top left no-repeat; margin: 0 10% 0 10%;}

h2.itemdescPortfolio {color: #C68D52;font-family: "Trebuchet MS", Arial, Verdana, sans-serif;font-variant:small-caps;font-size:18px;}	

h3.itemdescPortfolio {color: #000055;font-family: "Trebuchet MS", Arial, Verdana, sans-serif;font-size:14px;}

.ts {margin-left: 150px;}

/*style for thumbnails*/
#thumbs {background-color: transparent;color: inherit;padding-top: 20px;width: 750px;margin: 0 auto;}

#thumbs a {border: none;}

#thumbs a img {border: none;}

#webdesignpage #content #wrapper #pagecontent .wrp h3.port {font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";	font-size: 16px;font-variant: normal;color: #B48D42;}

#webdesignpage #content #wrapper #pagecontent .wrp h4.center {font-size: 14px;text-align: center;}

.darktext {color: #000033;}
#paymentbtn {margin: 20px 0px 20px 125px}
.tiny {font-size: 10px;color:#C93;font-weight: bold;}
.asterisk{color: #CC0000;}
.green1 {color:#063;font-weight:bold;}
.aquablue {font-weight:bold;color:#0E87A4;}
.sale {font-size: 20px;font-weight:normal;color:#aa7b1c;}