/* 			
		Copyright 2008 Byte Technology  
		
		http://www.byte-technology.com
		
		Byte Technology
		20 Ragsdale Drive, Suite 220
		Monterey, CA  93940
		
		Phone:    	831.656.9178
		Toll-free:	800.679.2188
		Fax:		831.855.0291
*/

/* ------------------------------------------------------------------------ */
/* Standard HTML tags 
--------------------------------------------------------------------------- */

/* ---------------------- */
/* Body
------------------------- */

body {
	/*margin: 0 auto 25px auto;*/
	padding: 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background: #D8D0C4;
	color: #000000;
}

/* ---------------------- */
/* Default Form Fields
------------------------- */

textarea {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

input {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

/* ---------------------- */
/* Default Paragraph
------------------------- */

p {
	line-height: 1.5;
	margin: 0 0 15px 0;
}

/* ---------------------- */
/* Default Image
------------------------- */

img {
	border: none;
	padding: 0;
	margin: 0;
}

/* ---------------------- */
/* Default Tables
------------------------- */

th {
	text-align: left;
	font-weight: bold;
}

td {
	vertical-align: top;
}

td p {
	line-height: 1.5;
	margin: 0 0 5px 0;
}

/* ---------------------- */
/* Default Links
------------------------- */

a:link {
	color: #0381B8;
	text-decoration: underline;
}

a:visited {
	color: #0381B8;
	text-decoration: underline;
}

a:hover {
	color: #0D2D89;
	text-decoration: underline;
}

a:active {
	color: #0D2D89;
	text-decoration: underline;
}

/* ----------------------------------------------- */
/* Lists
-------------------------------------------------- */

ul,
ol {
	margin: 15px 0 18px -20px;
}

ul li,
ol li {
	line-height: 1.5;
	margin: 0 0 10px 0;
}

/* ------------------------------------------------------------------------ */
/* START Default Headers
--------------------------------------------------------------------------- */

h1,
h1 a:link  {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 15px -1px;
	color: #0D2D89;
	text-decoration: none;
}

h1 a:visited  {
	color: #0D2D89;
	text-decoration: none;
}

h1 a:hover,
h1 a:active  {
	color: #0D2D89;
	text-decoration: none;
}

h2,
h2 a:link {
	font-size: 12px;
	margin: 20px 0 10px 0;
	color: #0D2D89;
	text-decoration: none;
}

h2 a:visited {
	color: #0D2D89;
	text-decoration: none;
}

h2 a:hover,
h2 a:active  {
	color: #0D2D89;
	text-decoration: none;
}

h3,
h3 a:link {
	font-size: 11px;
	margin: 20px 0 10px 0;
	color: #0381B8;
	text-decoration: none;
}

h3 a:visited {
	color: #0381B8;
	text-decoration: none;
}

h3 a:hover,
h3 a:active  {
	color: #0381B8;
	text-decoration: none;
}

/* ---------------------- */
/* END Default Headers
------------------------- */

/* ----------------------------------------------- */
/* Special
-------------------------------------------------- */

.clear {
	clear: both;
	padding: 0;
	margin: 0;
	height: 0;
	line-height: 1;
}

/* ----------------------------------------------- */
/* Push a <div>, an image, table, or other object to one side or the other. Creates a text-wrap.
-------------------------------------------------- */

.pushLeft {
	float: left;
	margin: 5px 10px 10px 0;
}

.pushRight {
	float: right;
	margin: 5px 0 10px 10px;
}

/* ----------------------------------------------- */
/* Additional Scripts
-------------------------------------------------- */

.container{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.containerTopBackground{
	background-image: url(../images/backShadowTop.jpg);
	width: 824px;
	height: 17px;
}

.containerMiddleBackground{
	background-image: url(../images/backShadowMiddle.jpg);
	padding: 30px;
}

.containerBottomBackground{
	background-image: url(../images/backShadowBottom.jpg);
	width: 824px;
	height: 17px;
}

.contentContainer{
	margin: -15px 0 0 0;
}

.headerContainer{
	padding: 0 0 15px 0;
}

.headerLeft{
	width: 350px;
	float: left;
	margin: 0;
	font-size: 10px;
}

.headerRight{
	width: 350px;
	float: right;
	margin: 0;
	font-size: 11px;
	text-align: right;
	text-transform: uppercase;
	color: #0381B8;
	padding: 0;
	line-height: 1.5;
}

.headerRightHot{
	color: #0D2D89;
	font-weight: bold;
}
/* ----------------------------------------------- */
/* Rollover Images
-------------------------------------------------- */
a#navigationButton {
    display: block;
    width: 127px;
    height: 45px;
    background-image: url(../images/navButton.gif);
    margin: 0 auto;
	*margin: 0 0 -6px 0; /* for IE7 */
	text-indent: 15px;
	line-height: 5;
}

a#navigationButton:hover {
    background-image: url(../images/navButtonHoverHot.gif);
}

a#navigationButtonHot {
    display: block;
    width: 127px;
    height: 45px;
    background-image: url(../images/navButtonHoverHot.gif);
    margin: 0 auto;
	*margin: 0 0 -20px 0; /* for IE7 */
	text-indent: 15px;
	line-height: 5;
}

a#navigationButtonHot:hover {
    background-image: url(../images/navButtonHoverHot.gif);
}
/* ----------------------------------------------- */
.mainNavigation{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
}

.mainNavigation a:link,
.mainNavigation a:hover,
.mainNavigation a:active,
.mainNavigation a:visited{
	text-decoration: none;
	color: #FFFFFF;
}
/* ----------------------------------------------- */
/* Body Area
-------------------------------------------------- */
.mainImage{
	width: 762px;
	height: 265px;
	margin: -4px 0 0 0;
	*margin: 1px 0 0 0; /* for IE7 */
}

.bodyHeaderIndex{
	padding: 15px 0 0 0;
}

.bodyIndex{
	padding: 0 20px 0 0;
}

.bodyIndex p {
	line-height: 1.5;
	margin: 0 0 15px 0;
}

.bodyOneColumn{
	padding: 0 0 0 0;
}

.bodyOneColumn p {
	line-height: 1.5;
	margin: 0 0 15px 0;
}

.columnLeft{
	width: 250px;
	float: left;
	margin: 15px 0 0 0;
}

.columnCenter{
	width: 250px;
	margin: 15px 0 0 250px;
}

.columnRight{
	width: 250px;
	float: right;
	margin: 15px 0 0 500px;
}

.imagesRight{
	float: right;
	width: 320px;
	height: 320px;
	margin: 0 0 15px 15px;
	border-color: #0D2D89;
	border-style: solid;
	border-width: 1px;
}

.thumbnail{
	float: left;
	width: 75px;
	height: 75px;
	padding: 5px 0 0 5px;
	margin: 0 15px 5px 0;;
	background-image: url(../images/thumbnailGlow.jpg)
}

.contactLeft {
	float: left;
	width: 200px;
	height: 150px;
}

.contactRight {
	float: left;
	width: 550px;
	height: 150px;
}

.contactForm {
	float: left;
	width: 765px;
	margin: 25px 0 0 0;
}

.environmentallyFriendly {
	font-size: 14px;
	font-weight: bold;
	color: #006600;
}

.urgentrequest {
	color:#F00
}

/* ----------------------------------------------- */
.footerLeft{
	width: 350px;
	float: left;
	margin: 5px 0 10px 30px;
	font-size: 10px;
}

.footerRight{
	width: 350px;
	float: right;
	margin: 5px 30px 10px 0;
	font-size: 10px;
	text-align: right;
}