/*v.2.8*/
/*---------------------------------------
               RESET
---------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }

 
/*---------------------------------------
               MAIN LAYOUT
---------------------------------------*/
html { background:#6e899e url("../images/background.jpg") repeat-x;  width: 100%; }
body { font:24px Helvetica, Arial, Verdana, Times, 'Times New Roman'; color:#6e899e; text-align:left; height:651px; }
body { color:#6e899e; text-align:left; line-height:30px; }
/**/
#body { overflow:hidden; width:8867px; display:block; padding-top:75px; }
/**/
h1, h2, h3, h4, h5, h6 { color:#58595b; display:block; }
h1 { font-size:36px; }
h2 { font-size:46px; margin-bottom:25px; margin-top:25px; letter-spacing:0; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:12px; }
h6 { font-size:12px; }
/**/
a { color:#3274d1; text-decoration:underline; font-weight:bold; font-size: 16px; }
a:hover { text-decoration:none; }
/**/
p { margin-bottom:20px; }
/**/
.light{ color:#3274d1; font-weight:bold; }
/**/
.right { float:right; text-align:right; }
/**/
.img-left { float:left; margin:0 7px 7px 0; }
.img-right { float:right; margin:0 0 7px 7px; }
/**/
#aux-aux-aux { min-height:650px; height:auto !important; height:650px; }


/*---------------------------------------
                HEADER
---------------------------------------*/
#header { width:100%; height:75px; clear:both; z-index:10000; position:absolute; left:0px; top:0px; }
body > div#header { position:fixed; }
/**/
#header h1 { width:84px; height:50px; position:relative; margin: 30px 0 0 900px; }
#header h1 a { display:block; background:transparent url('../images/logo.jpg');  width:84px; height:50px; cursor:pointer; }
#header h1 span {	display:none; }
/**/


/*---------------------------------------
                 NAV
---------------------------------------*/
#nav { width:845px; height:inherit; float:left; font-size:14px; font-weight:bold;  }
#nav ul { margin:0; padding:0; margin-top:41px;  margin-left:32px; }
#nav ul li { display:inline; margin-right:15px; list-style:none; }
#nav ul li a { color:#000000; text-decoration:none; padding:2px 5px; }
#nav ul li a:hover,
#nav ul li .active { color:#ffffff; background:#6e899e; }
/*#divNav ul li a:hover { color:#FFF; text-decoration:none; background-color:#000; }*/


/*---------------------------------------
                 MAIN  
---------------------------------------*/
#fans,
#we-are,
#collective-buying,
#app-features,
#turnkey-solution,
#ripple-effect,
#communities, 
#news,
#get-in-touch,
#clients { height:506px; float:left; padding:30px 50px 0 40px; display:block;  background:url('../images/section.jpg') 30px bottom no-repeat; }
/**/
#clients .logos { width:600px; height:360px; overflow:auto; text-align:center; }
#clients .logos img { margin-bottom: 100px; clear:both; margin-right:40px; }
/**/
#fans { width:960px; padding-left:30px; }
#we-are { width:570px; }
#collective-buying { width:715px; padding-left:690px; background:url('../images/collective-buying.jpg') 0px 55px no-repeat; margin-left:0;}
#app-features { wwidth:1120px; padding-right:30px; background:none; position:relative; }
#aMN14 {position:absolute; top:420px; left:640px;}
#turnkey-solution { padding-left:0; padding-right:0; background:none; }
#turnkey-solution h2 { padding-left:35px; }
#ripple-effect {background:none; position:relative; }
#ripple-effect-position {background:none; position:absolute; top:0; left:200px; }
#communities { width:800px; padding-left:525px; background:url('../images/communities.jpg') 3px 26px no-repeat; }
#news { width:610px; padding-left:390px; background:url('../images/news.jpg') 6px 19px no-repeat; }
#get-in-touch { width:1750px; padding-top:0; padding-right:0; margin-right:0;  padding-bottom:30px; background: url('../images/get-in-touch.jpg') 7px 13px no-repeat; }
#get-in-touch .email { position:relative; margin:153px 0 0 393px; width:270px; height:147px; float:left; cursor:pointer; text-decoration:none; }
/**/
#app-features-flash { margin-top:8px; }
#turnkey-solutions-flash { margin-top:35px; position: relative; /*or absolute*/ z-index: 0;}
#ripple-effect-flash { margin-top:7px; padding-left:0px; position: relative; /*or absolute*/ z-index: 0;}
#get-in-touch-flash { margin:375px 0 0 -70px; padding-left:0px; position:relative; /*or absolute*/ z-index:0; float:left; }
/**/
#fans-flash-c { width:950px; height:280px; border:1px solid #00ff00; }
#app-features-flash-c { width:1108px; height:430px; }
#turnkey-solutions-flash-c { width:500px; height:345px; }
#ripple-effect-flash-c { width:1464px; height:439px; }
#get-in-touch-flash-c { width:80px; height:80px; }
/**/
#communities-scroller { width:800px; height:415px; overflow:auto; margin-top:12px; }
#news-scroller { width:650px; height:415px; overflow:auto; margin-top:12px; }
/**/
#news p { color:#6e899e; font-size:25px; margin-bottom:0px;  }
#news .date { color:#6e899e; font-size:18px; font-style:italic; }
/**/
#body ul { color:#77797b; margin:0 0 20px 30px; }
#body li { margin-left:20px; line-height:30px; text-indent: -20px;}
#body li:before { content:"» " }
/**/
a.aNav-JQ-OFF { /*color:#757575;*/ }
a.aNav-JQ-OFF:hover,
a.aNav-JQ-ON { color:#FFF; background-color:#000; }
a { margin-top:0px; padding-left:0px; position: relative; /*or absolute*/ z-index: 0;}
/**/


/*---------------------------------------
              SCROLLERS
---------------------------------------*/
a.jScrollArrowDown:hover { /*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/}
a.jScrollArrowUp { background: url('../images/basic_arrow_up.gif') repeat-x 0 0; }
a.jScrollArrowUp:hover { background-position: 0 -15px; }
a.jScrollArrowDown { background: url('../images/basic_arrow_down.gif') repeat-x 0 0; }
a.jScrollArrowDown:hover { background-position: 0 -15px; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -30px; }
.jScrollPaneContainer { margin-top:5px; position: relative; overflow: hidden;	z-index: 1; }

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}

/*---------------------------------------
               FOOTER
---------------------------------------*/
#footer { width:8420px; }
#footer .arrow-left { margin:0 0 0 32px; border:none; float:left; }
#footer .arrow-right { margin:0 32px 0 0; border:none; float:right; }