* { border: none; margin: 0; padding: 0; text-decoration: none; }
a { color: black; border:0 }
ul { list-style: none; }

#head { position: absolute; top: 75px; width:1410px; height:22px; overflow: hidden;}
#head ul { margin-left:219px }
#head li { float: left; position: relative; text-indent:10000px; }
.h:hover { cursor: pointer; }
.disabled:hover {cursor:auto;}

#yehrin_tong { background:url(/img/button/yehrintong.gif) 0 0 no-repeat; width:186px; margin-right:93px; }
#portfolio { background: url(/img/button/portfolio.gif) no-repeat; width:144px; margin-right:82px; }
#archive { background: url(/img/button/archive.gif) no-repeat; width:116px; margin-right:85px}
#info { background: url(/img/button/info.gif) no-repeat; width:62px; margin-right:83px; }
#contact { background: url(/img/button/contact.gif) no-repeat; width:125px; margin-right:76px; }
#prev { background: url(/img/button/prev.gif) 0 0 no-repeat; width: 24px; }
#close { background: url(/img/button/close.gif) 0 0 no-repeat; width: 25px; }
#next { background: url(/img/button/next.gif) 0 0 no-repeat; width: 23px; }

#main, #hires_placeholder { left: 9px; position: absolute; top: 167px; width:1410px; }
#hires_placeholder {width:1410px; text-align:center; }

#imgbox { float: left; max-width: 1420px; }
#imgbox li { float: left; height: 218px; width:218px; margin-bottom: 17px; padding-right: 17px; }
#imgbox img { border: 1px solid #e1e1e1; }

#loader { height: 50px; position: absolute; top: 60px; right: 60px; width: 50px; }
#loader.loading { background: url(/img/button/loading.gif) no-repeat center center; }

/* Page-specific */
#info_1 {margin-left:70px}
#contact_1 {margin-left:64px}
h3 { padding-bottom:20px; font:14px bold verdana,sans-serif; text-transform:uppercase; clear:left; height:auto; }
#info_1 li { height:auto; font:1em bold verdana,sans-serif; }
#info_1 a, #contact_1 a { color:#555588; font-weight:bold; }
#info_1 a:hover { color:#404067; }

#info_1 {width:1000px;}
#info_1 li ul.about-yehrin {width:400px; float:left; margin-top:65px; margin-left:144px; font:15px bold verdana,sans-serif; }
#info_1 li ul.client-list {width:500px; float:left; margin-left:226px; margin-top:10px ; font:14px bold verdana,sans-serif; text-transform:uppercase;}
#info_1 li ul.client-list li ul li {margin:0; margin-bottom:2px;}
#info_1 li ul.client-list li.leftcol {width:182px;}
#info_1 li ul.client-list li.rightcol {width:182px; float:left; margin-left:50px; }
 
#contact_1 img {border:0}
#contact_1 li {height:auto; }
#contact_1 li ul.image-col li { width:280px; margin-left:145px}
#contact_1 li ul.form-col li {width:700px; margin-left:184px}
#contact_1 li ul.form-col h3 {margin-left:231px}

#info_1 li {width: 400px; }

form { margin-top:4px}
label { margin-left: 10px; margin-top:5px; width: 190px; float:left; text-align:right; padding-right:28px; font:14px bold verdana,sans-serif; text-transform:uppercase; }
input { width:300px; border:1px solid gray; font:0.9em bold verdana,sans-serif; height:20px; }
textarea { width:300px; height:200px; border:1px solid gray; font:1em bold verdana,sans-serif; }
#res {float:left;margin-left:250px;}
#submit { width:100px; height:30px; margin-left: 330px;}
input.error, textarea.error { border:2px solid red; }
.hide { display: none; }