html,body {
	height: 100%;
	margin: 0;
}
body{
	color:#000;
	font:12px Arial, Helvetica, sans-serif;
	background:#fff url(../assets/images/bg-body.jpg) repeat-x;
	min-width:978px;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#336699;
}
a:hover{
	text-decoration:underline;
	color:#336699;
}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border:none;
}
#page {
	width:100%;
	min-height: 100%;
	background:url(http://www.sign-up.to/assets/images/bg-page.jpg) no-repeat 50% 0;
	/* background:url(h/assets/images/bg-page-christmas.jpg) no-repeat 50% 0; */
}
* html #page {
	height: 100%;
}
#main {
	margin:0 auto;
	width:978px;
	position:relative;
	padding-bottom: 203px;
}
/* Header */
#header{
	width:978px;
	height:123px;
}
#main #header h1{
	margin:0;
	position:absolute;
	top:0px;
	left:1px;
	width:218px;
	height:102px;
}
#header h1 a{
	display:block;
	width:218px;
	height:102px;
	cursor:pointer;
	text-indent:-9999px;
	background:url(../assets/images/logo.png) no-repeat;
	overflow:hidden;
}
/* Content */
#content{
	width:978px;
	overflow:hidden;
}
#content .bgtop,
#content .bgbot{
	width:978px;
	height:140px;
	background:url(../assets/images/bgtop-content.png) no-repeat;
}
#content .bgbot{
	width:978px;
	height:25px;
	background:url(../assets/images/bgbot-content.png) no-repeat;
}
#content .cont-holder{
	width:978px;
	background:url(../assets/images/bg-content.png) repeat-y;
}
#content .bgtop:after,
#content .bgbot:after,
#content .cont-holder:after{
	clear:both;
	display:block;
	content:"";
}
.content{
	margin:-104px 4px -10px;
	width:970px;
	float:left;
	display:inline;
	position:relative;
}

/* Top Text Block */
.toptext{
	width:100%;
	padding-bottom:25px;
	overflow:hidden;
}
.toptext .text{
	margin-left:30px;
	width:450px;
	float:left;
	display:inline;
}
.toptext h2{
	margin:0 0 0 4px;
	width:277px;
	height:47px;
	text-indent:-9999px;
	background:url(../assets/images/title-toptext.gif) no-repeat;
}
.toptext .text p{
	margin:13px 0 0;
	font:24px/29px Arial, Helvetica, sans-serif;
	color:#000;
}
.toptext .btn-orange{margin-top:5px}
.toptext .btn-orange a{
	margin-left:-13px;
	float:left;
	display:inline;
	position:relative;
	height:70px;
	font:bold 24px/70px Arial, Helvetica, sans-serif;
	color:#fff;
	cursor:pointer;
}
.toptext .btn-orange a:hover{text-decoration:none;}
.toptext .btn-orange a .lbg,
.toptext .btn-orange a .rbg,
.toptext .btn-orange a span{
	float:left;
	width:22px;
	height:70px;
	background:url(../assets/images/bgleft-btn-orange.png) no-repeat;
	overflow:hidden;
}
.toptext .btn-orange a .rbg{background:url(../assets/images/bgright-btn-orange.png) no-repeat;}
.toptext .btn-orange a span{
	width:auto;
	background:url(../assets/images/bg-btn-orange.png) repeat-x;
}
/* Video Block */
.toptext .video{
	margin:1px 55px 0 0;
	width:386px;
	float:right;
	display:inline;
}
.toptext .video img{vertical-align:top;}
/* Marketing Block */
.marketing{
	width:970px;
	padding-top:2px;
	background:url(../assets/images/separator.gif) no-repeat;
	padding-bottom:20px;
	overflow:hidden;
}
.marketing h3{
	margin:10px 0 0;
	width:100%;
	text-align:center;
	font:bold 24px/26px Arial, Helvetica, sans-serif;
	color:#369;
}
.marketing .list{
	margin:18px 0 0 15px;
	padding:0;
	list-style:none;
	width:950px;
	overflow:hidden;
}
.marketing .list li{float:left;}
.marketing .list li.collect{width:209px;}
.marketing .list li.create{width:163px;}
.marketing .list li.send{width:167px;}
.marketing .list li.share{width:229px;}
.marketing .list li.analyse{width:166px;}
.marketing .list li a{
	font:bold 20px/22px Arial, Helvetica, sans-serif;
	color:#666;
}
.marketing .list li span{
	display:block;
}
.marketing .list li .image img{vertical-align:top;}
.marketing .list li .text{
	margin-top:10px;
	text-align:center;
}
.marketing .list li.analyse .text{
	text-align:left;
	text-indent:25px;
}
.marketing .list li a:hover span{text-decoration:underline;}
/* Three Blocks */
.threeblocks{
	padding-top:2px;
	width:970px;
	background:url(../assets/images/separator.gif) no-repeat;
	overflow:hidden;
}
.threeblocks .holder{
	width:970px;
	padding-bottom:8px;
	background:url(../assets/images/bg-threeblocks.png) repeat-y;
	overflow:hidden;
}
.threeblocks .blog,
.threeblocks .new,
.threeblocks .join{
	padding:0 36px 0 28px;
	width:256px;
	float:left;
	display:inline;
}
.threeblocks .new{
	padding:0 38px 0 37px;
	width:255px;
}
.threeblocks .join{
	padding:0 35px 0 43px;
	width:242px;
}
.threeblocks h4{
	margin:20px 0 0;
	width:100%;
	text-align:center;
	font:bold 20px/22px Arial, Helvetica, sans-serif;
	color:#396D9F;
}
.threeblocks h4.toptitle{
	text-indent:10px;
	text-align:left;
}
.threeblocks .linklist{
	margin:20px 0 0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.threeblocks .linklist li{
	padding:8px 0 6px;
	width:100%;
	float:left;
	background:url(../assets/images/sep-linklist.gif) no-repeat 50% 0;
	line-height:14px;
}
.threeblocks .linklist li:first-child{background:none}
.threeblocks .linklist li a{color:#333;}
.threeblocks .imageblock{
	margin-top:20px;
	width:100%;
	overflow:hidden;
}
.threeblocks .imageblock h5{
	margin:0;
	width:100%;
	text-align:center;
	font:bold 18px/19px Arial, Helvetica, sans-serif;
}
.threeblocks .imageblock .image{
	margin-top:3px;
	width:100%;
	text-align:center;
	padding-bottom:10px;
	overflow:hidden;
}
.threeblocks .imageblock .image img{vertical-align:top;}
.threeblocks p{
	margin:14px 0 0;
	line-height:14px;
	color:#333;
}
.threeblocks p a{color:#333;}
.threeblocks p.meet a{
	color:#369;
	text-decoration:underline;
}
.threeblocks p.meet a:hover{text-decoration:none;}
.threeblocks .join-form{
	margin:13px 0 0 10px;
	padding:0;
	list-style:none;
	width:232px;
	overflow:hidden;
}
.threeblocks .join-form li{
	margin-top:4px;
	width:100%;
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
}
.threeblocks .join-form .text{
	width:218px;
	height:13px;
	background:#f3f6f9;
	border:1px #ccc solid;
	padding:6px;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
}
.threeblocks .join-form .btn{
	margin-top:4px;
	float:right;
}
.threeblocks .join .inner{
	margin:22px 0 0 -43px;
	padding:0 0 1px 43px;
	width:230px;
	background:url(../assets/images/sep-inner-join.gif) no-repeat;
	overflow:hidden;
}
.threeblocks .banners{
	margin:11px 0 0;
	padding:0;
	list-style:none;
	width:100%;
	text-align:center;
	overflow:hidden;
}
.threeblocks .banners li{
	padding:0 3px;
	display:inline;
}
.threeblocks .banners li img{vertical-align:top;}
/* Banners List */
.bannerslist{
	padding-top:2px;
	width:970px;
	background:url(../assets/images/separator.gif) no-repeat;
	overflow:hidden;
}
.bannerslist .text{
	margin-top:12px;
	display:block;
	width:100%;
	text-align:center;
	font:bold 16px/20px Arial, Helvetica, sans-serif;
	color:#326A9D;
}
.bannerslist .banlist{
	margin:8px 0 0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.bannerslist .banlist li{
	padding-left:25px;
	float:left;
	height:50px;
	display:table;
}
.bannerslist .banlist li a{
	display:table-cell;
	vertical-align:middle;
}
* html .bannerslist .banlist li img{float:left;}
*+ html .bannerslist .banlist li img{float:left;}
/* Top Contact Block */
#main .top-contact{
	position:absolute;
	right:4px;
	top:0; 
}
#main .top-contact .btn{
	float:right;
	height:32px;
	background:url(../assets/images/btn-topcontact.gif) no-repeat;
	font:bold 14px/32px Arial, Helvetica, sans-serif;
	color:#fff;
	cursor:pointer;
	overflow:hidden;
}
#main .top-contact .btn span{
	float:left;
	height:32px;
	background:url(../assets/images/btnend-topcontact.gif) no-repeat 100% 0;
	padding:0 12px;
}
#main .top-contact .btn:hover{text-decoration:none;}
#main .top-contact .contact,
#main .top-contact .phone{
	margin:15px 30px 0 0;
	float:right;
	display:inline;
	font:14px/16px Helvetica, Arial, sans-serif;
	color:#fff;
	text-decoration:underline;
}
#main .top-contact .contact:hover{text-decoration:none;}
#main .top-contact .phone{
	margin-right:23px;
	text-decoration:none;
}
#main .top-contact .hello{
	margin:10px 13px 0 0;
	float:right;
	display:inline;
	width:65px;
	height:27px;
	text-indent:-9999px;
	background:url(../assets/images/hello-topcontact.gif) no-repeat;
}
/* Top Menu */
#main #topmenu{
	position:absolute;
	top:44px;
	right:3px;
	margin:0;
	padding:0 0 0 1px;
	list-style:none;
	float:right;
}
#topmenu li{
	margin-left:-1px;
	float:left;
	display:inline;
	background:url(../assets/images/bg-topmenu.gif) no-repeat;
}
#topmenu li span{
	float:left;
	padding:0 21px 0 22px;
	background:url(../assets/images/bgend-topmenu.gif) no-repeat 100% 0;
}
#topmenu li a{
	float:left;
	font:bold 14px/32px Arial, Helvetica, sans-serif;
	color:#fff;
}
#topmenu li.active a{color:#ccc;}
#topmenu li a:hover{
	text-decoration:none;
	color:#FF9900
}
/* Footer */
#footer {
	width:100%;
	position:relative;
	width:100%;
	padding-top:9px;
	margin-top:-203px;
	height:194px;
	background:url(../assets/images/bg-footer.gif) repeat-x 50% 100%;
}
.footer{
	margin:0 auto;
	width:978px;
	height:157px;
	background:url(../assets/images/bg-footer.png) no-repeat;
	overflow:hidden;
}
.footnav,
.footnav2{
	margin:4px 0 0 65px;
	width:130px;
	height:126px;
	padding:23px 0 0;
	list-style:none;
	float:left;
	display:inline;
}
.footnav2{
	margin-left:13px;
	padding-left:45px;
	background:url(../assets/images/sep-footer.png) no-repeat;
}

