body { background: transparent url(../images/homepage/bg-content.jpg) repeat-x scroll 100% 12px; } /*content bg-gradient*/
#header-inner h2 a { background: transparent url('../images/homepage/masthead-logo-research.png') no-repeat scroll 0pt 0pt; display: block; height: 50px; text-decoration: none; width: 227px; }
.stripViewer, .stripViewer .panelContainer .panel, #movers-row { width: 904px; }

#feature { display: inline-block; width: 923px; margin:16px 0 6px 18px; padding: 0 0 0 0; }
#feature:after { content: "."; display: block; height: 0pt; font-size: 0pt; clear: both; visibility: hidden; }

#feature .ribbon { margin: 150px 0pt 0pt -9px; padding: 7px 15px 10px 18px; background: rgb(253, 193, 52) none repeat scroll 0% 0%; position: absolute; height: 20px; font-size: 1.2em; font-family: Arial, verdana; z-index: 1; opacity: 0.8;}
#feature .ribbon a {  background: transparent url('../images/homepage/icon_arrow_green.png') no-repeat scroll right 7px; padding-right: 15px; color: rgb(0, 0, 0); text-transform: uppercase; }
#feature .ribbon:hover { opacity: 1; }
#feature .ribbon a:hover { color: rgb(255, 255, 255); }
#feature .ribbon a.last { margin-left: 25px; }
#feature .ribbon span.wrap { background: transparent url('../images/homepage/bg-ribbon.png') no-repeat scroll 0% 0%; display: block; position: absolute; top: -9px; left: 0pt; width: 9px; height: 9px; }

#home-content {
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	background:none repeat scroll 0 0 #FFFFFF;
	display:inline-block;
	float:left;
	margin:10px 0 0;
	padding:0;
	position:relative;
	width:940px;
}

/* Content
-----------------------------------------------------------------------------*/
#second-content {
	padding: 0px 0px 0px 20px;
	width:920px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	background-color:#FFFFFF;
	display:inline-block;
	float:left;
	position:relative;
	}


#left-content { width:660px; float:left; background:url(../images/homepage/content-bg-2.gif) no-repeat; padding:20px; color:#3b392a; font:12px Arial, Helvetica, sans-serif;}

#left-content p {line-height: 18px; margin-bottom: 10px;}

#right-content {width:160px; margin: 0 0 0 10px; padding:0 15px; float:left; color:#3b392a; font:11px verdana, Arial, Helvetica, sans-serif;}

	
/* LEFT: Top Section
-----------------------------------------------------------------------------*/
#top-section {padding:0 0 20px 0;   border-bottom: 1px solid #D5D5D5;}
#top-section h2 { font-size:20px; font-weight:normal; padding-bottom:5px;color:rgb(214,73,42); text-decoration:none;}
#top-section h2 a {color:rgb(170,0,65); text-decoration:none;}
#top-section ul {list-style-image:url(../images/homepage/bullet.gif); margin-left:18px;}
#top-section ul li {color:#3b392a; font:12px Arial, Helvetica, sans-serif; margin-bottom:5px; line-height:1.2em;}
#top-section ul li a {color:#1e88b5; text-decoration:none;}
#top-section ul li a:hover {color:#9312AA;}

.columnone {float:left; width:210px; margin: 0 0 10px 0;}
.columntwo {float:left; width: 220px; margin: 0 0 10px 0;}
.columnthree {float:left; margin: 0 0 10px 0;}

/* LEFT: Left Section
-----------------------------------------------------------------------------*/
#left-section {float:left; width:350px;}
#left-section h3 {font-size:14px; font-weight:bold; padding-bottom:5px;color:rgb(170,0,65); text-decoration:none;}
#left-section ul {list-style-image:url(../images/homepage/bullet.gif); margin-left:18px;}
#left-section ul li {color:#3b392a; font:12px Arial, Helvetica, sans-serif; margin-bottom:5px; line-height:1.2em;}
#left-section a {color:#1e88b5; text-decoration:none;}
#left-section a:hover {color:#9312AA;}

#advantage { border-right: 1px solid rgb(229, 229, 229); float: left; width: 350px; height: 250px; margin-left: 10px; padding-right: 9px; margin-top: 0px; }
#advantage h3 { text-transform: none; color: rgb(0,0,0); margin-bottom: 4px; }
#advantage ul { margin: 0 0 0 -15px; padding: 0pt; width: 350px; list-style-image: none; }
#advantage li { padding: 0pt 0pt 17px 5px; float: left; list-style:none outside none; width: 350px; height: 100px; position: relative; font-size: 1.1em;  }
#advantage li.last { width: 350px; }
#advantage li p { width: 200px; font: 12px/1.2em Arial,Helvetica,sans-serif; }
#advantage li img { position: absolute; bottom: 0pt; right: 0pt; }
#advantage ul li { border-bottom: 1px solid rgb(221, 221, 221); margin: 8px 0pt; }


/* LEFT: Right Section
-----------------------------------------------------------------------------*/
#right-section {float:left; width:300px;}
#right-section h2 {font-size:18px; font-weight:normal; padding-bottom:5px;color:rgb(170,0,65); text-decoration:none;}
#right-section h3 {font-size:14px; font-weight:bold; padding-bottom:5px;color:rgb(170,0,65); text-decoration:none;}
#right-section img {padding-bottom: 5px;}
.align-right {text-align:right;}
#right-section ul {list-style-image:url(../images/homepage/bullet.gif); margin-left:18px;}
#right-section ul li {color:#3b392a; font:12px Arial, Helvetica, sans-serif; margin-bottom:5px; line-height:1.2em;}
#right-section a {color:#1e88b5; text-decoration:none;}
#right-section a:hover {color:#9312AA;}

#language { float: left; width: 260px; margin-left: 40px; padding-right: 9px; margin-top: 10px; border-bottom: 1px solid rgb(221, 221, 221); }
#language h3 { text-transform: none; color: rgb(170,0,65); margin-bottom: 4px; }

#resources { border-bottom: 1px solid rgb(204, 204, 204);  margin-left: 40px; padding-right: 9px; margin-top: 10px; height: 120px; float: left; width: 260px; position: relative; }
#resources img { position: absolute; top: 10px; right: 0px; }
#resources h3 { text-transform: none; color: rgb(0,0,0); margin-bottom: 4px;  }
#resources p { width: 200px; font: 12px/1.2em Arial,Helvetica,sans-serif; }


/* RIGHT:
-----------------------------------------------------------------------------*/
#right-content ul li {color:#3b392a; margin:10px 0; line-height:1.2em}
#right-content ul { list-style-image: url(../images/homepage/bullet.gif); margin-left:15px;}
#right-content ul li a {color:#1e88b5; text-decoration:none;}
#right-content ul li a:hover {color:#9312AA;}

#right-content h3 { border-bottom: 1px solid rgb(221, 221, 221); margin: 0pt; padding: 6px 0pt 6px 10px; background: transparent url('../images/homepage/arrow-red.png') no-repeat scroll left 9px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(51, 51, 51); font-size: 12px; font-family: Arial,sans-serif; text-transform: uppercase; font-weight: bold; }
#right-content a {color:#1e88b5; text-decoration:none;}
#right-content a:hover {color:#9312AA;}

#right-content p {line-height: 14px; margin: 10px 0;}
#right-content img { margin: 10px 0 0 0; }


/* Universal Clear
-----------------------------------------------------------------------------*/
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */