/* ----------------------------------------------------------------------------

Site colors:
   
#6BB526 : Green
#E0E0E0 : Light Gray
#424242 : Dark Gray

--------------------------------------------------------------------------------*/


* {margin:0; padding:0;}

body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}
body {padding-bottom:20px; background:url("design/bg.jpg") 0 0 repeat-x; background-position: top center; font:0.8em/1.5 "arial",sans-serif; text-align:center;}

h1, h2, h3, h4, h5, h6 {margin:0 0 10px 0;}
h1 {font-size:180%;}
h2 {font-size:160%;}
h3 {font-size:140%;}
h4 {font-size:120%;}
h5 {font-size:100%;}


.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}



ul.ul-style01 {margin:15px 10px 15px 15px; padding:0; list-style:none;}
ul.ul-style01 li {margin:0; padding:0; padding-left:15px; background:url("design/ul-style01.gif") 0 5px no-repeat;} 
ul.ul-style01 ul {margin:0; padding:0; list-style:none;}

ul.ul-style02 {margin:0 0 0 8px;  padding: 10px 0 0 3px; list-style:none; font-size: 85%;}
ul.ul-style02 li {margin:0; padding-left:15px; background:url("design/teaserlist.gif") 0 5px no-repeat;} 
ul.ul-style02 ul {margin:0; padding:0; list-style:none;}

ul.ul-styledemo {margin:0 0 0 0;  padding: 10px 0 0 3px; list-style:none; font-size: 85%;}
ul.ul-styledemo li {margin:0; padding-left: 15px; background:url("design/teaserlist.gif") 0 5px no-repeat;} 
ul.ul-styledemo ul {margin:0; padding:0; list-style:none;}

ul.ul-style03 {margin:0 0 15px 17px;  padding: 10px 0 0 3px; list-style: lower-alpha;}

ol.ol-style04 {margin:0 0 15px 17px;  padding: 10px 0 0 3px;}

ul.ul-style05 {margin:0 0 15px 0;  padding: 10px 0 0 0; list-style:none; font-size: 100%;}
ul.ul-style05 li {margin:0; padding-left:15px; background:url("design/teaserlist.gif") 0 5px no-repeat;} 
ul.ul-style05 ul {margin:0; padding:0; list-style:none;}

ol.ol-style06 {margin:0 0 5px 17px;  padding: 10px 0 0 3px;}

ul.key-benefits {margin:0 0 0 0; padding-left: 25px;}
ul.key-benefits ul {margin: 0; padding:0; list-style: circle;}
ul.key-benefits li {margin: 0; padding-top: 13px; padding-bottom: 13px; font-size: 90%;} 



