/* Smooth Step © 2007-2008 */

body{color: #444;background:#fff;
font: 9pt/14pt Lucida Grande, Lucida Sans Unicode, sans-serif;
text-align:center;}
div,body{margin:0;border:0;padding:0;}
#site{/*width:100%;background:url(/img/main_bg.gif) top repeat-x;*/}
#page{text-align:center;}

#topmenu{font:11px/14px arial;width:980px;}
#topmenu ul{list-style-type:none;margin:0;padding:0;}
#topmenu li{float:left;line-height:26px;}
#topmenu .m1 li{text-align:middle;padding:0 10px;}
#topmenu .m2 {clear:both;border-top:1px solid #ccc;padding-top:3px;}
#topmenu .m2 li{text-align:middle;padding:0 10px;line-height:20px;}
#topmenu li.on{font-weight:bold;}
#topmenu a{color:#4000a0;}

#tagcloud{font:18px/28px arial;}
#tagcloud a:link{text-decoration:none;color:#000;}
#tagcloud a:hover{text-decoration:underline;}
#tagcloud a:visited{text-decoration:none;color:#555;}
#tagcloud a.tag1{font-size:11px;}
#tagcloud a.tag2{font-size:18px;}
#tagcloud a.tag3{font-size:24px;}

#content strong{font-size:8pt;font-family: "trebuchet ms", sans-serif;color:#333;}

