/**********************************************************
**
**  Filename: home.css
**  Desc: All styles relating to Ramius.net homepage
**  Version: 1.0
**  Last Updated: September 22, 2008
**
**********************************************************/

#homepage-body { width: 830px; }
#homepage-wrapper {
	clear: both;
	margin: 15px 0;
	position: relative;
	min-height: 89px;
}
#page-body { top:-7px; }
h1 {
	color: #333333;
	width: auto;
}
p { width: auto; }
h2 {
	color: #666;
	font-size: 16px;
	width: auto;
}
/*=content-column
---------------*/	
.content-row {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}
#desc-wrapper {
	float: left;
	width: 400px;
	margin-right: 30px;
}
#desc-wrapper p {
	color: #666666;
	font-size: 20px;
	line-height: normal;
}
.greyButtons{ 
	float: left;
	white-space: nowrap;
	margin-bottom: 20px;
	overflow: visible;
	width: 430px;
}
.greyButtons li {
	float: left;
	background: transparent url(../_images/grey_button.png) no-repeat 0 0;
	padding: 0 0 0 10px;
	margin-right: 15px;
	height: 25px;
	position: relative;
}
#uptotheminute .greyButtons li { padding:0 0 0 10px; _padding-left: 8px; }
.greyButtons span {
	background: transparent url(../_images/grey_button.png) no-repeat right 0;
	display: inline-block;
	height: 100%;
	position: absolute;
	right: -10px;
	top: 0;
	width: 10px;
}
.greyButtons a {
	font-size: 11px;
	padding: 0 0 0 21px;
	line-height: 24px;
	display: inline-block;
	color: #333;
}
.greyButtons li.twitter a { background: transparent url(../_images/icons/twitter_grey.png) no-repeat 0 4px; }
.greyButtons li.community a { background: transparent url(../_images/icons/sixent-small_grey.png) no-repeat 0 4px; }
.greyButtons li.hiring a { background: transparent url(../_images/icons/ramius_small.png) no-repeat 0 4px; }
#uptotheminute {
	float: left;
	width: 400px;
}
#uptotheminute ul {
	width: auto;
	margin-bottom: 20px;
}
#uptotheminute li {
	line-height: normal;
	padding-left: 25px;
	padding-bottom: 8px;
}
#uptotheminute li a { font-size: 11px; }
.rss { background:url('../_images/icons/rss-small.png') no-repeat 0px 0px; list-style-image:none; }
.twitter { background:url('../_images/icons/twitter-small.png') no-repeat 0px 0px; list-style-image:none; }
.sixent { background:url('../_images/icons/sixent-small.png') no-repeat 0px 0px; list-style-image:none; }
.pdf { background:url('../_images/icons/pdf-small.png') no-repeat 0px 0px; list-style-image:none; }
.preso { background:url('../_images/icons/webinar.png') no-repeat 0px 0px; list-style-image:none; }

