﻿/*************************************************************************
// HTML Customizations
**************************************************************************/
* {padding: 0; margin: 0;}

html {
    background:transparent;
}


body {
	margin:0;
	padding:0;
	width: 100%;
	background-color: #404041;
	font-size: 10pt;
	line-height:1.75em;
	font-family:Georgia, "Times New Roman", Times, serif;

}

img { border: 0px; }

A {
    text-decoration: none;
    font-family:arial,helvetica,clean,sans-serif, verdana;
    color: Blue;
}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

A:hover
{
 text-decoration: none;
    font-family:arial,helvetica,clean,sans-serif, verdana;
    color: Red;
}


P {
    line-height:1.75em;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
}

h1 {
	color:#6F6F6F;
	font-size:160%;
	margin:10px 0 0 0;
	padding:0;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px solid #9A163B;
}

h2 {
	color:black;
	font-size:11pt;
	margin:0;
	padding:0;
	font-weight:bold;
	border-bottom:1px solid #565455;
	font-family:Georgia, "Times New Roman", Times, serif;
	width: 300px;
	margin-bottom: 10px;
}

h3 
{
  color:black;
	font-size:10pt;
	margin:0;
	padding:0;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom: 5px;  
}

/*************************************************************************
// Font
**************************************************************************/
.fontBoldGray
{
    font-weight: bold;
    color: #EAEAEA;
}

.fontGray
{
    color: #EAEAEA;
}


/*************************************************************************
// Main Navigation
**************************************************************************/
#mainNavigation 
{
    background: url('../Images/TopNav_Bar.gif');
    height: 89px;
    width:1024px;
    position: relative;
}

#logo
{
    position: absolute;
    left: 50px;
    top: 15px;
}

#contact 
{
    position: absolute;
    right: 20px;
    top: 5px;
    font-size: 8pt;
    line-height:1.5em;
}
#mNav
{	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0px;
	left: 95px;
	height: 37px;
}
	
#mNav li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#subNavigation
{
    height: 25px;
    width: 1024px;
    background-color: #231f20;
    position: relative;
}

#subNavigation div
{
    position: absolute;
    visibility: hidden;
    left: 30px;
    top: 2px;
}

    #subNavigation div A
    {
        color: #cfcfd2;
        padding: 0 5px 0 5px;
        font-size: 8pt;
        text-decoration: none;
    }
    
    #subNavigation div A:hover
    {
        color: #e7e7e8;
        padding: 0 5px 0 5px;
        font-size: 8pt;
        text-decoration: underline;
    }
    
#subNavigation #m2
{
    left: 50px;
    top: 3px;
}


/*************************************************************************
// Main Items
**************************************************************************/
.darkenBackground {
    background-color: black;
    opacity: 0.6; /* Safari, Opera */
    -moz-opacity:0.60; /* FireFox */
    filter: alpha(opacity=60); /* IE */
    z-index: 2;
    height: 100%;
    width: 100%;
    background-repeat:repeat;
    position:fixed;
    top: 0px;
    left: 0px;
    display: none;
}

#mainAsset 
{
    position: relative;
    width: 1024px; 
    height: 175px; 
}

#mainAsset .assetText 
{
    position: absolute;
    left: 337px;
    width: 570px;
    top:85px;
    font-size: 15px;
    font-weight: bold;
    line-height: 17px;
    font-family: Arial;
}

#feature 
{
    background: url('../Images/main_Feature.gif');
    width:1024px;
    height:229px;
    position: relative;
}

#mainNews 
{    
    width: 520px;
    height: 30px;
    position: absolute;
    left: 330px;
    bottom: 50px;
}

#mainNews .newsImage 
{
    position: absolute;
    left:0px;
    top: 0px;
    width: 74px;
    height: 39px;
}

#mainNews .newsItem 
{
    position: absolute;
    left:75px;
    top: 7px;
    font-size: 8pt;
    padding-left: 5px;
    font-family:arial,helvetica,clean,sans-serif, verdana;
    line-height: 14px;
}


#mainNews #newsDate 
{
    color: white;
    padding-right: 5px;
    font-weight: bold;
}

#mainNews #newsText 
{
    padding-left: 5px;
    font-weight: bold;
}


#container	
{
    width: 1024px;
	margin: 0 auto;
    position: relative;
    padding: 0 0 0px;
    text-align: left;
}

#contentInterior
{
    display: table;
    width: 984px;
    background: #324F6A url('../Images/content_bg_blue_1.gif') repeat-x;
    xbackground: #b2baba url('../Images/content_bg_gold.gif') repeat-x;
    xbackground: #b2baba url('../Images/mainBackGround.jpg') repeat-y;
    padding: 10px 20px 20px 20px;
    vertical-align: top;
}

#contentInterior .left
{
    width: 297px;
    float: left;
    vertical-align: top;
}

#contentInterior .right
{
    padding: 20px;
    margin-top:5px;
    vertical-align: top;
    display:table;
    width: 635px;
    float: right;
    background: #d9dddd url('../Images/content_bgRight.gif') repeat-x;
}

#contentInterior .right .contactSpacer
{
    width: 120px;
    float: left;
}

