*{
margin:0px;
padding:0px;
}
img, div {behavior: url(pngbehavior.htc);}
img{border:0px;}
html{
width:100%;
height:100%;
background-color:#16181C;
background:url(images/bg.jpg) top center no-repeat;
background-color:#16181C;
}
body{
width:1000px;
margin:0 auto;
}
#header{
background:url(images/header_bg.gif) top left no-repeat;
width:1000px;
float:left;
padding:10px 0 15px 0
}
.logo{
display:block;
float:left;
display:inline;
margin:7px 81px 15px 14px;
}
#menu{
width:1000px;
float:left;
height:33px;
}
#menu li{
display:block;
float:left;
text-align:center;
line-height:30px;
padding-bottom:3px;
list-style-type:none;
background-position:top left;
background-repeat:no-repeat;
}
#menu li a{
font-family:MyriadPro, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
text-decoration:none;
}
.but1{background-image:url(images/but1.gif); width:231px}
.but2{background-image:url(images/but2.gif); width:205px}
.but3{background-image:url(images/but3.gif); width:134px}
.but4{background-image:url(images/but4.gif); width:141px}
.but5{background-image:url(images/but5.gif); width:113px}
.but6{background-image:url(images/but6.gif); width:176px}
.but1b{background-image:url(images/but1b.gif); width:231px}
.but6b{background-image:url(images/but6b.gif); width:176px}
#content{
width:1000px;
/ width:1002px;
float:left;
overflow:hidden;
padding:0 0 16px 0;
}
#left{
width:238px;
float:left;
}
.search{
width:208px;
float:left;
padding:10px 15px 0 15px;
margin:0 0 12px 0;
background:url(images/search_bg.jpg) top left no-repeat;
font-family:MyriadPro, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
}
.search h4{
font-size:18px;
padding:0 0 30px 0
}
.search p{
display:block;
float:left;
width:208px;
padding:2px 0;
}
.search span{
display:block;
float:left;
width:55px;
text-align:right;
padding:0 5px 0 0;
}
.search input{
font-family:MyriadPro, Arial, Helvetica, sans-serif;
font-size:13px;
color:#262626;
height:17px;
border:0px;
padding:2px 0 2px 4px;
float:left;
}
.select{
width:148px;
background:url(images/input2.gif) top left no-repeat;
background-color:#DEDEDE;
border:1px solid #DEDEDE;
height:21px;
padding:0 2px 0 2px;
/ margin:0 0 0 -4px
}
.input1{
width:47px;
background:url(images/input1.gif) top left no-repeat;
}
.input2{
width:144px;
background:url(images/input2.gif) top left no-repeat;
}
#go{
background:url(images/go_button.jpg) top left no-repeat;
width:97px;
height:33px;
border:0px;
cursor:hand;
cursor:pointer;
margin:2px 0 0 0;
}
.all{
text-align:center;
margin:26px 0 15px 0;
}
#popular{
float:left;
font-family:MyriadPro, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
background:url(images/popular_bg2.gif) bottom left no-repeat;
background-color:#000000;
margin:0 0 15px 0;
}
#popular div{
width:218px;
padding:13px 5px 0 15px;
margin:0 0 16px 0;
background:url(images/popular_bg.gif) top left no-repeat;
}
#popular h4{
font-size:18px;
padding:0 0 10px 0
}
#popular ul{
float:left;
padding:0 0 17px 0;
/ padding:0 0 3px 0
}
#popular li{
width:200px;
list-style-type:none;
background:url(images/arrow.gif) 0px 10px no-repeat;
line-height:23px;
height:23px;
padding:0 0 0 15px;
}
#popular li a{
font-family:MyriadPro, Arial, Helvetica, sans-serif;
font-size:12px;
color:#595959;
text-decoration:none
}
#popular li a:visited{text-decoration:none}
#popular li a:hover{text-decoration:underline; color:#fff}
#main{
width:762px;
float:left;
}
.black{
background:url(images/title_bg.gif) top left no-repeat;
line-height:47px;
width:745px;
float:left;
margin:0 0 0 17px;
display:inline;
}
.black h4{
font-family:MyriadPro, Arial, Helvetica, sans-serif;
font-size:18px;
color:#fff;
padding:0 0 0 15px;
}
.templates{
overflow:hidden;
float:left;
width:762px;
padding:0 0 16px 2px;
}
.item{
width:238px;
background:url(images/item_bg.jpg) top left no-repeat;
margin:16px 1px 0 14px;
display:inline;
font-family:MyriadPro, Arial, Helvetica, sans-serif;
font-size:13px;
color:#595959;
float:left;
}
.item img{float:left}
.item p{
float:left;
line-height:29px;
}
.item span{
display:block;
float:left;
width:58px;
text-align:center;
}
.item font{
font-size:13px;
color:#fff
}
#main .price, #templates .price{width:83px}
.item p a{
font-size:13px;
color:#fff;
font-weight:bold;
text-decoration:none;
display:block;
float:left;
height:29px;
width:94px;
text-align:center;
}
.buttons{
background:url(images/buttons_bg.gif) top left no-repeat;
line-height:25px;
width:735px;
float:left;
padding:11px 0 11px 11px;
margin:0 0 0 15px;
display:inline;
}
.buttons img{
margin:0 10px 0 0;
float:left;
}
.buttons div{
padding:0 0 0 5px;
float:left;
}
.buttons div img{
margin:2px 3px 0 0;
}
.text{
background:url(images/text_bg.gif) top left no-repeat;
width:726px;
float:left;
font-family:MyriadPro, Arial, Helvetica, sans-serif;
font-size:13px;
color:#272727;
margin:18px 0 0 15px;
padding:12px 10px;
display:inline;
}
#infoblock{
background:url(images/info_top.gif) top left no-repeat;
width:1000px;
background-color:#000000;
float:left;
padding:15px 0 15px 0;
}
.left_column{
width:224px;
float:left;
padding:0 0 10px 14px;
}
.left_column h4{
font-family:MyriadPro, Arial, Helvetica, sans-serif;
font-size:21px;
color:#FFFFFF;
}
.left_column ul{
border-top:1px solid #16181C;
margin:14px 0 0 0;
float:left;
}
.left_column li{
list-style-type:none;
border-bottom:1px solid #16181C;
padding:8px 0 8px 12px;
background:url(images/bullet.gif) 2px 14px no-repeat;
line-height:16px;
}
.left_column li a{
font-family:MyriadPro, Arial, Helvetica, sans-serif;
font-size:13px;
color:#595959;
text-decoration:none
}
.left_column li a:visited{text-decoration:none}
.left_column li a:hover{text-decoration:underline; color:#FFFFFF}
.text_block{
background:url(images/textblock_bg.gif) top left no-repeat;
display:block;
float:left;
width:730px;
line-height:34px;
margin:38px 0 0 17px;
}
.text_block h3{
font-family:MyriadPro, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
padding:0 0 0 15px;
}
.text_block p{
font-family:MyriadPro, Arial, Helvetica, sans-serif;
font-size:12px;
color:#595959;
display:block;
width:710px;
padding:17px 15px 0 12px;
line-height:20px;
}
#footer{
margin:16px 0 0 0;
width:1000px;
float:left;
border-top:1px solid #242529;
font-family:MyriadPro, Arial, Helvetica, sans-serif;
font-size:13px;
color:#595959;
}
.navigation, .partners{
text-align:center;
width:1000px;
display:block;
padding:8px 0 0 0
}
.navigation li, .partners li{
display:inline;
list-style-type:none
}
.navigation li a{
color:#595959;
text-decoration:none;
margin:0 6px 0 5px
}
.navigation li a:visited{text-decoration:none}
.navigation li a:hover{text-decoration:underline}
.navigation img{
margin:3px 0 0 0;
position:absolute;
}
.partners span{color:#fff}
.partners li a{
color:#595959;
text-decoration:none;
margin:0 6px 0 5px
}
.partners li a:visited{text-decoration:none}
.partners li a:hover{text-decoration:underline}
.copyright{
border-top:1px solid #242529;
width:1000px;
text-align:center;
margin:9px 0 0 0;
padding:9px 0 50px 0;
}
#tree{
font-family:MyriadPro, Arial, Helvetica, sans-serif;
font-size:13px;
color:#595959;
width:985px;
float:left;
background:url(images/tree_bg.gif) top left no-repeat;
padding:7px 0 8px 15px;
}
#tree a{
color:#595959;
text-decoration:none;
margin:0 6px 0 0;
}
#tree a:visited{text-decoration:none}
#tree a:hover{text-decoration:underline}
#tree img{
padding:0 6px 0 0;
}
.pager{
font-family:MyriadPro, Arial, Helvetica, sans-serif;
font-size:13px;
color:#595959;
background:url(images/pager_bg.gif) top left no-repeat;
width:1000px;
float:left;
text-align:center;
height:64px;
}
.pager span{
color:#FFFFFF
}
.pager select{
font-family:MyriadPro, Arial, Helvetica, sans-serif;
font-size:13px;
width:40px;
background:url(images/input2.gif) top left no-repeat;
background-color:#DEDEDE;
border:1px solid #DEDEDE;
height:22px;
margin:0 5px 0 25px;
}
.pager p{
padding:6px 0;
}
.pager a{
color:#595959;
text-decoration:none
}
.pager a:visited{color:#595959;}
.pager a:hover{color:#fff;}
.pager img{
margin:0 0 1px 0
}
#templates{
width:1016px;
float:left;
overflow:hidden;
padding:0 0 16px 0;
}
#infoblock h4{
font-family:MyriadPro, Arial, Helvetica, sans-serif;
font-size:21px;
color:#FFFFFF;
padding:0 0 0 14px;
}
#categories{
width:1020px;
display:block;
float:left;
padding:10px 0 0 15px
}
#categories li{
width:240px;
list-style-type:none;
background:url(images/arrow.gif) 0px 10px no-repeat;
line-height:23px;
padding:0 0 0 15px;
float:left;
}
#categories li a{
font-family:MyriadPro, Arial, Helvetica, sans-serif;
font-size:12px;
color:#595959;
text-decoration:none
}
#categories li a:visited{text-decoration:none}
#categories li a:hover{text-decoration:underline}
.searchl{
background:url(images/search_bg.gif) top left no-repeat;
width:646px;
height:103px;
margin:0 16px 16px 0;
float:left;
font-family:MyriadPro, Arial, Helvetica, sans-serif;
}
.searchl h4{
font-size:19px;
color:#fff;
padding:15px 265px 0 15px;
float:left;
}
.searchl a{
display:block;
float:left;
font-size:12px;
color:#FFFFFF;
padding:20px 0 0 0;
text-decoration:underline
}
.searchl a:visited{text-decoration:underline}
.searchl a:hover{text-decoration:none}
.searchl p{
display:block;
float:left;
padding:24px 0 0 15px;
color:#FFFFFF;
font-size:13px;
}
.searchl input{
font-family:MyriadPro, Arial, Helvetica, sans-serif;
font-size:13px;
color:#262626;
height:17px;
border:0px;
padding:2px 0 2px 4px;
}
.searchl .input1{margin:0 6px 0 0;}
.searchl .input2{margin:0 6px 0 0;}
.searchl select{
width:158px;
background:url(images/input2.gif) top left no-repeat;
background-color:#DEDEDE;
border:1px solid #DEDEDE;
height:21px;
font-size:12px;
padding:0 0 0 2px;
margin:0 15px 0 0;
}
.searchl #gol{
background:url(images/go.jpg) top left no-repeat;
width:96px;
height:34px;
border:0px;
cursor:hand;
cursor:pointer;
margin:19px 0 0 0;
float:left;
}
#view{
margin:15px 0 0 0;
float:left;
}
#view_info{
background:url(images/view_bg.jpg) top left no-repeat;
width:1000px;
float:left;
padding:15px 0 12px 15px;
font-family:MyriadPro, Arial, Helvetica, sans-serif;
font-size:13px;
color:#595959
}
#view_info h4{
font-family:MyriadPro, Arial, Helvetica, sans-serif;
font-size:18px;
color:#fff;
padding:0 0 18px 0
}
#view_info font{
font-size:13px;
color:#FFFFFF
}
#view_info span{
padding:0 15px 0 0;
display:block;
float:left;
}
#text_block{
background:url(images/text_block_bg.gif) top left no-repeat;
width:1000px;
float:left;
background-color:#DEDEDE;
font-family:MyriadPro, Arial, Helvetica, sans-serif;
font-size:13px;
color:#010101;
padding:15px 0 0 0;
}
#text_block h4{
font-size:21px;
padding:0 0 15px 15px;
}
#text_block p{
padding:0 15px 20px 15px
}
#text_block strong{
display:block;
clear:both;
}
.agree{
display:block;
float:left;
margin:15px 0 23px 440px;
/ display:inline;
}
.textend{
background:url(images/textend.gif) top left no-repeat;
width:1000px;
height:108px;
float:left;
text-align:center;
}
.textend img{
margin:17px 25px 0 25px;
}
.tt{
color:#595959;
text-decoration:underline;
font-family:MyriadPro, Arial, Helvetica, sans-serif;
font-size:12px;
}
form{
margin:0px;padding:0px;
}

#templates{
width:1016px;
float:left;
overflow:hidden;
padding:0 0 16px 0;
margin:0 0 0 -13px;
}

.banner{
display:block;
float:left;
}



