:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0; border:none; }
address { font-style:normal }

body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, Verdana; 
	font-size:11px;
	color: #444444;
	background-color:#146471;	
	line-height:20px;	
	background-image:url("images/background.gif");
	background-repeat:repeat-x;
}

:focus, :active { 
	outline: 0; 
}

img {
	border:0;
}

form{
	margin:0;
	padding:0;
}

h1{
	float:left;
	font-size:16px;
	color:#FF5A00;
	margin-bottom:10px;
}

h2{
	font-size:14px;
	color:#434343;
}

a:link, a:visited, a:hover{
	color:#434343;
	text-decoration:underline;
}
a:hover{
	color:#FF7930;
	text-decoration:underline;	
}

.side-header{
	font-size:16px;
	font-weight:bold;
	color:#434343;
}

.top-header{
	width:980px;
	height:40px;
	background:url("images/header-back.png") no-repeat 0 0;
}
.bottom-footer{
	width:980px;
	height:40px;
	background:url("images/footer-back.png") no-repeat 0 0;
}

#body
{
	margin:0 auto;
	width:980px;
	position:relative;
}
.container{
	width:980px;
	background:url("images/container-back_left.png") repeat-y 0 0;
}
.container_right{	
	width:980px;
	background: url("images/container-back_right.png") repeat-y top right;
}
.container_inside{
	width:930px;
	margin:0 5px;
	padding:0 20px;
	background-color:#fff;	
}
.content_background
{
	float:left;
	width:930px;
	background:#fff url("images/content-background.jpg") repeat-y 0 0;	
}
.content_top_ads
{
	height:25px;
}



.menu{
	width:928px;
	height:30px;
	margin:15px 0 0 0;
	padding-top:0;
	clear:both;
	
	
	background:url("images/menu-back.gif") repeat-x 0 0;
	border:1px solid #46727B;
}
.menu a, .menu a:visited{
	color:white;
	text-decoration:none;
	display:block;
	float:left;
	padding:5px 10px;
	margin-left: 10px;
}
.menu a:hover{
	color: #FFDB98;
}

div#navigation {
	position:absolute;
	top:137px;
	left:20px;
	width: 550px;
	padding: 3px 0;
	font-size: 11px;
	line-height:1.4em;
	z-index:0;
}
div#transmenu ul {
	list-style: none;
	padding:0 20px 30px 0;
	margin:0;	
}
div#transmenu li {
	display: inline;	
}
div#transmenu a:link, div#transmenu a:visited {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #77B8C7;
	border: 1px solid #46727B;
	padding:0;
	margin:0;
	padding: 2px 8px;
}
div#transmenu a:hover {
	background-color: #77B8C7;
}
.transMenu {
	position: absolute;
	overflow: hidden;
	left: -1000px;
	top: -1000px;
	z-index:999;
}
.transMenu .contentx {
	position: absolute;
	z-index:999;
}		
.transMenu .items {
	position: relative;
	top: 0px;
	left: 0px;
	padding:0;
	margin:0;
	z-index: 999;
	border:1px solid #46727B;
}
.transMenu.top .items {
	border-top: none;
}
.transMenu .item {
	color: white;
	font-size: 11px;
	font-family: Arial;
	padding:0;
	margin:0;
	text-decoration: none;
	/* Hack for Mac/IE5, they incorrectly cascade the border properties of the parent table to each row. */
	border: none;
	cursor: pointer;
}
.transMenu .background {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:998;
	-moz-opacity: .88;
}
.transMenu .shadowRight {
	position: absolute;
	z-index: 999;
	top: 1px; 
	width: 0px;
	-moz-opacity: .5;
	}
.transMenu .shadowBottom {
	position: absolute;
	z-index: 999;
	right: 1px;
	height: 0px;
	-moz-opacity: .5;
	}
.transMenu .item.hover {
	background: #3B899F;
	color: #FFFFFF;
}
.transMenu .item img {
	margin-left: 10px;
}



