body {
 margin:0px auto; 

/* 
background-image: url('layoutBack.gif');
background-repeat: repeat;
*/

background-color: #54585e;

padding: 0px;

width: 760px;
}


p {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;

margin-top: 0px;
line-height: 19px;
}


h1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 18px;
color: #8dc803;

margin-top: 0px;

}


h2 {
font-family: Arial, Helvetica, sans-serif;	
font-size: 11px;
font-weight: normal;
color: #464a4f;

padding: 5px;

margin: 0px;

background-color: #e4e4e5;

border: 1px solid #CCCCCC;

display: block;

}



/****************IDs****************/
/**********************************/


#wrapper {
background-image: url('layoutBack.jpg');

background-repeat: repeat-y;

background-color: #ffffff;

width: 760px;

float: left;

margin-bottom: 12px;

}


#header {
 background-image: url('topBG.gif');

background-repeat: no-repeat;

/* background-color: #ffffff;*/

width: 760px;

height: 134px;
}


#headerImg {

/*
background-image: url('headerBG.gif');
background-repeat: repeat-y;

height: 179px;
*/

/*
padding: top, right, bottom, left
padding: 0px 0px 0px 28px; 
*/


margin: 0px;
}

.i {background-color: #FFFFFF;}


#headerImg img {
 float: left;
}


#logoBox {
 float: left;
width: 270px;
height: 94px;

padding-top: 40px;

}


#navigation {
 float: right;

height: 134px;
color:#000000;

font-family: Arial, Helvetica, sans-serif;
font-size: 13px;

color: #464a4f;
}


#main {
float: left;

width: 720px;

/* padding: 0px 28px 28px 28px; */

padding: 0px 5px 5px 10px;

margin-top: -100px;

/* original margin-top:-12px */}



#footer {

float: left;

width: 768px;

height: 61px;

background-image: url('footer.jpg');
background-repeat: no-repeat;

text-align: center;

padding-top: 11px

}


#footer p { font-size: 11px; }
#footer p a { color: #FF9900; /* #464a4f; */ }
#footer p a:hover { color: #000000; }


#fLeft {
float: left;

padding-left: 44px;

}


#fRight {
 float: right;

padding-right: 44px;

}


#left {
float: left;

width: 195px;

padding-right: 0px;
}

#left p a {

color: #008000;

text-decoration: none;
}


#left p a:hover {
color:#008000;

background-color: #ADDAA9;

text-decoration: underline;
}


#right {
 float: right;

width: 470px;

}


#right p {
 font-size: 12px;

margin-bottom: 5px;

}

#right p a {

color: #FFFFFF;

text-decoration: underline;
}

#right p a:hover {
color:#008000;

background-color: #ADDAA9;

text-decoration: underline;
}



/*************Classes***************/
/***********************************/


.divider {
 background-image: url('dividerBG.gif');

background-repeat: no-repeat;
background-position: 0 1px;

width: 218px;
height: 18px;

border-top: 1px solid #CCCCCC;

margin-top: 4px
}


.form {
margin: 0px;

padding: 0px;

height: 76px;

}


/************Primary NAV****************/

/***************************************/

ul.navigation {
margin-top: -48px;
margin-right: 25px;

padding: 0px;
}


ul.navigation li {
 list-style-type: none;
 padding-right:20px;
float: left;

}


ul.navigation li a {
 height: 24px;

display: block;

float: left;

color: #000000; /* #996600; */
font-weight:bold;
text-decoration:underline;

}


ul.navigation li a:hover {
 background-position: 0px -29px;

color: #800000;
background-color: #FFFFCC;
font-weight:bold;
text-decoration: none;
}

ul.options { font-family: Arial, Helvetica, sans-serif;

font-size: 13px;

color: #FFFFFF;}


li.home a {}
li.home a span {}

li.samples a {}
li.samples a span {}

li.prices a {}
li.prices a span {}

li.contact a {}
li.contact a span {width: 100px;}

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

p.sitePreview {text-align: center; width: 250px; background-color: #FFFFFF;}


.emphasis {font-weight: bold;}

.styleName {font-family: arial; font-size: 12px; font-weight:bold; color: 008000;}
.styleHeader {font-weight:bold}
.styleDetails {text-align:center; font-family: arial; font-size: 12px;}

.choiceLink {text-decoration: underline; cursor: hand;}