/*---------------------------------------------------------------------------------
								   AnchorFree
-----------------------------------------------------------------------------------
 
	0.	CSS Reset & Clearfix & Imports
	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
	2.  Form Related Styles
	3.  Header Related Styles
	4.  Home Page Related Styles
	5.  SubOne Related Styles
	6.  Page Specific Styles
	7.  Footer Related Styles
	
-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	0.	CSS Reset & Clearfix & Imports - http://meyerweb.com/eric/tools/css/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; } body { line-height: 1; } 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; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
.clear			{ clear: both; }

/* Sticky Footer */
* 							{ margin: 0; }
html, body 					{  }


/* Other Stylesheets */

@font-face {
    font-family: 'Chunk';
    src: url('fonts/Chunkfive-webfont.eot');
    src: url('fonts/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Chunkfive-webfont.woff') format('woff'),
         url('fonts/Chunkfive-webfont.ttf') format('truetype'),
         url('fonts/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0.01em;

}

/*-----------------------------------------------------------------------------------*/
/*	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
/*-----------------------------------------------------------------------------------*/

html, body 								{ background: #e6e6e6; font-weight: 400; font-size: 14px; line-height: 1.6em; color: #545454; }
html, body, input, textarea				{ font-family: Arial, Helvetica, Sans-Serif; }

.rtl									{ text-align: right; direction: rtl; }

h1, h2, h3, h4, h5, h6					{ color: #333; }
h1										{ font-size: 38px; line-height: 38px; }
h2										{ font-size: 32px; line-height: 34px; }
h3										{ font-size: 21px; line-height: 26px; }
h4										{ font-size: 16px; line-height: 23px; }
h5										{ font-size: 14px; line-height: 20px; }
h6										{ font-size: 14px; line-height: 18px; }
p, ul									{ margin-top: 15px; }
.serif									{ font-family: "Georgia", Serif; font-weight: 400; }
a										{ cursor: pointer !important; }
a:visited,
a:link									{ text-decoration: none; color: #28a4cd; }
a:active,
a:hover									{ text-decoration: none; color: #1996bf; }

#pageWrap								{ width: 960px; margin: 0 auto; position: relative; }
#page									{ width: 890px; padding: 20px 35px; margin: 20px auto 0 auto; position: relative; overflow: hidden; }

#page h2								{ font-size: 24px; }

#page h2,
#pageHeader h3							{ text-align: center; }

#pageHeader h3							{ border-top: 1px solid #EEEEEE; color: #666666 !important; font-family: Arial, Helvetica, Sans-serif; font-size: 21px; font-weight: 400; margin: 0 auto !important; padding-top: 15px; width: 800px; }

.serif									{ font-family: Georgia, Serif; }
.round									{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; }
.shadow									{ -moz-box-shadow: 0px 0px 3px #555; -webkit-box-shadow: 0px 0px 3px #555; box-shadow: 0px 0px 3px #555; }
.left									{ float: left; }
.right									{ float: right; }
.center									{ margin: 0 auto; display: block; }
.italic									{ font-style: italic; }
.sprite									{ display: block; overflow: hidden; }
.hide									{ display: none; }
.button,
.button span							{ display: inline-block; background: url(images/sprite-buttons.png) no-repeat top left; }
.alert									{ width: 90%; padding: 15px; margin: 15px auto; display: block; font-family: Georgia, Arial, Helvetica, Sans-serif; font-size: 18px; font-style: italic; background: #fffdd9; border: 1px solid #f2e291; text-align: center;
										  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

a.buttonMain							{ height: 53px; background-position: right 0px; margin-top: 15px; }
a.buttonMain span						{ padding: 20px 0 19px 30px; margin-right: 30px; background-position: left 0px; font-size: 14px/14px; font-weight: 600; line-height: 1em; color: #fff; text-shadow: 0 1px 1px #2b510c; }
a.buttonMain:hover						{ background-position: right -53px; }
a.buttonMain span:hover					{ background-position: left -53px; }



/*-----------------------------------------------------------------------------------*/
/*	2.  Form Related Styles
/*-----------------------------------------------------------------------------------*/




/*-----------------------------------------------------------------------------------*/
/*	3.  Header Related Styles
/*-----------------------------------------------------------------------------------*/

#header									{ padding: 0 0 12px 0; position: relative; }
#header .logo							{ width: 300px; height: 80px; display: block; float: left; background: url(images/logo.png) no-repeat top left; text-indent: -9999px; }


/*-----------------------------------------------------------------------------------*/
/*	4.  Home Page Related Styles
/*-----------------------------------------------------------------------------------*/


#bgHome									{ width: 100%; min-width: 960px; background-color: #fff; background-image: url(images/bg-home.png); background-repeat: repeat-x; background-position: left -50px; border-bottom: solid 1px #ccc; }
#bgLanding								{ width: 100%; min-width: 960px; background-image: url(images/shield-crowd.png); background-repeat: no-repeat; background-position: center -50px; }


#seenIn									{ width: 960px; height: 50px; margin: 15px 0; background: url(images/bg-as-seen.png) no-repeat top center; }
#seenIn	h3								{ font-size: 18px; line-height: 50px; text-align: center; text-shadow: 0 1px 0 #fff; color: #a6a6a6; text-indent: -9999px; }



/*-----------------------------------------------------------------------------------*/
/*	5.  Sub One Related Styles
/*-----------------------------------------------------------------------------------*/


.bgSub								{ width: 100%; min-width: 960px; background: url(images/bg-sub.png) repeat-x top left #fff; border-bottom: solid 1px #ccc; }
.bgSub h1							{ font-size: 35px; color: #fff; margin: 15px 0 5px 20px; text-shadow: 0px 1px 0px #071E37; }
.bgSub h2							{ font-size: 18px; font-weight: normal; color: #fff; margin: 0 0 15px 20px; text-shadow: 0px 1px 0px #071E37; }
.bgSub h2 a							{ color: #fbd22d; }

#page h1,
#page h2,
#page h3,
#page h4							{ color: #333; text-shadow: none; margin: 20px 0; }

.bgSub .main						{ width: 600px; float: left; }
.bgSub .aside						{ width: 240px; min-height: 300px; padding: 20px 0 40px 20px; margin-top: 50px; background: url(images/bg-aside.png) repeat-y top left; float: right; position: relative; font-size: 0.9em; }
.bgSub .aside h2,
.bgSub .aside h3,
.bgSub .aside h4,
.bgSub .aside h5,
.bgSub .aside h6					{ font-size: 1.2em; margin: 20px 0 5px 0 !important; }
.bgSub .aside .top,
.bgSub .aside .bottom				{ display: block; height: 70px; width: 280px; position: absolute; top: 0px; left: 0px; z-index: 1; }
.bgSub .aside .top					{ background: url(images/bg-aside-top.png) no-repeat top left; }
.bgSub .aside .bottom				{ background: url(images/bg-aside-bottom.png) no-repeat bottom left; bottom: -1px; top: auto; }
.bgSub .aside .inner				{ position: relative; z-index: 2; }



/*-----------------------------------------------------------------------------------*/
/*	6.  Page Specific Styles
/*-----------------------------------------------------------------------------------*/

h1, h2, h3, h4						{ font-family: "Chunk", Arial, Helvetica, Sans-Serif; font-weight: normal; line-height: 1.2em; }
h1									{ font-size: 45px; margin: 10px 0; color: #fff;  text-shadow: 0px 1px 0px #071E37; }
h2									{ margin-bottom: 70px; font-size: 26px; font-weight: normal; color: #fff; text-align: center; text-shadow: 0px 1px 0px #071E37; }
h2 i								{ color: #f9d140; }
h3									{ font-size: 28px; color: #484848; }
h4									{ font-size: 18px; color: #484848; }



/* Landing */

#heroWrap							{ height: 410px; position: relative; }
#heroWrap h1,
#heroWrap h2						{ text-align: center; }
#heroWrap h1						{ margin: 0; }
#heroWrap h2						{ font-family: Arial, Helvetica, Sans-Serif; font-size: 24px; margin: 0; }

#heroWrap .left						{ padding: 0 0 0 50px; }
#heroWrap .left li					{ padding: 7px 0 7px 35px; background: url(images/check.png) no-repeat left center; font-size: 22px; color: #fff; }
#heroWrap .left ul					{ margin: 70px 0 15px 0; }
#heroWrap #downloadWrap				{ width: 349px; height: 270px; background: url(images/bg-downloadWrap.png) no-repeat top left; position: absolute; bottom: 1px; right: 50px;}
#downloadWrap #cnetRating			{ position: absolute; top: -30px; left: 49px;}
#downloadWrap #btnFree2				{ width: 331px; height: 101px; display: block; margin: 80px auto 30px; cursor: pointer; }
#downloadWrap span					{ padding: 15px 170px 15px 0; margin-left: 65px; background: url(images/platforms.png) no-repeat right center; color: #105a80; text-shadow: 0px 1px 0px #89d1ed; }

#content							{ padding: 50px 20px; background: url(images/bg-shadow.png) no-repeat top center; }
#content .main						{ width: 620px; padding-right: 15px; float: left; }
#content .sub						{ width: 270px; padding-left: 15px; float: left; }

#content .main h4					{ margin-top: 20px; }
#content .main ul					{ list-style: disc; }
#content .main li					{ margin-left: 15px; }

#content #buyNowWrap				{ width: 671px; margin: 0 auto; background: url(images/bg-buy-now.jpg) no-repeat top center; text-align: center; }
#content #buyNowWrap h2				{ font-size: 62px; color: #484848; line-height: 1em; padding: 85px 0 15px 0; margin: 0; text-shadow: none; }
#content #buyNowWrap h3				{ font-size: 22px; color: #2890ca; margin-bottom: 10px; }
#content #buyNowWrap #btnBuyNow		{ width: 352px; height: 108px; display: block; margin: 30px auto 0 auto; background: url(images/btn-buy-now.png) no-repeat top left; text-indent: -9999px; }
#content #buyNowWrap #btnBuyNow:hover { background: url(images/btn-buy-now.png) no-repeat bottom left; }
#content #buyNowWrap p				{ margin: 0; position: relative; top: -10px; left: 0px; }

#content #social					{ width: 120px; margin: 0 auto; }
#content #social li					{ width: 120px; padding: 5px 0; text-align: center; }

#content .sub h5					{ font-size: 18px; color: #666; padding-bottom: 10px; margin-bottom: 20px; border-bottom: solid 1px #ddd; }
#content strong						{ color: #454545; }


/* Arabic Overrides */

.rtl #header .logo					{ width: 300px; height: 80px; display: block; float: right; margin-right: 20px; background: url(images/logo.png) no-repeat top left; text-indent: -9999px; }

.rtl h1								{ font-weight: bold; font-size: 60px; margin: 10px 0 0 0; }
.rtl h2								{ margin: 0 0 60px 0; }
.rtl h3								{ font-size: 40px; font-weight: bold; }
.rtl h4								{ font-size: 24px; font-weight: bold; font-family: Arial, Helvetica, Sans-serif; }
.rtl #heroWrap h3					{ margin: 70px 0 55px; font-weight: normal; }

.rtl #heroWrap .left li				{ padding:7px 35px 7px 0; background-position: right center; }

.rtl #content .sub h5				{ font-weight: bold; }




/* Thank You */

#tableHeader									{ padding: 20px 0 10px 0; font-size: 21px; text-align: center; }

#thanks #page 
#dlTable 										{ width: 750px; margin: 20px auto 20px auto; border: none; position: relative; }
#dlTable th										{ padding: 10px 5px; }
#dlTable td										{ padding: 10px 5px; }
#dlTable th										{ font-size: 18px; color: #0d70ca; font-weight: 700; }
#dlTable th span								{ font-size: 16px; color: #666; font-weight: 400; }
#dlTable th a									{ display: block; width: 201px; height: 55px; }
#dlTable .col1 									{ width: 350px; vertical-align: middle; }
#dlTable .col2 									{ width: 200px; }
#dlTable .col3 									{ width: 200px; }
#dlTable #btnFree								{ display: block; width: 201px; height: 55px; background: url(images/btn-download.png) no-repeat top left; text-indent: -9999px;  }
#dlTable #btn-elite								{ display: block; width: 200px; height: 54px; background: url(images/btn-buy-now.png) no-repeat top left; text-indent: -9999px; }		
#dlTable tr td span								{ display: block; font-size: 16px; font-weight: 700; color: #0d70ca; }
#dlTable tr.odd	 								{ background: #fcfcfc; border-top: solid 1px #eee; border-bottom: solid 1px #eee; }
#dlTable #featured								{ width: 298px; height: 71px; display: block; background: url(images/featured.jpg) no-repeat center center; }

#dlTable thead tr								{ margin-bottom: 5px; }
#dlTable .yes 									{ background-image: url(images/check.png); background-repeat: no-repeat; background-position: center center; }
#osWrap											{ width: 725px; margin: 0 auto; }
#osWrap .iphone_promo 							{ float: left; background: transparent url(images/callout-iphone.png) no-repeat 0 1px; width: 355px; height: 172px; }
#osWrap .android_promo 							{ float: left; background: transparent url(images/callout-adr.png) no-repeat 0 0; width: 355px; height: 178px; margin-left: 15px; }

#socialWrap										{ padding: 25px 0; margin: 20px 0; position: relative; }
#socialWrap .left								{ width: 545px; padding: 10px; background: #f8f8f8; border: solid 1px #ddd; }
#socialWrap .left h4							{ padding: 10px 0; margin: 0; text-shadow: 0 1px 0px #fff; }
#socialWrap .left ul							{ list-style: disc; margin: 0 0 0 20px; }
#socialWrap .left li							{ padding: 5px 0; text-shadow: 0 1px 0px #fff; }
#socialWrap .left h5							{ text-shadow: 0 1px 0px #fff; }
#socialWrap .right								{ width: 300px; margin: 5px 5px 0 0; }
#socialWrap .right h6							{ margin-bottom: 5px; }

#thanks #social									{ position: absolute; top: -31px; right: 8px; }
#thanks #social li								{ float: left; margin-right: 5px; }


/* Arabic Overrides */

.rtl #thanks h1									{ font-size: 38px; padding-right: 20px; }

.rtl #socialWrap								{ padding: 25px 0; margin: 20px 0; position: relative; }
.rtl #socialWrap .right							{ width: 545px; padding: 10px; margin: 0 0 0 0; background: #f8f8f8; border: solid 1px #ddd; }
.rtl #socialWrap .right h4						{ padding: 10px 0; margin: 0; text-shadow: 0 1px 0px #fff; }
.rtl #socialWrap .right ul						{ list-style: disc; margin: 0 20px 0 0; }
.rtl #socialWrap .right li						{ padding: 5px 0; text-shadow: 0 1px 0px #fff; }
.rtl #socialWrap .right h5						{ text-shadow: 0 1px 0px #fff; }

.rtl #socialWrap .left							{ width: 300px; margin: 5px 0 0 0px; background: transparent; border: none; }
.rtl #socialWrap .left h6						{ margin-bottom: 5px; }

.rtl #socialWrap .left #social					{ position: absolute; top: -12px; left: 18px; margin: 0; padding: 0; list-style-type: none; }
.rtl #socialWrap .left #social li				{ float: left; }



/*-----------------------------------------------------------------------------------*/
/*	7.  Footer Related Styles
/*-----------------------------------------------------------------------------------*/

#footerWrap										{ width: 100%; background: #e6e6e6; border-top: solid 1px #fafafa; }
#footer											{ width: 960px; margin: 0 auto; padding: 20px 0; font-size: 12px; color: #888; font-family: "Georgia", Times New Roman, Serif; text-shadow: 0 1px 0px #fafafa; }
#footer p										{ text-align: center; }
#footerMenu										{ margin: 0; text-align: center;}
#footer ul li									{ display: inline; text-align: center; }
#footer ul li a									{ color: #666; padding: 5px 8px; }
#footer #copyrightWrap p						{ margin-top: 5px; }