.left-panel{
	float:left;
	width:140px;
	padding:7px 0;	
	padding-left:10px;
	
}
.right-panel{
	float:left;
	width:140px;
	padding:7px 0;
	padding-left:10px;
}
.left-panel a:link, .left-panel a:visited, .left-panel a:hover{
	color:#434343;
	text-decoration:none;
}
.left-panel a:hover{
	color:#FF7930;
	text-decoration:underline;	
}
.right-panel a:link, .right-panel a:visited, .right-panel a:hover{
	color:#434343;
	text-decoration:none;
}
.right-panel a:hover{
	color:#FF7930;
	text-decoration:underline;	
}

.content{
	float:left;
	width:970px !important;
	width:960px;
	padding:7px 0px 7px 20px;
}

.content-text{
	float:left;
	width:590px !important;
	width:588px;
}

#left_demo{
float:left;
width:380px;
border:1px solid rgb(204, 204, 204); 
padding: 10px; 
background: rgb(244, 250, 255) none repeat scroll 0%; 
background:url("images/demo_bg.gif") no-repeat 0 0;
font-size: 8pt; 
margin:20px;
}

#right_demo{
float:left;
width:380px;
border:1px solid rgb(204, 204, 204); 
padding: 10px; 
background: rgb(244, 250, 255) none repeat scroll 0%; 
background:url("images/demo_bg.gif") no-repeat 0 0;
font-size: 8pt;
margin:20px;
}

#left_demo_img{
float:left;
width:400px;
height:180px;
border:1px solid rgb(204, 204, 204);
background:url("images/frontend.jpg") no-repeat 0 0;
margin:20px;
}

#left_demo_img2{
float:left;
width:400px;
height:180px;
border:1px solid rgb(204, 204, 204);
background:url("images/features/2.jpg") no-repeat 0 0;
margin:20px;
}

#left_demo_img3{
float:left;
width:400px;
height:180px;
border:1px solid rgb(204, 204, 204);
background:url("images/features/3.jpg") no-repeat 0 0;
margin:20px;
}

#left_demo_img4{
float:left;
width:400px;
height:180px;
border:1px solid rgb(204, 204, 204);
background:url("images/features/4.jpg") no-repeat 0 0;
margin:20px;
}

#left_demo_img5{
float:left;
width:400px;
height:180px;
border:1px solid rgb(204, 204, 204);
background:url("images/features/5.jpg") no-repeat 0 0;
margin:20px;
}

#left_demo_img6{
float:left;
width:400px;
height:180px;
border:1px solid rgb(204, 204, 204);
background:url("images/features/6.jpg") no-repeat 0 0;
margin:20px;
}

#left_demo_img7{
float:left;
width:400px;
height:180px;
border:1px solid rgb(204, 204, 204);
background:url("images/features/7.jpg") no-repeat 0 0;
margin:20px;
}

#left_demo_img8{
float:left;
width:400px;
height:180px;
border:1px solid rgb(204, 204, 204);
background:url("images/features/8.jpg") no-repeat 0 0;
margin:20px;
}

#left_demo_img9{
float:left;
width:400px;
height:180px;
border:1px solid rgb(204, 204, 204);
background:url("images/features/9.jpg") no-repeat 0 0;
margin:20px;
}

#left_demo_img10{
float:left;
width:400px;
height:180px;
border:1px solid rgb(204, 204, 204);
background:url("images/features/10.jpg") no-repeat 0 0;
margin:20px;
}

#left_demo_img11{
float:left;
width:400px;
height:180px;
border:1px solid rgb(204, 204, 204);
background:url("images/features/11.jpg") no-repeat 0 0;
margin:20px;
}

#left_demo_img12{
float:left;
width:400px;
height:180px;
border:1px solid rgb(204, 204, 204);
background:url("images/features/12.jpg") no-repeat 0 0;
margin:20px;
}

#left_demo_img13{
float:left;
width:400px;
height:180px;
border:1px solid rgb(204, 204, 204);
background:url("images/features/13.jpg") no-repeat 0 0;
margin:20px;
}

