html {
color : #000;
background : #fff;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin : 0;
padding : 0;
}
:focus {
outline : none;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
fieldset, img a {
border : none;
}
address, caption, cite, code, dfn, th, var {
font-style : normal;
font-weight : normal;
}
li {
list-style : none;
}
caption, th {
text-align : left;
}
h1, h2, h3, h4, h5, h6 {
font-size : 100%;
font-weight : normal;
}
q:before, q:after {
content : '';
}
abbr, acronym {
border : 0;
font-variant : normal;
}
sup {
vertical-align : text-top;
}
sub {
vertical-align : text-bottom;
}
input, textarea, select {
font-family : inherit;
font-size : inherit;
font-weight : inherit;
}
legend {
color : #000;
}
del, ins {
text-decoration : none;
}
.clearfix:after {
display : block;
clear : both;
visibility : hidden;
line-height : 0;
height : 0;
}
.clearfix {
display : inline-block;
}
html[xmlns] .clearfix {
display : block;
}
* html .clearfix {
height : 1%;
}
.spacer {
clear : both;
font-size : 0;
line-height : 0;
}
body, html {
font : 12px/18px Arial, Helvetica, sans-serif;
background : #000 url(images/body-bg.gif) repeat 0px 43px;
text-align : left;
color : #000000;
}
h1 {
font : bold 24px Arial, Helvetica, sans-serif;
color : #333333;
}
h2 {
font-size : 18px;
}
h3 {
font-size : 13px;
}
h1 {
font : bold 25px Arial, Helvetica, sans-serif;
color : #333333;
padding : 10px 0;
}
p {
text-align : justify;
color: #999
}
h2, h3 {
font : bold 15px Arial, Helvetica, sans-serif;
color : #999;
padding : 6px 0;
border-bottom: 1px solid #333
}
a {
font : normal 12px Arial, Helvetica, sans-serif;
color : #666666;
text-decoration : none;
}
a:hover {
text-decoration:underline
}
a img{ border: 0px}
input {
vertical-align : middle;
}
html, body, #container {
height : 100%;
}
body > #container {
height : auto;
min-height : 100%;
}
#container {
width : 1000px;
background : #000 url(images/container-bg.png) repeat-y right 29px;
margin : 0 auto;
text-align : left;
padding-bottom : 30px;
}
#header {
display : block;
height : 132px;
width : auto;
background: url(images/header-bg.png) no-repeat bottom right;
}
#header h1 a {
padding : 0;
margin : 0;
font : bold 30px Arial, Helvetica, sans-serif;
background : url(images/iphone-apps-gallery.png) no-repeat left bottom;
width : 330px;
height : 80px;
text-indent : -999999px;
display : block;
}



#navbar {
width : auto;
background : #9a9a9a;
display : block;
padding : 6px;
background: #000
}
#navbar ul, #navbar li {
margin : 0;
padding : 0;
list-style : none;
float : left;
}
#navbar a {
color : #000;
}
#navbar li a:link, #navbar li a:visited {

background:url(images/navbar-bg.png) repeat-x;
color : #000;
height : 41px;
display : inline;
float : left;
width : auto;
padding : 6px 6px;
margin-left : 3px;
}
#navbar li a:hover {
color : #ffffff;
background : #000;
}

#menu{ float: left; margin-right: 32px;}
#menu li { display: block; float: left; background:url(images/navbar-bg.png) repeat-x; width: auto; padding: 12px 27px; margin: 0px; cursor: pointer}
#menu li  a{ color: #FFF; font-weight: bold; font-size: 14px;}
#menu li:hover { display: block; float: left; background:url(images/navbar-bg-hover.png) repeat-x; width: auto; padding: 12px 27px; text-decoration: none}
#menu li.selected{ display: block; float: left; background:url(images/navbar-bg-hover.png) repeat-x; width: auto;}
#menu a:hover { text-decoration: none}

#maincontent {
width : auto;
display : block;
}
#maincontent h1 {
margin-bottom : 4px;
color : #808080;
font-size : 18px;
font-weight : bold;
font-family : Calibri, Arial, Helvetica, sans-serif;
}
#column_left {
width : 160px;
float : left;
margin-left : 15px;
padding : 15px;
position : relative;
}
#column_content {
width : 650px;
float : left;
padding-left : 18px;
}
#column_content p{ padding-bottom: 10px}
#column_content .content { color: #999; margin: 20px 0px 20px 20px; font-size: 12px; }
#column_content .content p { margin-bottom:10px; }
#column_content .content a{ color: #999; text-decoration: underline}
#column_content .content a:hover{ color: #fff; text-decoration: none}

