/*Victorian Green - this is the universal one*/

html {
	background-color: rgb(222,222,177);
}

body {
	margin: 0 13px; padding: 0; min-height: 856px; height: auto;
	background-color: rgb(170,195,167);
	font-family: verdana, sans-serif;
	font-size: 76%;
}

/*\*/			/* IE hack thanks to Stu Nicholls */
* html body {
	height: 856px;
}
/**/

p	{
	margin: 15px 30px;
}

div#header {
	margin: 0; padding: 0;
	width: 100%; 
	position: absolute; z-index: 1;
	top: 0; left: 0;
	background: transparent;
	border: none; 
}

div#header img.headerheight { /* margin would hold header open but pics have floats too in this style */
	display: none;
}

div#header br {
	display: none;
}

div#header span {
	display: block;
	clear: both;
	width: 100%;
	height: 1px; 
}
div#header a {
	text-decoration: none;
}

div#logo {				/*above header div */
	background: rgb(237,237,215) url(../adspix3/d3-logo-shadow.gif) 50% 10px no-repeat;
	text-align: center;
}

div#logo img {
	width: 207px; height: 92px;
	margin: 9px;
	border: none;
}

div#logo a span {
	display: none; 
}

div#logo, div#left, div#content1, div#content2, div#content3, div#content4, div#content5, div#contact, div#nav1, div#nav2 {
	position: relative; z-index: 10;
	margin: 0 158px -2px 158px; padding: 0; /* ie needs -2 margin for some screen sizes */
	background-color: rgb(237,237,215);
	border-left: 13px rgb(235,235,167) solid;
	border-right: 13px rgb(235,235,167) solid;
	border-top: 1px transparent solid;	/*Moz needs this to size vertically */
	border-bottom: 1px transparent solid;	/*Moz needs this to size vertically */
}

/*\*/			/* IE hack thanks to Stu Nicholls */
* html div#logo, * html div#left, * html div#usps, * html div#content1, * html div#content2, * html div#content3, * html div#content4, * html div#content5, * html div#contact, * html div#nav1, * html div#nav2 {
	border-top: 1px rgb(237,237,215) solid;
	border-bottom: none; 
	width: auto;
}

* html div#content1, * html div#content2, * html div#content3, * html div#content4, * html div#content5, * html div#contact  {
	margin: 0 158px -15px 158px;
	padding: 20px 0 0 0;
}

* html div#usps { margin: 0 0 -15px 0;
	padding: 20px 0 0 0; 
}
/**/

div#left {	/* for benefit of expanded pics */
	z-index: 1000;
}

/* this is the list of unique selling points on index.php only */
/* it doesn't load on first opening ie and I consider it dispensible */
/* for the style-switcher toy */
div#usps {
	display: none;
}

div#left, div#content1, div#content2, div#content3, div#content4, div#content5, div#contact, div#nav1, div#nav2 {
}

div#left h1 {
	color: rgb(1,122,110);
	font-size: 300%;
	padding: 0 30px; 
	margin: 0; 
}

/*\*/			/* IE hack thanks to Stu Nicholls */
* html div#left h1 {
	padding-top: 20px;
}
/**/

div#left h1 span {
	color: rgb(116,161,155);
	font-size: 45%;
	display: block;
	text-align: right;
}

div#left h1 a {
	text-decoration: none;
	color: rgb(1,122,110);
}

div#left img {
	border: 1px #777 solid;
}


div#logo img.printit {
	width: 0;
	height: 0;
}

div#usps p {
	font: italic bold 140% serif;
	margin: 15px 40px;
}

div#usps ul {
	width: 400px;
	margin: 0 auto;
	list-style-position: inside;
	list-style-image: url(../adspix/check.gif);
	font: italic 120% serif;
}


div#usps em {
	color: #a00;
}


div#content1 h2, div#content2 h2, div#content3 h2, div#content4 h2, div#content5 h2, div#contact h2 {
	font-size: 100%;
	padding: 20px 0 0 30px;
}

div#nav1, div#nav2 {
	text-align: center;
	padding-top: 10px; 
}

div#nav2 {
	padding: 5px 0 0 0;
}

div#nav1 h2, div#nav2 h2 {
	font-size: 100%;
	padding: 5px 0 0 15px;
	display: inline;
}

div#nav1 h2 span, div#nav2 h2 span {
	margin: 0 15px;
}

div#nav1 br, div#nav2 br {
	display: none;
}


div#content1 p, div#content2 p, div#content3 p, div#content4 p, div#content5 p, div#contact p {
	padding-left: 15px;
	padding-right: 20px;
	line-height: 130%;
}

div#content1 p:first-child, div#content2 p:first-child, div#content3 p:first-child, div#content4 p:first-child, div#content5 p:first-child, div#contact p:first-child {
	margin-top: 0;
} 

