/* -----------------------------------------
Stylesheet for SST Systems - www.sstusa.com
Author: cdeVision.com
Copyright: (c)2009 cdeVision
Created: January 2009
Amended: February 2009
-------------------------------------------- */

body {background:#000; margin:0; font-family:arial,helvetica,sans-serif; font-size:12px; color:#333; text-align:center;}

h1, h2, h3, h4 {padding:0; margin:0;} 
h1 {font-size:22px; font-weight:normal; line-height:66px; color:#fff;} /* page titles - interior banner */
	h1 span {color:#999; margin-left:10px;}
h2 {font-size:18px; font-weight:normal; padding:0 0 12px 0; line-height:24px; color:#900000;} /* page titles - content area - dk. red */
h2.home {font-size:22px;}
h3 {font-size:16px; font-weight:normal; padding:0 0 8px 0; color:#333;} /* sub-heads - dk.grey */
h3.greybar {color:#fff; background:#808080; height:30px; line-height:30px; padding:0 8px; margin:8px 0 12px 0;} 

p {margin:0; padding:0 0 15px 0; line-height:15px;}
p.intro {font-size:14px; line-height:20px;}
/* quotes/testimonials on User Comments Page */
p.quotemain {font-size:14px; line-height:18px; background:url(images/quote-open.gif) 0 0 no-repeat; padding:0 0 15px 18px !important;}
p.quotemain span {background:url(images/quote-close.gif) 100% 100% no-repeat; display:block; padding:0;}
p.sourcemain {font-size:12px; margin-bottom:20px; border-bottom:1px solid #ccc;}


ul, ol {margin:0; padding:0 0 8px 20px;}
li {line-height:16px; padding-bottom:7px;}

form {}
	.formtable {}
	.formtable td {vertical-align:top; padding:0 0 15px 0;}
	input, textarea, select {width:250px;font-family:arial,helvetica,sans-serif; font-size:12px; color:#333; border:1px solid #ccc; padding:2px;}
	#user_code {width:250px;}
	.error {color:#900000; padding:10px 0 10px 0;}
	.button {width:75px; background-color:#808080; color:#FFFFFF;}

img {border:0;}
.clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}

div#printlogo {display:none;}

/* fix PNG transparency in IE6- 
#logo, #tagline {behavior:url(scripts/iepngfix.htc);}*/


/* ---- links ----------------------------------------- */
a {color:#900000; text-decoration:underline;}  
a:visited {color:#900000;}
a:hover {color:#666; text-decoration:none;}
a:active {color:#900000;}
a:active, a:focus {outline:none;}
/* links with icons */
a.arrowred {background:url(images/icon-arrowred.gif) 0 3px no-repeat; padding-left:12px; text-decoration:none; font-weight: bold;}
	a.arrowred:hover {background:url(images/icon-arrowgrey.gif) 0 3px no-repeat; padding-left:12px; font-weight: bold;}	
a.pdf {background:url(images/icon-pdf.gif) 0 3px no-repeat; padding-left:28px; text-decoration:none; font-weight: bold}
a.video {background:url(images/icon-video.gif) 0 3px no-repeat; padding-left:12px; font-weight: bold; text-decoration:none;}

/* ---- ids & classes ----------------------------------------- */

#header  {width:850px; margin:0 auto; text-align:left;} 
#content {width:810px; padding:25px 20px 20px 20px; margin:0 auto; text-align:left;}
#bannerhome, #banner {width:870px; margin:0 auto; text-align:left;} /* a bit wider due to drop shadows at sides */
#headerwrap, #bannerhomewrap, #bannerwrap, #contentwrap, #footerwrap {width:100%;}

#headerwrap {background:url(images/bg-headerwrap_new.gif) repeat-x;}
#header {height:140px; position:relative; background:url(images/bg-header.png) 160px 40px no-repeat;}
	#header span {display:none;}
	#header h1, #header h2 {margin:0 !important; padding:0 !important;}
	#logo {position:absolute; top:45px; left:10px; width:139px; height:60px; background:url(images/logo.png) no-repeat;}
		#logo a {display:block; width:167px; height:76px;}
	#tagline {position:absolute; top:108px; left:10px; width:496px; height:19px; background:url(images/tagline.png) no-repeat;}
	#metanav {position:absolute; top:0; right:170px; background:#efefef; font-size:11px; height:38px; padding:0 0 0 7px;}
		#metanav ul {margin:0; padding:0; list-style:none; text-align:right;}
		#metanav li {display:inline; line-height:38px; padding:0 7px;}
		#metanav a {color:#808080; text-decoration:none;}
		#metanav a:hover {color:#900000;}
	#mediaicons {position:absolute; right:210px; top:0; background:#efefef; width:100px; height:38px; z-index:10;}
	#mediaicons span {display:none;}
	#mediaicons a {float:left; width:20px; height:20px; margin:10px 0 0 10px; text-decoration:none;}
	#mediaicons a.facebook {background:transparent url(images/facebook.png) 0 0 no-repeat;}
	#mediaicons a.twitter {background:transparent url(images/twitter.png) 0 0 no-repeat;}
	#mediaicons a.youtube {background:transparent url(images/youtube.png) 0 0 no-repeat;}
	#searchbox {position:absolute; top:0; right:0; background:#efefef; width:170px; height:38px;}
		#searchbox label {display:none;}
		#searchbox form {margin:8px 0 0 10px; font-size:11px;}
		#searchbox input {margin:0; padding:2px; width:115px; background:#fff; border:1px solid #ccc; font-size:11px; color:#999;}
		#searchbox input.button {width:20px; height:20px; padding:0; border:none; background:transparent url(images/search-button.gif) no-repeat; 
			color:#fff; margin-left:5px; text-indent:-1000em; cursor:pointer; cursor:hand;} /* cursor:hand for IE6- */
	#phone {position:absolute; top: 105px; right:10px; width:240px; height:20px; background:url(images/phone.gif) no-repeat;}

/* home page banner area */
#bannerhomewrap {background:#710000 url(images/bg-bannerhomewrap.gif) repeat-x; height:310px;}
#bannerhome {position:relative; height:310px; background:#000 url(images/bg-bannerhome.png) no-repeat;}
	#presentation {position:absolute; top:0; left:11px; width:850px; height:240px; background-color:#000000;}
		#presentation img {display:block; margin:0;}
		#productnav {float:left; width:200px; margin:18px 0 0 12px;}
		.prod1, .prod2, .prod3, .prod4, .prod5 {width: 200px; height: 40px; display:block; text-indent:-4000px;}
		a.prod1:hover, a.prod2:hover, a.prod3:hover, a.prod4:hover, a.prod5:hover { background-position:0 -40px;}
		a.prodactive { background-position:0 -40px !important;}
		.prod1 {background:url(images/ban_nav_caepipe.png) no-repeat;}
		.prod2 {background:url(images/ban_nav_hotclash.png) no-repeat;}
		.prod3 {background:url(images/ban_nav_checkstress.png) no-repeat;}
		.prod4 {background:url(images/ban_nav_datatrans.png) no-repeat;}
		.prod5 {background:url(images/ban_nav_sstservices.png) no-repeat;}
		.boxgrid{ 
			width: 615px; 
			height: 240px; 
			overflow: hidden; 
			position: relative; 
			float:right;
		}
		.prodbanner {width: 615px; height: 240px; padding:0 0 0 0;}
			.prodbanner h2 { color:#900000; font-size:18px; line-height:24px; font-weight:bold; margin:0 0 6px 0; padding:0;}
			.prodbanner p { color:#FFF; font-size:15px; line-height:20px;}
		.boxcaption{position: absolute;}
		
		
		
	#linkbar {position:absolute; top:225px; left:0; width:870px; text-align:left; background:transparent; color:#fff;}
		#linkbar a {display:block; color:#fff; text-decoration:none; position:absolute; top:23px; padding-left:63px;}
			#linkbar a#download {width:205px; left:25px; background:url(images/linkbar-download.png) no-repeat;  }
				#linkbar a#download:hover {background:url(images/linkbar-download-over.png) no-repeat;}
			#linkbar a#support {width:205px; left:320px; background:url(images/linkbar-support.png) no-repeat;}
				#linkbar a#support:hover {background:url(images/linkbar-support-over.png) no-repeat;}
			#linkbar a#pricing {width:185px; left:610px; background:url(images/linkbar-pricing.png) no-repeat;}
				#linkbar a#pricing:hover {background:url(images/linkbar-pricing-over.png) no-repeat;}
		#linkbar h2 {margin:0; padding:0; font:bold 14px/18px arial,sans-serif; color:#fff;}
		#linkbar p {font-size:11px; padding:0 0 5px 0;}


/* Product features */
#product_features {position:relative; height:232px; margin-bottom:25px; border:1px solid #ccc; background:#000 url(images/product_back.png) right center no-repeat;}
	#product_features .pnav {float:left; width:146px; margin:11px 0 0 11px;}
	#product_features .pnav a {display:block; height:30px; line-height:28px; font-size:14px; color:#FFFFFF; padding-left:4px; text-decoration:none;}
	#product_features .pnav a:hover { background-color:#900000;}
	.featred { background-color:#900000;}
	.featblack { background-color:#000;}
	
	.boxgrid2{ 
			width: 396px; 
			height: 206px; 
			overflow: hidden; 
			position: relative; 
			float:left;
			border:2px solid #990000;
			margin-top:11px;
			background-color:#000000;
		}
		.prodbanner2 {width: 396px; height: 206px; padding:0;}
			.prodbanner2 h3 { color:#900000; font-size:16px; line-height:20px; font-weight:bold; margin:0; padding:14px 14px 0 14px;}
			.prodbanner2 p { color:#FFF; font-size:14px; line-height:18px;padding:0 14px 0 14px;}
		.boxcaption2 {position: absolute;}
		


/* interior pages banner area - holds page title */
#bannerwrap {height:66px; background:#1d1d1d url(images/bg-bannerwrap.png) center top no-repeat;}
#banner {height:66px;}
	#banner h1 {margin-left:265px;}

#contentwrap {background:#333 url(images/bg-contentwrap.png) repeat-x;}
#content {background:#fff url(images/bg-content.png) no-repeat;}
	#leftcol {float:left; width:210px;}
		#leftcol h3 {font-size:16px; padding:0 0 5px 0; color:#6c6c6c; line-height:30px; padding-left:37px !important;}
			h3.software {background:url(images/icon-software.gif) 0 -1px no-repeat;}
			h3.learnmore {background:url(images/icon-learnmore.gif) 0 -1px no-repeat;}
			h3.info {background:url(images/icon-info.gif) 0 -1px no-repeat;}
		/* main nav menu */
		#leftcol ul {list-style:none; width:210px; padding:0; margin:0 0 20px 0; font-size:13px; border-bottom:1px solid #ccc;}
		#leftcol li {margin:0; padding:0; display:block;}
		#leftcol a {color:#6a6a6a; display:block; text-decoration:none; height:25px; line-height:25px; border-top:1px solid #ccc;  background:url(images/icon-arrowred.gif) 6px 8px no-repeat; padding-left:20px;}
		#leftcol a:hover, #leftcol a.on {color:#900000; background:#efefef url(images/icon-arrowred.gif) 6px 8px no-repeat; padding-left:20px;}
			/* subnav menu */
			ul#subnav {margin:0 !important; border-top:1px solid #ccc; border-bottom:0; font-size:12px;}
			ul#subnav li {}
			ul#subnav a {border:0 !important; background:none;}
			ul#subnav a:hover {background:#efefef;}
		#announcebox {background:#910202; color:#efefef; padding:10px; font-size:12px; width:190px; margin-bottom:20px;}
			h3.announce {background:url(images/icon-announcements.gif) 0 -1px no-repeat; color:#ccc !important;}
			#announcebox p {line-height:14px; padding:0;}
			#announcebox a {color:#fff; display:block; text-decoration:none; height:25px; line-height:25px; border-top:none;  background:url(images/icon-arrowwhite.gif) 6px 8px no-repeat; padding-left:20px;}
			#announcebox a:hover {color:#000; display:block; text-decoration:none; height:25px; line-height:25px; border-top:none;  background:url(images/icon-arrowblack.gif) 6px 8px no-repeat; padding-left:20px;}
		#signupbox {background:#333; color:#efefef; padding:10px; font-size:11px; width:190px;}
			h3.signup {background:url(images/icon-signup.gif) 0 -1px no-repeat; color:#ccc !important;}
			#signupbox p {line-height:13px; padding:0;}
			#signupbox a {color:#fff; display:block; text-decoration:none; height:25px; line-height:25px; border-top:none;  background:url(images/icon-arrowwhite.gif) 6px 8px no-repeat; padding-left:20px;}
			#signupbox a:hover {color:#000; display:block; text-decoration:none; height:25px; line-height:25px; border-top:none;  background:url(images/icon-arrowblack.gif) 6px 8px no-repeat; padding-left:20px;}
			#signupbox label {display:none;}
			#signupbox form {margin:2px 0 10px 1px; font-size:11px;}
			#signupbox input {margin:0; padding:2px; width:120px; background:#fff; border:1px solid #ccc; font-size:11px; color:#999;}
			#signupbox input.button {width:50px; height:20px; padding:0; border:none; color:#fff; background:#900000; margin-left:5px;} /* cursor:hand for IE6- */			
			
	#main {float:right; width:570px; }
		/* images */
		img.main {margin:0 0 15px 0; display:block;}
		img.right {float:right; margin:5px 0 12px 12px; display:block;}
		img.left {float:left; margin:5px 12px 12px 0; display:block;}
		/* news/article teaser intros */
		.newsbox {padding:10px 0;}
			.newsbox h3 {padding:0 0 3px 0;}
			.newsbox p {padding:0 0 3px 0;}
			.newsbox p.byline {font-size:11px;}
		/* right-side float */
		#sidebar {width:220px; float:right; margin:5px 0 30px 0px; background:#fff;}
			#sidebar .addthis {position:absolute; left:120px; padding:4px 12px 5px 12px; position:relative; margin:0 0 10px 20px; width:63px;}
			#sidebar .box {border:1px solid #ccc; padding:20px 12px 5px 12px; background:url(images/bg-sidebar-box.png) 0 100% no-repeat; position:relative; margin:0 0 22px 20px; width:175px;}
			#sidebar .box h3 {position:absolute; left:8px; top:-8px; font-size:16px; font-weight:normal; padding:0 3px 8px 3px; color:#6a6a6a; background:#fff;}
			/* quotes/testimonials */
			#sidebar p.quote {font-size:12px; line-height:18px; background:url(images/quote-open.gif) 0 0 no-repeat; padding:0 0 15px 18px !important;}
			#sidebar p.quote span {background:url(images/quote-close.gif) 100% 100% no-repeat; display:block; padding:0 18px 0 0;}
			#sidebar p.source {font-size:11px;}
			#sidebar .box a {text-decoration:none;}
			#sidebar .newsrule {background:url(images/newsrule.gif) no-repeat; height:1px; margin-bottom:12px}

#footerwrap {border-top:5px solid #900000;}
#footer {padding:25px 0 20px 200px; background:#000 url(images/twenty-five-years.png) 0 15px no-repeat; color:#ccc; width:600px; margin:0 auto; text-align:left;}
	h4#twentyfiveyears {display:none;}
	table#footerinfo {margin:0 0 25px 0;}
		table#footerinfo td {padding:0 15px; vertical-align:top;}
		table#footerinfo td p {padding:0;}
	p#copyright {padding:0 0 4px 15px; font-size:11px; color:#999;}
		p#copyright a {color:#ccc;}
	p#props {padding:0 0 4px 15px; font-size:11px; color:#444;}
		p#props a { color:#444;}