#column_content .content .appimg { float:left; margin: 6px 15px 15px 0px; border: 0px solid #333333}
#column_content .content #respond h3{ border-bottom: 1px solid #333}


#column_content h1 {
border-bottom : 1px solid #272727;
padding-bottom : 4px;
margin-bottom : 4px;
color : #808080;
font-size : 18px;
font-weight : bold;
font-family : Calibri, Arial, Helvetica, sans-serif;
}
#column_content .container {
float : left;
width : 154px;
color : #ffffff;
padding : 10px 30px 30px 30px;
}

#column_content .container .insider {
	width : 160px;
}

#column_content .container h2 a {
font-family : Calibri, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 16px;
color : #cccccc;
}
#column_content .container h2 a:hover {
font-family : Calibri, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 16px;
color : #fff;
}
#column_content .container .appimg {
border : 1px solid #666666;
margin : 6px 0;
}
#column_content .seperater {
background : url(images/seperater.png) repeat-x top center;
height : 20px;
clear : both;
}
#column_right {
width : 279px;
float : right;
margin-right: 20px;
border-top: 10px solid #000;
color : #adadad;
}
#column_right p {
color : #adadad;
}
#column_right .section {

}
#column_right .section h2 {
background : url(images/right-head.png) no-repeat left top;
color : #8e8f90;
display : block;
padding : 10px 0 20px 12px;
margin : 0;
}
#column_right .section .insider {
color : #adadad;
margin : 0 auto;
padding : 0 14px 20px 14px;
}
#column_right .section .insider .advert57 li {
float : left;
width : 57px;
height : 57px;
display : block;
border : 0px solid #4a4b4d;
padding : 0;
margin : 12px;
}
#column_right .section .insider .cat-list li {
float : left;
width : 125px;
display : inline;
padding : 3px 0;
margin : 0px;
}
#column_right .section .insider .cat-list li a{
color:	 #adadad
}
#column_right .section .insider .cat-list li a:hover{
color:	 #999
}


/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 0px solid darkred;
}

#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
}


.form {
width : auto;
}
.form label {
font : normal 12px Arial, Helvetica, sans-serif;
color : #000;
float : left;
}
.form input, .form textarea {
clear : both;
display : block;
width : 180px;
border : 1px solid #666;
padding : 4px 0;
margin-bottom : 6px;
}
.form select {
width : 180px;
margin-bottom : 6px;
}
.form textarea {
height : 40px;
}
.form .button {
width : 75px;
padding : 3px;
text-align : center;
background : #a4d047;
border : 1px solid #000;
margin : 0 auto;
margin-top : 10px;
cursor : pointer;
color : #000;
}
.banner-bottom {
clear : both;
background : #3a4045;
height : 260px;
text-align : center;
width : 960px;
margin : 0 auto;
border-top : 10px solid #000;
}
.banner-bottom span {
color : #fff;
clear : left;
color : #333;
padding-left : 10px;
}
.banner-bottom .p1, .banner-bottom .p2, .banner-bottom .p3 {
width : 300px;
margin-left : 8px;
display : block;
height : 250px;
float : left;
text-align : left;
padding-left : 10px;
}
.banner-bottom .p1 {
display : inline;
padding: 20px 0 0 0;
}
.banner-bottom .p1 p{ padding-bottom: 20px;}
.banner-bottom  h1,.banner-bottom  h1,.banner-bottom  h1{ font-size: 16px; color: #9c9fa1}
.banner-bottom .p1 li {float : left; background: url(images/bullet.png) no-repeat left 15px; padding-left: 12px; padding-top: 8px}
.banner-bottom .p3 li {float : left; width: 260px; background: url(images/calender.png) no-repeat left 9px; padding: 6px 20px; border-bottom: 1px solid #535659; font-weight: normal}
.banner-bottom .p1 span{ font-size: 11px; color: #999; display: block; margin-left: -10px; border-bottom: 1px solid #535659; padding-bottom: 6px; margin-bottom: 6px; width:290px}
.banner-right {
position : relative;
width : 350px;
background : #840000;
height : 290px;
margin : 20px;
float : right;
text-align : center;
vertical-align : middle;
color : #333;
display : inline;
font : bold 35px Arial, Helvetica, sans-serif;
}
.banner-right2 {
background : #f00;
position : absolute;
z-index : 100;
top : 4px;
left : 4px;
width : 350px;
height : 290px;
}
.banner-right2 span {
position : absolute;
top : 2px;
left : 55px;
color : #fff;
}
#footer {
position : relative;
margin : 0 auto;
clear : both;
background : #000 url(images/container-footer-bg.png) repeat-y right top;
color : #999999;
border : 1px solid #000;
border-top : 0 none;
width : 1000px;
padding-bottom : 10px;
}
#footer p, #footer a {
text-align : center;
font-size : 12px;
color : #adadad;
}

#footer a:hover {
text-decoration : underline;
}