a:link{text-decoration:underline;color:#fd8a0b;}
a:visited{text-decoration:underline;color:#fd8a0b;}
a:hover{text-decoration:underline;color:#0b4ffd;}
a:active{text-decoration:underline;color:#fd8a0b;}

.cl{clear:both;}

img{background: #fff url(/img/loading.gif) center center no-repeat;}
img.logo {margin:32px 0 0 45px;}

#flash {float:left;padding-left:10px;}

.top{height:83px;background:#3b3b3b url(/img/top_bg.gif) top repeat-x;}
.intro{height:198px;background:#fd960b url(/img/intro_bg.gif) top left no-repeat;}
.top, .intro, .wrap, .wrap2 {width:980px;margin:0 auto;color:#fff;text-align:left;}

.top .langwrap {float:right;height:83px;padding:0 40px 0 170px;/*background:transparent url(/img/lang_bg.gif) top left no-repeat;*/}
.top .lang {margin-top:47px;font-family:arial;font-size:8pt;color:#ddd;}
.top .lang a{color:#e87f0a;text-decoration:none;}
.top .lang a:hover{text-decoration:underline;}
.top .lang em{font-style:normal;color:#eee;}

.intro .text {font-size:1.2em;line-height:1.3em;padding: 26px 85px 0 0;width:450px;float:right}
.intro h1 { font: 1.7em "Arial", Arial, sans-serif;letter-spacing: -.04em;margin:0;padding:0 0 15px 0;}
.intro p {margin:0 0 8px 0;}
.intro .boxes {float:left;background:transparent;padding-left:130px;}
.intro a{color:#fff;}
.intro a:hover{color:#000;}

.wrap, .wrap2{margin:2px auto;background:#fff url(/img/cwrap_bg.gif) top repeat-x;color:#444;}
.wrap2 {width:955px;}

#content{float:left;padding:35px 5px 0 40px;}
.wrap #content {width:420px;}
.wrap2 #content {width:640px;}
#content h1, #content h2, #content h3, #content h4, #mcolumn h2 {
font: 24pt/34pt Arial, sans-serif;font-weight:normal;}
#content h2.big {font-size: 22pt;line-height:35pt;padding:0;letter-spacing: -.01em;}
#content h2 {font-size: 1.9em;line-height:25pt;padding-top:5pt;padding-bottom:0;margin-bottom:14px;letter-spacing: -.01em;}
#content h3 {font-size: 1.3em;font-weight:bold;line-height:20pt;padding-top:0pt;padding-bottom:0;margin-bottom:10px;margin-top:10px;}
#content h4 {font-size: 1.2em;line-height:18pt;font-weight:bold;margin:0;padding:2pt 0 5pt 0;}
#content h2.first {font-size: 1.9em;line-height:18pt;padding-bottom:15pt;margin:0;}
#content .left{float:left;}
#content .dlright {float:right;width:350px;}

#mcolumn {width:290px;float:left;margin:30px 0 25px 20px;padding:10px 5px;border:1px solid #d8d6d6;
border-top:0;border-bottom:0;}
#mcolumn .box, #mcolumn .boxfirst {margin:0 5px 10px 15px;padding:5px 15px 5px 5px}
#mcolumn .boxfirst {padding-top:0;}
#mcolumn .box{background:#fff url(/img/column_dots.gif) top repeat-x;}
#mcolumn h2{color:#444;font: 14pt/18pt Arial, sans-serif;letter-spacing:-1pt}
#mcolumn img.dvideo {float:right;border:0;margin-top:-22px;}
#mcolumn p{margin:0 0 8px 0;padding:0;line-height:13pt;}

#mcolumn .pack{clear:both;padding:4px 0 2px 0;}
#mcolumn .pack img{float:left;margin-right:20px;clear:left;border:0;}
#mcolumn .pack p{line-height:11pt;font-size:8pt;margin:4px 0 4px 0;}
#mcolumn .pack p.right{float:right;margin-top:0;}
#mcolumn h3{color:#000;font: 10pt/12pt Lucida Grande, Lucida Sans Unicode, sans-serif;margin:0;padding:0;}
#mcolumn h3 a{font-size:10pt;letter-spacing:0;text-decoration:none;color:#000;}
#mcolumn h3 a:hover{color:#fd8a0b}

#mcolumn .adate{margin:0;padding:3pt 0 0 0;font-size:7pt;color:#000;font-style:italic;font-family:arial;color:#888}
#mcolumn .adesc{line-height:13pt;padding-top:2px;margin:0;font-size:8pt;}
#mcolumn .adate strong {letter-spacing:-1px;}
#mcolumn .apanel{line-height:14pt;padding-bottom:10px;padding-top:3px;}

#mcolumn ul{list-style-type: none;padding:0;margin:0;}

#mcolumn li{margin:2px 0 0 0;padding:0 0 0 0px;}
#content p{padding:4px 0 12px 0;margin:0;text-align:justify;}
#content ul, #content ol{padding:0;margin:-5px 0 0 18px;padding-bottom:10px;}
#content ol {padding:0 5px;}
#content li, #content .blog li li{padding:7px 0 0 0;margin:0;}

#content ul.pack{list-style-type: square;margin-left:170px;display:block;padding-top:8px;}
#content ul.pack li {margin:0;padding:0;line-height:12pt;margin-top:6px;}

#content ul.pack a {color:#444;text-decoration:none;border:0}
#content ul.pack a:hover {border-bottom:1px solid #fd8a0b;color:#fd8a0b;}

#content .columnl {float:left;width:200px;}
#content .columnr {float:right;width:200px;}
#content .columnl h3, #content .columnr h3{margin-top:0;padding-top:0;font-size: 1.4em;line-height:1.5em;}
.wrap2 #content .columnl, .wrap2 #content .columnr {width:310px;}

#content dl{margin:0;padding:0 0 5px 0;}
#content dl.cl{margin-top:0;}
#content dl ul {padding-bottom:0;}
#content dt {font-style:italic;color:#222;padding:13px 0 12px 22px;font-weight:bold;font-family:arial;
background:transparent url(/img/tickok.gif) 0px 9px no-repeat;width:auto;margin:0;}
#content dd{margin:0;padding-left:22px;}
#video{padding-bottom:15px;padding-top:15px;}
#content .video, #content .portfolio{text-align:right;}
#content h2.video {font:16pt/20pt arial, helvetica, sans-serif;margin:0;padding:0;color:#000;letter-spacing: 1px;}
#content h2.video strong{font-size:16pt;letter-spacing: 0;}
#content h3.video, #content h2.portfolio {font:10pt/30pt arial, helvetica, sans-serif;margin:0;padding:0;color:#000;letter-spacing: 0;}
#content h2.portfolio {line-height:20pt;}
#content h3.video a, #content h2.portfolio a {color:#666;text-decoration:none;}
#content h3.video a:hover, #content h2.portfolio a:hover {color:#fd8a0b;text-decoration:underline;}

#content .imgpanel{background:transparent url(/img/pages_bg.gif) left center repeat-x;width:100%;height:31px;}
#content .imgpanel p.right{float:right;padding-left:5px;line-height:31px;background:#fff url(/img/bt_next.gif) -100px -100px no-repeat;}
#content .imgpanel p.left{line-height:28px;padding-right:10px;}
#content a.next, #content a.nexton, #content a.prevon, #content a.prev{color:#222;text-decoration:none;}
#content a.nexton, #site a.wide{margin: 0 5px 0 5px;}
#content a.next, #content a.nexton{background:#fff url(/img/bt_next.gif) left top no-repeat;padding-left:30px;display:block;float:left;}
#content a.prev, #content a.prevon{background:#fff url(/img/bt_prev.gif) top right no-repeat; padding:0 30px 0 5px;display:block;float:left;}
#content a.next:hover, #content a.nexton{background-image:url(/img/bt_next_on.gif);}
#content a.prev:hover, #content a.prevon{background-image:url(/img/bt_prev_on.gif);}
#content .bigimg{padding:20px 0;width:100%;text-align:center;background:transparent url(/img/bt_prev.gif) -100px -100px no-repeat;}

#minheight {float:left;height:450px;width:1px;}

#content .r{color:#ba553e}

#rightwrap{width:180px;float:right;}

#rightwrap .mfeed, #rightwrap .mblog {padding:22px 0 12px 65px;height:35px;background:#fff url(/img/icon_rss.gif) left 5px no-repeat;clear:both}
#rightwrap .mfeed a, #rightwrap .mblog a{color:#444;}
#rightwrap .mblog {padding:22px 0 7px 65px;background:#fff url(/img/icon_blog.gif) left 5px no-repeat;}
.wrap2 #rightwrap {border-left:1px solid #d8d6d6;margin-top:25px;padding-left:20px;}

#menu, #menu ul, #menu span, #menu li{font:11px/12px Arial, verdana;
letter-spacing:0em;margin:0;padding:0;width:180px;}
#menu strong{font-size:11px;color:#222;font-weight:normal;}
#menu{float:right;padding:5px 0 15px 0;}
.wrap #menu{margin-top:25px;}
.wrap2 #menu {margin-top:0px;}
#menu li {list-style-type:none;padding:4pt 0 0pt 0;clear:both}
#menu h2 {padding:8px 0 4px 7px;cursor:pointer;margin:0;color:#444;display:block;height:17px;display:block;
font:11px/19px arial, verdana;letter-spacing:1px;background:#fff url(/img/menuh_l.gif) left 9px  no-repeat;}
#menu h2 span {width:auto;display:block;background:#fff url(/img/menuh_bg.gif) 1px repeat-x;font-weight:normal;float:left;line-height:19px;}
#menu h2 span.end {background:transparent url(/img/menuh_r.gif) right 1px no-repeat;padding:0 9px 0 2px;}
#menu li.first{padding-top:10pt}
#menu ul ul {padding-top:6px;padding-left:15px;padding-bottom:0px;margin-bottom:0px;}
#menu ul li{font-size:11px;}
#menu ul ul li{padding:1pt 0 1pt 0;}
#menu ul ul ul{padding-top:3pt;padding-bottom:0px;margin-bottom:1px;}
#menu ul ul li a{color:#888;}
#menu ul li a{background-position:left 3px;}
#menu a{color:#555;text-decoration:none;/*background:#fff url(/img/arrow_red_left.gif) left 4px no-repeat;*/padding-left:11px;}
#menu a:hover, #menu a:hover strong{color:#fd8a0b;}
#menu a.this{background:#fff url(/img/marrow.gif) left 3px no-repeat;color:#333;}

.footwrap{clear:both;width:100%;background:#fff url(/img/cwrap_bg.gif) 25px repeat-x;}
.foot {text-align:left;width:900px;margin:0 auto;font-size:7pt;padding:58px 0 15px 0;}
.foot p{margin:0;padding:0;}
.foot strong{font-weight:normal;color:#222;}

#content img.noborder {border:0;padding:0}
#content div.il img, #content div.ir img{padding:3px;border:1px solid #bbb;}
#content div.il img.noborder, #content div.ir img.noborder {padding:0;border:0;}
#content div.il{float:left;padding:3px 15px 0 0;}
#content div.ir{float:right;padding:3px 0 0 15px;}

#sitemap {margin:0;padding:0;}

#sitemap h2{padding-top:10px;margin-top:0;}

#sitemap ul {margin:0;padding:0 3px 0px 0;}
#sitemap ul ul {padding-bottom:0;}
#sitemap li {margin:0 0 0 -22px;padding:10px 0 0 0;list-style-type:none;}
#sitemap ul li {margin:0 0 0 15px;padding:0;list-style-type:square;}
#sitemap a{text-decoration:none;color:#555;}

#sitemap a:link{text-decoration:none;color:#555;}
#sitemap a:visited{text-decoration:none;color:#666;}
#sitemap a:hover{text-decoration:underline;color:#fd8a0b;}
#sitemap a:active{text-decoration:underline;color:#555;}

#contactf{text-align:left;padding:24px 0 10px 0;width:400px;margin:0 auto;}
#contactf ul{border:0;margin:0;padding:0;width:385px;clear:both;}
#contactf ul li{border:0;margin:0;padding:0;clear:both;vertical-align:middle;text-align:left;list-style-type:none;padding:3px 0;}
#contactf ul li label{width:100px;float:left;line-height:20px;font-size:90%;display:block;}
#contactf input, #contactf textarea{border:1px solid #aaa;width:260px;height:17px;padding:0;background:#fff;float:right;
vertical-align:middle;}
#contactf .notes{margin-top:30px;}
#contactf .notes2{margin-top:15px;line-height:16px;}
#contactf select{width:100px;}
#contactf textarea{overflow:auto;height:120px;padding:0;}
#contactf .buttons{clear:right;float:right;margin-right:8px;padding-top:10px;}
#contactf .buttons .bt{padding-bottom:3px;}
#contactf .buttons input {float:none;}
#contactf .tick {margin:0 15px 0 0;padding:0;border:0;float:left;width:15px;height:32px;}
#contactf .ticks{padding:5px 0;}
#contactf .ticks label, #contactf #interest li label{display:inline;width:auto;line-height:30px;font-size:8pt;}
#contactf img{float:right;padding:3px 0 0 8px;background:#fff;}
#contactf .rating {padding:5px 0;}
#contactf #stars {width:262px;text-align:left;display:block;float:right;}
#contactf #stars img{float:left;border:0;margin:0;padding:4px 2px 0 0;cursor:pointer;}
#contactf h3{padding:2px 0 6px 0;margin-left:-1px;}
#contactf #interest li{float:left;width:190px;line-height:32px;font-size:90%;clear:none;display:block;}
#contactf h3.pdets {padding-bottom:12px;}

.bt, #contactf .bt {width:67px;border:0;background: #939393 url(/img/button_bg.gif) 0px 0px no-repeat;margin:0;padding:0 0 1px 0;
font:bold 10px/16px "arial", helvetica, sans-serif;height:17px;color:#fff;cursor:pointer;vertical-align:middle;}
html:lang(en)>body .bt, #contactf .bt {height:17px;line-height:17px;padding-bottom:1px;}

.contact {width:100%;padding:0 0 10px 0;margin:0 0 5px 0;}

#login{font-family:verdana;background:#fff url(/images/login.gif) top left no-repeat;width:316px;height:163px;margin:40px 0 60px 0;}
#login .box{padding:15px 15px 13px 15px;}
#login .bt {margin-top:10px;}
#login .binp, #login .binp2{border:solid 1px #aaa;font-size:12.0px;width:140px;margin-bottom:2px;text-align:left;padding-left:5px;}
#login .binp2{margin-top:15px}
* html #login .binp2{margin-top:13px}
#login div.block{margin-left:144px;padding-top:22px;text-align:left;}

table, tr, td{vertical-align:middle;margin:0;padding:0;}	
table.icats{width:80%;text-align:left;font-family:Arial,sans-serif;margin:0 auto;margin-top:30px;margin-bottom:30px;}
table.icats td, #content p.useimg{padding:10px 0 0 45px;margin:0 15px 0 5px;
background: #fff url(/img/folder.gif) left 14px no-repeat;height:45px;}
p.useimg{margin-left:0;}
table.icats .sub1{font-size:12px;color:#444;}		
table.icats .sub{font-size:18px;color:#444;}
table.icats a, table.icats a:visited{text-decoration:none;}
table.icats a:hover{text-decoration:underline;}

#content .line, #content .pages{background:transparent url(/img/pages_bg.gif) left 17px repeat-x;color:#444;height:15px;width:100%;}
#content .line{background:#fff url(/img/pages_bg.gif) left 13px repeat-x;height:25px;}
#content .pages{padding:10px 0 20px 0;}
#content .pages p, #content .pages p strong, #content .imgpanel p{margin:0;padding:0;font:9px/15px "Arial",sans-serif;background: #fff;font-weight:bold;}
#content .pages p.right{float:right;padding-left:10px;}
#content .pages p.left{float:left;padding-right:10px;}
#content .pages strong{color:#fd8a0b;}
#content .pages a{color:#fd8a0b;text-decoration:none;}
#content .pages a:hover{color:#fd8a0b;text-decoration:underline;}

#content .ilib {margin:0;padding:15px 0 0 0;}
#content .ilib li {margin:0;padding:15px 0;width:100%;list-style-type:none;}
#content .ilib p{margin-bottom:16px;line-height:12pt;font-size:8pt;padding:0;}
#content .ilib .img{width:240px;float:left;text-align:center;}
#content .ilib .img img{border:0;}
#content .ilib .desc{margin-left:260px;padding-top:1px;margin-top:-6px;}
#content .ilib .desc p{text-align:left;}
#content .ilib h2 {margin:5px 0 2px -4px;padding:0 0 0 4px;color:#444;
font: bold 9pt/15pt Arial,sans-serif;letter-spacing:0;}
#content .ilib p.small, #content .ilib p.small strong{color:#444;padding-top:0;margin-top:0;text-decoration:none;font: bold 9px/10px "Arial",sans-serif;}
#content .ilib p.small strong{color:#fd8a0b;font-weight:bold;}
#content .ilib p.small a{font-weight:bold;}

#menq {padding:29px 0 0 0;margin:0 45px 0 0;float:right;text-align:left;width:353px;clear:right;}
* html #menq{margin-right:22px;}
#menq label{font:10px/12px "Arial",sans-serif;letter-spacing:0;color:#666;margin:0;padding:0;padding-left:10px;}
#menq form {background:#fff url(/img/menq_bg.gif) top repeat-x;height:32px;margin:0;padding:0;}
#menq form div{padding:4px 7px 4px 38px;background:transparent url(/img/menq_letter.gif) 7px 4px no-repeat;}
#menq input {width:100px;overflow:hidden;border:1px solid #c6c6c6;margin:4px 6px 0 0;padding:0 0 0 5px;
font:11px/14px "Lucida Sans", Arial, verdana;color:#555;vertical-align:top;background:#fff;}
* html #menq input {margin-top:3px;}
#menq input.btn{width:74px;height:24px;margin:0 0 1px 2px;padding:0;text-align:center;font:11px/24px "Arial",sans-serif;cursor:pointer;
background:#e2e2e2 url(/img/menq_bt.gif) top repeat-x;color:#fff;border:0;padding-top:0px;}
html:lang(en)>body #menq input.btn {height:23px;line-height:23px;padding-top:0;}

#toplinks {float:right;margin:0 45px 0 0;}
#toplinks li {list-style-type:none;float:left;margin: 10px 0 0 10px;line-height:16px;}

#toplinks li.blog a{background:transparent url(/img/blog.gif) top left no-repeat;}
#toplinks li.rss a{background:transparent url(/img/rss.gif) top left no-repeat;}
#toplinks li a{padding:0 0 0 20px;display:block; color:#444;font-size:11px;}

#content div.hosting h3{font-size:8pt;line-height:26pt;font-weight:bold;font-family:"Trebuchet MS",arial;margin-bottom:0;}
#content div.hosting ul{padding-bottom:0px;padding-top:10px;}
#content div.hosting li{margin:0;padding:0;font-size:8pt;line-height:16pt}

#content div.hosting {padding-right:15px;width:170px;}

#content .blog {margin:0 0 30px 0;padding:0;clear:both;}
#content .blog li{list-style-type:none;margin:0;padding:0 0 10px 0;clear:both;}
#content .blog li.nospacing{padding:0;}
#content .blog ul li {list-style-type:disc;border:0;}
#content .blog ol li {list-style-type:decimal;margin:0;padding:0;border:0;}
#content .blog ol {margin:0;padding:0 0 0 18px;}
#content .blog h3.article, #content .blog h2.article{margin:0;padding:20px 0 0 0;font-size:14pt;border-bottom:1px solid #888;line-height:22pt;}
#content .blog h3.article{padding:10px 0 0 0;}
#content .blog h2.article{line-height:18pt;margin-top:15px;border:0;padding-top:5px;}
#content .blog h3.article a, #content .blog h2.article a{color:#444;text-decoration:none;}
#content .blog h2 a:hover, #content .blog h3 a:hover {text-decoration:none;color:#fd8a0b}
#content .blog ol li h3{margin:0;padding:8px 0 4px 0;}
#content .blog p.date{padding:0 0 5px 0;margin:0 0 15px 0;font-size:11px;color:#777;font-style:italic;}
#content .blog p.date strong{color:#555}
#content .blog p.date strong.blog{border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#content .blog p.panel {padding:8px 0 0 0;font-size:11px;}
#content .blog p.panel img {vertical-align:middle;}
#content .blog dl{clear:both;}

#content .carticles {border:1px solid #fd8a0b;border-left:0;border-right:0;padding-top:15px;}

#contact {clear:both;}

#content .blog h3{padding-bottom:6px;}

#content .bwrap {height:50px;}
#content .location, #content .by, #content .paging, #content div.panel {font-size:10px;font-weight:bold;width:100%;text-align:right;font-family:arial;}
#content .paging {width:auto;float:right;text-align:left;}
#content .location {border-top:1px solid #888;padding-top:2px;margin-top:20px;}
#content .by{padding:0;font-size:11px;width:100%;border-bottom:1px solid #888;padding-bottom:2px;}
#content .paging{padding-bottom:10px;}
#content div.panel {width:auto;float:left;}
#content div.panel img {vertical-align:middle;}

#content .comments .small{font-size:10px;line-height:14px;padding-bottom:10px;}
#content .comments h3{font-size:12px;line-height:18px;margin:0;padding:10px 0 0 0;font-weight:normal;border-bottom:1px solid #aaa;font-family:arial;letter-spacing:0;}
#content .comments p{margin:0;padding:0 0 10px 0;}

#content .comments {border-top:3px solid #fd8a0b;border-bottom:3px solid #fd8a0b;padding:15px 0;}