@import url("http://y2graphic.com/templates/default/css/default-style.css");
@import url("http://y2graphic.com/templates/default/css/layout-style.css");
@import url("http://y2graphic.com/templates/default/css/typo.css");
@import url("http://y2graphic.com/templates/default/css/reset.css");
@import url("http://y2graphic.com/templates/default/css/lb.css") screen;
@import url("../../system/css/general.css");
@import url("../../system/css/system.css");
body{color:#000;font-family:Arial, Helvetica, sans-serif;line-height:1.6;list-style:none}
body#bd{background:#f6f6f6;color:#333;margin:0 auto}
a{color:#bf0000;text-decoration:none}
a:hover,a:active,a:focus{color:#bf0000;text-decoration:underline;list-style:none}
.column p,.column pre,.column blockquote,.column h1,.column h2,.column h3,.column h4,.column h5,.column h6,.column ol,.column ul{margin:15px 0;padding:0}
h1{font-size:180%}h2{font-size:150%}h3{font-size:50%}h4{font-size:100%;text-transform:uppercase}h5{font-size:100%}
.contentheading,.componentheading,h1,h2,h3,h4,h5{font-weight:700;line-height:1.2}
h1.componentheading,.componentheading{margin:0;padding:0 0 7px}
.componentheading{font-size:140%;margin-bottom:-17px;padding-top:20px}
h2.contentheading,.contentheading{font-family:Times New Roman;color:#443a2a;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;background:url(http://y2graphic.com/templates/default/images/widepost-bg.png) repeat-x;background-color:#fefefe;margin:0;padding:20px 15px 15px}
.contentheading{font-size:26px;background-color:#fefefe}
.blog .contentheading{font-size:26px;background-color:#fefefe;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;padding:20px 15px 15px}
a.contentpagetitle,a.contentpagetitle:active,a.contentpagetitle:focus{font-family:'Open Sans Condensed';color:#443a2a;padding-left:21px;font-weight:700}
a.contentpagetitle:hover{color:#665334}
.category{font-size:110%;font-weight:700}
small,.small,.smalldark,.createby,.createdate,.modifydate,.img_caption,.contenttoc,p.site-slogan,.ja-navhelper,#footer{font-size:92%}
.smalldark{text-align:left}
.column ul li{line-height:160%;margin-bottom:5px;overflow:hidden;padding-left:30px}
.column ol li{line-height:180%;margin-left:30px}
th{font-weight:700;text-align:left;padding:5px}
td{font-size:100%;padding:5px}
fieldset{border:none;padding:10px 5px}
hr{border-bottom:0;border-left:0;border-right:0;border-top:1px solid #ccc;height:1px}
form label{cursor:pointer}
input,select,textarea,.inputbox{font-family:Arial, Helvetica, sans-serif;font-size:100%;padding:2px 5px}
.inputbox{background:#fff;border:1px solid #ccc}
.inputbox:hover,.inputbox:focus{background:#ffc}
.button{border:1px solid #999;color:#fff;font-weight:700;line-height:normal;padding:2px 5px;font-size:12px}
.radio{margin:0 5px}
.login_form fieldset{padding:15px 0 0}
.login_form .inputbox{margin-left:10px;width:150px}
.login_form .remember .inputbox{width:20px}
.form-register fieldset{padding:0 0 10px}
.user-details{padding:10px 0}
.user-details .paramlist .paramlist_key{width:130px!important;padding:0 0 5px!important}
.user-details .paramlist .paramlist_value{padding:0 0 5px!important}
.user-details .user_name span{padding-left:10px;font-weight:700}
form#searchForm{background-color:#f2faff;border:1px solid #addfff;padding:5px}
.searchintro{border-bottom:1px solid #ccc}
.searchintro h3{text-transform:uppercase;}
.list li{border-bottom:1px solid #ccc; padding-bottom:10px;width:565px;text-align:justify}
#page{border:1px solid #ddd;background:url(http://y2graphic.com/templates/default/images/widepost-bg.png) repeat-x;background-color:#fefefe;margin:0;padding:20px}
.blog{width:100%;margin-top:-10px;margin-bottom:-20px}
.leading{padding-top:10px}
.article_row{margin-top:0}
.column_separator{padding:0 25px}
.article-tools{clear:both;display:block;line-height:normal;background:url(http://y2graphic.com/templates/default/images/article-tools.png) 38px -3px no-repeat;background-color:#fefefe;font-size:12px;border-left:1px solid #ddd;border-right:1px solid #ddd;padding:6px 0 20px}
.article-meta{width:100%;padding:0}
.article-section{font-weight:700;margin-right:50px;float:right;text-transform:uppercase}
.article-section a{color:#737373;font-size:11px}
.article-section a:hover{color:#737373}
.createby{padding:3px 3px 3px 20px}
.createdate{color:#737373;padding:3px 315px 3px 45px}
.modifydate{color:#999;display:block;margin:10px 0}
.contentdescription p{margin:0}
.buttonheading{float:right}
.buttonheading img{border:0;float:right;margin:0 5px 0 0}
img.caption{margin-top:5px}
.img_caption{color:#999;margin-bottom:10px}
.article-content{margin-top:-10px}
.article-content img{margin:5px}
.img_caption img{margin:5px 0 0}
.img_caption p{color:#999;text-align:center;margin:0;padding:1px 0}
.sectiontableheader{background:#333;border:1px solid #ccc;color:#fff;padding:5px}
.sectiontableentry,.sectiontableentry0,.sectiontableentry1,.sectiontableentry2{padding:5px 5px 6px}
.sectiontableentry:hover,.sectiontableentry0:hover,.sectiontableentry1:hover,.sectiontableentry2:hover{background-color:#fffff0}
.sectiontableentry2{background-color:#f6f6f6}
table.contentpaneopen{border:none;border-collapse:collapse;border-spacing:0}
table.contenttoc{border:1px solid #ccc;float:right;width:30%;margin:0 0 10px 12px;padding:0}
table.contenttoc a{color:#000}
table.contenttoc td{border-bottom:1px dotted #ccc;padding:5px 10px}
table.contenttoc th{background:#f6f6f6;border-bottom:1px solid #ccc;text-transform:uppercase;padding:5px 10px}
div.poll{padding:15px 0}
form#poll{border-bottom:1px dotted #ccc;font-weight:700;margin-bottom:10px;padding-bottom:10px}
dl.poll{border-bottom:1px dotted #ccc;font-size:92%;margin-bottom:10px;padding-bottom:10px}
dl.poll dt{clear:left;width:100px}
dl.poll dd{clear:right}
table.pollstableborder{border:none;text-align:left;width:100%;padding:0}
table.pollstableborder img{vertical-align:baseline}
table.pollstableborder td{background:#f6f6f6;border-bottom:1px solid #ccc;font-weight:700;padding:5px!important}
table.pollstableborder tr.sectiontableentry0 td,table.pollstableborder tr.sectiontableentry1 td{background:#fff;font-weight:400}
table.searchintro{width:100%;padding:10px 0}
table.searchintro td{padding:5px!important}
ul.pagination{margin-top:0;text-align:center;background-color:#fefefe;border:1px solid #ddd;padding:20px}
ul.pagination li{background:none;display:inline;overflow:hidden;margin:0;padding:0}
ul.pagination li span{line-height:20px;font-size:11px;color:#fff;text-decoration:none;background-color:#434343;font-weight:700;padding:5px 10px}
ul.pagination a{font-size:11px;color:#000;font-weight:700;text-decoration:none;background-color:#f0f0f0;border:solid 1px #e0dede;padding:5px 10px}
ul.pagination a:hover,ul.pagination a:active,ul.pagination a:focus{color:#fff;text-decoration:none;font-weight:700;background-color:#5c4e38;padding:5px 10px}
.sortby{font-size:92%;margin:10px 0 5px}
.sortby .filter,.sortby .display{float:left;width:40%}
.sortby .display{float:right;text-align:right}
.pagenavcounter{text-align:center;margin:15px 0!important}
.counter{float:right;width:1px;height:1px;background-color:transparent}
.counter span{color:#FFF}
.blog_more{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:15px 0 5px}
.blog_more h2{font-size:115%;text-transform:uppercase;margin:0 0 5px}
.blog_more ul li{background:url(http://y2graphic.com/templates/default/images/bullet.gif) no-repeat 5px 6px;padding-left:15px}
div.back_button a,div.back_button a:hover,div.back_button a:active{display:block;margin:10px 0}
#system-message dd.message ul li,#system-message dd.error ul li,#system-message dd.notice ul li{background:none;color:#FFF;margin:0;padding:5px}
#system-message dd.notice ul{background:#333;border:0}
.tool-tip{background:#ffc;border:1px solid #D4D5AA;float:left;max-width:350px;z-index:1000;text-align:justify;padding:5px}
.tool-title{background:url(http://y2graphic.com/templates/system/images/selector-arrow.png) no-repeat;font-size:100%;font-weight:700;margin:-15px 0 0;padding:15px 0 5px}
.tool-text{font-size:100%;margin:0}
.hasTip img{border:none;margin:0 10px 0 0}
.contentpaneopen_edit img{vertical-align:middle}
div.ja-moduletable h2,div.moduletable h2{font-size:18px;color:#000;display:block;height:30px;font-family:'Open Sans Condensed';margin:0 0 10px 30px}
div.ja-moduletable h2 span,div.moduletable h2 span{width:180px;display:block;padding-top:3px}
div.ja-moduletable,div.moduletable{position:relative;padding:0 0 10px}
div.ja-moduletable .ja-box-ct,div.moduletable .ja-box-ct{margin:10px 0 0 30px}
div.ja-module h2,div.module h2{font-size:100%;height:30px;line-height:30px;background:url(http://y2graphic.com/templates/default/images/h3-bg.gif) no-repeat left #ccc;text-transform:uppercase;margin:0;padding:0 0 0 15px}
div.ja-module h2 span,div.module h2 span{height:30px;line-height:30px;display:block;background:url(http://y2graphic.com/templates/default/images/h3-bg.gif) no-repeat right;padding-right:10px}
div.ja-module,div.module{margin-bottom:10px;position:relative;overflow:hidden}
div.ja-module .ja-box-ct,div.module .ja-box-ct{padding:10px 15px}
.badge{height:46px;position:absolute;right:0;top:0;width:45px;background-image:url(http://y2graphic.com/templates/default/images/icon-badge.png);background-repeat:no-repeat}
.badge-hot .badge{background-position:0 0}
.badge-new .badge{background-position:0 -46px}
.badge-pick .badge{background-position:0 -92px}
.badge-top .badge{background-position:0 -138px}
div.module_menu .ja-box-ct{padding:0 3px 8px}
#search{position:absolute;top:-10px;bottom:25px;right:10px;width:341px;height:28px}
#search .inputbox{width:251px;float:left;height:25px;margin-right:10px;border:0;color:#666;font-size:12px;font-weight:700}
#search .button{border:none;height:25px;text-align:center;width:67px;padding:0}
#form-login-username .inputbox,#form-login-password .inputbox{background-position:5px center;background-repeat:no-repeat;font-size:100%;width:90%}
#form-login ul{margin:0!important;padding:0}
#form-login .button{margin:5px 0}
#form-login ul li{font-size:92%;margin-bottom:3px}
a.poll-result{font-size:92%;text-transform:uppercase}
form.poll .button{margin-right:5px}
div.bannergroup_text div.banneritem_text{border-bottom:1px dotted #ccc;padding:5px 0}
div.bannergroup_text div.bannerheader,div.bannergroup_text div.bannerfooter_text a{color:#999;font-size:92%}
div.bannergroup_text div.bannerfooter_text{text-align:right;padding:5px 0 0}
div.bannergroup{margin-bottom:10px}
div.module_noborder,div.module_noborder .box-bl,div.module_noborder .box-tr,div.module_noborder .box-tl{background:none;padding:0}
div.ja-moduletable ul,div.ja-module ul{margin:15px 0 0}
div.ja-moduletable ul li,div.ja-module ul li{padding-left:12px;background-position:2px 6px}
h3.show{cursor:pointer}
h3.hide{cursor:pointer}
.ja-box{padding-bottom:10px;margin-top:-30px}
#wrapper{background:url(http://y2graphic.com/templates/default/images/bg.gif) repeat}
#ja-container{margin-top:-30px;padding-bottom:30px}
#ja-container .main{background:transparent repeat-y center top}
#ja-container .ja-wrap1{background:transparent no-repeat center top}
#ja-container .ja-wrap2{background:transparent no-repeat center bottom;padding:5px 15px 0}
#main .box-tl{padding-bottom:10px}
#content{margin-top:10px}
.content-main{width:89%}
.ja-colswrap{font-family:Arial, Helvetica, sans-serif;font-size:14px}
#ja-right .moduletable h2{background:#434343;color:#fff;padding:6px 10px}
#ja-right .moduletable,#ja-right .moduletable_hilite{background:transparent}
#ja-right .moduletable_hilite h2{background:#bf0000;padding:6px 10px}
#ja-right .moduletable_hilite{background:#f3f2de;border:none}
#header{background:url(http://y2graphic.com/templates/default/images/bg_header.png) repeat-x top;height:125px }
h1.logo,div.logo-text h1{font-size:250%;line-height:1;margin:15px 0 0}
h1.logo{height:106px;width:253px}
h1.logo a{background:url(http://y2graphic.com/templates/default/images/logo.gif) no-repeat 0 0;display:block;height:106px;width:253px;margin:-12px 0 0 20px}
h1.logo a:hover{background-position:0 0px}
h1.logo a span{position:absolute;top:-1000px}
div.logo-text h1 a{color:#ccc;font-weight:700;letter-spacing:1px;text-decoration:none}
#mainnav .inner{float:right;margin-top:-110px}
span.has-image{padding-left:20px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:left 7px}
span.menu-title{display:block;font-size:110%;padding-top:5px}
span.has-image span.menu-title{padding-top:0}
span.menu-desc{display:block;font-weight:400;line-height:normal;font-size:92%}
#ja-subnav{position:relative;z-index:9}
#ja-subnav .main{line-height:1;z-index:10;padding-bottom:10px}
#ja-subnav span.menu-title{font-size:100%;padding-top:0}
#ja-subnav ul{border-top:1px solid #ddd;border-bottom:1px solid #ddd;overflow:hidden;margin:0 10px;padding:5px 0}
#ja-subnav li{background:none;border-left:1px solid #ddd;display:block;float:left;padding:0 10px 0 11px}
#ja-subnav ul li a{color:#333;display:block;text-decoration:none;padding:2px 0}
#ja-subnav ul.active li a{color:#333}
#ja-subnav ul li.active a,#ja-subnav ul li.active a:hover,#ja-subnav ul li.active a:active,#ja-subnav ul li.active a:focus{color:#bf0000;font-weight:700}
#ja-subnav ul li.empty{visibility:hidden}
#ja-subnav ul li ul{background:#e6e6e6;border:1px solid #ddd;display:block;height:auto;left:-999em;position:absolute;padding:0}
#ja-subnav ul li.hover ul{display:block;height:auto;left:auto;position:absolute;margin-left:5px}
#ja-subnav ul li.haschild a{background:url(http://y2graphic.com/templates/default/images/arrow.png) no-repeat right center;padding-right:12px;height:auto}
#ja-subnav ul li.haschild a:hover{background:url(http://y2graphic.com/templates/default/images/arrow3.png) no-repeat right center}
#ja-subnav ul li.haschild li a,#ja-subnav ul li.hover li a{background:none;padding-right:0}
#ja-subnav ul li ul li{border-bottom:1px solid #ddd;border-left:0;display:block;float:none;overflow:hidden;text-align:left;padding:0 5px}
#ja-subnav ul li ul li a{background-image:none!important;border:0!important;color:#333!important;font-weight:400!important;text-decoration:none!important}
#ja-subnav ul li ul li a span.menu-title{padding-top:3px;padding-bottom:3px}
#ja-subnav ul li ul li a:hover{background-image:none!important;color:#bf0000!important;text-decoration:underline!important}
#ja-container ul.menu{padding-top:5px;margin-top:-10px;background-color:#fafafa}
#ja-container ul.menu li{background-image:url(http://y2graphic.com/templates/default/images/arrow.png);background-repeat:no-repeat;border-bottom:1px dashed #ccc;overflow:hidden;background-position:10px 13px;margin:0;padding:0}
#ja-container ul.menu li a{color:#333;display:block;outline:none;text-decoration:none;font-weight:700;margin-left:10px;font-size:13px;padding:6px 0 6px 20px}
#ja-container ul.menu li a:hover,#ja-container ul.menu li a:active,#ja-container ul.menu li a:focus{color:#665334;background-image:url(http://y2graphic.com/templates/default/images/arrow_hover.png);background-repeat:no-repeat;background-position:0 14px}
#ja-container ul.menu li.active a{color:#665334;font-weight:700}
#ja-container ul.menu li ul{padding-left:10px;margin:0}
#ja-container ul.menu li li{background:url(http://y2graphic.com/templates/default/images/arrow.png) no-repeat left 11px}
#ja-container ul.menu li li a{color:#333!important;font-weight:400!important;text-indent:10px}
#ja-container ul.menu li li a:hover,#ja-container ul.menu li li a:active,#ja-container ul.menu li li a:focus{color:#bf0000!important;background:none}
#ja-container ul#mainlevel li{padding-left:20px;background-position:10px 5px}
#topsl .ja-box-right,#botsl .ja-box-right,#topsl .ja-box-full,#botsl .ja-box-full{background:none!important}
#topsl,#botsl .ja-moduletable{border-bottom:0;margin-bottom:0;margin-top:0;margin-left:0}
#topsl li,#botsl li{background-position:1px 7px;padding-left:10px}
#topsl ol li,#botsl ol li{margin-left:25px;padding:0!important}
#topsl ul,#topsl p,#topsl ol,#botsl ul,#botsl p,#botsl ol{margin-left:0!important;padding:0}
#top .main{color:#fff;padding:20px 0 10px}
#top a{border-bottom:1px dotted #fff;color:#fff}
#top a:hover,#top a:active,#top a:focus{border-bottom:1px solid #fff;color:#fff;text-decoration:none}
#top a.readon,#top a.readon:hover,#top a.readon:active,#top a.readon:focus{border-bottom:0}
#topsl{margin-top:-30px;margin-left:-8px}
#topsl .main{padding:0}
#topsl .ja-wrap1{}
#topsl .ja-wrap2{padding-bottom:2px}
#topsl .box-tl{padding-bottom:3px}
#topsl .ja-box{background:url(http://y2graphic.com/templates/default/images/dot1.gif) repeat-y right}
#botsl .main{position:relative;color:#ccc;padding:10px 0}
#botsl .inner{background:transparent;margin-left:-20px;margin-top:-50px;margin-bottom:-20px}
#botsl .box-tl,#botsl .box-tr,#botsl .box-bl,#botsl .box-br{background:transparent;position:absolute;width:10px;height:10px}
#botsl .ja-moduletable h3{background:none;color:#ccc;padding-left:0}
#botsl .ja-moduletable h3 span{background:none}
.ja-box-right .ja-moduletable,.ja-box-right .moduletable,.ja-box-full .ja-moduletable,.ja-box-full .moduletable{border:0!important;background:0!important}
#footer{clear:both;background:url(http://y2graphic.com/templates/default/images/bgfooter.jpg) repeat-x}
#footer .main{padding-bottom:10px;width:975px;font-size:12px}
#footer .box-tl,#footer .box-tr{background-repeat:no-repeat;position:absolute}
#footer a{color:#b8b8b8;font-weight:700}
#footer .inner{padding:0 20px}
#footer small{color:#999;font-size:100%}
#footer .ja-footnav{font-size:150%;overflow:hidden;position:relative;margin:0 10px -20px 0;padding:0 0 3px}
.ja-footnav ul{line-height:normal}
.ja-footnav li{border-right:1px solid #999;display:block;float:left;margin-right:10px}
.ja-footnav li a{border:none!important;display:block;font-weight:700;text-decoration:none;color:#999;text-transform:uppercase;padding:0 10px 0 0}
.ja-links{float:right;margin-top:2px}
.ja-links li{background:none;display:inline;padding:0}
.ja-links li.top a{margin-right:-20px;height:23px;width:61px}
.copyright{margin-left:10px;color:#000}
#ja-banner{border-top:1px solid #ccc;overflow:hidden;padding-top:15px;text-align:center;width:100%;margin:0}
div.ja-innerdiv{border-bottom:1px dotted #ccc;clear:both;margin-bottom:10px;padding-bottom:12px}
div.ja-innerdiv h4{font-family:Arial, sans-serif;font-size:92%;font-weight:400;text-transform:uppercase;margin:5px 0;padding:0}
.cufon-canvas{padding:1px 0 3px}
#contact_us li{background:none!important;padding-left:0}
#component-contact address{font-style:normal}
#component-contact #emailForm{border-top:1px solid #ddd;padding-top:15px}
.contact_email label{font-weight:700;display:block}
.nowrap{width:50%}
*,#system-message dd.message ul,#system-message dd.error ul,#system-message dd.notice ul,h4.poll-title{margin:0;padding:0}
body.fs3,.mainlevel{font-size:12px}
body.fs5,.searchintro p{font-size:14px}
small,.small,.article-section,.article-category,#botsl a{color:#999}
fieldset a,.pagenavbar,div.bannergroup_text div.banneritem_text a{font-weight:700}
fieldset.input,#topsl .ja-box,#botsl .ja-box{padding:0}
.login_form fieldset p,.form-register p,.user-details p,#form-login p{margin:0 0 5px}
.login_form label,.form-register label,.user-details label{font-weight:700;text-align:right;display:block;float:left;width:130px}
.login_form .button,.form-register .button,.user-details .button{margin-left:140px}
.form-register p.form-des,.contact_email_checkbox{margin:15px 0}
.form-register .inputbox,.user-details .inputbox{margin-left:10px;width:200px}
.results p,.contact_email{margin:0 0 10px}
.article_separator,.leading_separator,.row_separator,.column_separator,#search label,#ja-container ul.menu span.separator{display:none}
.sectiontableheader a,.sectiontableheader a:hover,.sectiontableheader a:focus,.sectiontableheader a:active,div.module_black *,div.module_green *,div.module_blue *,div.module_red *,#footer a:hover,#footer a:focus,#footer a:active{color:#fff}
table.contentpane,table.tablelist,table.contentpaneopen,table.contentpane,table.blog{width:100%}
dl.poll dt,dl.poll dd,h1.logo,div.logo-text{float:left}
#system-message dd.message ul,#system-message dd.error ul{background:#bf0000;border:0}
.ja-module .badge,.ja-box-full .badge,.ja-box-right .badge{right:3px}
.ja-mass-top .ja-moduletable,.ja-mass-top .ja-module,.ja-mass-bottom .ja-moduletable,.ja-mass-bottom .ja-module,.content-top .ja-moduletable,.content-top .ja-module,.content-bottom .ja-moduletable,.content-bottom .ja-module{margin-left:0;margin-right:0}
#ja-right .moduletable h3 span,#ja-right .moduletable_hilite h3 span{background:none;line-height:normal}
#mainnav,#top{position:relative}
#ja-subnav li.first-item,.ja-footnav .ja-firstitem{border-left:0}
#ja-subnav ul li a:hover,#ja-subnav ul li.hover a,#ja-subnav ul.active li a:hover{color:#bf0000}
#ja-subnav ul li ul li a.active,#ja-container ul.menu li.active > a{color:#bf0000!important;font-weight:700!important}
#botsl a:hover,#botsl a:focus,#botsl:active,.ja-footnav li a:hover,.ja-footnav li a:active,.ja-footnav li a:focus{color:#ccc}
/*Custom*/
.clear{clear:both}.floatL {float:left}.floatR {float:right}.marginL130 {margin-left:130px}.marginR130 {margin-right:130px}.marginauto {margin:0 auto}.magT10{margin-top:-10px}info-footerdiv#por{width:960px;height:auto}
ul#filter{font-size:13px;list-style:none;margin-top:-10px;}
ul#filter li{float:left;text-align:center;margin-right:10px;margin-left:5px}
ul#filter li last-child{border-right:none;margin-right:0;padding-right:0}
ul#filter a{font-weight:700;color:#000;text-decoration:none;background:url(http://y2graphic.com/templates/default/images/btn.gif) repeat-x;display:inline-block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:5px 15px}
ul#filter li.current a,ul#filter a:hover{font-weight:700;color:#FFF;text-decoration:none;background:url(http://y2graphic.com/templates/default/images/btn-hover.gif) repeat-x;display:inline-block;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:5px 15px}
ul#filter li.current a{color:#FFF;font-weight:700}
ul#portfolio{padding-top:40px;padding-left:10px;width:950px}
ul#portfolio li{float:left;width:300px;margin:0 5px 5px 0;padding:5px}
ul#portfolio a{display:block;background:url(http://y2graphic.com/templates/default/images/bg-pro.png) no-repeat;width:299px;height:186px}
ul#portfolio a:hover{background:url(http://y2graphic.com/templates/default/images/bg-pro-hover.png) no-repeat}
.title-cbox{font-size:14px;color:#8d8d8d;margin-left:10px;width:300px}
.title-cbox-web,.title-cbox-gd,.title-cbox-ai{font-size:14px;margin-left:10px;width:300px;text-transform:uppercase;font-weight:700}
.title-cbox-web{color:#2eb1b1}.title-cbox-gd{color:#ff0078}.title-cbox-ai{color:#7f6040}
.title-duan,.title-gioithieu,.title-blog{background:url(http://y2graphic.com/templates/default/images/line.png) no-repeat -120px 35px;padding-bottom:5px;margin:0 0 20px 10px}
#about-warp{width:920px;height:680px;margin-left:10px}
#about-block1{width:610px;height:280px}
.about-block1-h1{background:url(http://y2graphic.com/templates/default/images/about/title1.gif) no-repeat;width:523px;height:38px}
.b1,.b2,.b3,.b4{width:290px;margin-bottom:20px}
.b1-img,.b2-img,.b3-img,.b4-img{float:left;margin-right:8px}
.b1 span,.b2 span,.b3 span,.b4 span{font-size:12px;text-align:justify;line-height:160%}
.b1,.b3{float:left}.b2,.b4{float:right}
.b1-img{background:url(http://y2graphic.com/templates/default/images/about/icon_web.gif) no-repeat;width:81px;height:60px}
.b2-img{background:url(http://y2graphic.com/templates/default/images/about/icon_design.gif) no-repeat;width:68px;height:60px}
.b3-img{background:url(http://y2graphic.com/templates/default/images/about/icon_ecard.gif) no-repeat;width:81px;height:60px}
.b4-img{background:url(http://y2graphic.com/templates/default/images/about/icon_print.gif) no-repeat;width:68px;height:60px}
#about-block2{width:610px;height:200px;margin-top:30px}
.about-block2-h1{background:url(http://y2graphic.com/templates/default/images/about/title2.gif) no-repeat;width:470px;height:38px}
.skill-main ul{float:left;width:170px;margin:0 30px 0 0}
.skill-main ul li{font-size:13px;background:url(http://y2graphic.com/templates/default/images/arrow2.png) no-repeat;margin:0 0 10px;padding:0 0 0 15px}
#about-block3{float:right;width:271px;height:630px}
#about-block3-top{width:271px;height:7px;background:url(http://y2graphic.com/templates/default/images/about/bg-top.png) no-repeat}
#about-block3-middle{width:271px;height:98%;background:url(http://y2graphic.com/templates/default/images/about/bg.png) repeat-y}
.avatar{width:228px;height:183px;background:url(http://y2graphic.com/templates/default/images/about/avatar.jpg) no-repeat;margin-left:28px}
#about-block3 span{font-size:13px;text-align:justify;line-height:170%;margin:5px 20px 5px 30px}
#about-block3 p{font-size:12px;text-align:justify;line-height:170%;margin:0 22px 0 32px}
.about-block3-contact{width:211px;height:56px;background:url(http://y2graphic.com/templates/default/images/about/contact.png) no-repeat}
.about-block3-connect{width:211px;height:56px;margin-top:10px;background:url(http://y2graphic.com/templates/default/images/about/connetme.png) no-repeat}
ul#social{list-style:none}
ul#social li{float:left;margin-left:-3px;margin-top:-10px}
ul#social li a{display:block;width:58px;height:74px;text-indent:-99999px;background:url(http://y2graphic.com/templates/default/images/about/fb_tw_fl.jpg) no-repeat}
ul#social li.fb a{background-position:0 0}
ul#social li.fb a:hover{background-position:-58px 0}
ul#social li.tw a{background-position:-116px 0}
ul#social li.tw a:hover{background-position:-174px 0}
ul#social li.fl a{background-position:-232px 0}
ul#social li.fl a:hover{background-position:-290px 0}
#about-block3-bottom{width:271px;height:59px;background:url(http://y2graphic.com/templates/default/images/about/bg-bottom.png) no-repeat}
#cv a{background:url(http://y2graphic.com/templates/default/images/about/cv.png) no-repeat!important;width:55px;height:99px;margin-left:680px;text-indent:-99999px;position:absolute}
.content-blog,.content-blog-other{background:#fefefe;font-size:13px;font-family:Arial;line-height:150%;text-align:justify;border-left:1px solid #ddd;border-right:1px solid #ddd;padding:10px 37px}
.content-blog1{margin-top:-40px;background:#fefefe;font-size:13px;font-family:Arial;line-height:150%;text-align:justify;border-left:1px solid #ddd;border-right:1px solid #ddd;padding:10px 37px}
.content-blog-other{border-bottom:1px solid #ddd;margin-top:10px;border-top:1px solid #ddd;background:url(http://y2graphic.com/templates/default/images/widepost-bg.png) repeat-x;background-color:#fefefe}
.imgWidth580{width:560px;border:1px #d8d8d8 solid;padding:9px}
.img-blog img{background:#fff;border:1px solid #CCC;width:580px;height:220px;margin:0;padding:4px}
.img-blog img:hover{background:#8a8a8a}
#info_contact{margin-left:10px;line-height:25px;font-size:13px;margin-bottom:15px;width:920px}
#right_contact{width:350px;height:350px;margin-left:90px;margin-top:25px}
#right_contact_kd,#right_contact_kt{height:135px}
#right_contact_kd h2{height:38px;background:url(http://y2graphic.com/templates/default/images/kd.gif) no-repeat}
#right_contact_kd_content,#right_contact_kt_content{width:190px;padding-left:10px}
#right_contact_kd p,#right_contact_kt p{font-size:13px;text-align:justify;line-height:220%;padding-left:20px;color:#000}
#right_contact_kd_support,#right_contact_kt_support{float:right;width:130px;margin-top:-95px}
#right_contact_kt h2{height:38px;background:url(http://y2graphic.com/templates/default/images/lienhe.gif) no-repeat}
.info-footer{margin-top:20px;color:#c5c5c5;line-height:13px;font-family:Arial, Helvetica, sans-serif;font-size:11.5px}
.info-footer a{color:#fff}
.hotline{width:206px;height:43px;float:right;margin-top:-30px}
.erelated_news{background-color:#fefefe;padding-top:15px;border-top:2px dashed #d3d3d3;border-bottom:2px dashed #d3d3d3;border-left:1px solid #ddd;border-right:1px solid #ddd}
.erelated_news span{margin-left:36px;font-size:13px;color:#555;text-transform:uppercase}
.erelated_news ul{margin-left:40px;font-size:13px;text-decoration:none;font-weight:700}
.erelated_news ul li a:hover{color:#665334;list-style-image:url(http://y2graphic.com/templates/default/images/arrow.png)}
.adv1{margin-top:-10px}.adv2{margin-top:-10px}.adv1.adv2{width:125px;height:125px}
#line1{background:url(http://y2graphic.com/templates/default/images/line.jpg) no-repeat;height:10px;width:970px;margin-left:-30px}
body:nth-of-type(1) #filter{margin-top:-10px}
body:nth-of-type(1) div#por{margin-top:35px}
body:nth-of-type(1) #info_contact{margin-top:5px;margin-bottom:25px}
body:nth-of-type(1) div#por,x:-moz-any-link,x:default{margin-top:25px}
body:nth-of-type(1) #info_contact,x:-moz-any-link,x:default{margin-top:5px;margin-bottom:20px}
#ja-container ul.mostread li{font-size:12px;border-bottom:1px dashed #ccc;padding:2px 7px 6px 0;}
#ja-container ul.mostread1 li{font-size:12px;border-bottom:1px dashed #ccc;padding:2px 7px 6px 0; display:block; width:120px}
#ja-container ul.mostread li a,#ja-container ul.mostread1 li a{display:block;outline:none;text-decoration:none;margin-left:7px;color:#000;padding:4px}
#ja-container ul.mostread li a:hover{color:#fff;background-color:#665334}
#ja-container ul.mostread1 li a:hover{color:#665334}
#ja-container ul.jclist li{border-bottom:1px dashed #ccc;padding-bottom:5px}
#ja-container ul.jclist li img{border:1px #ddd solid;margin:0px;padding:0px}
ul.jclist li a:hover{text-decoration:underline}
.jcl_comment{color:#000;padding-left:15px;margin-left:-10px;font-size:12px}
.jcl_author{font-size:12px;color:#000;width:235px;margin-left:-5px}
#sitemap{height:400px}
.clm1{float:left;margin-left:15px;width:400px}
.clm2{margin-left:5px;width:170px;float:left}
.clm1 ul,.clm2 ul{font-size:13px;font-weight:700;color:#575757}
.clm1 ul li,.clm2 ul li{background:url(http://y2graphic.com/templates/default/images/arrow2.png) no-repeat;margin:0 0 5px 20px;padding:0 0 0 15px}
.clm1 ul li a,.clm2 ul li a{color:#575757}
.clm1 ul li a:hover,.clm2 ul li a:hover{text-decoration:underline}
#itp-fblike-box{background-color:#fff;margin-top:-10px}
ul.bs-box li{float:left;margin-left:-30px;font-weight:700}
.demo,.download{height:34px;width:150px}
.demo a{background:url(http://y2graphic.com/templates/default/images/demobutton.gif) no-repeat 0 0;display:block;height:34px;width:150px;text-indent:-99999px}
.demo a:hover{background-position:0 -34px}
.demo a:active{background-position:0 -68px}
.download a{background:url(http://y2graphic.com/templates/default/images/downloadbutton.gif) no-repeat 0 0;display:block;height:34px;width:150px;text-indent:-99999px}
.download p{font-size:11px;text-align:center;margin-top:-1px}
.download a:hover{background-position:0 -34px}
.download a:active{background-position:0 -68px}
#about-block1 p,#about-block2 p{font-size:13px;text-align:justify;line-height:160%}
#advg1,#advg2{width:255px}
body:nth-of-type(1) #about-warp,body:nth-of-type(1) #about-warp,x:-moz-any-link,x:default{margin-top:10px}
#ja-container ul.mostread,#ja-container ul.mostread1,#ja-container ul.jclist{padding-top:5px;margin-top:-10px;background-color:#fafafa}
.node{font-family:'Open Sans Condensed',Arial;font-size:16pt;font-weight:700}
.node a{color:#443a2a;}
/*Menu*/
#ja-cssmenu{float:left;background:url(http://y2graphic.com/templates/default/images/nav.png) no-repeat;height:45px;width:435px;margin-top:20px}
#ja-cssmenu ul{margin:0;padding:0}
#ja-cssmenu li{float:left;cursor:pointer;padding:5px}
#ja-cssmenu li ul{position:absolute;z-index:99999;left:-999em;height:auto;width:15.9em;background:url(http://y2graphic.com/templates/default/images/sub_bg.gif) repeat-x;margin:-17px 0 0 -4px}
#ja-cssmenu li ul ul{margin:-2.5em 0 0 15em}
#ja-cssmenu li li{width:14.9em;margin:0;padding:0 1em 0 0}
#ja-cssmenu ul a{width:10.8em}
#ja-cssmenu li:hover ul ul,#ja-cssmenu li:hover ul ul ul,#ja-cssmenu li.sfhover ul ul,#ja-cssmenu li.havechildsfhover ul ul,#ja-cssmenu li.havechild-activesfhover ul ul,#ja-cssmenu li.activesfhover ul ul,#ja-cssmenu li.sfhover ul ul ul,#ja-cssmenu li.havechildsfhover ul ul ul,#ja-cssmenu li.havechild-activesfhover ul ul ul,#ja-cssmenu li.activesfhover ul ul ul{left:-999em}
#ja-cssmenu li:hover ul,#ja-cssmenu li li:hover ul,#ja-cssmenu li li li:hover ul,#ja-cssmenu li.sfhover ul,#ja-cssmenu li.havechildsfhover ul,#ja-cssmenu li.havechild-activesfhover ul,#ja-cssmenu li.activesfhover ul,#ja-cssmenu li li.sfhover ul,#ja-cssmenu li li.havesubchildsfhover ul,#ja-cssmenu li li.havesubchild-activesfhover ul,#ja-cssmenu li li.activesfhover ul,#ja-cssmenu li li li.sfhover ul,#ja-cssmenu li li li.havesubchildsfhover ul,#ja-cssmenu li li li.havesubchild-activesfhover ul,#ja-cssmenu li li li.activesfhover ul{left:auto}
#ja-cssmenu li a{color:#fff;display:block;font-weight:700;height:48px;text-decoration:none;margin:0;padding:5px 9px}
* html #ja-cssmenu li a{height:auto;margin-bottom:8px}
#ja-cssmenu span.menu-title{padding:5px 10px}
#ja-cssmenu ul span.menu-title{text-shadow:none}
#ja-cssmenu li a:hover,#ja-cssmenu li a:active,#ja-cssmenu li a:focus,#ja-cssmenu li:hover,#ja-cssmenu li.sfhover,#ja-cssmenu li.havechildsfhover,#ja-cssmenu li.havechild-activesfhover,#ja-cssmenu li a.active,#ja-cssmenu li a.active:hover,#ja-cssmenu li a.active:active,#ja-cssmenu li a.active:focus{color:#fff}
#ja-cssmenu li a.first-item:hover,#ja-cssmenu li a.first-item:active,#ja-cssmenu li a.first-item:focus{background-position:0 -48px}
#ja-cssmenu li a.active,#ja-cssmenu li a.active:hover,#ja-cssmenu li a.active:active,#ja-cssmenu li a.active:focus{background-position:-450px -48px}
#ja-cssmenu li a.active.first-item,#ja-cssmenu li a.active.first-item:hover,#ja-cssmenu li a.active.first-item:active,#ja-cssmenu li a.active.first-item:focus{background-position:-403px -48px}
#ja-cssmenu li a:hover span.menu-title,#ja-cssmenu li a:active span.menu-title,#ja-cssmenu li a:focus span.menu-title,#ja-cssmenu li a.active span.menu-title,#ja-cssmenu li a.active:hover span.menu-title,#ja-cssmenu li a.active:active span.menu-title,#ja-cssmenu li a.active:focus span.menu-title{color:#fcc218}
#ja-cssmenu li ul li{background:none;height:35px}
#ja-cssmenu li ul a{background:url(http://y2graphic.com/templates/default/images/sub_bg.gif) repeat-x;color:#e6e6e6;font-weight:400;line-height:normal;height:auto;width:161px;margin:0;padding:7px 15px}
#ja-cssmenu li ul a span.menu-title{padding-top:0px}
#ja-cssmenu li.havesubchild,#ja-cssmenu li.havesubchild-active{background:url(http://y2graphic.com/templates/images/bullet2.gif) no-repeat 94% 50%}
#ja-cssmenu li ul a:hover,#ja-cssmenu li ul a:active,#ja-cssmenu li ul a:focus,#ja-cssmenu ul li:hover,#ja-cssmenu ul li.sfhover,#ja-cssmenu ul li.havesubchildsfhover,#ja-cssmenu ul li.havesubchild-activesfhover,#ja-cssmenu ul ul li:hover,#ja-cssmenu ul ul li.sfhover,#ja-cssmenu ul ul li.havesubchildsfhover,#ja-cssmenu ul ul li.havesubchild-activesfhover{background:#1a1e21;color:#fff}
#ja-cssmenu ul li a.active,#ja-cssmenu ul li a.active:hover,#ja-cssmenu ul li a.active:active,#ja-cssmenu ul li a.active:focus{background:none!important;color:#fff;font-weight:700}
#ja-cssmenu li a:hover,#ja-cssmenu li a:active,#ja-cssmenu li a:focus,#ja-cssmenu li:hover,#ja-cssmenu li.sfhover,#ja-cssmenu li.havechildsfhover,#ja-cssmenu li.havechild-activesfhover{background-position:-50px -48px}#Mod256{margin-top:-10px}