css/style.css

/*--------- Main ---------------*/
html {
	background: #fff url("../images/body_bg.jpg") repeat;
}

body {
	background: transparent;
	color: #383838;
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	line-height: 1.8em;
	text-align: justify;
}

html,body,#body_wrapper {
	height: 100%;
}

body>#body_wrapper {
	height: auto;
	min-height: 50%;
}

#body_wrapper,#header_wrapper,#footer_wrapper,#slider_wrapper,#brand_wrapper,.row
	{
	height: auto;
	min-height: 70px;
	overflow: hidden;
	margin: 0 auto 10px auto;
}

#header_wrapper,#body_wrapper,#footer_content,.row,.parallax_row {
	width: 995px;
	min-height: 0 !important;
}

p {
	margin: 10px 0 0 0;
	padding: 0;
}

ul {
	margin-bottom: 30px;
	margin-top: 5px;
}

a,#menu_wrapper a:hover {
	color: #c06cea;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #383838;
}

img {
	border: none;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.separator {
	clear: both;
	border-top: 1px solid #ebebeb;
	height: 1px;
	display: block;
}

.shadow {
	box-shadow: 0 2px 6px #999;
}

.page_title {
	font-size: 26px;
	border-top: 1px solid #D3D3D3;
	padding: 20px 0;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
	border-bottom: 1px solid #D3D3D3;
	margin: 0 0 20px 0;
}

#incubation {
	margin-top: -29px;
}

#incubation a:hover {
	border: none !important;
}

#incubation img {
	position: relative;
	width: 43px;
	height: auto;
	margin-left: 30px;
}

/*--------- Header ---------------*/
#header_wrapper {
	background: transparent;
	padding: 5px 0;
}

#logo {
	position: relative;
	float: left;
	top: 19px;
}

#logo img {
	width: 270px;
	height: auto;
}

#header_title {
	color: #5d5953;
	text-shadow: 0px 1px 1px #aaa;
	padding: 0 0 0 20px;
	width: 25%;
	float: right;
	text-transform: uppercase;
	line-height: 3.1em;
}

#header_title h1 {
	font-size: 24px;
	padding: 4px 0;
	margin: 0;
	letter-spacing: 5px;
}

#menu_wrapper {
	display: block;
	float: right;
	font-size: 14px;
	padding-top: 37px;
}

#menu_wrapper ul {
	float: left;
	clear: both;
	padding-left: 2px;
	margin: 0;
}

#menu_wrapper ul li {
	display: block;
	float: left;
	list-style: none;
	padding-right: 35px;
	text-transform: uppercase;
}

#menu_wrapper ul li {
	 
	 }

#menu_wrapper a {
	color: #383838;
}

#menu_wrapper a:hover,#menu_wrapper li.current_menu_item a {
	border-bottom: 4px solid #c06cea;
	padding-bottom: 4px;
}

#menu_wrapper a:hover {
	-webkit-transition: color 250ms, border 250ms ease;
	-moz-transition: color 250ms, border 250ms ease;
	-ms-transition: color 250ms, border 250ms ease;
	-o-transition: color 250ms, border 250ms ease;
	transition: color 250ms, border 250ms ease;
}

#menu_wrapper li.current_menu_item a {
	color: #c06cea;
}

/*--------- Slider Wrapper ---------------*/
#slider_wrapper {
	width: 100%;
	background: url("../images/slider_bg.png") repeat;
	color: #fff;
	height: 440px;
	text-align: center;
}

#slider_wrapper h1 {
	font-size: 28px;
	text-align: center;
	font-weight: normal;
	padding: 15px 0 10px 0;
}

#player {
	width: 650px;
	height: 350px;
	margin: 30px auto;
	border-radius: 2px;
	box-shadow: 0 2px 18px #383838;
}

.home_player {
	height: 393px !important;
}

.fake_player_button {
	background: url("../images/buttons/fake_player_button.png") no-repeat;
	display: block;
	height: 83px;
	width: 136px;
	position: absolute;
	margin-top: -270px;
	margin-left: 255px;
}

#player:hover .fake_player_button {
	background: url("../images/buttons/fake_player_button_hover.png")
		no-repeat;
}

/*--------- Body Wrapper ---------------*/ /* Home Page
------------------------------ */
#brand_wrapper,.community_links,.download_wrapper {
	padding: 9px 0;
	position: relative;
	width: 100%;
}

#brand_wrapper h1,.community_item h2,.download_item h1,.tuto_resources h2
	{
	color: #383838;
	font-weight: normal;
	text-align: center;
	line-height: 1;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	padding: 12px 0;
	font-size: 23px;
}

#brand_wrapper .brand_item {
	float: left;
	width: 30%;
	margin-right: 49px;
	text-align: center;
}

.last_item {
	margin-right: 0 !important;
	padding-right: 0 !important;
}

#scalable,#extensible,#easy {
	display: block;
	margin: 20px auto;
	width: 100px;
	height: 100px;
}

#easy {
	background: url("../images/icons/icon_easy.png") no-repeat;
}