#contentInterior .right .contactSpacer_Blue
{
    width: 120px;
    float: left;
    color: Blue;
}

#contentHome
{
    xbackground-image: url('../Images/home_Middle.gif');
    height:294px;
    width:1024px;
    
}

/*************************************************************************
// Next Steps Side Bar
**************************************************************************/
#nextSteps 
{
    height: 81px;
    width: 220px;
    padding: 20px;
    padding-top: 35px;
}

#nextSteps A 
{
    font-size: 10pt;
    color: Black;
    font-weight: bold;
    font-family:arial,helvetica,clean,sans-serif, verdana;
}

#nextSteps A:hover 
{
    font-size: 10pt;
    color: red;
    font-weight: bold;
    font-family:arial,helvetica,clean,sans-serif, verdana;
}

#nextSteps DIV 
{
    font-size: 10pt;
    color: Black;
    font-weight: bold;
    font-family:arial,helvetica,clean,sans-serif, verdana;
}

#nextSteps LI
{
    margin: 6px 0;
	padding: 0 0 0 8px;
	list-style: none;
}

#divContact
{
    z-index:2; 
    position: absolute; 
    top: 110px; 
    width: 530px; 
    height: 570px; 
    left:280px; 
    background-image: url('../Images/RequestContact.png'); 
}

#divContact .textBox
{
    font-size: 16px;
    background: transparent;
    border: 0px;
    padding-top:3px;
}

.fontRed
{
	color: Red;
	font-weight: bold;
}

.supportTextBox
{
    font-size: 16px;
    padding-top:3px;
}

/*************************************************************************
// Testimonial Player
**************************************************************************/


/* player container
#player {
	height:240px;
	width:320px;
	border:2px solid #fff;
	outline:1px solid #333;
	-moz-outline-radius:4px;
	cursor:pointer;
	float:left;
	text-align:center;
	margin-right:15px;
}
*/
/* play button
#player img {
	margin-top:67px;
}
*/
/* info area 
#player div.info {
	height:40px;
	background:#000 url('../Images/h80.png') repeat-x;
	opacity:0.7;
	color:#fff;
	margin-top:45px;
	text-align:left;
	padding:5px 15px;	
	font-family:"bitstream vera sans","trebuchet ms";
	font-size:12px;
	border-top:1px solid #ccc;
	margin-top:40px;
}
*/
/* duration data inside info area
#player div.info span {
	color:#99FF99;
	display:block;
	font-weight:bold;
}
*/

#testimonials 
{
    background-color:#e1e5e4; 
    height: 293px; 
    width:374px; 
    padding-left: 10px;
    padding-top: 0px;
    font-size: 8pt;
    font-family: Arial;
    color: #7F8183;
    float: left;
}

#testimonialBar .image,  #testimonialBar .fullImage
{
    text-align: center;
}

#testimonialBar .text
{
    padding-top: 10px;
    width: 324px;
    padding-left: 5px;
    line-height: 14px;
}

#testimonialBar .name
{
    width: 324px;
    padding-left: 5px;
    padding-bottom: 0px;
    height: 15px;
    font-weight: bold;
    font-style: italic;
}

#testimonialBar .company
{
    width: 324px;
    padding-left: 5px;
    height: 15px;
    font-weight: bold;
    font-style: italic;
}

#testimonialBar 
{
   height: 240px;
   width: 330px;
   padding-left: 4px;
   padding-top: 4px;
   text-align: left;
   display: block;
   margin-left: 15px;
   position: relative;
} 

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	/* 
		define width and height of container element and list item (slide)
		list items must be the same size as the slider area
	*/ 
	width:330px;
	height:277px;
	overflow:hidden; 
	}
	
#prevBtn, #nextBtn
{
    margin:0;
	text-indent:-8000px;		
	height: 34px;
    width: 34px;
    position: absolute;
    top: 70px;
    left: -15px;
}

#nextBtn
{
    left: 330px;
}

#prevBtn a
{
    display:block;
    background: url('../images/slider_left.png') no-repeat 0 0;
    height: 34px;
    width: 34px;
}
	
#nextBtn a
{
    display:block;
    background: url('../images/slider_right.png') no-repeat 0 0;
    height: 34px;
    width: 34px;
}


/*************************************************************************
// Footer
**************************************************************************/
#footer 
{
    background: url('../images/footer_bg.gif') repeat-x;
    height: 63px;
    width: 1024px;
    text-align: center;
    margin-bottom: 40px;
    padding-top: 6px;
    position: relative;
}

#footer #links
{
    background: url('../images/footer_text.gif') no-repeat;
    width: 771px;
    height: 46px;
    color: #788281;
    position: absolute;
    right: 126px;
}

#footer #links A 
{
    font-family:arial,helvetica,clean,sans-serif, verdana;
    font-size: 9px;
    color: #788281;
    font-weight: bold;  
}

#footer #links A:hover
{
    font-family:arial,helvetica,clean,sans-serif, verdana;
    font-size: 9px;
    color: #565656;
    font-weight: bold;
}

#footer #originalLogo 
{
    position: absolute;
    right: 6px;
    bottom: 23px;
}
