
html,body{height:100%}
body {
width: 100%;
padding: 0;
margin:auto 0;
background-color: #262626;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
background: url(../images/bg.gif);
background-color: #292928;
z-index:-100;
}

#wrapper
{
	width: 959px;
	height:100%;
	margin: 0 auto;
}

#container {
width:100%;
z-index:100;
}

#toparea {
width: 959px;
height: 30px;
/*border:solid 1px #cccccc*/
}

#content {
width: 959px;
}

#container_home {
width:865px;
z-index:100;
/*border:solid 1px #cccccc*/
}

#content_home 
{
clear:both;
width: 865px;
padding-top: 5px;
}

#loadarea_home {
float:left;
width: 791px; 
text-align:left;
z-index:200;
/*border:solid 1px #cccccc*/
}
#loadarea {
float:left;
width: 796px; 
text-align:left;
z-index:200;
height:550px;
}

#loadarea2 {
float:left;
width: 400px; 
text-align:left;
z-index:-100;
margin-top:10px;
*margin-top:0px;
}

#thumbnail {
text-align:right;
float:right;
width:163px;
height:525px;
/* border:solid 1px #cccccc */
}

#thumbnail_row1 {width:79px;height:469px;float:left}
#thumbnail_row2 {width:79px;height:469px;float:right}


.pic_sm {
width: 74px;
height: 74px; 
float: left;
margin-left: 5px;
margin-bottom: 5px !important;
margin-bottom: 2px;
margin-top:0;
padding-top:0;
text-align:left;
border:none;
}

#backnext {
margin-bottom: 5px;
width:163px;
background: url(../images/bg_backnext.gif) no-repeat center;
height:51px;
text-align:center;
color:#30302f;
}

.pagenav {
padding-top:18px;
height: 51px;
text-align:center;
font-size:.95em;
color:#101010;
/*border:solid 1px #cccccc*/
}

a.back {color:#a4a4a3;text-decoration:none;font-size: .8em;}
a.back:link {color:#a4a4a3}
a.back:active {color:#fff;}
a.back:visited {color:#a4a4a3}
a.back:hover {color:#fff}

a.next {color:#a4a4a3;text-decoration:none;font-size: .8em;}
a.next:link {color:#a4a4a3}
a.next:active {color:#fff}
a.next:visited {color:#a4a4a3}
a.next:hover {color:#fff}

.logo_sm {
background:url(images/logo_sm.gif);
z-index:100;
position: absolute;
top: 528px;
left:610px;
}

#textblock {
margin-top: 2px;
text-align:justify;
float:right;
width:520px;
height:525px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:.8em;
line-height: 1.4em;
color:#959595;
}

h3 {
font: bold 1em  Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a {
text-decoration: none;
color: #a4a4a3;
}

a:link {
color: #a4a4a3;
}

a:visited {
color: #a4a4a3;
}

a:hover {
color: #7e684f;
}

a:active{
color: #7e684f;
}

#copyright {
float:left;
color:#7e684f;
font-size:75%;
width:550px;
text-align:left
}

#credit {
float:right;
color:#444;
font-size:75%;
width:300px;
text-align:right
}

/* Drop-down menus  */

#logo_home {
float:left;
width: 250px;
height: 48px;
}

#navmenu_home 
{
float: right;
color: #959595;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:.9em;
padding-top: 30px;
}

#cta
{
	float: left;
	width: 350px;
	text-align: left;
	color: #a4a4a3;
	font-size: 12px;
}

#navmenu 
{
float: right;
color: #959595;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:.9em;
}

.testimony {    
width:520px;
background-image: url(../images/quotes2.gif);
background-repeat: no-repeat;
background-position: -90px top;
margin:0 auto;
position:relative
}  

.testimonial {

width:420px;
#width:510px;
padding:10px 50px;
#padding:20px 50px;
background-image: url(../images/quotes2.gif);
background-repeat: no-repeat;
background-position: 450px bottom;
font-size:10pt;
color:#787878;
font-style:italic;
position:relative
}

.testament {} /*style this differently for whoever the quote is attributed to*/



.chromestyle {
font-size:1em;
width:500px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif
}

.chromestyle:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.chromestyle ul {
border:none;
background:transparent;
text-align:right;
margin:0;
padding:0;
}

.chromestyle ul li {
display:inline;
padding-left:0px;
}

.chromestyle ul li a {
color:#a4a4a3;
text-decoration:none;
margin:-9px;
padding:5px 10px 5px 16px;
}

.chromestyle a:link, .chromestyle a:visited, .chromestyle a:hover, .chromestyle a:active {
color:#a4a4a3;
}
.chromestyle ul li a:hover {
background:transparent;
color: #7e684f;
}


/*
.chromestyle ul li a[rel]:after {
font-family:Arial, Sans-Serif;
color:#0a5b80;
content:" v";
}
*/

.dropmenudiv {
position:absolute;
top:0;
border:1px solid #000;
border-bottom-width:0;
font-size:0.9em;
z-index:100;
background-color:transparent;
width:120px;
visibility:hidden;
background:#111;
filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
margin:0 12px 10px;
}

.dropmenudiv a {
width:auto;
display:block;
text-indent:5px;
border-bottom:1px solid #000;
text-decoration:none;
color:#fff;
text-align:left;
background:#000(opacity=80);-moz-opacity:.80;opacity:.80;
padding:5px 0;
}

.dropmenudiv a:link, .dropmenudiv a:visited, .dropmenudiv a:active {
color:#a4a4a3;
}

* html .dropmenudiv a {
width:100%;
}

.dropmenudiv a:hover {
color: #7e684f;
background-color:#000;

}

/* form styles */
.formbutton{
font:normal 12px verdana;
cursor:pointer;
border:solid 1px #fff;
background:#252524;
color:#252524;
font-weight:bold;
padding: 2px 3px;
background:url(../images/formbg.gif) repeat-x left top;
}

/* All form elements are within the definition list for this example */

label {
padding-left: 2px;
color: #959595;
}

dl {
    font:normal 12px/15px Arial;
    position: relative;
    width: 450px;

}
dt {
    clear: both;
    float:left;
    width: 70px;
    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    float: left;
    width: 200px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}
