/*                                            */
/*  DataGrange Design Studio                  */
/*                                            */
/*                                            */
/*  CSS Stylesheet                            */
/*  stylesheet.css                            */
/*                                            */
/*  Copyright 2009 Harlan eMedia LLC.         */
/*  Unauthorized reproduction or use          */
/*      expressly prohibited.                 */
/*                                            */
/*  Location: render/css                      */
/*                                            */
/*  Author: GXH                               */
/*  Development Date: 10-04-2009              */
/*  Revision Date: 10-21-2009                 */
/*                                            */ 


@charset "UTF-8";
body 
{
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	background: #F6EFD5; /* Web site outer regions' background color */
	background-image:url(../images/topBackground2.gif);
	background-repeat:repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #272727;
}

body h1
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #313030;
}

body h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0F6061;
}

body h3
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #313030;
}

/* remove link underline and outlines throughout application */
a:link
{
	text-decoration: none;
}

a:visited
{
	text-decoration: none;
}

a:hover
{
	text-decoration: none;
}

table.pageLink
{
	width: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

#backLink
{
	font-weight: bold;
	float: right;
	padding: 0 30px;
}

#backLink a:link
{
	text-decoration: none;
	color: #848787;
}

#backLink a:visited
{
	text-decoration: none;
	color: #848787;
}

#backLink a:hover
{
	text-decoration: none;
	color: #346685;
}

.pageLink a:link
{
	text-decoration: none;
	color: #848787;
}

.pageLink a:visited
{
	text-decoration: none;
	color: #848787;
}

.pageLink a:hover
{
	text-decoration: none;
	color: #346685;
}

.pageView #outerContainer1 /* container underside offset layer */
{
	height: 750px;
	width: 990px;
	margin: 20px auto;
	background: #D1CCB9;
	background-image:url(../images/backShadow2.gif);
}

.pageView #outerContainer2 /* container underside offset layer */
{
	height: 750px;
	width: 990px;
}

.pageView #innerContainer /* main container */
{
	height: 745px;
	width: 985px;
	background: #FFFFFF;  /* white background on default installation */
	* margin: 0 0 0 -4px;
}

.pageView #logoBanner /* store company logo section */
{
	height: 100px;
	background:#FFFFFF;
}

.pageView #menuBanner /* store menu strip section */
{
	height: 25px;
	color: #0F6061;
	font-size: 10px;
	background:#B9D4DE;
	* padding-top: 4px;
}

.pageView #menuBanner a:link
{
	color: #0F6061;
	text-decoration: none;
}

.pageView #menuBanner a:visited
{
	color: #0F6061;
	text-decoration: none;
}

.pageView #menuBanner a:hover
{
	color: #030303;
	text-decoration: none;
}

table.menuTable
{
	width: 985px;
	padding-top: 3px;
}

.pageView #breadCrumb /* site location tracker section */
{
	height: 25px;
	background:#8AB1B1;
}

.pageView #newsBanner /* scrolling news banner section */
{
	height: 30px;
	/*width: 985px;*/
	background: #88661d;
}


.pageView #newsBannerMain
{
	text-align: left;
	width: 810px;
	height: 25px;
	padding-left: 10px;
}

.pageView #socialNetwork
{
	height: 30px;
	width: 150px;
	text-align: right;
	padding-right: 15px;
}


.pageView #mainContent 
{
	background: #E0D0B4;
	background-image:url(../images/contentBack.gif);
	background-repeat:no-repeat;
	height: 465px;
	* height: 461px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 20px 30px 0 40px;
}

.homeFlash td
{
	height: 100px;
	width: 200px;
	background-image:url(../images/ferry.jpg);
	background-repeat:no-repeat;
}

.skillsFlash td
{
	height: 100px;
	width: 200px;
	background-image:url(../images/audir10.jpg);
	background-repeat:no-repeat;
}

.skillTable tr
{
	height: 30px;
}

.skillTable td
{
	width: 750px;
}

table.productTable
{
	width: 900px;
	text-align: center;
	background-color: #E0F8BB;
}

.productTable tr
{
	height: 35px;
}

table.componentTable
{
	width: 900px;
	text-align: center;
	background-color: #B9D4DE;
}

.componentTable tr
{
	height: 25px;
}

.componentTable a:link
{
	text-decoration: none;
	color: #204978;
}

.componentTable a:visited
{
	text-decoration: none;
	color: #204978;
}

.componentTable a:hover
{
	text-decoration: none;
	color: #EB5335;
}

table.Pohono
{
	background-image: url(../images/pohonoFrame.jpg);
}

table.Babytron
{
	background-image: url(../images/babytronFrame.jpg);
}

table.Jidge
{
	background-image: url(../images/jidgeFrame.jpg);
}

.cartFrame td
{
	height: 100px;
	width: 100px;
}

.custServFlash td
{
	height: 100px;
	width: 200px;
	background-image:url(../images/x15.jpg);
	background-repeat:no-repeat;
}

#emailForm
{
	font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 5px 10px;
	background-color: #D2F4F0;
	width: 850px;
	margin: 0 auto;
}

#emailForm fieldset
{
	padding: 0px 0px;
}

#emailForm textarea
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#emailForm input.fieldFocused
{
    background: #FAEED8;
}

#emailForm textarea.fieldFocused
{
    background: #FAEED8;
}

.emailNotification
{
	color: #D9192F;
}

input.hiddenInput
{
	display: none;
}

.pageView #trimFooter /* site footer section */
{
	height: 75px;
	background:#0F6061;
	color: #f7f5e1;
	font-size: 9px;
	padding-top: 5px;
}

.pageView #trimFooter a:link
{
	color: #f7f5e1;
	text-decoration: none;
}

.pageView #trimFooter a:visited
{
	color: #f7f5e1;
	text-decoration: none;
}

.pageView #trimFooter a:hover
{
	color: #88deee;
	text-decoration: none;
}

table.footerFrame
{
	width: 985px;
}

td.footerImage
{
	padding-left: 10px;
}

.fltrt 
{ /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft 
{ /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat 
{ /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}