#q-wrapper img
{
   border: 0 none;
   
}

#q-wrapper
{
   font-family: Arial, Helvetica, sans-serif;
   width: 841px;
   margin: 0 auto;
   /*border-right: 1px solid #bfbfbf;*/
   /*border-left: 1px solid #bfbfbf;*/
   position: relative;
}

#q-wrapper-inner
{
/*   padding: 34px 45px;*/
   position: relative;
}

#q-wrapper-outer
{
	height: 480px;
	  
}

#video
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	padding: 34px 45px;
}

#q-wrapper h1
{
   font-size: 33px;
   letter-spacing: -1px;
   font-weight: bold;
   margin-bottom: 5px;
   text-align: center;
}

#q-wrapper p.intro
{
   text-align: center;
   font-size: 24px;
   color: #666666;
   line-height: 32px;
   margin: 0 0 35px 0;
}

p.intro a
{
   color: #2485bc;
   font-weight: bold;
   text-decoration: none;
}

p.intro a:hover
{
   text-decoration: underline;
}

p.intro img
{
   vertical-align: middle;
   padding: 0 5px;
}


#q-wrapper h3
{
   font-size: 36px;
   font-weight: bold;
   /*text-shadow: -1px -1px 0 #0a5581;*/
   letter-spacing: -2px;
   margin: 0 0 15px 0;
   padding: 0;
   /*text-align: center;*/
}

#q-wrapper p
{
   
   font-size: 12px;
   color: #666666;
   line-height: 1.2;
}

#small
{
   line-height: 24px;
   font-size: 12px;
   color: #666666;
}

.small
{
   line-height: 24px;
   font-size: 12px;
   color: #666666;
}


#q-wrapper p.subtitle
{
   font-size: 24px;
   color: #333333;
   /*color: #2485bc;*/
   margin: 0 0 15px 0;
   letter-spacing: -1px;
   /*text-align: center;*/
}

#q-wrapper p.lounge
{
   /*width:540px;*/
}


#features
{
   position: relative;
   z-index: 9998;
   height: 139px;
}