.content-row .column {
	width: 400px;
	float: left;
}
.content-row .firstColumn { margin-right: 30px; }
.content-row .column .box {
	margin-bottom: 22px;
	margin-left: auto;
	margin-right: auto;
} 
.sixentHeader, .CZHeader { width: auto; }
.sixentHeader { color:#336600; }
.CZHeader { color:#0E78B0; }
.content-row .column .box h1 {
	color: #000;
	font-size: 20px;
}
.homePageBox {
	width: 400px;
	height: 201px;
	background-repeat: no-repeat;
	position: relative;
	margin-bottom: 30px;
}
#sixentBox { background-image: url(../_images/box/sixent_box.png); }
#czBox { background-image: url(../_images/box/cz_box.png); }
.homePageBox a {
	position: absolute;
	bottom: 13px;
	left: 15px;
	color: #333;
	font-size: 15px;
	padding-right: 15px;
	background: transparent url(../_images/icons/arrow.png) no-repeat right 4px;
}
.homePageBox a:hover { text-decoration: none; color: #000; }
#sixentBox.homePageBox a:hover { background-image: url(../_images/icons/arrow_green.png); }
#czBox.homePageBox a:hover { background-image: url(../_images/icons/arrow_blue.png); }
#box-wrapper {
	width: 253px;
	float: right;
}
/*=our clients
---------------*/	
#ramius-clients { padding-top: 0; }			
#homepage-ourclients { background: #fff; margin: 15px 0 0; padding-left:120px; clear: both;	position: relative;	float: left; }
#homepage-ourclients h3 {	background: url(../_images/home/our_clients_h.gif) 0 0 no-repeat;	width: 111px;	height: 13px;	text-indent: -9999px;	position: absolute;	left: 0; top: 10px;	margin-top: 0; font-size: 10px;	line-height: 1.0; }
#homepage-ourclients ul { list-style: none;	margin: 0 0 0 111px; padding: 0; width: 709px; height: 40px; }
#flashContent2 { float:left; width:700px; min-height: 40px;	background: url(../_images/home/our_clients.gif) 0 0 no-repeat;	}
#latestnews li { font-size:12px; color:#CC0000;	cursor: pointer; }

/*=Homepage Banner Navigation
--------------------*/
#page-home-menu { height: 73px !important; top:-1px; }

ul#navHome { list-style: none;	margin: 0; padding: 0; width: 920px; height: 73px; }
#navHome li {	position: absolute;	height: 73px;	cursor: pointer; text-align:center !important; width: 183px; line-height:73px; }
#navHome li a {	display: block;	text-decoration: none;	height: 73px;	width: 183px; color:#96EF35; font-size:15px; }
#navHome li a:hover { color:#FFFFFF; }

#navHome li#navEnterprise { left: 2px; }
#navHome li#navEnterprise a { background: url(../_images/_banners/homepage-banner-bg-left.gif) 0 0 no-repeat; }
#navHome li#navEnterprise a:hover, #navHome li:hover#navEnterprise a, #navHome li.hover#navEnterprise a, #navHome li#navEnterprise a.current { background-position: 0 -73px; }

#navHome li#navProductivity { left: 185px; }
#navHome li#navProductivity a { background: url(../_images/_banners/homepage-banner-bg.gif) 0 0 no-repeat; }
#navHome li#navProductivity a:hover, #navHome li:hover#navProductivity a, #navHome li.hover#navProductivity a, #navHome li#navProductivity a.current { background-position: 0 -73px; }

#navHome li#navDemand { left: 368px; }
#navHome li#navDemand a { background: url(../_images/_banners/homepage-banner-bg.gif) 0 0 no-repeat; }
#navHome li#navDemand a:hover, #navHome li:hover#navDemand a, #navHome li.hover#navDemand a, #navHome li#navDemand a.current { background-position: 0 -73px; }

#navHome li#navInnovation { left: 551px; }
#navHome li#navInnovation a { background: url(../_images/_banners/homepage-banner-bg.gif) 0 0 no-repeat; }
#navHome li#navInnovation a:hover, #navHome li:hover#navInnovation a, #navHome li.hover#navInnovation a, #navHome li#navInnovation a.current { background-position: 0 -73px; }

#navHome li#navSupport { left: 734px; }
#navHome li#navSupport a { background: url(../_images/_banners/homepage-banner-bg-right.gif) 0 0 no-repeat; }
#navHome li#navSupport a:hover, #navHome li:hover#navSupport a, #navHome li.hover#navSupport a, #navHome li#navSupport a.current { background-position: 0 -73px; }

.navSelected { background: url(../_images/_banners/homepage-banner-bg-right.gif) 0 -73px no-repeat !important; }

#sixent-enterprise-community { margin-top:21px; }

.more-link { _left:-10px; _top:-10px; }

.home-banner-text h1 { font-size:40px; color:#9DEE4D; position:relative; top:54px; left:40px; font-weight:normal; line-height:32px; width:850px; }
.home-banner-text h2 { font-weight:bold; font-size:16px; color:#FFFFFF; position:relative; top:44px; left:40px; border:0; }
.home-banner-text h3 { font-weight:bold; font-size:13px; color:#FFFFFF; position:relative; top:48px; left:40px; width:340px; }
.home-banner-text p { font-weight:bold; font-size:13px; color:#FFFFFF; position:relative; top:45px; left:40px; background:url(../_images/icons/arrows_green.gif) left no-repeat; padding-left: 12px; }
.home-banner-text p.p2 { top:27px !important; }
.home-banner-text p.p3 { top:7px !important; }