body {
	margin: 0;
	padding: 0;
	background: #B2B2B2 url("../images/product_bg.jpg") repeat-x top center;
	color: #404042;
	font: 12px/17px "Trebuchet MS", "Helvetica Neue", Arial, sans-serif;
}

img {
	margin: 0;
	padding: 0;
	border: none;
}

a {
	color: #F58220;
	text-decoration: none;
	font-weight: bold;
	outline: none;
}
 
a:hover { text-decoration: underline; }

h1, h2, h3, h4, h5, h6, p {
	margin: 0 0 .8em;
	padding: 0;
}

/*****************************************/

#top {
	position: relative;
	margin: 0 auto;
	width: 970px;
	height: 614px;
	overflow: hidden;
	background: url("../images/product_top_bg.jpg") no-repeat;
}

#top h1 {
	position: absolute;
	top: 7px;
	left: 13px;
	margin-bottom: 0;
}

#top h1 a {
	display: block;
	width: 148px;
	height: 154px;
	background: url("../images/connect_logo_2010.png") no-repeat;
}

#top h1 a span { display: none; }

#top h2 {
	position: absolute;
	top: 55px;
	left: 170px;
	margin-bottom: 0;
	width: 245px;
	height: 21px;
	background: url("../images/tagline.gif") no-repeat;
}

#top h2 span { display: none; }

/*****************************************/

#top h3 {
	position: absolute;
	top: 474px;
	left: 196px;
	#padding-bottom: .8em;
	color: #FFF;
	font-size: 27px;
	font-weight: normal;
	letter-spacing: 1px;
}

#top h4 {
	position: absolute;
	top: 500px;
	left: 196px;
	width: 370px;
	color: #FFF;
	font-size: 17px;
	font-weight: normal;
	line-height: 17px;
}

#top p.tagline {
	position: absolute;
	top: 485px;
	right: 36px;
	#padding-bottom: .8em;
	color: #FFF;
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
}

#top p.jp {
	width: 370px;
	top: 475px;
	font-size: 14px;
	font-style: normal;
}

/*****************************************/

#top select {
	position: absolute;
	top: 55px;
	margin-top: 1px;
	#margin-top: 0;
}

#top select#language {
	left: 650px;
	width: 120px;
}

#top select#country {
	right: 0;
	width: 130px;
}

#top label {
	position: absolute;
	top: 61px;
	height: 9px;
}

#top label.language {
	left: 590px;
	width: 54px;
	background: url("../images/language.gif") no-repeat;
}

#top label.country {
	left: 786px;
	width: 48px;
	background: url("../images/country.gif") no-repeat;
}

#top label span { display: none; }

/*****************************************/

#top img.product {
	position: absolute;
	top: 93px;
	left: 163px;
}

#top #worldwide {
	position: absolute;
	top: 93px;
	left: 683px;
	width: 280px;
	height: 350px;
	background: url("../images/worldwide_bg.gif") no-repeat;
}

#top #worldwide #slide_show {
	width: 280px;
	height: 186px;
}

#top #worldwide h3 { display: none; }

#top #worldwide p {
	position: absolute;
	top: 244px;
	left: 10px;
	width: 260px;
	color: #ADADAD;
	font-size: 11px;
	line-height: 15px;
}

/*****************************************/

#top #side_nav {
	position: absolute;
	top: 361px;
	width: 163px;
	height: 253px;
	background: url("../images/side_nav/side_nav_bg.gif") no-repeat;
}

#top #side_nav h2, #top #side_nav a span { display: none; }

#top #side_nav ul {
	margin: 0;
	padding: 46px 0 0 14px;
	list-style: none;
}

#top #side_nav ul li {
	margin: 0;
	padding: 0 0 5px;
	#padding: 0;
}

#top #side_nav ul li a {
	display: block;
	width: 123px;
	height: 15px;
	background: url("../images/side_nav/fmm_2010_sprite.png") no-repeat;
}

#top #side_nav ul li a#sh-01 { background-position: 0 0; }
#top #side_nav ul li a#ax-09 { background-position: 0 -20px; }
#top #side_nav ul li a#rg-3f { background-position: 0 -40px; }
#top #side_nav ul li a#rg-1f { background-position: 0 -60px; }
#top #side_nav ul li a#lx-10f { background-position: 0 -80px; }
#top #side_nav ul li a#dp990f { background-position: 0 -100px; }
#top #side_nav ul li a#fr-3x { background-position: 0 -120px; }
#top #side_nav ul li a#br-800 { background-position: 0 -140px; }
#top #side_nav ul li a#r-05 { background-position: 0 -160px; }
#top #side_nav ul li a#cd-2i { background-position: 0 -180px; }