div#content1 a, div#content2 a, div#contact a, div#content3 a, div#content4 a, div#content5 a, div#nav1 a, div#nav2 a, div#content1 a:link, div#content2 a:link, div#content3 a:link, div#content4 a:link, div#content5 a:link, div#contact a:link, div#nav1 a:link, div#nav2 a:link, div#content1 a:visited, div#content2 a:visited, div#content3 a:visited, div#content4 a:visited, div#content5 a:visited, div#contact a:visited, div#nav1 a:visited, div#nav2 a:visited {
	color: rgb(62,87,93);
	text-decoration: none;
	font-weight: bold;
}

div#content1 a:hover, div#content2 a:hover, div#content3 a:hover, div#content4 a:hover, div#content5 a:hover, div#contact a:hover, div#nav1 a:hover, div#nav2 a:hover, div#content1 a:active, div#content2 a:active, div#content3 a:active, div#content4 a:active, div#content5 a:active, div#contact a:active, div#nav1 a:active, div#nav2 a:active {
	color: #f00;
	text-decoration: none;
	font-weight: bold;
}

a:focus { border: none; } /* add after active, above, & add border none to def */

div#content2 img {
	border: 1px #777 solid;
}

div#content2 span {
	display: block;
	margin: 0; padding: 0;
	height: 15px;
}

span.hyphen {
	display: none;
}

div#footer {
	clear: both;
	margin: 0 158px -2px 158px;
	background-color: rgb(237,237,215);
	border-left: 13px rgb(235,235,167) solid;
	border-right: 13px rgb(235,235,167) solid; 
	padding: 0; 
}

/*\*/			/* IE hack thanks to Stu Nicholls */
* html div#footer {
	margin: -15px 158px 0 158px;
}
/**/

div#footer h3 {
	font-size: 120%;
	margin: 0 auto;
	padding: 120px 0 0 0;
	text-align: center;
	background-color: rgb(237,237,215);
}

div#adsummus {
	margin: 0;
	padding: 10px 0 5px 0;
	text-align: center;
}

div#adsummus span {
	color: #b00;
}

div#adsummus p {
	background-color: rgb(237,237,215);
	border-top: 1px rgb(116,161,155) solid;
	padding: 3px 0 0 0;
	margin: 0;
}
/* ////////////////// THUMBS (in Header div) ////////////////////////// */


img.sc1, img.sc2, img.sc3, img.sc4, img.sc5, img.sc6, img.sc7, img.sc8, img.sc9, img.sc10, img.sc11, img.sc12, img.sc13, img.sc14 {
	display: block;
	width: 130px;
	height: 97px;
	margin-top: 20px;
	border: 1px #000 solid;
}

img.sc1, img.sc9, img.sc3, img.sc11, img.sc5, img.sc13, img.sc7  {
	float: right;
	margin-left: 23%;
	margin-right: 24px;
	clear: right;
}

/*\*/			/* IE hack thanks to Stu Nicholls */
* html img.sc1, * html img.sc9, * html img.sc3, * html img.sc11, * html img.sc5, * html img.sc13, * html img.sc7  {
	margin-right: 0;
}
/**/

img.sc8, img.sc2, img.sc10, img.sc4, img.sc12, img.sc6, img.sc14 {
	float: left;
	margin-right: 24%;
	margin-left: 24px;
	clear: left;
}

/*\*/			/* IE hack thanks to Stu Nicholls */
* html img.sc8, * html img.sc2, * html img.sc10, * html img.sc4, * html img.sc12, * html img.sc6, * html img.sc14  {
	margin-left: 12px;
}
/**/

img.sc14, img.sc13 {
	margin-bottom: 20px;
}

img.scresc1 {
	position: absolute;
	left: 45px;
	width: 130px;
	margin: 10px 0;
}

img.scresc2 {
	position: absolute;
	left: 235px; 
	width: 130px;
	margin: 10px 0;
}

img.scresc3 {
	position: relative;	
	left: 145px; top: 80px;
	width: 130px;
	margin: 10px 0;
}

img.shcarts {
	display: block;
	width: 130px; height: 97px;
	margin: 0 auto; 
}

/* ///////// expanded images /////////*/

/* ie hack not perfect yet - in full width, it doesn't mask all the text */

div#sc1, div#sc2, div#sc3, div#sc4, div#sc5, div#sc6, div#sc7, div#sc8, div#sc9, div#sc10, div#sc11, div#sc12, div#sc13, div#sc14 {	
}
.expanded { 				/* full-size pic span */
	position: absolute; z-index: 1000;
	visibility: hidden;
	width: 85%;
        padding: 7%; 
	margin: 0 auto;
	background-color: rgb(237,237,215);
	text-align: center; 
}

/*\*/			/* IE hack thanks to Stu Nicholls */
* html .expanded  {
	width: 52%;
	padding: 20px 1%;
}
/**/


/* ////////// unused divs ////// */

div#spare1, div#spare2, div#spare3, div#spare4, div#spare5, div#spare6, div#spare7, div#spare8, div#spare9, div#spare10, div#spare11, div#spare12, div#spare13 {
	display: none;
}