html {height:100%;}
body {font: 85.01% 'Trebuchet MS', arial,helvetica,verdana,sans-serif;font-weight:normal;color: #000; margin: 0; padding: 0;background: #fff url(/img/sub_bgr.gif) no-repeat right top;height:100%;}


a {color:#cc0000;}
a:hover {color:#009999;}
.clr {clear:both;line-height:1px;}
.png {
//background-image: none ! important;
behavior: url('../css/pngfix.htc');
}


div.container {width: 92%;padding:0 4%;position:relative;height:auto !important; height: 100%; min-height: 100%;}
div.content {padding:0 0 180px 0;}


div.main-container-left {width:100%;position:relative;height:auto !important; height: 100%; min-height: 100%;background:#F6F8F8;color:#a7a59d;float}
div.main-container-left div.menu-block {margin:0 0 0 4%;padding:60px 0 0 0;position:relative;z-index:2;}
div.main-container-left div.menu-block ul.main-menu {padding:0;margin:0;list-style-type:none;}
div.main-container-left div.menu-block ul.main-menu li {margin:0;padding:0 0 20px 0;}
div.main-container-left div.menu-block ul.main-menu li a {color:#9c9aa4;border-bottom:4px solid #aeabb6;font:bold 1em arial;text-decoration:none;padding:0 0 2px 0;}
div.main-container-left div.menu-block ul.main-menu li a:hover {border-bottom:4px solid #8f8a9b;}
div.main-illustr {text-align:center;position:relative;top:-100px;left:0;width:100%;z-index:0;}

div.main-left-footer {position:absolute;bottom:0;padding:40px 8% 50px 4%;color:#a7a59d;font-size:0.8em;}

div.content div.menu-block {margin:0;padding:60px 0 50px 0;width:60%;float:left;}
div.content ul.main-menu {padding:0;margin:0;height:30px;}
div.content ul.main-menu li {display:inline;float:left;width:28%;margin:0 4px 0 0;list-style-type:none;padding:0;}
div.content ul.main-menu li a {border:0;border-bottom:4px solid #ccc;display:block;font:bold 1em arial;color:#000;text-decoration:none;padding:0 0 2px 0;width:99.9%;height:16px;}
div.content ul.main-menu li:hover a {border:0;border-bottom:4px solid #da0f0f;display:block;font:bold 1em arial;color:#000;text-decoration:none;padding:0 0 2px 0;width:99.9%;height:16px;}
div.content ul.main-menu li a.current, div.content ul.main-menu li a.current:hover {border-bottom:4px solid #000;cursor:default;}
div.sub-menu {font-size:0.8em;padding:8px 0 0 40px;margin-bottom:20px;float:left;height:20px;}
div.sub-menu a {display:block; float:left;padding:0;margin:0 15px 0 0;text-decoration:none;border-bottom:1px solid #cc0000;line-height:12px;}
div.sub-menu a:hover {border-bottom:1px solid #009999;}
div.sub-menu a.current {color:#000;font-weight:bold;border-bottom:2px solid #000;text-decoration:none;cursor:default;} 

a.webdev-logo, div.webdev-logo {display:block;position:absolute;left:75%;top:45px;width:158px;height:43px;border:0;z-index:2;}

h1.page-title, h1.portfolio-title {margin: 0;font:1.7em arial;padding:1px 0 40px 0;height:19px;line-height:20px;} 
h1.portfolio-title {float:left;padding:0 0 40px 0;}
h2.page-title {margin: 0;font:1.5em arial;padding:0 0 20px 0;height:1em;}
div.content-text {margin:0 5% 0 0;width:49%;font-size:0.95em;line-height:20px;float:left;}
div.content-text p {padding:4px 0 36px 0;margin:0;} 
div.content-text p.nopad {padding:4px 0 0 0;margin:0;} 
div.content-text p.remark {font-size:0.9em; color:#777; line-height:1.2em;}
div.content-text h3 {font:bold 1em arial;padding:6px 0 0 0;margin:0;height:34px;/*background:red;opacity:0.6;*/}

div.sub-content {width:20%;margin:0 2% 0 0;float:left;font-size:0.95em;padding:4px 0 0 0;}
div.sub-content h3 {font:bold 1em arial;padding:0 0 20px 0;margin:0;line-height:20px;}
div.sub-content .vcard {padding:0 0 40px 0; line-height:20px;}
div.sub-content .fn {padding:0 0 0 0;}
div.sub-content .tel {padding:0 0 0 0;}
div.sub-content a.subankor {text-decoration: none; font-size:0.9em; border-bottom:1px dashed #CC0000;}

div.project-item {width:194px;float:left;height:125px;margin:0 1% 25px 0;border-bottom:2px solid #ccc;}
div.project-preview {width:192px;height:108px;overflow:hidden;border-top:1px solid #eee;border-left:1px solid #ccc;border-right:1px solid #999;border-bottom:1px solid #909090;}
div.project-preview a.project-img {display:block;position:relative;width:192px;height:108px;z-index:1;text-decoration:none;}
div.project-preview a.project-img div.project-title {position:absolute;width:172px;height:98px;z-index:3;top:10px;left:10px;}
div.project-preview a.project-img div.project-title span.title {background:#fff;color:#cc0000;font-size:0.8em;text-decoration:none;visibility:hidden;}
div.project-preview a.project-img:hover div.project-title {z-index:10;}
div.project-preview a.project-img:hover div.project-title span.title {visibility:visible;cursor:pointer;}



div.project-border {float:right;position:relative;top:0;right:50%;}
div.project-border-2 {float:right;position:relative;right:-50%;padding:30px 0 0 0;font-size:0.9em;}
div.project-url {padding:0 0 20px 0;}
div.project-img {float:left;}
div.project-description {width:50%;font-size:0.9em;}
div.project-img-description {float:left;padding:0 0 0 30px; width:250px;}
div.project-img-description b {color:#000;}
div.project-img-description div {color:#888;}
div.project-date {text-align:center;color:#888;font-size:0.9em;}


div.footer {position:absolute;bottom:0;width:92%;padding:60px 0;}
div.footer div.fblock {width:23%;margin:0 2% 0 0;padding:6px 0 0 0;color:#666666;font-size:0.8em;float:left;line-height:20px;}

body.body-404 {font:100% "Times New Roman",serif;font-weight:normal;color:#000;margin:0;padding:0;background:#f7f7ee;}
body.body-404 div.message-404 {padding:110px 10% 0 15%;}
body.body-404 a {color:#cc0000;}
.t-border {padding:0 0 0 15%;}
table.table-404 {border-collapse:collapse;margin:30px 10% 0 -170px;}
table.table-404 tr td.img-pict {width:150px;text-align:right;padding:20px 20px 20px 0;}
body.body-404 .copyright {padding:0 0 100px 15%;}
body.body-404 .small-text {color:#555;font-size:0.8em;padding-top:10px;}