html, body, form { padding: 0; margin: 0;font-family:arial;height:100%;background:url(../Images/content-bg.gif) repeat-y center #DBDBDB;}
img {border:0;}

a { color: #11548F; }
a:hover { color: #378CDF; }

h1 {margin:0 0 16px 0;padding:0;font-family:helvetica;font-size:16px;color:#387cc0;font-weight:normal; font-weight:bold;}
h2 {margin:0 0 16px 0;padding:0;font-family:helvetica;font-size:16px;color:#387cc0;font-weight:normal; font-weight:bold;}

.siteContainer {width:100%;position:relative;margin:0 auto;height:auto !important;height:100%;min-height:100%;}

.siteHeaderContainer {width:100%;background:url(../Images/header-bg.gif) no-repeat center;}
.siteHeader {width:950px;height:127px;margin:0 auto;background:url(../Images/header-bg.gif) no-repeat center;}

.siteContentContainer {width:100%;}
.siteContent {width:950px;margin:0 auto;padding-bottom: 40px;background:url(../Images/content-bg.gif) repeat-y center #DBDBDB;}

.siteFooterContainer {position:absolute;width:100%;bottom:0;background:url(../Images/footer-bg.gif) repeat-x;}
.siteFooter {width:950px;height:54px;margin:0 auto;color:#FFFFFF;background:url(../Images/footer-bg.gif) repeat-x;}
.siteFooter .logo {}
.siteFooter .link1 {font-size:11px;line-height:18px;}
.siteFooter .link1 a {color:#5a9ada;text-decoration:none;}
.siteFooter .link1 a:hover {color:#FFFFFF;text-decoration:underline;}
.siteFooter .link2 {text-align:right;}
.siteFooter .link2 a {padding:15px 10px;color:#FFFFFF;text-decoration:none;background:url(../Images/footer-divider.gif) no-repeat;
	font-size: 12px;}
.siteFooter .link2 a:hover {color:#FFFFFF;text-decoration:underline;}

/* Main Nav */
.mainMenu {heighT:29px;margin-top:94px;}
.mainNav { list-style-type: none; margin: 0; float:right; padding: 0; overflow: auto; }
.mainNav li { float: left; padding: 0; margin: 0 2px; }

/* Homepage */
.homeContainer {width:950px;margin:25px 0 40px;}
.homeSpotlightTop {height:177px;vertical-align:top;background:url(../Images/home-spotlight-top.gif) no-repeat;}
.homeSpotlightTop .spotlights {width:950px;line-height:18px;font-size:11px;}
.homeSpotlightTop .spotlights .spotlight1 {width:267px;padding:10px 20px 0 30px;}
.homeSpotlightTop .spotlights .spotlight2 {width:277px;padding:10px 20px 0 20px;}
.homeSpotlightTop .spotlights .spotlight3 {width:266px;padding:10px 30px 0 20px;}
.homeSpotlightTop .spotlights ul {margin-left:0;padding-left:0;}
.homeSpotlightTop .spotlights ul li {margin-left:15px;padding-left:0;}
.homeSpotlightBottom {height:45px;vertical-align:top;background:url(../Images/home-spotlight-bottom.gif) no-repeat;}
.homeSpotlightBottom .spotlights {width:950px;}
.homeSpotlightBottom .spotlights .spotlight1 {width:297px;text-align:right;padding:5px 20px 0 0;}
.homeSpotlightBottom .spotlights .spotlight2 {width:297px;text-align:right;padding:5px 20px 0 0;}
.homeSpotlightBottom .spotlights .spotlight3 {width:296px;text-align:right;padding:5px 20px 0 0;}

/* Content Page */
.contentContainer {width:950px;}
.contentContainer .leftColumn {width:220px;}
.contentContainer .rightColumn {width:730px;padding:30px;line-height:18px; font-size:12px; line-height: 20px;}

.rightColumn img.rightImg { float:right; padding:35px 0 10px 20px; }

.bullets ul { padding:30px 0 0 20px; margin:0; }
.bullets ul li { 
	list-style: none; padding: 3px 20px 10px 30px; 
	font-size: 11px;
	background:url(../Images/bullet.gif) left center no-repeat; }


.sectionName {width:190px;height:25px;padding:7px 10px 0 20px;color:#FFFFFF;font-size:14px;background:url(../Images/left-nav-bg-section.gif) no-repeat;}


/* Left Nav */
ul.leftNav { width:224px;margin:0;padding:0; list-style-type: none; }
ul.leftNav li { width:224px; color:#FFFFFF; font-size:14px;background:url(../Images/left-nav-bg-section.gif) no-repeat; }
ul.leftNav li a { padding: 7px 10px 7px 20px; color:#FFFFFF; text-decoration:none; display: block; }
ul.leftNav ul { margin: 0; padding: 0; list-style-type: none; }
ul.leftNav ul li a { 
	background:url(../Images/left-nav-bg-off.gif) no-repeat; 
	padding:10px 5px 10px 35px; color:#387dc2; text-decoration:none; display: block; }
ul.leftNav ul li a:hover { 
	background:url(../Images/left-nav-bg-on.gif) no-repeat; color:#ffffff;text-decoration:none; }
ul.leftNav ul li.on a { margin:0; background:url(../Images/left-nav-bg-on.gif) no-repeat; color:#ffffff;text-decoration:none; }

.leftNavBottom {width:224px;height:9px;font-size:0.1em;line-height:0.1em;background:url(../Images/left-nav-bg-bottom.gif) no-repeat;}

/* ROI calculator */
.tblCalculator { width: 100%; }
.tblCalculator .dash { border-top: 1px dotted Black; font-size: 0.1em; height: 10px; }
.tblCalculator .bold { font-weight: bold; }

.tblCalculator .inputBox { width: 50px; text-align: center; }
.tblCalculator .readonly { color: #444444; background-color: #DDDDDD; border: 1px solid gray; }
.tblTraditional { width: 96%; margin-bottom: 20px; }
.tblTraditional .label { width: 75%; }
.tblTraditional .field { width: 25%; text-align: right; }

.tblMimik { width: 96%; }
.tblMimik .label { width: 75%; }
.tblMimik .field { width: 25%; text-align: right; }

.imgGraph { border: 1px solid Gray; }

/* Contact Form */
.contactform .labelColumn { width:140px; vertical-align:top; padding-top:2px; }
.contactform .fieldColumn input { 
	width: 240px; padding:3px 2px; height:15px; font-size:12px; font-family:Arial, Helvetica, sans-serif;
	margin-right:14px; }
.contactform .fieldColumn select { 
	width: 250px; padding:2px; height:22px; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.contactform .fieldColumn textarea { 
	width: 240px; height: 100px; padding:2px; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
	
	
/* FAQ dropdowns */
.accordion h4 {
	background:transparent url(../Images/bullet-faq.gif) no-repeat scroll right center;
	border-bottom:1px solid #000000;
	color:#28638B;
	cursor:pointer;
	font-size:12px;
	margin:0 0 15px;
	padding:4px 0 3px 4px; }
.accordion h4:hover { background-color:#D0DEEC; }
.accordion div { padding-bottom:14px; display:none; }