#left_demo_img14{
float:left;
width:400px;
height:180px;
border:1px solid rgb(204, 204, 204);
background:url("images/features/14.jpg") no-repeat 0 0;
margin:20px;
}

#left_demo_img15{
float:left;
width:400px;
height:180px;
border:1px solid rgb(204, 204, 204);
background:url("images/features/15.jpg") no-repeat 0 0;
margin:20px;
}

#left_demo_img16{
float:left;
width:400px;
height:180px;
border:1px solid rgb(204, 204, 204);
background:url("images/features/16.jpg") no-repeat 0 0;
margin:20px;
}

#left_demo_img17{
float:left;
width:400px;
height:180px;
border:1px solid rgb(204, 204, 204);
background:url("images/features/17.jpg") no-repeat 0 0;
margin:20px;
}

#left_demo_img18{
float:left;
width:400px;
height:180px;
border:1px solid rgb(204, 204, 204);
background:url("images/features/18.jpg") no-repeat 0 0;
margin:20px;
}

#left_demo_img19{
float:left;
width:400px;
height:180px;
border:1px solid rgb(204, 204, 204);
background:url("images/features/19.jpg") no-repeat 0 0;
margin:20px;
}

#right_demo_img{
float:left;
width:400px;
height:180px;
border:1px solid rgb(204, 204, 204);
background:url("images/frontend.jpg") no-repeat 0 0;
margin:20px;
}

#demonstration_content{
width:870px;
}

.demo1 {
	padding: 7px 9px 0px 9px; 
	font-weight: bold; 
	font-size: 9pt;
}

.demo2 {
	padding: 5px 9px 7px 9px;
}

.code {
	padding: 10px;
	font-family: courier, courier new, tahoma, serif;
	background: #fffaef;
	border: 1px dashed #ffdb86;
	margin-top: 5px; margin-bottom: 5px;
}


#left_container{
float:left;
width:635px;
}

#right_container{
float:left;
width:235px;
/*border-left:1px #ded6d6 solid;*/
padding:0 0 0 10px;
margin:0 0 0 0;
}

.right_box{
border:1px solid rgb(204, 204, 204); 
padding: 10px; 
background: rgb(244, 250, 255) none repeat scroll 0%; 
font-size: 8pt; 
line-height: 10pt;
margin-bottom:15px;
}

.icon{

}

.site_box_container{

width:105px;height:auto;float:left;padding:20px 25px 20px 20px;

}

.site_box{

width:105px;height:auto;float:left;margin:0px;padding:0px;

}

.listing_title{
/*border:1px solid rgb(204, 204, 204); */
padding: 10px; 
background: #EFEFEF none repeat scroll 0%; 
font-size: 12pt; 
line-height: 12pt;
margin-bottom:15px;
font-weight:bold;
}

.listing_desc{
/*border:1px solid rgb(204, 204, 204); */
padding: 0px 15px 5px 15px; 
/*background: #EFEFEF none repeat scroll 0%; */

line-height: 12pt;
margin-bottom:15px;
}



img.img_border, a img.img_border {

/*border: 4px solid #ded6d6;*/

padding: 0px;

background: #FFFFFF;

width:128px; height:168px;

}

a:hover img.img_border{

/*(border-color: #F79124;

width:270px; height:173px;
*/

}



ul.wallpapers
{
	clear:both;	
	float:left;
	width:604px;
}
ul.wallpapers li.wall{
	float:left;
	width:177px;
	margin-right:27px;
	margin-bottom:25px;
	height:180px;
	
}
ul.wallpapers li.wall a, ul.wallpapers li.wall a:visited{
	float:left;
	text-decoration:none;
	color:#424242;
}
ul.wallpapers li a:hover{
	color:#FF5A00;
}
.thumb{
	border:1px solid #A1C5E5;
	padding:2px;
	margin-bottom:2px;	
}
a:hover .thumb{
	border:1px solid #FF5A00;
}

