body
{
	margin:0;
	/*background-image: url("images/backgroundTop.png"); background-repeat: repeat-x;*/
	background-color:#cccccc;
}
td {font-family: Verdana, Tahoma, Trebuchet, Arial; font-size:11px; color:#000000; /*color:#616161;*/}
.title {font-size:14px; font-weight:bold; color:#000000}
.subtitle {font-size:13px; font-weight:bold; color:#2c2c2c; font-style:italic;}
.small {font-size:9px;}
.justify {text-align:justify;}
.description {color: #000000; text-align:justify;}

a.li:link {color: blue; text-decoration:underline}
a.li:visited {color: blue; text-decoration:underline}
a.li:active {color: blue; text-decoration:underline}
a.li:hover {color: blue; text-decoration:none}

a.liSub:link {font-size:13px; font-weight:bold; color:#2c2c2c; font-style:italic; text-decoration:underline}
a.liSub:visited {font-size:13px; font-weight:bold; color:#2c2c2c; font-style:italic; text-decoration:underline}
a.liSub:active {font-size:13px; font-weight:bold; color:#2c2c2c; font-style:italic; text-decoration:underline}
a.liSub:hover {font-size:13px; font-weight:bold; color:#2c2c2c; font-style:italic; text-decoration:none}

a.liBig:link {font-size:14px; font-weight:bold; color: #000000; text-decoration:underline}
a.liBig:visited {font-size:14px; font-weight:bold; color: #000000; text-decoration:underline}
a.liBig:active {font-size:14px; font-weight:bold; color: #000000; text-decoration:underline}
a.liBig:hover {font-size:14px; font-weight:bold; color: #000000; text-decoration:none}

a.liSm:link {font-size:12px; color: #000000; text-decoration:underline}
a.liSm:visited {font-size:12px; color: #000000; text-decoration:underline}
a.liSm:active {font-size:12px; color: #000000; text-decoration:underline}
a.liSm:hover {font-size:12px; color: #000000; text-decoration:none}

a.white-link:link {font-size:12px; color: #ffffff; text-decoration:underline}
a.white-link:visited {font-size:12px; color: #ffffff; text-decoration:underline}
a.white-link:active {font-size:12px; color: #ffffff; text-decoration:underline}
a.white-link:hover {font-size:12px; color: #ffffff; text-decoration:none}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

.utilityRow
{
	height:200px;
}
.utilityColumn
{
	width:110px;
}


table .main 
{
	width:100%;
}

.bgCenter
{
	background-image: url("images/topImageCenter.png"); background-repeat: repeat-x;
}

.bgCenterBottom
{
	background-image: url("images/barBottomCenter.png"); background-repeat: repeat-x;
}

.bgLeft
{
	background-image: url("images/tdbackgroundLeft.png"); background-repeat: repeat-y;
	width:35px;
}
.bgRight
{
	background-image: url("images/tdbackgroundRight.png"); background-repeat: repeat-y;
	width:60px;
}

.serviceAnim
{
	position:absolute;
	margin-left:340px;
	margin-top:20px;
}
/* My Style */
.floatContainer { width: 625px; }
.floatLeft { float:left; width: 380px; top: 0px;}
.floatRight { float:left; width: 225px; top: 0px;}
.floatClear { clear : both; }

/* Product page styles */
.feature-optionsOff 
{
    background-color: #7a7a7a;
   
}

.feature-optionsOn 
{
    background-color: #393939;
}

a.productOff 
{
    font-size: 11pt;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

a.productOn 
{
    font-size: 11pt;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

.description 
{
    color: #000000; 
    height: 110px;
    margin: 20px;
    font-size: 10pt;
    font-family: Tahoma, Arial, Sans-Serif;
    text-align: left;
    line-height: 17px;
    overflow: auto;
    width:285px;
}

#mainImage
{
    position:relative;
    z-index: 90;

}
#show-detils
{
    position: absolute;
    top: 29px;
    left: -8px;
    height: 9px;
	font-size:12px;
	font-weight: bold;
	padding: 10px;
	color:#FFFFFF;
	/*
	background-color: #000000;
	filter: alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity: 0.4;
	*/
}
#caption
{
    position:absolute;
    top: 0px;
    left: 0px;
    width: 385px;
    height: 22px;
	font-size:11px;
	padding: 10px;
	color:#ffffff;
}
#captionBackground
{
    position:absolute;
    top: 0px;
    left: 0px;
    /* don't really need this as the image has the background etc.
    width: 360px;
    height: 40px;
	border: solid, 2px, #000000;
	background-color: #000000;
	filter: alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
	*/
}

#detail
{
    position:absolute;
    top: 63px;
    left: 1px;
    right: 1px;
    padding: 10px;
	font-size:11px;
	color:#ffffff;
	height:152px;
	background-color: #000000;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;



}
    

#navigation
{
	position:relative;
	margin-top:50px;
	margin-left:18px;
	font-size:10px;
}

#topbar
{
	position:relative;
	text-align:center;
}
#content
{
	margin-top:-25px;
}
#webContent
{
	margin-top:50px;
	margin-left:20px;
}

#top
{
	position:absolute;
	font-family: Verdana, Tahoma, Trebuchet, Arial; font-size:11px;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	margin-left:200px;
	margin-top:140px;

}

#topaddress
{
	position:absolute;
	font-family: Verdana, Tahoma, Trebuchet, Arial; font-size:11px;
	color:#ffffff;
	font-size:12px;
	margin-left:550px;
	margin-top:130px;
}

#contactImage
{
	position:absolute;
	margin-top:-150px;
	margin-left:270px;
	width:50px;
}
#contactMap
{
	margin-top:50px;
}

#finance #image
{
	margin-top:20px;
}
#finance #info
{
	margin-top: -150px;
	margin-left: 270px;
	width:300px;
}
#finance #application
{
	margin-top:120px;

}
#sales table
{
	width:260px;
	height:230px;
}
#homeLeft
{
	text-align:justify;
}

#homeRight
{

	margin-left:20px;
	text-align:justify;
}