.footnav li, .footnav2 li {
	color:#484A4B;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin-bottom:4px;
	position:relative;
	width:100%;
}

.footnav li a,
.footnav2 li a{
	color:#484a4b;
	text-decoration:underline;
}
.footnav li a:hover,
.footnav2 li a:hover{
	text-decoration:none;
	color:#336699;
}
.footer .text,
.footer .logos{
	margin:4px 0 0 35px;
	padding:23px 0 0 34px;
	height:126px;
	width:212px;
	float:left;
	display:inline;
	background:url(../assets/images/sep-footer.png) no-repeat;
}
.footer .text p{
	margin:0;
	position:relative;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#484a4b;
}
.footer .text p a{
	color:#484a4b;
	text-decoration:underline;
}
.footer .text p a:hover{text-decoration:none;}
.footer .logos{
	margin-left:54px;
	padding:0 0 0 1px;
	height:149px;
	width:240px;
}
.footer .logos .footlogo{
	margin:11px 0 0 40px;
	width:160px;
	height:49px;
	display:block;
	position:relative;
	overflow:hidden;
}
.footer .logos .footlogo a{
	display:block;
	width:160px;
	height:49px;
	cursor:pointer;
	text-indent:-9999px;
	background:url(../assets/images/footlogo.png) no-repeat;
	overflow:hidden;
}
.footer .logos div{
	margin-top:13px;
	width:240px;
	background:url(../assets/images/sep-footer2.png) no-repeat;
	overflow:hidden;
}
.footer .logos .footlogo2{
	margin:16px 0 0 52px;
	width:136px;
	height:45px;
	display:block;
	position:relative;
	overflow:hidden;
}
.footer .logos .footlogo2 a{
	display:block;
	width:136px;
	height:45px;
	cursor:pointer;
	text-indent:-9999px;
	background:url(../assets/images/footlogo2.png) no-repeat;
	overflow:hidden;
}

/* Content page styles */
.subpage {
	padding:0px 25px 10px 0px;
	width:670px;
	color:#000;
	font:13px Arial, Helvetica, sans-serif;
	line-height:150%;
	float:right;
}
.subpage h1 {
	color:#336699;
	font-size:30px;
	line-height:120%;
}
#sidebar {
	float:left;
	width:232px;
	margin-left:20px;
	background-image: url(../assets/images/subnav-border.png);
	background-repeat: repeat-y;
	background-position: right;
	padding-bottom:100px;
	font-size:13px;
	padding-right: 3px;
}
#submenu ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0;
}
#submenu li {
	display:block;
}
#submenu li.subSection {
	padding-left:0px;
	font-weight:bold;
	font-size:18px;
}
#submenu li.subActive {
	padding-left:20px;
	background-image: url(../assets/images/subnav-arrow.png);
	background-repeat: no-repeat;
	background-position: right;
	margin-right:2px;
}
#submenu .subActive a {
	color:#FF9900;
}
#submenu li a {
	color:#333333;
}
#submenu .subSection a{
	color:#336699;
}
#submenu a:hover {
	color: #336699;
}
#sidebuttons {
	margin:20px 0 0 15px;
}