body {margin:0; background:#18aed4 url(images/bg.gif) repeat-x; }
body.interior {margin:0; background:#18aed4 url(images/bg2.gif) repeat-x; }
#page {position:relative; width:960px; margin:0 auto; background:url(images/page-bg.gif) no-repeat bottom left; padding-bottom:120px; }

/* COMMON CLASSES */
.clear {clear:both; }
.topheader {height:58px; padding-top:18px; }
img.logo {float:left; }
.slogan {font:16px Arial, Helvetica, sans-serif; color:#fff; float:left; margin-left: 5px; margin-top:17px;}
.lefttext {font:11px Arial, Helvetica, sans-serif; color:#525252; border-bottom:1px solid #e6f0f2; padding:7px 0 7px 0; margin:0 0 6px 0; }
.maintext {font:12px Arial, Helvetica, sans-serif; color:#525252; line-height:1.8em; padding:15px 15px 15px 15px; margin:0 0 0 0; }
.maintext a {color:#fc4717; text-decoration:none;  }
.maintext a:hover {color:#0f96b8; text-decoration:none;  }
.maintextlink {font:11px Arial, Helvetica, sans-serif; color:#4b1304; line-height:1.5em; margin:0 0 0 0;  display:block; background:#fd6c45; }
.maintextlink a {color:#4b1304; text-decoration:none; padding:10px 15px 10px 15px; display:block; background:#e2441a; }
.maintextlink a:hover {color:#53d7f8; text-decoration:none; padding:10px 15px 10px 15px; display:block; background:#0d4f60; }
.borderbottom {border-bottom:1px dotted #f16945; }
.subheader {font:16px Arial, Helvetica, sans-serif; color:#647e84; text-transform:none; }
.toplink {font:14px Arial, Helvetica, sans-serif; color:#fff; margin-left:432px;}
.toplink a {color:#53c3e0; text-decoration:none; }
.toplink a:hover {color:#f1481b; text-decoration:none; }
.arrow {position:absolute; top:14px; right:10px; }
.arrow2 {position:absolute; top:8px; right:5px; color:#18aed4; }
span.backtotop {position:absolute; top:15px; right:10px; font:11px Arial, Helvetica, sans-serif; text-transform:none; }
span.backtotop a {color:#e73607; text-decoration:none; }
span.backtotop a:hover {color:#0d4f60; text-decoration:none; }
.red {color:#e23608; font-weight:bold; }
.white {color:#fff; }
.white2 {font-weight:bold; color:#fff; text-transform:uppercase;}
.teal {color:#50d9fb; }
.teal2 {color:#0f96b8;font-weight:bold;text-transform:uppercase; }
.category {font:14px Arial, Helvetica, sans-serif; color:#4d4d4d; text-transform:uppercase; padding:0; margin:0; }
div.subheader-company {position:absolute; top:215px; left:0; font:bold 14px Arial, Helvetica, sans-serif; color:#0f96b8; }
.features {width:960px; height:49px; background:url(images/new-bg.gif) no-repeat top left; margin-top:20px; text-align:center; }
.features h1 {font:bold 20px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; margin:0; padding:30px 0 0 0; }
.features span {color:#024f63; font-weight:100; }
.features img { margin-top:2px; float:left; }
.features-links {margin:20px 0 0 20px; float:left; width:670px; color:#37d5fd;}
.features-links a {font:12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
img.home {border:1px solid #999999; margin:14px; float:left; }
img.news {border:1px solid #999999; margin:0px 14px 14px 0px; float:left; }
.borderbot {border-bottom:1px solid #ccc; margin:0px 15px 5px 15px; }
.spacer {height:70px; }
.italic {font-style:italic; }

h1 {font:bold 28px Arial, Helvetica, sans-serif; color:#f1481b; padding:35px 0 0 0; margin:0; }
h2 {font:bold 16px Arial, Helvetica, sans-serif; color:#0f96b8; padding:0; margin:0 15px 12px 15px; text-transform:uppercase; }
h2.lower {font:bold 16px Arial, Helvetica, sans-serif; color:#0f96b8; padding:0; margin:0 15px 12px 15px; text-transform:none; }
h2.contact {font:bold 16px Arial, Helvetica, sans-serif; color:#0f96b8; padding:0; padding:15px 0 0px 0px; text-transform:uppercase; }
h3 {font:bold 12px Arial, Helvetica, sans-serif; color:#0d4f60; padding:0 0 6px 0; margin:0; border-bottom:1px dotted #50d9fb; width:170px; }
p.news {font:16px Arial, Helvetica, sans-serif; color:#647e84; padding:0 0 6px 0; margin:0 0 10px 0;   }
a.learnright {text-decoration:none; text-transform:uppercase; color:#fc4717; font:bold 10px Arial, Helvetica, sans-serif; margin-left:156px; }
a.learnright:hover {color:#0d4f60; text-decoration:none; }
a.news {text-decoration:none; color:#525252; font:bold 11px Arial, Helvetica, sans-serif;  }
a.news:hover {color:#54d5f6; text-decoration:none; }
a.header {color:#0f96b8; text-decoration:none; }
a.header:hover {color:#0f96b8; text-decoration:none; }

/* MAIN NAV */
ul#nav {list-style:none; margin:0; padding:0; }
ul#nav li {float:left; padding:0; width:192px; height:30px; display:block;    }
ul#nav li.first {width:194px; height:30px; display:block; background: url(images/nav1.gif) no-repeat;   }
ul#nav li.second {background: url(images/nav2.gif) no-repeat;   }
ul#nav li.third {background: url(images/nav3.gif) no-repeat;   }
ul#nav li.fourth {background: url(images/nav4.gif) no-repeat;   }
ul#nav li.fifth {background: url(images/nav5.gif) no-repeat; width:190px;   }

	ul#nav li.first a { width:194px; height:30px; display:block;  }
	ul#nav li.first a:hover { width:194px; height:30px; display:block; background: url(images/nav1b.gif) no-repeat;   }
	ul#nav li.second a { width:192px; height:30px; display:block;  }
	ul#nav li.second a:hover { width:192px; height:30px; display:block; background: url(images/nav2b.gif) no-repeat;   }
	ul#nav li.third a { width:192px; height:30px; display:block;  }
	ul#nav li.third a:hover { width:192px; height:30px; display:block; background: url(images/nav3b.gif) no-repeat;   }
	ul#nav li.fourth a { width:192px; height:30px; display:block;  }
	ul#nav li.fourth a:hover { width:192px; height:30px; display:block; background: url(images/nav4b.gif) no-repeat;   }
	ul#nav li.fifth a { width:190px; height:30px; display:block;  }
	ul#nav li.fifth a:hover { width:190px; height:30px; display:block; background: url(images/nav5b.gif) no-repeat;   }
		
		#nav li ul {position: absolute; width:191px; left: -999em; margin:0; padding:0; background:#53ceed; z-index:999; border-left:1px solid #18a1c3;border-right:1px solid #18a1c3;border-bottom:1px solid #18a1c3; }
		#nav li ul.last {position: absolute; width:188px; left: -999em; margin:0; padding:0; background:#53ceed; z-index:999; }

			#nav li ul li {position:relative; margin:0; padding:0; width:191px; height:40px;  }
			#nav li.second ul li a {width:177px; height:28px; margin:0; padding:14px 7px 0 7px; font:12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; background:none; border-top:1px dotted #18aed4;   }	
			#nav li.second ul li a:hover {width:177px; height:26px; margin:0; padding:14px 7px 0 7px; background:#18aed4; }
			#nav li.third ul li a {width:177px; height:28px; margin:0; padding:14px 7px 0 7px; font:12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; background:none; border-top:1px dotted #18aed4;   }	
			#nav li.third ul li a:hover {width:177px; height:26px; margin:0; padding:14px 7px 0 7px; background:#18aed4; }
			#nav li.fourth ul li a {width:177px; height:28px; margin:0; padding:14px 7px 0 7px; font:12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; background:none; border-top:1px dotted #18aed4;   }	
			#nav li.fourth ul li a:hover {width:177px; height:26px; margin:0; padding:14px 7px 0 7px; background:#18aed4; }
			#nav li.fifth ul li a {width:177px; height:28px; margin:0; padding:14px 7px 0 7px; font:12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; background:none; border-top:1px dotted #18aed4;   }	
			#nav li.fifth ul li a:hover {width:177px; height:28px; margin:0; padding:14px 7px 0 7px; background:#18aed4; }

#nav li:hover ul {left: auto; margin:0 0 0 -2px; padding:0; }
#nav li:hover ul, #nav li.sfhover ul {left: auto; }

/* MAIN SLIDER AREA */
#slider {width: 960px; margin: 20px auto 0 auto; position: relative; } 
	#tab-wrapper {margin:0 0 0 270px; padding: 0;  clear:both; }
	div.tab1 a {display: block; width:126px; height:32px; background: url(images/tab1.gif) no-repeat; float:left; }
	div.tab2 a {display: block; width:149px; height:32px; background: url(images/tab2.gif) no-repeat; float:left; }
	div.tab3 a {display: block; width:131px; height:32px; background: url(images/tab3.gif) no-repeat; float:left; }
	div.tab1 a:hover {display: block; width:126px; height:32px; background: url(images/tab1b.gif) no-repeat; }
	div.tab2 a:hover {display: block; width:149px; height:32px; background: url(images/tab2b.gif) no-repeat; }
	div.tab3 a:hover {display: block; width:131px; height:32px; background: url(images/tab3b.gif) no-repeat; }
	div.tab1 a.active-thumb {display: block; width:126px; height:32px; background: url(images/tab1b.gif) no-repeat; }
	div.tab2 a.active-thumb {display: block; width:149px; height:32px; background: url(images/tab2b.gif) no-repeat; }
	div.tab3 a.active-thumb {display: block; width:131px; height:32px; background: url(images/tab3b.gif) no-repeat; }
	#tab-wrapper a:focus {outline: none; }
	
	div.slider-wrap {clear:both; }
	
 	.stripViewer								{ position: relative; overflow: hidden; }
	.panelContainer								{ position: relative; left: 0; top: 0; width:960px; }
	.panel										{ position:relative; padding:0; margin:0; height:254px; width: 960px; float:left;   }
	.stripNavL, .stripNavR, .stripNav			{ display: none; }
	.nav-thumb 									{margin-left:15px;   }
	a.cross-link								{  z-index: 9999;  }
	div.panel a.main1 {position:absolute; left:835px; top:100px; }
	div.panel a.main2 {position:absolute; left:825px; top:130px; }
	div.panel a.main3 {position:absolute; left:835px; top:135px; }
	div.panel div.desc {font:15px Arial, Helvetica, sans-serif; color:#fff; width:450px; margin:40px; }
	#who {background:#555555 url(images/main01b.jpg) no-repeat; }
	#what {background:#555555 url(images/main02.jpg) no-repeat; }
	#with {background:#555555 url(images/main03.jpg) no-repeat; }
	#main-photo-slider {width:960px;  background:url(images/main-bg.gif) no-repeat; margin-top:0px;  }
	
/* MAIN HEADER AREA */
#main-header {width:960px; height:168px; margin-top:2px; }
div.services {background: url(images/services-header.gif) no-repeat right top; }
div.company {background: url(images/company-header.gif) no-repeat right top; }
div.partners {background: url(images/partners-header.gif) no-repeat right top; }
div.news {background: url(images/news-header.gif) no-repeat right top; }

/* SUBNAV AREA */

ul.tabs {list-style:none; margin:0; padding:0; }
ul.tabs a:focus {outline:none; }
ul.tab-holder {list-style:none; margin:0; padding:0; }
ul.tab-holder li {position:relative; font:12px Arial, Helvetica, sans-serif; margin:0; width:190px; color:#0d4f60; margin:0;  border-bottom:1px dotted #50d9fb;  }
ul.tab-holder li a {color:#fff; text-decoration:none; width:179px;  display:block; padding:8px 4px 8px 7px; }
ul.tab-holder li a:hover {text-decoration:none; background:#0d4f60; width:179px;  display:block; padding:8px 4px 8px 7px; }
ul.tab-holder li.blank {padding-bottom:9px; }
ul.tab-holder li.first {border-top:1px dotted #50d9fb; }
ul.tabs li.active a {text-decoration:none; background:#0d4f60; width:179px;  display:block; padding:8px 4px 8px 7px;  }

ul.tabNav a:focus { outline:none;}
div.tabContainer {}
div.tabContainer div.tab { display: none; }
div.tabContainer div.current { display: block; }
.tab_container {overflow: hidden; float: left; }
.tab_content { }
	
/* CONTENT AREAS */
div.content {width:960px; height:100%; overflow:auto; margin-top:13px; padding:10px 0 0 0; }

#content-left {width:250px; float:left; position:relative;  margin-top:20px;  }
	div.left-box { width:218px; border:1px solid #0e738c; background:#fff url(images/content-header.gif) repeat-x top left; padding:11px 15px 11px 15px;  }
	div.quick {width:170px; padding:0 0 0 0; }
	div.partner-logo {width:100%; padding:0 0 0 0; }
	div.downloads {width:170px; padding:15px 0 0 0; }
	ul.quick {list-style:none; margin:0; padding:0; }
	ul.quick li {font:12px Arial, Helvetica, sans-serif; margin:0; width:170px;  }
	ul.quick li a {color:#fff; text-decoration:none; width:159px;  display:block; padding:7px 4px 10px 7px; }
	ul.quick li a:hover {color:#fff; background:#0d4f60; text-decoration:none; width:159px;  display:block; padding:7px 4px 10px 7px; }
	ul.quick-news {list-style:none; margin:0; padding:0; }
	ul.quick-news li {font:12px Arial, Helvetica, sans-serif; margin:0; width:240px;  }
	ul.quick-news li a {color:#fff; text-decoration:none; width:229px;  display:block; padding:7px 4px 10px 7px; }
	ul.quick-news li a:hover {color:#fff; background:#0d4f60; text-decoration:none; width:229px;  display:block; padding:7px 4px 10px 7px; }
	ul.downloads {list-style:none; margin:0; padding:0; }
	ul.downloads li {font:12px Arial, Helvetica, sans-serif; margin:0; border-bottom:1px dotted #50d9fb; width:170px;  }
	ul.downloads li a {color:#fff; text-decoration:none; width:159px; display:block; padding:7px 0 10px 7px; }
	ul.downloads li a:hover { text-decoration:none; background:#d3370d; width:159px; display:block; padding:7px 0 10px 7px; }
	div.alerts {width:250px; }
	div.alerts form {width:250px; padding:0; margin:0; }
	div.alerts h3 {border:none; padding:0; margin:0; margin-bottom:5px; }
	div.alerts input.text {padding:0; margin:0; margin-bottom:5px; width:220px; }
	div.alerts input.submit {margin-bottom:25px; }
#content-left img.left {margin-top:20px; }
#content-left img.content {margin-top:45px; }
#content-left img.drop {margin-top:245px; }
div.success-stories {width:250px; height:39px; display:block; margin-top:20px; }
div.success-stories a {width:250px; height:39px; display:block; background: url(images/success.gif) no-repeat;  }
div.success-stories a:hover {width:250px; height:39px; display:block; background: url(images/successb.gif) no-repeat; }
div.content-left-img {width:251px; height:700px; background:url(images/img1.png) no-repeat; }

/* New 3 column layout */
#content-left2 {width:190px; float:left; position:relative;  margin-top:20px; }
#content-right2 {width:550px; float:left; margin:5px 0 60px 20px; }
	#content-right2 div.main-box {position:relative; width:538px; border:1px solid #0e738c; background:#fff url(images/content-header.gif) repeat-x top left; margin:10px 0px 20px 0px; padding:11px 0 0 0; }
	#content-right2 div.top {margin:0 18px 20px 0px; padding:12px 0 0 0; }
#content-third {width:170px; float:left; margin:27px 0 0 10px !important; margin:27px 0 0 -5px; }


#content-right {width:690px; float:right; margin-bottom:60px; position:relative; z-index:1; margin-top:5px; }
#content-right-main {width:690px; float:left; margin:5px 0 60px 20px; position:relative; }
	div.main-box {position:relative; width:688px; border:1px solid #0e738c; background:#fff url(images/content-header.gif) repeat-x top left; margin:10px 18px 20px 0px; padding:11px 0 0 0; }
	div.top {margin:0 18px 20px 0px; padding:11px 0 0 0; }
	div.home {background:#fff; margin:15px 18px 20px 0px; padding:11px 0 0 0;  }
	div.home-pic {width:690px; height:201px; background:url(images/content-bg.gif) no-repeat bottom left; margin:0px 1px 1px 1px; }
	div.home-pic img {margin:89px 220px; }
	div.content-pic {width:690px; height:141px; background: url(images/content-bg.gif) no-repeat bottom left; margin-top:20px; }
	ul.content {list-style:outside; padding:15px 0 15px 0; margin:0 0 0 32px; }
	ul.content li {font:13px Arial, Helvetica, sans-serif; color:#525252; padding:0 15px 10px 15px; }
	#content-right img.cta {margin:0px 0 15px 15px; }
	#content-flair {position:absolute; width:143px; height:100%; bottom:0; left:-144px; background:url(images/grunge.gif) no-repeat bottom right;   }
div.bread-crumbs {padding:0 0 10px 0; font:11px Arial, Helvetica, sans-serif; color:#56d9fa; }
	div.bread-crumbs a {text-decoration:none; color:#03495a;}
	div.bread-crumbs a:hover {text-decoration:none; color:#56d9fa;}

/* logos area */
#logos-area {width:100%; height:55px; background: #087e9c; border-bottom:1px solid #087e9c; }
div.logos-area-holder {width:960px; margin:0 auto; }
div.logos-area-holder img {float:right; margin-top:8px; }
div.logos-area-holder p {width:250px; font:italic 12px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; float:left; margin-top:20px; }

/* FOOTER */
#footer {width:100%; height:258px; background:#525151 url(images/footer.gif) repeat-x; }
#footer-home {width:100%; height:32px; background:#525151 url(images/footer.gif) repeat-x bottom; }
div.sitemap {width:960px; margin:0 auto; padding:20px 0 0 0; }
ul.sitemap {list-style:none; height:185px; margin:0; padding:0  55px 0 10px; border-right:1px dotted #49d5f8; float:left; max-width:185px; }
ul.sitemap li {font:12px Arial, Helvetica, sans-serif; color:#fff; padding-bottom:8px;  }
ul.sitemap li.top a {color:#37d5fd;  }
ul.sitemap li a {color:#e6f0f2; text-decoration:none; }
ul.sitemap li a:hover {color:#54d5f6; text-decoration:none; }
ul.first {padding:0  55px 0 0; }
ul.noborder {border:none; }
ul.last {float:right; border:none; max-width:none; width:185px; padding:0  0 0 10px; }
div.legal {width:960px; margin:0px auto; padding:30px 0 0 0; font:11px Arial, Helvetica, sans-serif; color:#fff; text-align:center; }
div.legal-home {width:960px; margin:0px auto; padding:10px 0 0 0; font:11px Arial, Helvetica, sans-serif; color:#fff; text-align:center; }

/* CONTACT POPOVER */
#blanket {background-color:#111; opacity: 0.65; filter:alpha(opacity=75); position:absolute; z-index: 9001; top:0px; left:0px; width:100%; height:100%; overflow:hidden; }
#popUpDiv {position:absolute; top:50%; left:50%; background-color:#ffffff; width:500px; height:400px; z-index: 9002; border:3px solid #333; }
form {width:500px; }
form#popup {background:#fff url(images/contact-bg.gif) repeat-x top; }
form table {margin:15px 0 21px 9px; }
form td {padding:5px; }
form td.copy {font:14px Arial, Helvetica, sans-serif; color:#525252; }