body { background: #fff; position: relative; color: #68737a; font-family: arial, sans-serif; margin: 0; padding: 0; overflow: scroll; .overflow: inherit; }
#topleft { height: 386px; width: 301px; position: absolute; top: 0; left: 0; background: url(../images/bg-left.jpg) 0 0 no-repeat; z-index: 1; }
#topright { height: 386px; width: 301px; position: absolute; top: 0; right: 0; background: url(../images/bg-right.jpg) 0 0 no-repeat; z-index: 1; }
#top { width: 100%; position: absolute; z-index: 2; }
#container { margin: 0 auto; width: 991px; margin:0 auto;}  
.ccontainer { margin: 0 auto; width: 991px; }
	#header { height: 111px; padding: 31px; }
	.logo { float: left; display: inline; width: 220px; height: 51px; margin: 31px 0 31px 0; }
	.tagline { float: right; display: inline; width: 337px; height: 36px; margin: 37px 0; background: url(../images/tagline-rsa.gif) 0 0 no-repeat;  }
		.taglineLink{ float: left; display: inline-block; width: 337px; height: 36px; }
	.logininfo { width: 193px; height: 14px; background: url(../images/img-logininfo.gif) 0 0 no-repeat; float: right; display: inline; margin: 0 15px 0 0; }
		.login { float: left; display: inline-block; width: 85px; height: 14px; }
		.login:hover { background: url(../images/img-login_hover.gif) 0 0 no-repeat; }
		.phone { float: right; display: inline-block; width: 108px; height: 14px; }
		.phone:hover { background: url(../images/img-phone_hover.gif) 0 0 no-repeat; }
	.content { width: 991px; background: url(../images/bg-content-home.gif) right top no-repeat; position: relative; height: 357px; }
		.customersignup { position: absolute; top: 63px; right: 13px; z-index: 2; background: url(../images/bg-home-signup.jpg) 0 0 no-repeat; width: 287px; height: 65px; }
			.customersignup p { font-size: 11px; color: #363737; margin: 40px 0 0 25px; float: left; display: inline; }
			.customersignup a { display: block; height: 31px; width: 63px; position: absolute; top: 19px; right: 13px; background: url(../images/btn-home-signup.jpg) 0 0 no-repeat; }
			.customersignup a:hover { background: url(../images/btn-home-signup_hover.jpg) 0 0 no-repeat; }
		.partnerregister { position: absolute; top: 132px; right: 13px; z-index: 3; background: url(../images/bg-home-partnerregistration.jpg) 0 0 no-repeat; width: 287px; height: 163px; }
			.partnerregister p { font-size: 12px; color: #1d4062; margin: 53px 0 0 23px; text-align: left; width: 85%; }
			.partnerregister a.learnmore { display: block; height: 31px; width: 94px; position: absolute; top: 101px; left: 13px; background: url(../images/btn-home-learnmore.jpg) 0 0 no-repeat; }
			.partnerregister a.learnmore:hover { background: url(../images/btn-home-learnmore_hover.jpg) 0 0 no-repeat; }
			.partnerregister a.register { display: block; height: 44px; width: 167px; position: absolute; top: 94px; right: 11px; background: url(../images/btn-home-register.jpg) 0 0 no-repeat; }
			.partnerregister a.register:hover { background: url(../images/btn-home-register_hover.jpg) 0 0 no-repeat; }
	.subnav { float: left; display: inline; width: 210px; font-size: 12px; margin: 0 0 0 13px; }
		.subnav div { line-height: 1.5; }
			.subnav div a img { margin: 10px 0 0 0; }
		.subnav ul { margin: 0 0 50px 0; padding: 0; list-style-type: none; }
			.subnav ul li { margin: 0; padding: 0; list-style-type: none; }
				.subnav ul li a { display: block; padding: 6px 0 6px 0; font-size: 14px; text-decoration: none; color: #68737a; border-bottom: 1px solid #e8eaeb; }
				.subnav ul li a:hover { text-decoration: none; background: #f9fbf0; }
				.subnav ul li a.active { font-weight: bold; }
	.contentArea { width: 725px; float: right; display: inline; font-size: 12px; line-height: 1.5; margin: 0 13px 0 0; }
		/* translucent div */
		#contentAreaBox { border: 1px solid #dff2fa; position: relative; width: 705px; float: left; padding: 10px; }
			#contentAreaBox a { font-weight: bold; }
		.overlay { width: 725px; position: absolute; top: 0; bottom: 0; left: 0; background: #fff; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
		.tdcol1 { width: 320px; float: left; display: inline; position: relative; }
		.tdcol2 { width: 337px; float: right; display: inline; position: relative; }
		.tdcol3 { width: 700px; float: left; display: inline; position: relative; }
		* html #contentAreaBox .overlay { height: expression(document.getElementById("contentAreaBox").offsetHeight); }
		/* end */
		
	#flash { width: 991px; height: 406px; }
#homeBottom { position: relative; text-align: left; top: -15px; z-index: 4; height: 450px; }
.footer {  padding: 0 0 65px 0; }
	.homeAbout { float: left; display: inline; width: 457px; line-height: 1.4; font-size: 14px; margin: 0 0 0 13px; }
		h1.homeAboutText { height: 48px; background: url(../images/img-home-about.gif) 0 0 no-repeat; margin: 0 0 15px 0; }
	.homeBenefits { float: right; display: inline; width: 477px; line-height: 1.4; font-size: 12px; margin: 0 13px 0 0; height: 450px;}
	#bTab1 { padding: 15px 0 0 15px; }
	#bTab2 { padding: 15px 0 0 15px; display: none; }		
	#footer a, a { color: #0397d6; }
.buffer { padding-top: 27px; }

.clear {
 display:inline-block;
}
.clear:after {
 display:block; 
 visibility:hidden; 
 clear:both; 
 height:0; 
 content: "."; 
}
a { text-decoration: none; outline: none; }
.staygrey { color: #68737a; }
.staygreen { color: #a4ba10; }
a:hover { text-decoration: underline; }
a img, img a { border: 0; }
.img-right {float: right; margin: 0 0 10px 10px;}
.img-left {float: left; margin: 0 10px 10px 0;}

.leadershipDiv { display:block; width:100%; margin: 0 0 10px 0; border-bottom: 1px solid #dff2fa; }
.leadershipDivLeft { float: left; display: inline; width: 334px; padding:0 15px 0 0; border-right: 1px solid #dff2fa; }
.leadershipDivRight { float: right; display: inline; width: 335px; padding:0 0 0 15px; }

.twoDivLeft { float: left; display: inline; width: 333px; padding:0 15px 0 0; border-right: 1px solid #dff2fa; }
.twoDivRight { float: right; display: inline; width: 333px; padding:0 0 0 15px;}

.threeDivLeft { float: left; display: inline; width: 211px; padding:0 15px 0 0; border-right: 1px solid #dff2fa; }
.threeDivMiddle { float: left; display: inline; width: 211px; padding:0 15px 0 15px; border-right: 1px solid #dff2fa; }
.threeDivRight { float: left; display: inline; width: 211px; padding:0 0 0 15px; }


/* makes all images "light up" on hover */
a:hover img, input.btn:hover { filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }

h1 { color: #a4ba10; font-family: lucida sans, arial, sans-serif; font-size: 23px; font-weight: normal; margin: 0 0 10px 0; letter-spacing: -1.5px; }
h2 { color: #a4ba10; font-family: lucida sans, arial, sans-serif; font-size: 23px; font-weight: normal; margin: 0 0 10px 0; letter-spacing: -1.5px; }
h2 a { color: #a4ba10; }
h3 { font-size: 16px; font-weight: bold; margin: 0 0 10px 0; }
h4 { font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }
h5 { font-size: 13px; font-weight: lighter; font-style:italic; margin: 0 0 5px 0;}

.nomargin {margin: 0 0 0 0;}
.intro { font-size: 17px; font-family: lucida sans, arial, sans-serif; display: block; margin: 0 0 20px 0; }
.boldList li { font-weight:bold;}

/* tables */
table { border: 0;}
td.header { background: #eff8fd; padding: 8px 5px; font-weight: bold; font-size: 12px; }
td { border-bottom: 1px solid #e2f3fa; border-top: 1px solid #fff; padding: 5px; margin: 1px 0 0 0; background: #fff; }
td.fill { background: #f2fafd; }
.nolines { width: 100%!important; }
.nolines td { border: 0; padding: 2px 0 2px 0; background: transparent; }
.floatleft { float: left; margin: 0 0 0 13px; }
.full-width { width: 100%; }
.half-width { width: 50%; }

/* lists */
ul { margin: 6px 0 15px 0; padding: 0; }
ul li { margin: 2px 0 6px 20px; padding: 0 }
ul.nomargin { margin-top: 0; margin-bottom: 0; }
ul.nomargin li { margin-top: 0; margin-bottom: 0; }

#sitemap { list-style-type: none; margin: 0; padding: 0; }
#sitemap li a { font-weight: bold; }
#sitemap li ul { list-style-type: none; margin: 0 0 0 10px; padding: 0; }
#sitemap li ul li a { font-weight: normal; }

#footer-sitemap { margin: 0 15px 0 -20px; padding: 0; display: inline; float:left;}
#footer-sitemap-list { list-style-type: none; margin: 0; padding: 0; }
#footer-sitemap-list li a { font-weight: bold; font-size: 12px;}
#footer-sitemap-list li ul { list-style-type: none; margin: 0 0 0 -20px; padding: 0; }
#footer-sitemap-list li ul li a { font-weight: normal; font-size: 11px;}

/* form styling */
input, textarea, select { font-family: arial, sans-serif; color: #68737a; font-size: 12px; }

body.homebody { background: #f8fcfe url(../images/bg-home-bg.gif) repeat-x; position: relative; color: #68737a; font-family: arial, sans-serif; margin: 0; padding: 0; overflow: visible; }

#header-home { width: 950px; margin: 20px 0 10px 13px; float: left; display: inline; }
		h1.home-header { height: 47px; background: url(../images/title-home-header-2.gif) 0 0 no-repeat; margin:0; padding:0; text-indent: -9999px; }
		#header-home p { font-size:14px; line-height:1.5; margin: 0px 0 15px 0;  }
.home-new { height:321px; width:991px;}

#header-home-left { margin: 0 0 0 13px; float: left; display:inline; width:468px; }
#header-home-right { margin: 0 13px 0 13px; float: left; display:inline; width:468px; }
#header-home-right-interior { background:#FFFFFF; border:1px #68737a solid; border-radius:15px; width:400px; height:90px; padding:10px; margin-bottom:10px; color:#000000; }

#top-home { width: 100%; position: absolute; z-index: 2; margin:0 auto; top: 0px; }
#container-home { background: url(../images/bg-home-new-2.gif) no-repeat bottom center; margin:0 auto; height:522px; position:relative; z-index:2; }
.ccontainer-home { margin: 0 auto; width: 991px; }
.content-home { background-image:none; width: 991px; height: 400px; }
#bottom-home { height: 314px; }
#callouts { width: 100%; margin: 0 0 0 15px; }
#callouts ul { list-style: none; padding: 0px 0px 0px 0px; margin: 0 auto; }
#callouts li { width: 306px; height: 300px; float: left; position: relative; cursor: default; margin: 0 15px 0 0; padding:0; border: 1px #0397D6 solid; }
#callouts li p { padding: 0 15px 15px 15px; font-size: 16px; line-height: 1.5; }
#callouts li img { display: inline; margin: auto 5px 2px auto;}
.callout-header { width: 100%; height: 40px; text-align: center; padding: 0 0 0 0; background-color: #0397D6; }
.callout-header h2 { color:#fff; font-size: 35px; }
#spotlight-news { width: 100%; }
#spotlight { width: 400px; float: left; margin: 25px 0 0 13px; }
		h2.partner-spotlight { height: 23px; background: url(../images/title-partner-spotlight.gif) 0 0 no-repeat; margin:0 0 10px 0; padding:0; text-indent: -9999px; }
		#spotlight p { font-size: 14px; line-height:1.5; .margin: 10px 0 15px 0; }
		#spotlight img { float:left; margin-right: 15px; }
#news { width: 400px; float: right;  margin: 25px 13px 0 0; }
		h2.news-events { height: 23px; background: url(../images/title-news-events.gif) 0 0 no-repeat; margin:0; padding:0; text-indent: -9999px; }
#news ul { list-style: none; padding: 10px 0px 0px 0px; margin: 0; }
#news li { float: none; position: relative; text-align: left; cursor: default; width:325px; margin: 0; padding: 0 0 20px 0; font-size:12px; }
#news li a { font-weight: bold; }
#news li a.title { display: block; font-size:14px; }

a span { display: none; }
a.btn-200gb-free { float: left; display: inline; height: 208px; width: 316px; background: url(../images/btn-200gb-free-get-it-now.gif) no-repeat; margin:0 0 0 0; }
a:hover.btn-200gb-free{ background-position: 0 -208px; }

a.btn-200gb-free-sidebar { float: left; display: inline; height: 222px; width: 218px; background: url(../images/btn-200gb-free-get-it-now-sidebar.gif) no-repeat; margin:0 0 0 0; }
a:hover.btn-200gb-free-sidebar { background-position: 0 -222px; }

#navigation { clear: both; height: 28px; background: url(../images/navigation/bg-nav.gif) right bottom repeat-x; text-align: left; }
#navigation a { height: 28px; float: left; display: inline-block; text-indent: -9999px; }
#navigation .home { width: 71px; background: url(../images/navigation/nav-home.gif) 0 0; }
#navigation .home:hover, #navigation .home-active { width: 71px; background: url(../images/navigation/nav-home.gif) 0 -28px; }
#navigation .why-symform { width: 134px; background: url(../images/navigation/nav-why-symform.gif) 0 0; }
#navigation .why-symform:hover, #navigation .why-symform-active { width: 134px; background: url(../images/navigation/nav-why-symform.gif) 0 -28px; }
#navigation .how-it-works { width: 128px; background: url(../images/navigation/nav-how-it-works.gif) 0 0; }
#navigation .how-it-works:hover, #navigation .how-it-works-active { width: 128px; background: url(../images/navigation/nav-how-it-works.gif) 0 -28px; }
#navigation .cloud-storage { width: 135px; background: url(../images/navigation/nav-cloud-storage.gif) 0 0; }
#navigation .cloud-storage:hover, #navigation .cloud-storage-active { width: 135px; background: url(../images/navigation/nav-cloud-storage.gif) 0 -28px; }
#navigation .about-us { width: 98px; background: url(../images/navigation/nav-about-us.gif) 0 0; }
#navigation .about-us:hover, #navigation .about-us-active { width: 98px; background: url(../images/navigation/nav-about-us.gif) 0 -28px; }
#navigation .partners { width: 94px; background: url(../images/navigation/nav-partners.gif) 0 0; }
#navigation .partners:hover, #navigation .partners-active { width: 94px; background: url(../images/navigation/nav-partners.gif) 0 -28px; }

#footer { text-align: left; font-size: 11px; padding: 35px 0 60px 13px; line-height: 1.6; width: 991px; }
#footer #links { width: 245px;}
#footer #social-network { }
#footer #social-network a { margin-right: 2px; }

#wrapper { width: 600px; height: 338px; position: relative; }

hr { border: 1px solid #dff2fa; margin: 10px 0 10px 0;}
.style1 {
	font-weight: bold;
	color: #0397D6;
}

.style2 {
	clear: both;
	display: block;
	margin-bottom: 0px;
}

.style3 {
	font-size: x-small;
}

.tm {
	font-family: Arial;
	font-size: xx-small;
}

.topLink {
	float:right; display:inline; font-size:9px; margin:0 0 0 10px;
}

.error_strings {
	color:red;
}

.emphasis {
	color:#a4ba10; font-weight:bold; font-size:14px;
}

/* ribbon style */

 .ribbon-wrapper {
	position: relative; 
	margin:5px 0 10px 0;
}
  .ribbon-front {
	vertical-align:middle;
  	-moz-line-height:27px;
	background-color: /*#FF9A00*/ #a4ba10	;
	height: 35px;
	width: 290px;
	position: relative;
	left:-25px;
	z-index: 2;
	color:#FFFFFF;
	font-family: lucida sans, arial, sans-serif;
	font-size:25px;
	font-weight:bold;
	padding:6px 0 0 15px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}

  .ribbon-edge-bottomleft {
	position: absolute;
	z-index: 1;
	border-style:solid;
	height:0px;
	width:0px;
	top: 41px;
	left: -25px;
	border-color: transparent #78870C /*#CC6600*/ transparent transparent;
	border-width: 0 15px 15px 0;
}