html, ul, li, p, h1{
margin:0;
padding:0px;
}
body{
margin:0;
padding:0px;
background:#000000;
}
body p{
margin-bottom:15px;
margin-top:5px;
}
#wrapper{
background:#000000 url(../images/body_bg.png) repeat-x bottom left;
}
#container{
width:900px;
min-height:800px;
margin:0 auto;
padding-bottom:35px;
font-family:Arial, Helvetica, sans-serif;
}
#container h1{
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
text-align:center;
margin-bottom:7px;
}
#container #top{
margin-bottom:7px;
}
#container #top ul{
list-style:none;
font-size:10px;
color:#CCCCCC;
}
#container #top ul li{
display:inline;
color:#333333;
}
#container #top ul li a, #top ul li a:active, #top ul li a:visited{
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#container #top ul li a:hover{
color:#FFFFFF;
}
#container #menuWrap{
margin-bottom:20px;
}
#container #content{
color:#CCCCCC;
}
#container #content p{
font-size:13px;
}
#container #content h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:16px;
margin-bottom:5px;
}
#container #content h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:14px;
font-style:italic;
color:#999999;
margin-top:0;
}
#container #content a, #content a:active, #content a:visited{
color:#FFCC00;
text-decoration:none;
}
#container #content a:hover{
color:#FF6600;
}
#container #content #leftColumn{
float:left;
width:359px;
}
#container #content #rightColumn{
float:right;
width:521px;
border-left:1px solid #CCCCCC; 
padding-left:10px;
}
#container #content #flashWrap{
text-align:center;
width:900px;
}

/* PNG transparency background image fix */
/* filter for IE */
#container #content .logoFlash{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.webdesigner506.com/images/logoFlash_bg.png');
}
/* IE ignores styles with [attributes] so this will be taken by the other browsers */
#container #content .logoFlash[class]{
background:url(http://www.webdesigner506.com/images/logoFlash_bg.png) no-repeat center center;
}
/* PNG fix end */

#footer{
background:#000000;
text-align:center;
color:#CCCCCC;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin-top:10px;
padding:15px;
}
#footer ul{
list-style:none;
}
#footer ul li{
display:inline;
color:#FFFFFF;
}
#footer ul li a, #footer ul li a:active, #footer ul li a:visited{
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#footer ul li a:hover{
color:#a2d727;
}
.tableStyle{
float:left;
list-style:none;
margin-right:30px;
}
.tableStyle img{
margin-right:10px;
}
.clear{
clear:both;
}

#content .thumbnail{
width:224px;
float:left;
margin-right:110px;
margin-bottom:20px;
}
#content .thumbnail .imageWrap{
background:url(../images/ajax-loader.gif) no-repeat center center;
height:92px;
}
#content .thumbnail h4{
color:#FFFFFF;
margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px solid #333333;
font-size:14px;
color:#FFFFFF;
}
#content .thumbnail .thumbText a{
color:#2fabf5;
font-size:10px;
}
#content .thumbnail .thumbText a img{
margin-right:10px;
}
#content .thumbnail .imageWrap{
margin-bottom:15px;
}
#content #rightColumn .thumbnail{
width:224px;
float:left;
margin-right:20px;
margin-bottom:20px;
}
#content #rightColumn .thumbnail h4{
color:#FFFFFF;
margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px solid #333333;
font-size:14px;
}
#content #rightColumn .thumbnail .thumbText a{
color:#2fabf5;
font-size:10px;
}
#content #rightColumn .thumbnail .thumbText a img{
margin-right:10px;
}
#content #rightColumn .thumbnail .imageWrap{
margin-bottom:15px;
}
#content #screenshot{
float:left;
width:640px;
height:480px;
background:url(../images/ajax-loader.gif) no-repeat center center;
}
#content #description{
float:right;
width:250px;
}
#content #description a{
font-size:12px;
margin-right:40px;
}
#container #content .colorGreen{
color:#a2d727;
}
.colorOrange{
color:#eea500;
}
.colorBlue{
color:#2fabf5;
}
#container #top ul li .current{
color:#FFFFFF;
font-weight:bold;
}
#content #leftColumn .links-list{
float:left;
margin-right:30px;
}
#content #leftColumn .links-list li{
list-style:none;
margin-bottom:5px;
}
#content #leftColumn .links-list a, #leftColumn .links-list a:visited, #leftColumn .links-list a:active{
font-size:12px;
}