#easy:hover {
	background: url("../images/icons/icon_easy_hover.png") no-repeat;
}

#extensible {
	background: url("../images/icons/icon_extensible.png") no-repeat;
}

#extensible:hover {
	background: url("../images/icons/icon_extensible_hover.png") no-repeat;
}

#scalable {
	background: url("../images/icons/icon_scalable.png") no-repeat;
}

#scalable:hover {
	background: url("../images/icons/icon_scalable_hover.png") no-repeat;
}

.learn_more,.btn {
	display: block;
	width: 240px;
	height: 40px;
	margin: auto;
	text-align: center;
	line-height: 40px;
	color: #fff !important;
	background-color: #c06cea !important;
	text-transform: uppercase;
}

.learn_more:hover,.btn:hover {
	background-color: #6a95ea !important;
	color: #fff !important;
}

.btn_large {
	width: 280px;
}


/* Overview Page
------------------------------ */
h1.intro {
	font-size: 23px;
	line-height: 1.7 !important;
	font-weight: normal;
	margin-bottom: 30px;
	margin-top: 0;
	color: #000;
}

.section,.install_section {
	margin: 15px 0 40px 0;
}

.section:FIRST-CHILD,.install_section:FIRST-CHILD {
	margin-top: 0;
}

.section:after {
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	content: ".";
}

.section.left,.section.right {
	width: 510px;
}

.section.left {
	padding-right: 470px;
}

.section.left .image {
	float: right;
	margin-right: -490px;
}

.section.right {
	padding-left: 483px;
}

.section.right .image {
	float: left;
	margin-left: -490px;
}

.image:after,.bottom_content .lnk:after {
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	content: "."
}

.image img {
	margin: 10px 10px 20px 10px;
	float: left;
}

.bottom_content {
	background-image: url("/images/banners/banner_background.png")
		!important;
	min-height: 112px;
	padding: 25px;
	color: #fff;
}

.bottom_content .lnk {
	margin: 15px 0 !important;
	float: none;
}

/*	Tabs in Download Page
-----------------------------*/
#tabs_content_container p {
	margin-left: 0 !important;
}

#tabs_content_container {
	padding: 20px 0 0 0;
	text-align: justify;
	position: relative;
	z-index: 1;
	margin-top: 10px;
}

.tab_content {
	display: none;
}

#tabs_content_container .dwnld_wrapper {
	display: inline-block;
}

#tabs_content_container ul.installnav {
	float: left;
	padding: 0;
	width: 993px;
	background-color: #fff;
	border: 1px solid #dfdfdf;
	border-left: none;
}

#tabs_content_container ul.installnav li {
	display: inline;
}

#tabs_content_container ul.installnav li a p {
	font-size: 10px;
	margin: 10px 0;
}

#tabs_content_container ul.installnav li a {
	display: block;
	text-align: left;
	text-decoration: none;
	background: url("../images/download/installnav_bg.png") no-repeat 0 0;
	box-shadow: 2px 0 6px #777;
	width: 165px;
}

#tabs_content_container ul.installnav li.active a,#tabs_content_container ul.installnav li.active a:hover
	{
	color: #282828;
	outline: none;
	background: url("../images/download/installnav_active_bg.png") no-repeat
		right;
	box-shadow: none;
	width: 186px;
	border: none;
}

#tabs_content_container ul.installnav li a:hover {
	background: url("../images/download/installnav_hover_bg.png") no-repeat
		0 0;
	cursor: pointer;
}

#tabs_content_container ul.installnav li.active a span {
	text-align: center;
	border-right: none;
}

#tabs_content_container ul.installnav li a span {
	display: block;
	width: 164px;
	height: 122px;
	padding: 40px 0;
	text-align: center;
	color: #595959;
	border: 1px solid #dfdfdf;
}

#tabs_content_container ul.installnav li a span p.recommended {
	margin-top: -14px;
	color: #999;
}

#tabs_content_container h2 {
	font-size: 14px;
}

.updateSiteBlock,.drag2install_tooltip {
	color: #fff;
	display: none;
	position: absolute;
	visibility: visible;
	top: 16px;
}

.drag2install_tooltip {
	width: 318px;
	height: 59px;
	background-image: url("../images/download/tooltip_bg.png");
	background-repeat: no-repeat;
	z-index: 12;
	left: 290px;
	top: 45px;
}

#content_emc {
	display: block;
}

#content_drag2install,#content_updatesite,#content_emc,#content_drag2install_1,#content_updatesite_1,#content_emc_1
	{
	float: right;
	position: absolute;
	top: 70px;
	left: 185px;
	padding: 0 50px;
	background: transparent;
	cursor: default;
}

#content_drag2install p,#content_updatesite p,#content_emc p,#content_drag2install_1 p,#content_updatesite_1 p,#content_emc_1 p
	{
	margin-left: 20px !important;
}

#content_drag2install,#content_updatesite,#content_drag2install_1,#content_updatesite_1
	{
	display: none;
	margin-bottom: 20px;
}

