/* Global Styles */
body {margin:0; padding:0px; background-color:#ffffff;}
body,table,tr,td,th,div, a {font-family: "Courier New","Courier","Monaco","monospace"; font-size: 14px; color: #000000;line-height: 16px;}
h1,h2,h3,h4,h5,form,table {margin:0px; padding:0px;}
h1 {font-size: 20px; letter-spacing: -1px }
h2 {font-size:12px; font-weight:bold; color:#c0050b}
h3, h5 {font-size:12px; font-weight:bold;}
div {border-width:0px; border-style:solid;}
p {margin-top:0px;}
a {text-decoration: none}
a:hover {text-decoration: none;font-weight: bold;}
a:visited {text-decoration: none}
img {border: none;}
input:focus {outline:none;}
textarea {outline:none;resize: none;}

/*Spacing*/
.m3 {margin:3px;}
.m3h {margin:0 3px}
.m3v {margin:5px 0}
.m3l {margin-left:3px}
.m3r {margin-right:3px}
.m3t {margin-top:3px}
.m3b {margin-bottom:3px}
.m5 {margin:5px;}
.m5h {margin:0 5px}
.m5v {margin:5px 0}
.m5l {margin-left:5px}
.m5r {margin-right:5px}
.m5t {margin-top:5px}
.m5b {margin-bottom:5px}
.mauto {margin: 0 auto}
.m10 {margin:10px}
.m10v {margin:10px 0}
.m10h {margin:0 10px}
.m10t {margin-top:10px}
.m10b {margin-bottom:10px}
.m10r {margin-right:10px}	
.m10l {margin-left:10px}	
.m30r {margin-right:30px}
.p5 {padding:5px}
.p5h {padding:0 5px}
.p5v {padding:5px 0}
.p5b {padding-bottom:5px}
.p5t {padding-top:5px}
.p5l {padding-left: 5px}
.p5r {padding-right: 5px}
.p10 {padding:10px}
.p10h {padding:0 10px}
.p10v {padding:10px 0}
.p10l {padding-left: 10px}
.p10r {padding-right: 10px}
.p10t {padding-top:10px}
.p16t {padding-top:16px}

/*Float control */
.float_l {float:left}
.float_r {float:right}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}	

/* Blocks */
.wowrap {width:1100px;}
.owrap {width:1080px;}

/* Font */
.fs8 {font-size: 8px;}
.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs22 {font-size: 22px;}
.fs24 {font-size: 24px;}
.fwb {font-weight:bold;}
.fsi {font-style:italic;}
.fwc_white {color:#ffffff;}
.fwc_yellow {color:#ffc50c;}
.fwc_green {color:#abd037;}
.fwc_gray {color:#87888a;}
.fwc_light_gray {color:#b7b8ba;}
.fwc_black {color:#000000;}

/* Align */
.ta_right {text-align:right;}
.ta_left {text-align:left;}
.ta_center {text-align:center;}

/* Transparency */
.trns60 {filter:alpha(opacity=60);opacity:0.6;}
.trns80 {filter:alpha(opacity=80);opacity:0.8;}
.trns90 {filter:alpha(opacity=90);opacity:0.9;}

/* ID's */
#menu_dt {margin-right: 30px;}
#menu_dt a{font-weight: bold;}
#menu_dt a:hover {text-decoration: none;font-weight: bold;}
#menu{margin-top:50px;margin-bottom:30px}
#menu_work{width:56px; overflow:hidden; cursor: default;}
#menu_work:hover{cursor: pointer;}
#menu_bio {width:91px; overflow: hidden;}
#menu_news {width:58px; overflow: hidden;}
#menu_contact {width:76px; overflow: hidden;}
#menu_links {width:60px; overflow: hidden;}
#menu_work_content{position:absolute;z-index:-1;margin-top:-56px;margin-left:155px;padding-top: 56px;display: none;min-width: 50px}
#content{width: 100%}
#content_bio{width: 1024px;}
#works{height: 595px;}
#work_navigation{width: 100px;height: 35px; position: absolute;margin-top: -60px;margin-left: 700px;}
#work_left{width: 800px;height: 595px;}
#work_left_top{width: 800px; overflow: hidden;}
#work_left_top_inner{width: 800px; overflow: hidden;background-repeat: no-repeat;background-position: center center;}
#work_left_bottom_left{width: 510px; height: 35px;}
#work_left_bottom_left_text{width: 513px; height: 35px;margin-top: 15px;}
#work_left_prev{width: 11px; height: 35px;background:url("../images/left.png") no-repeat top;margin-top: 18px;margin-left: 11px;}
#work_left_next{width: 11px; height: 35px;background:url("../images/right.png") no-repeat top;margin-top: 18px;margin-left: 15px;}
#work_left_bottom_right{width: 160px; height: 35px;}
#work_left_twitter{width:21px;height:21px;background:url("../images/twitter.png") no-repeat top;margin-left: 30px;margin-right: 7px;margin-top: 13px;}
#work_left_facebook{width:21px;height:21px;background:url("../images/facebook.png") no-repeat top;margin-top: 13px;}
#work_left_toggle{}
#work_right{width: 174px; margin-left: 30px; height: 560px; outline: none;}
#workbigimg {width: 800px; border: none;}
#opening{width: 800px; overflow: hidden;}
#opening img{width: 800px;}
#footer {margin-top: 30px;}

/* Named classes */
.menu_item, .menu_itema{padding-left:30px}
.toggle_text{width:21px;height:7px;background:url("../images/text.png") no-repeat top center;margin: 20px 0px 0px 7px;}
.toggle_images{width:21px;height:16px;background:url("../images/images.png") no-repeat top;margin-left: 7px;margin-top: 15px;}
.worktndiv {width: 54px; margin-right: 4px; cursor: default;}
.worktndiv:hover {cursor: pointer;}
.worktnimg {width: 54px;}
.workbtn {cursor: default;}
.workbtn:hover {cursor: pointer;}
.scrollpane {width: 100%; height: 560px; overflow: auto; outline: none;}
.news_outer{margin-bottom: 50px;}
.news_pic{width: 146px; height: 103px;}
.news_text{margin-left: 20px; width: 914px;}
.links_link{width: 1080px; margin-bottom: 50px;}
.links_link a:hover {text-decoration: none; font-weight: bold;}

/* For test */
.border {border-width:1px; border-style:solid;}