/* CSS Document */

<style type="text/css">


/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
  text-align:right
}

body {
	background-color: #6DA3C0;
	background-image: url(images/bgcolor.gif);
}

.smallnav {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-decoration: none;
}

.smallnav:hover {
color:#3399FF;
}

#toprightbox {
position:absolute;
top: 0px;
left: 155px;
  height: 87px;
  width: 714px;
  background:url(images/topright.gif);
  text-align: right;
}

#topright_store {
position:absolute;
top: 0px;
left: 155px;
  height: 114px;
  width: 714px;
  background:url(images/topright_storepage.gif);
  text-align: right;
}

#subnavtext {
	position:absolute;
top: 3px;
left: 0px;
  height: 87px;
  width: 593px;
  text-align: right;
}

#branding h1 {
  margin: 0;
}

body {
  text-align: center; 
  min-width: 869px;
}

#wrapper {
  width: 869px; 
  margin: 0 auto; 
  padding-top: 20px;
  position: relative;
}

#branding {	
  height: 114px;
  width: 869px;
  position: relative;
  margin: 0 px;
  margin-top: 0px; 
  padding-top: 0px;
  background: url(images/topleft.gif) repeat-y left top;
  background-color:#006699;
}

#navtable {
position:absolute;
top: 87px;
left: 0px;
  margin-top: 0px;
  width: 714px;
  height: 27px;
}

#content { 
  background-color: white; 
  width: 791px;
  height: 451px;
  float: right;
  text-align:left;
  position: relative;
}


#thumbnails {
  width: 76px;
  height: 449px;
  background-color:#FFFFFF;
  float:left;
  padding: 1px;
  position:absolute;
  top: 134px;
  left: 0px;
}

/*caption DIV's */

.captionbox {
background-color:#FFFFFF;
  width: 165px;
  height: 411px;
  padding: 20px;
  position: absolute;
  top: 0px;
  left: 576px;
  text-align:right;
  }

.captiontext {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
line-height: 18px;
  color:#990000;
position:absolute;
bottom: 0px;
right: 0px;
margin-right:12px;
margin-bottom:14px;
}

.captiontitle {
font-size: 16px;
font-weight:bold;
}

/* Positioning style for white box to contain big DIV with currently displayed image and its caption */

.mainlayout {
  background-color: white; 
  width: 781px;
  height: 451px;
  text-align: left;
  position: absolute;
  top: 134px;
  left: 78px;
  padding-left: 10px;
  margin: 0px;

}

.home_main {
  background-color: white; 
  width: 791px;
  height: 451px;
  text-align: left;
  position: absolute;
  top: 134px;
  left: 0px;
  margin: 0px;
}

.home_newsbox {
	padding:14px;
	width: 240px;
	height: 240px;
	text-align: left;
	position: absolute;
	margin:2px;
	border-style:solid;
	border-width:2px;
	border-color:#FFF;
	background-color:#FFFFFF;
	top: 172px;
	left: 567px;
	z-index: 5;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#069;
}

.home_newsbox_shadow {
	padding:14px;
	width: 240px;
	height: 240px;
	text-align: left;
	position: absolute;
	margin:2px;
	border-style:solid;
	border-width:2px;
	border-color:#000;
	background-color:#000;
	top: 189px;
	left: 555px;
	z-index: 4;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

.content_area {
  background-color: white;
  width: 869px;
  height: 451px;
  text-align: left;
  position: absolute;
  top: 134px;
  left: 0px;
  margin: 0px;
  text-align:left;
}

.bio {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:12px;
  line-height: 17px;
  color:#990000;
  width: 439px;
  height: 411px;
  text-align: left;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding:20px;
position:absolute;
bottom: 0px;
}

.commissions {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:12px;
  line-height: 17px;
  color:#990000;
  width: 789px;
  height: 411px;
  text-align: left;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding:40px;
position:absolute;
bottom: 0px;
}

.testimonials {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:12px;
  line-height: 17px;
  color:#990000;
  width: 789px;
  height: 411px;
  text-align: left;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding:40px;
position:absolute;
bottom: 0px;
}


.storemain {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height: 17px;
	color:#990000;
	width: 869px;
	height: 411px;
	text-align: left;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding:0px;
	position:absolute;
	bottom: 0px;
}

.contact {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:12px;
  line-height: 17px;
  color:#990000;
  width: 439px;
  text-align: center;
  position: absolute;
  top: 150px;
  left: 0px;
  margin: 0px;
  padding:0px;
}

.email_link {
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:16px;
   font-weight:bold;
   color:#990000;
   }
   
.email_link:hover {
color:#003366;
}


.portrait {
background-color:#FFFFFF;
  width: 390px;
  height: 449px;
  position: absolute;
  top: 1px;
  left: 478px;
  }

/* Visibility of big DIV's with large image + its caption */

#p1 {
visibility: visible;
    }
#p2 {
visibility: hidden;
    }
#p2 {
visibility: hidden;
    }

#p3 {
visibility: hidden;
    }
#p4 {
visibility: hidden;
    }
#p5 {
visibility: hidden;
    }
#p6 {
visibility: hidden;
    }
#p7 {
visibility: hidden;
    }
#p8 {
visibility: hidden;
    }
#p9 {
visibility: hidden;
    }


/* Thumbnail ID's, individually placed at absolute position inside wrapper  */

#thumb1 {
width: 76px
height: 50px;
position:absolute;
top: 1px;
}

#thumb2 {
width: 76px
height: 50px;
position:absolute;
top: 51px;
}

#thumb3 {
width: 76px
height: 50px;
position:absolute;
top: 101px;
}

#thumb4 {
width: 76px
height: 50px;
position:absolute;
top: 151px;
}

#thumb5 {
width: 76px
height: 50px;
position:absolute;
top: 201px;
}

#thumb6 {
width: 76px
height: 50px;
position:absolute;
top: 251px;
}

#thumb7 {
width: 76px
height: 50px;
position:absolute;
top: 301px;
}

#thumb8 {
width: 76px
height: 50px;
position:absolute;
top: 351px;
}

#thumb9 {
width: 76px
height: 50px;
position:absolute;
top: 401px;
}

.boldlink {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	line-height: 18px;
	color:#990000;
	font-weight: bold;
}

.newslink {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#039;
	text-decoration:underline;
}


.pricing {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height: 18px;
	color:#990000;

}

</style>