.cssform{ margin-top: 20px; background:#0a0a0a; border: 1px solid #1b1b1b; margin-left: 20px; padding: 20px;}
.cssform p{
clear: left;
margin: 0px auto;
padding: 9px 0 20px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-bottom: 1px dashed #333333;
height: 1%;
color: #999999
}

.cssform label{
font-weight: bold;
float: left;
padding-top: 4px;
margin-left: -125px; /*width of left column*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 320px;
padding: 4px 0px;
}

.cssform textarea{
width: 320px;
height: 140px;
}
.cssform .submit{ margin: 12px 0px 12px 216px; }
.cssform .submit input{ border: none; background: url(images/button-bg.gif) repeat-x top; padding: 6px 12px; color: #FFFFFF; font-size: 17px; text-transform: uppercase; font-weight: bold; margin-right: 5px; cursor: pointer}



.small-text {
font-size : 11px;
}
.left-align {
text-align : left;
}
.right-align {
text-align : right;
}
.fltrt {
float : right;
}
.fltlft {
float : left;
}
.clr {
clear : both;
height : 1px;
overflow : hidden;
visibility : hidden;
display : block;
}
.hide {
display : none;
}
.right {
float : right;
}
.left {
float : left;
}
.fl_none {
float : none;
}
.cl {
clear : both;
}
.red {
color : red;
vertical-align : middle;
}
.white {
color : #fff;
}
.green {
color : #80a71f;
}
.small {
font-size : 11px;
}
.italic {
font-style : italic;
}
.margin {
margin : 10px;
}
.margin-left {
margin-left : 10px;
}
.margin-right {
margin-right : 10px;
}
.margin-right2 {
margin-right : 20px;
}
.padding {
padding : 10px;
}
.background_none {
background : none;
}
.border_none {
border : none;
}
.light_grey {
color : #f2f1e8;
}
.width_half {
width : 50%;
}
.clearfloat {
clear : both;
height : 0;
font-size : 1px;
line-height : 0;
}
.clearboth {
clear : both;
}


.categorycombo {
	padding: 4px; width: 320px;
}

.error {
	color:#FF0000;
	text-align:left;
	float:left;
	clear: both;
}

.cssform input.code {
	width:100px;
}

ul.footerlink {
	text-align:center;
	padding: 8px
}

ul.footerlink li{
	display:inline;
	margin-right:10px;
}

p.wdpajax-error {
	border:0px;
	color:#FF0000;
	font-weight:bold;
}
p.wdpajax-success {
	border:0px;
	color:#009900;
	font-weight:bold;
}

#column_content table {
	border:1px solid #999999;
	width:630px;
	color:#999999;
	margin:10px 0px 0px 20px;
	border-bottom:none;
	
}

#column_content table th {
	background-color:#999999;
	color:#FFFFFF;
}
#column_content table td, #column_content table th {
	padding:2px 0px 2px 5px;
	border:1px solid #999999;
}	

.toptext {
	width:600px;
	text-align:left;
	margin:20px 30px 10px 30px;
}

/* ######### Drop Down ULs CSS ######### */
#navigation{ background: url(images/navigation-bg.png) repeat-x top center; width: 100%; height: 36px; color: #383838; font: bold 14px Calibri, Arial, Helvetica, sans-serif; border-top: 1px solid #000}
.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/

font: bold 14px Calibri, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: #E7F0F6;
border: 0px solid #E7F0F6;
border-bottom-width: 0px;
visibility: hidden;
z-index: 100;

}

.ddsubmenustyle li a{
display: block;
width: 190px; /*width of menu (not including side paddings)*/
color: #f1f1f1;
background-color: #545454;
text-decoration: none;
padding: 6px 5px;
border-bottom: 1px solid #000;
font: bold 12px Calibri, Arial, Helvetica, sans-serif;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: #9a9a9a;
color: #FFF;
text-decoration: none;
font: bold 12px Calibri, Arial, Helvetica, sans-serif;

}


.mattblackmenu ul{
margin: 0px auto;
padding: 0;
font: bold 14px Calibri, Arial, Helvetica, sans-serif;
list-style-type: none;
border-bottom: 0px solid gray;
background: none;
overflow: hidden;
width: 990px;
background:url(images/navigation-bg.png) repeat-x top center;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 22px; /*padding inside each tab*/
border-left: 1px solid #9a9a9a; /*right divider between tabs*/
color: #383838;
background:url(images/navigation-bg.png) repeat-x top center;
font: bold 14px Calibri, Arial, Helvetica, sans-serif;
}



.mattblackmenu li a:hover{
background: none; /*background of tabs for hover state */
color: #d4d4d4;
text-decoration: none;
background:url(images/navigation-bg-hover.png) repeat-x top center;
font: bold 14px Calibri, Arial, Helvetica, sans-serif;
}

.mattblackmenu a.selected{
color: #FFF;
text-decoration: none;
background:url(images/navigation-bg-hover.png) repeat-x top center;
}

.postmetadata a {
	font-size:10px;
}

#comments {
	background:#666666; 
	margin: 20px; 
	padding: 10px; 
	height: auto; 
	float: left; 
	width: 95%;	
}
.comment-body {
margin-bottom:20px;
}
.commentlist a {
	color:#000000;
	
}
.commentlist p {
	color:#ccc;	
}

