﻿.c {
	width: 1025px;
	margin-top: 20px;	
}
.lm, .rm {
	height: 730px;	
}
.m {
	background: #fff url(assets/inner-back-tile.png) repeat-X;
}
.mh {
	height: 210px;
}
.mc {
	height: 470px;
}
.mf {
	height: 65px;
	background-color: #333;
	border-top: 3px solid #f56531;
	font-size: 9pt;
	position: relative;
	text-align: center ;
	color: #999;
}
.mf div.fr { float: right; 	text-align: right; margin-right: 15px; }
.mf div.fl { float: left; margin: 0px 0px 0px 15px; padding: 0 0 0 130px; background: transparent url(assets/pb-f.gif) no-repeat bottom left; }
.mf div.fr a {
	display: inline-block;
	font-size: 15px;
	color: #555;
	margin: 22px 0px 7px 18px;
}
.mf div.fl a {
	display: inline-block;
	font-size: 16px;
	color: #5f5f5f;
	font-weight: bold;
	margin: 20px 18px 10px 0px;
}
.mf .cr {
	color: #222;
	font-size: 9.5pt;
	font-weight: bold;
	text-shadow: 0px 1px 0px #3d3d3d;
	filter: dropshadow(color=#3d3d3d,offX=0,offY=1);	
	display: none;
}
.lc, .rc {
	padding: 0px;
	position: relative;
	clear: none;
	margin-top: 20px;`
}
.lc {
	float: left;
	width: 400px;
}
.rc {
	background: url(assets/notes.jpg) no-repeat;
	float: right;
	width: 602px;
	height: 503px;
	top: -33px;
	margin-bottom: -50px;
}
.lc div {
	margin: 40px 0 0 70px;
}

#logo {
	width: 580px; height: 210px;
	background: url(assets/logo-b.png) no-repeat;
	position: relative;
	display: block;
	margin-left: 0px;
	margin-top: 0px;
}
#pb {
	width:156px; height: 146px;
	background: url(assets/pb-logo.png) no-repeat;
	position: relative;
	left: 55px;
	top: 5px;
}
#title {
	display: inline-block; 
	position: relative; 	
	width: 750px;
	left: 240px; 
	top: -165px;
}
#title h1 {
	background: url(assets/pb-tm.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 202px; height: 55px;
}
#title h2 {
	background: url(assets/slogan.png) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 215px; height: 20px;
	position: relative; left: 470px; top: -60px;
}
/* Nav */
.rc ul {
	list-style-type: none;
    padding: 0;
    margin: 0; 
}
.rc ul li {     	
	cursor: pointer;
	background: url(assets/nav-sprite.png) no-repeat top left;
}
.rc ul li a {
    display: none;
}
.rc ul li.p {    
	position: absolute;
    top: 55px;
    left: 55px;
    background-position: 0 -754px;
	width: 118px; 
	height: 66px;
}
.rc ul li.p:hover {    
	background-position: 0 -870px;
}
.rc ul li.i {
	position: absolute;
	bottom: 200px;
    left: 65px; 
	background-position: 0 -508px; 
	width: 129px; 
	height: 73px;
}
.rc ul li.i:hover {
	background-position: 0 -631px;
}
.rc ul li.a {
	position: absolute;
	top: 90px;
    right: 230px;
	background-position: 0 0; 
	width: 95px; 
	height: 68px;
}
.rc ul li.a:hover {
	background-position: 0 -118px;
}
.rc ul li.e {
	position: absolute;
	bottom: 175px;
    right: 165px;
	background-position: 0 -236px; 
	width: 148px; 
	height: 86px; 
}
.rc ul li.e:hover {
	background-position: 0 -372px;
}
/* Dialog */
.product, .assistance, .company {
	position: relative;
	background: url(assets/dialog-s.png) no-repeat;
	display: none;
	width: 615px;
	height: 515px;
	top: -37px; left: -15px;
}
.product .h, .assistance .h, .company .h {
	background: url(assets/dialog-h.png) no-repeat;
	width: 575px;
	height: 22px;
	margin: -22px 17px 0 17px;
}
.product .f, .assistance .f, .company .f {
	background: url(assets/dialog-f.png) no-repeat;
	width: 575px;
	height: 22px;	
	margin: 0 17px 0 17px;

}
.product .txt .content, .assistance .txt .content, .company .txt  .content 
{
	padding: 15px 40px 40px 40px;
}
.txt .content a  {
	color: #36a;
	font-weight: bold;
}
                  
.product .txt, .assistance .txt, .company .txt {
	background: #dcdcdc url(assets/dialog-b.jpg) no-repeat top left;
	width: 575px;
	height: 437px;
	padding: 0px;
	font-size: 11pt;
	color: #434343;	
	margin: 0 17px 0 17px;
}
.close {
	background: transparent url(assets/close.png) no-repeat;
	top: 2px;
	left: 570px;
}
h3, h4 {
	color: #666;
	font-weight: bold;
	font-size: 24pt;
	margin-top: 0;
}
.gpb 
{
	display: inline-block;
	height: 37px; width: 236px; 
	background: transparent url(assets/get-add-on-b.png) no-repeat left center;
	overflow: hidden;
	text-indent: -999px;
}

/* Twitter */
#tweet {
	aa-border-bottom: 1px solid #5a82a0;
	overflow: hidden;
	padding: 0px;
}
#tweet h3 {
	color: #c0c0ba;
	padding-left: 35px;
	background: transparent url(assets/tweet.png) no-repeat top left;
	font-weight: bold;
	font-size: 14pt;
}

#tweet div {
	list-style: none;
	margin: 10px 0px 2px 0px; 
	vertical-align: middle;
	color: #776;
	font-size: 10pt;
}
 #tweet div a {
	color: #36a;
	text-decoration: none;
	font-size: 10pt;
 }
#tweet div span {
	font-size: xx-small;
	display: block; text-align:right;
	padding-top: 5px; 
	color: #c6c1a5;
}
#tweet noscript div {
	border: 0px solid transparent;
	padding-left: 17px;
}
#follow, #follow a 
{
	color: #bbb;
	font-weight: bold;
	font-size: 9pt;
}
#follow #twitter {
	position:relative; 
	top: 5px;
}
#follow #facebook {
	position:relative; 
	top: 5px;
}
#follow #sharethis_0 .stico_default 
{
	position: relative; 
	top: 0px;
	background: transparent url(assets/share_this.png) no-repeat 0px 1px!important;
}
#follow #sharethis_0 .stbutton 
{
	padding-top: 6px;
	padding-left: 24px;
}
.login, .logout, .register {
	display: none;
	float: right;
	position: relative;
	top: 5px; left: 0px; 
	font-size: 11pt; color: #777;
	text-decoration: none;
	padding: 15px 90px 15px 2px;
}
.login {
	background: transparent url(assets/login.png) no-repeat right center;
}
.login:active {
	background: transparent url(assets/login-p.png) no-repeat right center;
}
.register {
	background: transparent url(assets/register.png) no-repeat right center;
}
.register:active {
	background: transparent url(assets/register-p.png) no-repeat right center;
}
.logout {
	aaa-background: transparent url(assets/logout.png) no-repeat right center;
}
.logout:active {
	aaa-background: transparent url(assets/logout-p.png) no-repeat right center;
}