#top #side_nav ul li a#sh-01:hover, #top #side_nav ul li a#sh-01.active { background-position: -123px 0; }
#top #side_nav ul li a#ax-09:hover, #top #side_nav ul li a#ax-09.active { background-position: -123px -20px; }
#top #side_nav ul li a#rg-3f:hover, #top #side_nav ul li a#rg-3f.active { background-position: -123px -40px; }
#top #side_nav ul li a#rg-1f:hover, #top #side_nav ul li a#rg-1f.active { background-position: -123px -60px; }
#top #side_nav ul li a#lx-10f:hover, #top #side_nav ul li a#lx-10f.active { background-position: -123px -80px; }
#top #side_nav ul li a#dp990f:hover, #top #side_nav ul li a#dp990f.active { background-position: -123px -100px; }
#top #side_nav ul li a#fr-3x:hover, #top #side_nav ul li a#fr-3x.active { background-position: -123px -120px; }
#top #side_nav ul li a#br-800:hover, #top #side_nav ul li a#br-800.active { background-position: -123px -140px; }
#top #side_nav ul li a#r-05:hover, #top #side_nav ul li a#r-05.active { background-position: -123px -160px; }
#top #side_nav ul li a#cd-2i:hover, #top #side_nav ul li a#cd-2i.active { background-position: -123px -180px; }

/*****************************************/

#top #sub_nav {
	position: absolute;
	top: 543px;
	left: 176px;
	width: 788px;
	height: 71px;
}

#top #sub_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#top #sub_nav ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#top #sub_nav ul li a {
	display: block;
	height: 71px;
}

#top #sub_nav a span { display: none; }

#top #sub_nav ul li a.sh-01 { width: 99px; background: url("../images/sub_nav/sh-01.png") no-repeat; }
#top #sub_nav ul li a.ax-09 { width: 92px; background: url("../images/sub_nav/ax-09.png") no-repeat; }
#top #sub_nav ul li a.rg-3f { width: 70px; background: url("../images/sub_nav/rg-3f.png") no-repeat; }
#top #sub_nav ul li a.rg-1f { width: 78px; background: url("../images/sub_nav/rg-1f.png") no-repeat; }
#top #sub_nav ul li a.lx-10f { width: 78px; background: url("../images/sub_nav/lx-10f.png") no-repeat; }
#top #sub_nav ul li a.dp990f { width: 80px; background: url("../images/sub_nav/dp990f.png") no-repeat; }
#top #sub_nav ul li a.fr-3x { width: 80px; background: url("../images/sub_nav/fr-3x.png") no-repeat; }
#top #sub_nav ul li a.br-800 { width: 84px; background: url("../images/sub_nav/br-800.png") no-repeat; }
#top #sub_nav ul li a.r-05 { width: 47px; background: url("../images/sub_nav/r-05.png") no-repeat; }
#top #sub_nav ul li a.cd-2i { width: 80px; background: url("../images/sub_nav/cd-2i.png") no-repeat; }

#top #sub_nav ul li a:hover { background-position: 0 -71px; }
#top #sub_nav ul li a.active, #top #sub_nav ul li a.active:hover { background-position: 0 -142px; }

/*****************************************/

#bottom {
	margin: 0 auto;
	width: 970px;
}

#bottom #content {
	margin: 0 0 32px 170px;
	width: 800px;
	background-color: #FFF;
}

#bottom #content div.left, #bottom #content div.right {
	float: left;
	margin: 28px 0 12px 20px;
}

#bottom #content div.left {
	#margin-left: 10px;
	width: 440px
}

/*****************************************/

#bottom #content h4 {
	clear: left;
	margin-bottom: .4em;
	color: #20C5F5;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
}

#bottom #content div.left h3 {
	margin-bottom: .2em;
	color: #5E5E5E;
	font-size: 19px;
	font-weight: normal;
}

#bottom #content div.left h3 span {
	color: #777;
	font-size: 16px;
}

#bottom #content div.left h5 {
	color: #AAA;
	font-size: 15px;
	font-weight: normal;
	font-style: italic;
}

#bottom #content div.left h6 {
	margin-bottom: .2em;
	padding: .3em 0 .1em;
	color: #777;
	font-size: 14px;
	font-weight: bold;
	border-bottom: #D5D5D5 1px solid;
}

#bottom #content div.left h6.coming {
	font-size: 18px;
	font-weight: bold;
	border-bottom: none;
}

#bottom #content div.left p.legal {
	font-size: 11px;
	line-height: 15px;
	color: #999;
}

#bottom #content div.left span.div { color: #D5D5D5; }

#bottom #content div.right ul {
	margin: 0;
	padding: 0;
	width: 306px;
	list-style: none;
}

#bottom #content div.right ul li {
	float: left;
	margin: 0 6px 6px 0;
	padding: 0;
}

#bottom #content div.right ul li a {
	display: table-cell;
	#display: block;
	width: 94px;
	height: 78px;
	border: #D5D5D5 1px solid;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}

#bottom #content div.right ul li a:hover { border: #F58220 1px solid; }
#bottom #content div.right div.container { margin-bottom: 1.2em; }
#bottom #content div.right div.container div { clear: left; }
#bottom #content div.right p.connect_link { margin-bottom: 0; }
#bottom #content div.right p.country_label { color: #999; font-size: 11px; }

/*****************************************/

#footer {
	width: 100%;
	height: 43px;
	background: url("../images/footer_tile.gif") repeat-x;
}

#footer a#roland {
	float: left;
	margin: 16px 0 0 40px;
}

#footer a#cakewalk {
	float: right;
	margin: 8px 40px 0 0;
}

#footer a#namm_2010 {
	float: right;
	margin: 12px 40px 0 0;
}