.input-text{
	border:1px solid #A1C5E5;
	color: #444444;	
	padding:2px;
	width:300px;
}
.input-other{
	border:1px solid #A1C5E5;
	color: #444444;	
	padding:2px;
	width:307px;
}

.button{
	background-color:#F0F0F0;
	border:1px solid #A1C5E5;
	color: #444444;
	font-size:14px;
}

.pagination
{
	clear:both;
	display:block;
	text-align: center;
	margin:0 auto;
	width:550px;
	padding:4px 6px 4px 0;
	background-color:#fff;
	color:#313031;
	padding-right:17px;
	padding-top:20px;
	
}
.pagination a {
	color:#424242;
	text-decoration:none;
	padding:5px 6px 4px 5px;
	margin:0 3px 0 3px;
	border:1px solid #A1C5E5;
}

.pagination a:hover, .pagination a:active {
	color:#424242;
	border:1px solid #A1C5E5;
	background-color:#E8F1FA;
}
.pagination span.selected {
	padding:5px 6px 4px 5px;
	margin:0 3px 0 3px;
	border:1px solid #A1C5E5;
	font-weight:bold;
	color:#424242;
	background-color:#E8F1FA;
}
.pagination span.disabled {
	padding:5px 6px 4px 5px;
	margin:0 3px 0 3px;
	border:1px solid #cccccc;
	color:#cccccc;
}

#logo
{
	margin:0 !important;
	padding:0 !important;
	line-height: 0;
	height: 50px !important;
	display: block;
}

.wallpaper-thumb{
	float:left;
	width:270px;
	border:1px solid #424242;
}
.wallpaper-separator{
	float:left;
	width:5px;
	height:207px;
	border-right:1px solid #eee;
	margin-left:25px;
}
.wallpaper-ads-right{
	float:right;
	width:300px;
	height:250px;
	margin-top:28px;
}
.wallpaper-resolutions{
	float:left;
	width:590px;
	margin-bottom:5px;
	border-bottom:1px solid #eee;
	padding-bottom:20px;	
}
.wallpaper-resolutions span{
	display:block;
	float:left;
	width:110px;
	font-weight:bold;
	clear:left;
}
.wallpaper-resolutions a, .wallpaper-resolutions a:visited{
	margin-left:10px;
	color:#FF5A00;
}
.wallpaper-resolutions a:hover{
	background-color:#FF5A00;
	color:white;
}
.wallpaper-2ads{
	clear:both;
}
.wallpaper-2ads-separator{
	float:left;
	width:590px;
	height:0px;
	border-top:1px solid #eee;
	margin-top:5px;
	margin-bottom:20px;
}

.sIFR-replaced
{
	z-index:0;
}
.reset
{
	clear:both;
	height:0;
	line-height:0px;
	font-size:1px;
}
.side-panel
{
	margin-bottom:15px;
}
#ie_background
{
	display:none;
}

.rss{
	float:left;
	margin:6px 7px 0 0;
}

#footer{
	text-align:center;
	padding:50px 0 0px 0;
}
.categories ul
{
	margin-left:10px;
}
.categories a.selected
{
	color:#FF6600;
}
form ul li
{
	margin:4px 0;
	clear:both;
}
form label
{
	width:100px;
	display:block;
	float:left;
}

.label-author{
	width:auto;
	float:none;
	display:inline;
}

.top-menu-ads{
	float:left;
	margin-top:5px;
	margin-bottom:15px;
	width:918px;
	padding:5px;
	border:1px solid #cccccc;
}

.mytable{
	width:100%;
}
.mytable td{
	border-top:1px solid #A1C5E5;
	border-left:1px solid #A1C5E5;	
	text-align:center;
	padding:5px;
	line-height:normal;
}
#box
{
}
#iamAuthorDiv
{

}
#selectAuthor, #createAuthor
{
	float:left;
	
	width:250px;
}
.categorySub
{
	padding-left:20px;
}
.attention
{
	background:url(images/attention.png) no-repeat 0 0;
	width:8px;
	height:24px;
	display:inline;
	margin-left:10px;
}
form input, form select
{
	/*float:left;*/
}