/* CSS Document */
body {margin: 0; padding: 0; background: #9B9FA0 url(../images/pattern3.gif) top left repeat;} 

TD, SPAN, LI, BODY, P { color: #000; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; }

A {color: #1853A2; text-decoration: none;}
A:hover {text-decoration: underline;}

li {margin-bottom: 5px;}

h2 {margin: 5px 0px 0px 0px; font-size: 20px; color: #980F08; font-weight: normal;}
h2 a {margin: 0px; font-size: 14px; color: #C9CBCC; font-weight: normal;}
h2 a:hover {color: #606769; text-decoration: none;}
h3 {margin: 10px 0; font-size: 18px; color: #980F08; font-weight: normal;}
h4 {font-size: 12px; font-weight: bold; color: #980F08;}

.hideMe {display:none;}

/* Layout */
.spacer {clear: both;}
.main {margin: 20px auto; width: 860px; text-align: left;}
.mainCont,
.subMenuCont,
.contA,
.contB,
.contC {width: 820px; border: 10px solid #C9CBCC; background-color: #FFF; margin: 0px auto; padding: 10px;}
.contA {margin-top: 15px;}
.contB {width: 840px; border-color: #FFF; padding: 0px; margin-top: 15px;}
.boxCont,
.boxCont2 {background-color:#D7D9D9; width: 182px; padding: 10px; margin-right: 10px; float: left; height: 200px;}
.boxCont2 {margin-right: 0px;}
.boxCont h2,.boxCont2 h2 {font-size: 14px;}
.pageContent {float: left; width: 590px; margin-left: 15px;}
.pageBox {float: right; width: 200px; }
.pageBoxA {width: 180px; border: 5px solid #DCDCDC; text-align: center; margin-bottom: 10px;}
.pageBoxB {width: 170px; padding: 5px; border: 5px solid #DCDCDC; background-color: #DCDCDC;}


/* Header */
.logo {display: block; background: url(../images/STEPS_logo.gif) top left no-repeat; width: 251px; height: 63px; float: left; margin: 0 0 7px 10px; padding: 0px; cusor:hand; cursor:pointer; }
.slogan {background: url(../images/slogan.gif) bottom left no-repeat; width: 486px; height: 63px; float: right; margin: 0 10px 7px 0; text-indent: -9999px;}

/* Top Menu */
.topMenuCont {background-color: #980F08; border: 5px solid #660909; border-bottom: none; width: 850px; height: 28px; margin: 0 auto;}
.topMenu {list-style: none; margin: 0px; padding: 0px;}
.topMenu li {float: left; margin: 0px; padding: 0px;}
.topMenu li a {display: block; padding: 0px 9px 0px 10px; height: 28px; cusor:hand; cursor:pointer; text-indent: -9999px;}
.whySteps a {background: url(../images/menu_whySteps2.gif) top center no-repeat; width: 90px; height: 28px; border-right: 3px solid #660909; }
.whySteps a.current {background-color: #C9CBCC; background-position: bottom;}
.productsServices a {background: url(../images/menu_productsServices2.gif) top center no-repeat; width: 139px; height: 28px; border-right: 3px solid #660909; }
.productsServices a.current {background-color: #C9CBCC; background-position: bottom;}
.demo a {background: url(../images/menu_demo2.gif) top center no-repeat; width: 48px; height: 28px; border-right: 3px solid #660909; }
.demo a.current {background-color: #C9CBCC; background-position: bottom;}
.successStories a {background: url(../images/menu_successStories2.gif) top center no-repeat; width: 107px; height: 28px; border-right: 3px solid #660909; }
.successStories a.current {background-color: #C9CBCC; background-position: bottom;}
.resources a {background: url(../images/menu_resources2.gif) top center no-repeat; width: 166px; height: 28px; border-right: 3px solid #660909; }
.resources a.current {background-color: #C9CBCC; background-position: bottom;}
.calendar a {background: url(../images/menu_calendar2.gif) top center no-repeat; width: 69px; height: 28px; border-right: 3px solid #660909; }
.calendar a.current {background-color: #C9CBCC; background-position: bottom;}
.contact a {background: url(../images/menu_contact2.gif) top center no-repeat; width: 80px; height: 28px;}
.contact a.current {background-color: #C9CBCC; background-position: bottom;}

/* Home */
.mainCont {width: 840px; padding: 0px;}
.mainPic {float: left; margin: 0px; padding: 0px; width: 470px;}
.mainText {float: left; margin: 10px; padding: 0px; width: 350px;}

/* Text Decoration */
.hideme {display: none;}

/* Sub Menu */
.subMenu {font-size: 12px; color: #606769; margin: 0px; padding: 0px; list-style: none;}
.subMenu li {font-size: 12px;  border-right: 1px solid #606769; float: left; padding: 0px 10px; margin: 0px;}
.subMenu li.last {border-right: none;}
.subMenu a {color: #606769;}
.subMenu a:hover,
.subMenu a.select {color: #980F08; text-decoration: none;}

/* Screenshots - Thumbnails */
.thumb {float:left; text-align: center; width:250px;}
.shortDes {float:left; margin-left: 10px; width:160px;}
.separate {clear:both; height: 10px;}

/* Footer */
.footer {font-size: 10px; text-align: center; line-height: 14px; margin: 15px 0;}
.footer a {color: #000;}

/*LightBox*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
	
	
/*.overlay img{ border: none; }

.overlay{ 
	background-image: url(../images/overlay.png); 
	width: 100%; 
	height: 1600px;  
	left: 0px; 
	top: 0px; 
	position: absolute; 
	text-align: center;
	vertical-alignment: middle;
	}

* html .overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
*/