#content_drag2install a,#content_updatesite a,#content_emc a,#content_drag2install_1 a,#content_updatesite_1 a,#content_emc_1 a
	{
	background: transparent !important;
	display: inline !important;
	color: #c06cea !important;
	cursor: pointer;
}

#content_drag2install a:hover,#content_updatesite a:hover,#content_emc a:hover,#content_drag2install_1 a:hover,#content_updatesite_1 a:hover,#content_emc_1 a:hover
	{
	color: #383838 !important;
}

#content_updatesite_1 h3 {
	font-size: 14px;
	margin: 0 0 0 20px;
}

#content_updatesite_1 input {
	width: 412px;
	font-size: inherit;
	font-family: inherit;
	margin-left: 20px;
	color: #777;
	border: 0.1em solid #ddd;
	padding: 4px;
}

.dwnld_icon {
	padding-right: 8px;
}

#install,#install_1,#closeButton,.drag2install:hover {
	cursor: pointer;
}

#updatesite:hover,#install_emc:hover {
	cursor: default;
}

.link-color {
	color: #148EC5;
}

.clear {
	clear: both;
	height: 1px;
}

#install_1 img {
	margin: 40px 0 10px 0;
}

.updateSite img {
	margin: 40px 0 0 0;
}

/*--------- Community Page ------------*/
.community_links h1 {
	margin-bottom: 0 !important;
	font-weight: normal;
	color: #000;
}

.community_links,.download_wrapper {
	float: left;
}

.community_item {
	float: left;
	width: 27%;
	margin-right: 92px;
}

.community_item p {
	text-align: justify;
	width: 100%;
}

.community_item h2 {
	font-size: 18px;
}

.community_item a, .brand_item a{
	color: #383838;
	font-weight: normal;
}

.community_item a:hover,.brand_item a:hover {
	color: #c06cea;
}

.community_icons {
	display: block;
	margin: 0 20px 40px 0;
	float: left;
	height: 50px;
	width: 50px;
}

#start {
	background: url("../images/icons/icon_start.png") no-repeat;
}

#doc {
	background: url("../images/icons/icon_doc.png") no-repeat;
}

#wiki {
	background: url("../images/icons/icon_wiki.png") no-repeat;
}

#forum {
	background: url("../images/icons/icon_forum.png") no-repeat;
}

#bug {
	background: url("../images/icons/icon_bug.png") no-repeat;
}

#support {
	background: url("../images/icons/icon_support.png") no-repeat;
}

#mailing {
	background: url("../images/icons/icon_mailing.png") no-repeat;
}

#code {
	background: url("../images/icons/icon_code.png") no-repeat;
}

#project {
	background: url("../images/icons/icon_project.png") no-repeat;
}

#start:hover {
	background: url("../images/icons/icon_start_hover.png") no-repeat;
}

#doc:hover {
	background: url("../images/icons/icon_doc_hover.png") no-repeat;
}

#wiki:hover {
	background: url("../images/icons/icon_wiki_hover.png") no-repeat;
}

#forum:hover {
	background: url("../images/icons/icon_forum_hover.png") no-repeat;
}

#bug:hover {
	background: url("../images/icons/icon_bug_hover.png") no-repeat;
}

#support:hover {
	background: url("../images/icons/icon_support_hover.png") no-repeat;
}

#mailing:hover {
	background: url("../images/icons/icon_mailing_hover.png") no-repeat;
}

#code:hover {
	background: url("../images/icons/icon_code_hover.png") no-repeat;
}

#project:hover {
	background: url("../images/icons/icon_project_hover.png") no-repeat;
}

/* Git Wrapper
------------------------------*/
.parallax_wrapper {
	clear: both;
	width: 100%;
	position: relative;
	padding: 30px 0 30px 0;
	/*background-color: #c7c7c7;*/
	background: #fff url("../images/bg_grey.png") repeat;
	height: auto;
	min-height: 70px;
	overflow: hidden;
	margin: 0 auto;	
	color: #fff;
}

.parallax_wrapper h1.intro{
	color: #fff;
	}

.parallax_left {
	vertical-align: middle;
	width: 483px;
	float: left;
	height: 180px;
	}

/* Footer
------------------------------ */
#footer_wrapper {
	clear: both;
	width: 100%;
	color: #fff;
	position: relative;
	padding: 30px 0;
	margin-bottom: 0;
	font-size: 10px;
	background-color: #1e2786;
}

#footer_content, .parallax_row {
	margin: 0 auto;
}

#footer_wrapper a {
	font-weight: normal;
	color: #c2bfd8;
}

#footer_wrapper a:hover {
	color: #fff;
}

#footer_wrapper ul {
	list-style: none;
	padding: 0
}

#footer_wrapper .column {
	width: 20%;
	padding: 0 0 0 199px;
	float: left;
	position: relative;
}

#footer_wrapper .column:FIRST-CHILD {
	padding: 0;
}

#footer_wrapper .column .columntitle {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #fff;
}

#footer_wrapper .column h3 {
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0;
	text-transform: uppercase;
}

#footer_wrapper .column.right {
	width: 184px;
}