.comment-body .avatar {
	float:left;
	margin-right:10px;
}

.googlead {
	background-color:#999999; 
	width:600px;
	text-align:center;
	margin:0px 30px 0px 30px;
	padding-top:5px;
	height:25px;
}

.footeradsense {
	width:960px;
	text-align:center;
	padding-bottom:10px;
	background-color:#3A4045; 
	margin:0 auto;
}

.contentgooglead {
	width:600px;
	margin:0 auto;
	text-align:center
}
#sponsorAdDiv {position:absolute; height:1; width:1px; top:0; left:0;}
.fb_iframe_widget { margin-left:20px; }

ul.app-sale-listing{ }
ul.app-sale-listing li { border-bottom: 1px dashed #333; padding-bottom: 15px;}
ul.app-sale-listing li p.thumb{ float: left; width: 160px; padding: 20px;}
ul.app-sale-listing .app-details p.price{ width: 100px; text-align: center; font-weight: bold; color: #333; background:url(images/price-tag.jpg) no-repeat; font-size: 21px; padding: 10px 0 0 0px; margin-top: 10px;}
ul.app-sale-listing li .app-details{ padding: 10px 0; float: right; width: 450px}
ul.app-sale-listing li .app-details .download{ float:right; margin:0; padding:0; width:111px;}
ul.app-sale-listing li .app-details form{ width: 192px !Important}
ul.app-sale-listing li .app-details form input{ margin:0px; padding: 0; float: right;}
ul.app-sale-listing h2{ border: 0px}
ul.app-sale-listing li .app-details .readmore{ background:url(images/btn-readmore.png) no-repeat; float: left; width: 80px; text-indent: -9999999px; cursor: pointer; border: none; height: 23px;}
ul.app-sale-listing li .app-details h2{ border: none !Important}
ul.app-sale-listing li .app-details h2 a{ font: bold 18px Geneva, Arial, Helvetica, sans-serif}
ul.app-sale-listing li .app-details p.details{ padding: 0; display: block; float: right; width: 510px} 
ul.app-sale-listing li p.preview{ float: left; padding: 4px; margin: 4px; min-width: 300px; min-height: 300px; text-align: center; background: #191919; border: 4px solid #313131}
ul.app-sale-listing li .paypal{ clear:both; padding: 10px; margin: 10px; text-align: center;}

ul.source-list{ padding: 0; margin: 0; list-style: none}
ul.source-list li{ padding: 6px 0; margin: 0; list-style: none; background:url(images/bullets.gif) no-repeat 4px 12px; padding-left: 18px; border-bottom: 1px solid #363739}
ul.source-list li a{ color: #8e8f90; font-weight: bold; text-decoration: none; display:block}
ul.source-list li a:hover{ color: #f1f1f1; font-weight: bold; text-decoration: none}

.howworks{ padding: 20px}
.sourcecode-divider{ background: url(images/buy-sell-divider.jpg) no-repeat; padding:10px; margin: 20px 10px 0 10px}
#column_content h1.head{ color: #F1f1f1; padding: 10px 0; margin: 10px 0; border: none}
.howworks .step1{ background:url(images/help-step-1.jpg) no-repeat left top; padding-left: 64px; color: #ababab; font: bold 16px 'Calibri', Arial, Helvetica, sans-serif; margin-bottom: 20px}
.howworks .step2{ background:url(images/help-step-2.jpg) no-repeat left top; padding-left: 64px; color: #ababab; font: bold 16px 'Calibri', Arial, Helvetica, sans-serif; margin-bottom: 20px}
.howworks .step3{ background:url(images/help-step-3.jpg) no-repeat left top; padding-left: 64px; color: #ababab; font: bold 16px 'Calibri', Arial, Helvetica, sans-serif; margin-bottom: 20px}
.howworks .imgleft{ float: left; padding: 0 20px 20px 0}