/* CSS by Zeeshan Shaikh (www.CreativeZed.com) */

body { margin: 0; border: 0; padding: 0; background: #f2f0f0 left top repeat-x url(../images/bg.png); font: 12px/18px Arial, Helvetica, sans-serif; color: #000; }
a { color: #bf004c; text-decoration: underline; }
a:hover { text-decoration: none; }

h2, h2 a { font: 16px/22px Arial, Helvetica, sans-serif; margin: 0; padding: 15px 0; color: #b50101; text-decoration: underline; }
h2 a:hover { text-decoration: none; }
h1 { font: 38px/40px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #bf004c; letter-spacing: -2px; margin: 0; padding: 0 0 10px 0; }

div#main-con { width: 946px; margin: 0 auto; }

div#bismillah { float: left; width: 300px; background: left center no-repeat url(../images/bismillah.jpg); padding: 0 0 0 150px; }
div#top-nav { height: 40px; font: 12px/40px Arial, Helvetica, sans-serif; color: #000; padding: 0 15px 0 15px; }
div#top-nav a { color: #000; text-decoration: none; }
div#top-nav a:hover { text-decoration: underline; }
div#top-nav ul { padding: 0; margin: 0; float: right; }
div#top-nav ul li { display: inline; list-style: none; padding: 0; margin: 0; }

div#header-con { clear: both; height: 100px; background: #c1004d left top repeat-x url(../images/header-bg.png); }
div#header { height: 100px; background: right top no-repeat url(../images/header-rt.png); }
div#logo { width: 348px; float: left; }
div#logo img { border: 0; float: left; }
div#main-nav { float: left; width: 598px; }
div#nav img { float: left; border: 0; }
div#nav { width: 490px; margin: 0 auto; padding: 30px 0 0 0; }

div#page-con { background: #000 left top repeat-x url(../images/page-bg.png); padding: 12px; overflow: hidden; }
div#page {}
div#sub-page { background-color: #fff; padding: 20px; }
div#video-section { background-color: #fff; height: 370px; margin: 0 0 10px 0; }
div#video-section #lt { width: 427px; float: left; }
div#video-section #rt { padding: 15px 0 12px 10px; float: left; }
div#signup-box { background-color: #ececec; padding: 5px 10px 20px 25px; height: 122px; }
div#signup-box form { margin: 0; padding: 0; }
div#signup-box #email-signup { width: 385px; height: 34px; background: no-repeat url(../images/text-box.png); }
#email-signup #email-field { width: 370px; margin: 8px 0 0 8px; padding: 2px 0; float: left; border: 0; font: bold 12px Arial, Helvetica, sans-serif; }
#download-link-btn { float: left; padding: 10px 0 0 0; }

div#box1 { float: left; height: 156px; width: 548px; margin: 0 10px 10px 0; overflow: hidden; background-color: #fff; }
div#box1 p { float: left; padding: 5px 20px 0 20px; margin: 0; }

div#box2 { float: right; width: 364px; height: 156px; margin: 0 0 10px 0; overflow: hidden; background-color: #fff; }
div#box2 img { float: left; border: 0; }
div#follow-us { padding: 0 0 0 20px; }
div#follow-us img { padding: 30px 15px 0 0; }

div#box3 { clear: both; float: left; height: 208px; width: 557px; margin: 0 10px 0 0; overflow: hidden; background-color: #fff; padding: 15px; }
div#box3 img { border: 0; float: left; }
div#box3 img.ad1 { padding: 0 25px 0 0; }

div#box4 { float: left; height: 238px; width: 325px; overflow: hidden; background-color: #fff; }
div#box4 p { float: left; padding: 5px 20px 0 20px; margin: 0; }

div#footer { clear: both; height: 60px; font: 12px/60px Arial, Helvetica, sans-serif; color: #fff; }
div#footer a { color: #fff; text-decoration: none; }
div#footer a:hover { text-decoration: underline; }
div#footer ul { padding: 0; margin: 0; float: left; }
div#footer ul li { display: inline; list-style: none; padding: 0; margin: 0; }

.price { font: 12px/18px Arial, Helvetica, sans-serif; color: #000; text-decoration:line-through;}
.p-16 {font: 16px/22px Arial, Helvetica, sans-serif; color: #000;}
.bluelink { font: 18px/22px Arial, Helvetica, sans-serif; color:#0033FF; }