#main {width:960px; margin:0 auto; text-align:left; background:url("design/main.gif") 0 0 repeat-y; overflow: hidden;}

	#header {position:relative; height:99px; background:url("design/header.jpg") 0 0 no-repeat; overflow:hidden;}

		#header-info {position:absolute; top:50px; left:720px; width:250px; font-size:100%; font-weight:normal; font-style:normal; text-align:left;}

	#nav {padding:0 0 0 10px; background:url("design/nav.gif") 0 100% no-repeat; background-position: center; font-size: 100%;}
		 
		#nav ul {margin:0; padding:0; list-style:none;}
        #nav ul li {display:inline; margin:0; padding:0;}
        #nav ul li a {display:block; float:left; padding:5px 18px 5px 15px; background:url("design/nav-link.gif") 100% 0 repeat-y; text-decoration:none;}
        #nav ul li#nav-active a {font-weight:normal; text-decoration:none;}
     
	.story-area {float: left; width: 461px; padding:10px 10px 10px 10px; margin-bottom: 15px;}
	.story-area-overview {float: left; width: 650px; padding:10px 10px 10px 10px; margin-bottom: 15px;}
	.story-area-features {float: left; width: 690px; padding:10px 10px 10px 10px; margin-bottom: 15px;}
	.story-area-demo {float: left; width: 700px; padding:10px 10px 10px 10px; margin-bottom: 15px;}
	.story-area-faq {float: left; width: 680px; padding:10px 10px 10px 10px; margin-bottom: 15px;}
	.story-area-thank {background-image: url("design/thankback.jpg"); background-repeat: no-repeat; height: 470px; text-align: center; float: left; width: 700px; padding:80px 10px 0 10px; margin-top: 32px;}
	.story-area-pp {background-image: url("design/thankback.jpg"); background-repeat: no-repeat; height: 443px; text-align: left; float: left; width: 700px; padding:10px 10px 0 10px;}
	.story-area-partner {float: left; width: 695px; padding:10px 10px 10px 10px; margin-bottom: 15px;}
		.story-area-faqtitle {padding: 10px 0 5px 0; font-size: 120%; line-height: 19px; font-weight: bold;}
		.story-area-partner {float: left; width: 695px; height: auto; padding: 0 10px 10px 10px; margin-bottom: 15px;}
		.story-area-partnertitle {padding: 20px 0 5px 0; font-size: 120%; line-height: 19px; font-weight: bold;}
		.story-head {padding: 10px 0 30px 0; font-size: 180%; line-height: 19px; font-weight: bold;}
		.story-head-thank {padding: 10px 0 30px 0; font-size: 280%; line-height: 19px; font-weight: bold;}
		.story-head-partners {padding: 0 0 15px 0; font-size: 180%; line-height: 19px; font-weight: bold;}
			.story-subhead {padding: 0 0 8px 0; font-size: 135%; line-height: 19px; font-weight: bold;}
				.story-area img.story-photo {margin-bottom: 15px;}
				 .story-area img.feature-photo {float: right; margin-bottom: 15px;}
				 img.feature-partner {float: right; margin: 0 0 5px 25px;}
				 
	.screen-image {margin-top: 10px;}
				
	#column-2 {float: left; width: 209px; height: auto; margin-bottom: 20; padding-bottom: 20px; background-color: #FFFFFF;}
	
		#ice-crm {float: left; width: 199px; text-align: center; padding: 10px 5px 10px 5px; height: auto; margin-bottom: 20px; background-color: #FFFFFF; border: 5px solid #F2F2F2;}
	
	#key-benefits {float: left; width: 209px; height: auto; margin-bottom: 20px; margin-right: 20px; background-color: #F9F9F9; border: 5px solid #F2F2F2;}
	
	#rtsidebar {float: right; height: auto; width: 219px; margin-bottom: 20px; background-color: #FFFFFF;}
	
	
		#sidebar-item {height: auto; width: 220px;}

			#sb1r1 {height: 28px; width: 220px; background:url("design/sbtop.gif") 100% 0 no-repeat; background-position: center;}
				.client-test {padding: 8px 0 8px 15px; font-size: 100%; font-weight: bold;}
				.client-testcopy {padding: 10px 10px 10px 10px; font-size: 85%; font-weight: normal; font-style: italic;}
			#sb1r2 {height: auto; background-color: #F1F1F1;}
			#sb1r3 {height: 5px; width: 220px; margin-bottom: 10px; background:url("design/sbbottom.gif") 100% 0 no-repeat; background-position: center;}
						
		
		#nextlink {height: auto; width: 220px;}
		
			#nextlinkhead {height: 26px; width: 220px; background:url("design/teasertop.gif") 100% 0 no-repeat; background-position: center;}
				.teaser-title {padding: 3px 0 0 10px; font-size: 100%; font-weight: bold;}
				.tease-more {float: right; padding: 12px 8px 0 5px;}
			#nextlinkmid {height: auto; background-color: #F1F1F1; padding-bottom: 5px; /*background: url("design/cloudcom.gif") 100% 0 no-repeat; background-position: top center;*/}
			#nextlinkbot {height: 7px; width: 220px; margin-bottom: 10px; background:url("design/teaserbot.gif") 100% 0 no-repeat; background-position: top center;}
		#loginlink1 {height: auto; width: 220px; float:left; margin-right: 10px; margin-bottom: 20px; height: 200px; margin-left: 20px; }
		#loginlink2 {height: auto; width: 220px; float:left; margin-right: 10px; margin-bottom: 20px; }
		#loginlink3 {height: auto; width: 220px; float:left; margin-right: 10px; margin-bottom: 20px; }
		#loginlink4 {height: auto; width: 220px; float:left; }
		
			#loginlinkhead {height: 26px; width: 220px; background:url("design/teasertop.gif") 100% 0 no-repeat; background-position: center;}
				.teaser-title {padding: 3px 0 0 10px; font-size: 100%; font-weight: bold;}
				.tease-more {float: right; padding: 12px 8px 0 5px;}
			#loginlinkmid1 {height: auto; background-color: #F1F1F1; padding-bottom: 5px; /*background: url("design/cloudcom.gif") 100% 0 no-repeat; background-position: top center;*/}
			#loginlinkmid2 {height: auto; background-color: #F1F1F1; padding-bottom: 5px; /*background: url("design/cloudcom.gif") 100% 0 no-repeat; background-position: top center;*/}
			#loginlinkmid3 {height: auto; background-color: #F1F1F1; padding-bottom: 5px; /*background: url("design/cloudcom.gif") 100% 0 no-repeat; background-position: top center;*/}
			#loginlinkmid4 {height: auto; background-color: #F1F1F1; padding-bottom: 5px; /*background: url("design/cloudcom.gif") 100% 0 no-repeat; background-position: top center;*/}
			#loginlinkbot {height: 7px; width: 220px; margin-bottom: 10px; background:url("design/teaserbot.gif") 100% 0 no-repeat; background-position: top center;}
	
	#center-content {height: auto; padding:10px 10px 10px 10px;}
		
		.column-title {padding-left: 75px; height: 55px; padding-top: 14px; font-size: 135%; line-height: 19px; font-weight: bold;}
		#column1 {float: left; width: 220px; height: 357px; margin-right: 20px; margin-bottom: 6px; background: url("design/col1.jpg") 0 0 no-repeat; overflow: hidden;}
			.column-container {width: 220px; height: 310px;}
				.learn-more {height: 30px; width: 208px; margin-left: 5px; background:url("design/learnmore.gif") 100% 0 no-repeat; background-position: center;}
					.learn-link {padding: 4px 0 0 20px; font-size: 110%; font-weight: bold;}
		#column2 {float: left; width: 220px; height: 357px; margin-right: 20px; margin-bottom: 6px; background: url("design/col2.jpg") 0 0 no-repeat; overflow: hidden;}
		#column3 {float: left; width: 220px; height: 357px; margin-right: 20px; margin-bottom: 6px; background: url("design/col3.jpg") 0 0 no-repeat; overflow: hidden;}
		#column4 {float: left; width: 220px; height: 357px; margin-bottom: 6px; background: url("design/col4.jpg") 0 0 no-repeat; overflow: hidden;}
		
		#benefits-title {padding: 18px 0 10px 30px; font-size: 150%; line-height: 19px; font-weight: normal;}
		
		#rfq-title {padding: 10px 0 0 0; font-size: 150%; line-height: 15px; font-weight: bold;}
		
		#partlinks {text-align: center; margin-top: 15px; margin-bottom: 20px; height: 120px; width: 940px; padding-bottom: 25px; margin-left: 10px; line-height: 16px; color: #747474; border-bottom: 1px solid #d0d0d0;}
			#partlogo1 {float: left; width: 104px; height: 130px; margin-right: 35px; margin-left: 150px;}
			#partlogo2 {float: left; width: 182px; height: 130px; margin-right: 35px; margin-bottom: 6px;}
			#partlogo3 {float: left; width: 81px; height: 130px; margin-right: 35px; margin-bottom: 6px;}
			#partlogo4 {float: left; width: 166px; height: 130px; margin-bottom: 6px;}
			#partlogo5 {float: left; width: 101px; height: 130px; margin-right: 50px; margin-bottom: 6px; margin-left: 150px;}
			#partlogo6 {float: left; width: 101px; height: 130px; margin-right: 50px; margin-bottom: 6px;}
			#partlogo7 {float: left; width: 125px; height: 130px; margin-right: 35px; margin-bottom: 6px;}
			#partlogo8 {float: left; width: 180px; height: 130px; margin-bottom: 6px;}

			
	
	#form-box {clear: both; width: 920px; height: 160px; margin-left: 5px; margin-right: 20px; padding: 15px; color: #FFFFFF; background-color: #424242; border-top: 3px solid #6E6E6E;}
	
	#form-boxrfq {clear: both; width: 655px; height: 100%; margin-left: 0px; margin-right: 20px; padding: 15px; color: #616161; background-color: #e4e4e4; border-top: 1px solid #6E6E6E;}
	
	#form-box2 {float: left; width: 655px; height: 100%; margin-left: 5px; margin-right: 20px; padding: 15px; color: #FFFFFF; background-color: #424242; border-top: 3px solid #6E6E6E;}
		
		.form-field {padding-right: 20px;}
		.form-fieldbox { height: 27px; margin-bottom: 12px;}
		.form-fieldbox2 { height: 28px; margin-bottom: 12px;}
		
		#submit {background: url("design/submit.gif")0 100% no-repeat; background-position: center;}
	
	#footer {padding:8px 0 0 10px; height: 34px; clear: both; width: 950px; background:url("design/footer.gif") 100% 0 no-repeat; background-position: center;}
	
		#footer ul {margin:0; padding:0; list-style:none;}
    	#footer ul li {display:inline; margin:0; padding:0;}
    	#footer ul li a {display:block; float:left; padding:0px 25px 0px 25px; text-decoration:none; border-right: 1px solid #000000;}
    	#footer ul li#footer-active a {font-weight:bold; text-decoration:none;}