#q-wrapper .shadow
{
   position: relative;
   margin-top: 20px;
   bottom: 0;
   left: 0;
   z-index: 9999;
   height: 10px;
   background: transparent url(http://www.websocialfilesonline.com/quickguide/images/shadow.png) no-repeat scroll center 0;
   width: 100%;
}

#features-inner
{
   margin: 0 auto;
   width: 693px;
}

#features-inner a
{
	cursor: pointer;
}

#features-inner img
{
   margin-right: 35px;
}

#features-inner img.last
{
   margin-right: 0;
}

#q-lounge, #q-sync, #q-office, #q-app
{
   background: transparent url(../images/bg_gradient.gif) no-repeat 0 bottom;
   padding: 34px 0;
   min-height: 440px;
}

#q-app
{
	height: 760px;
}

#q-wrapper .gallery img, #q-wrapper .gallery-fb img
{
   display: block;
}

#q-wrapper .gallery
{
   position: relative;
   z-index: 9998;
   margin: 35px 0 0 0;
   padding: 0;
   height: 451px;
}

#q-wrapper .gallery-fb
{
   position: relative;
   z-index: 9998;
   margin: 35px 0 0 0;
   padding: 0;
   height: 482px;
}

#q-wrapper .gallery-office
{
   position: relative;
   z-index: 9998;
   margin: 35px 0 0 0;
   padding: 0;
   height: 432px;
}

#q-wrapper ul
{
   list-style-type: none;
   list-style-image: none;
   list-style-position: outside;
}

.toggle-nav {
    font-size: 0.85em;
/*    margin: 30px 0 40px 90px;*/
    position: relative;
    text-align: center;
	margin: 0 auto;
	margin-top: 30px;
	margin-left: -34px;
    
}

.toggle-nav ul {
    background: none repeat scroll 0 0 #F4F4F4;
    margin: 0 auto;
    width: 380px;
}

.toggle-nav.three ul {
    width: 800px;
   margin: 0 auto;
display: block;
}

.toggle-nav.two ul {
    width: 320px;
   margin: 0 auto;
display: block;
}

.toggle-nav li {
    width: 160px !important;
    float: left;
display: block;
height: 35px;
}

.toggle-nav li a, .toggle-nav li a:visited, .toggle-nav li a:link {

			/* For WebKit (Safari, Google <b style="color:black;background-color:#ffff66">Chrome</b> etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), to(#FEFEFE));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #F4F4F4, #FEFEFE);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F4F4F4FF, endColorstr=#FEFEFEFF);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F4F4F4FF, endColorstr=#FEFEFEFF)";

    border: 1px solid #CFCFCF;
    box-shadow: 1px 0 0 #FFFFFF inset;
    font-size: 1.25em;
    margin: 0 auto;
    padding: 6px 0 7px;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 100%;
	cursor: pointer;
    color: #2485bc;
    text-transform: capitalize;11:23 AM 30/06/2011
    
}
.toggle-nav li a:hover {

		/* For WebKit (Safari, Google <b style="color:black;background-color:#ffff66">Chrome</b> etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FAFAFA));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #FFFFFF, #FAFAFA);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FAFAFAFF);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FAFAFAFF)";

    box-shadow: 1px 0 0 #FFFFFF;
    color: #0088CC;
}

.toggle-nav li a.active:hover {

	
		
		/* For WebKit (Safari, Google <b style="color:black;background-color:#ffff66">Chrome</b> etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#7B7B7B), to(#545454));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #7B7B7B, #545454);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7B7B7BFF, endColorstr=#545454FF);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7B7B7BFF, endColorstr=#545454FF)";

    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.52) inset;
    color: #FFFFFF;
   
}

.toggle-nav li a.active {

	
		/* For WebKit (Safari, Google <b style="color:black;background-color:#ffff66">Chrome</b> etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#7B7B7B), to(#545454));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #7B7B7B, #545454);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7B7B7BFF, endColorstr=#545454FF);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7B7B7BFF, endColorstr=#545454FF)";


    border: 1px solid transparent;
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.52) inset;
    color: #FFFFFF;
    cursor: default;
    text-decoration: none;
}

.toggle-nav li:first-child a {
    border: 1px solid #CFCFCF;
    border-radius: 6px 0 0 6px;
}

.toggle-nav li:last-child a {
    border: 1px solid #CFCFCF;
    border-radius: 0 6px 6px 0;
}

.rounded  {
    border-radius: 4px 4px 4px 4px;
}



.toggle-nav li a:hover {
	/* For WebKit (Safari, Google <b style="color:black;background-color:#ffff66">Chrome</b> etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FAFAFA));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #FFFFFF, #FAFAFA);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FAFAFAFF);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FAFAFAFF)";

    box-shadow: 1px 0 0 #FFFFFF;
    color: #0088CC;
}

#posts, #lounge, #office
{
	position: absolute;
	top: 0;
	margin:0 auto;
}



#Mobile Lounge, #Rewards, #Scheduler, #Events, #Forms
{
   display: none;
   position: absolute;
   top: 0;
}

div.back-to-top {
    padding: 0 20px 0 40px;
    float: right;
}

div.back-to-top a{
    font-size: 12px;
    padding: 10px 12px;
    position: relative;
    right: 0;
    top: 13px;
	text-decoration: none;
	color: #2485bc;
	cursor: pointer;
}

#q-wrapper .tip
{
	position: absolute;
	z-index: 9999;
}

#q-wrapper h5
{
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#q-wrapper .tip p
{
	font-size: 10px;
	line-height: normal;
	margin: 0;
	padding: 0;
}

#q-wrapper .all-posts
{
	top: 275px;
	left: 0;
	width: 90px;
}

#q-wrapper .write-a-post
{
	top: 225px;
	right: 0;
	width: 90px;
}

#q-wrapper .question
{
	left: 0;
	width: 90px;
	top: 300px;
}

#q-wrapper .answers
{
	right: 0;
	width: 90px;
	top: 315px;
}

#q-wrapper .editor
{
	right: 0;
	width: 90px;
	top: 300px;
}


div.back-to-top a:hover
{
	text-decoration: underline;
}

#appstore2
{
	cursor: pointer;
}

.clr
{
   clear: both;
}

.x
{
	cursor: pointer;
}