/* RESET + CLEARFIX */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;	background: transparent;}
body{line-height: 1;}
ol, ul{list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
:focus{outline: 0;}
ins{ text-decoration: none;}
del{ text-decoration: line-through;}
table{	border-collapse: collapse; border-spacing: 0;}
.cols:after, .clearfix:after {content: "."; display: block; clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
.cols, .clearfix{ display: inline-block;} 
html[xmlns] .clearfix{	display: block;} 
html[xmlns] .cols{	display: block;} 
* html .clearfix{height: 1%;}
* html .cols{height: 1%;}
a{color:#F00}
body, html{}
#wrapper{ font:normal 13px Georgia, "Times New Roman", serif; position:absolute; top:50%; left:50%; margin-left:-500px; margin-top:-350px; width:1004px;  padding-top:1em;}
#wrapper.intro{width:740px; height:480px; margin-left:-370px; margin-top:-240px}


.intro #sujean-rim{position:absolute; top:40px; left:71px; display:none}
.intro #girl{position:absolute; top:207px; left:330px; display:none}
.intro a#action-zone{display:block; position:absolute; top:200px; left:300px; width:330px; height:220px; cursor:pointer; z-index:1000}
.intro #hello-gorgeous{position:absolute; top:199px; left:439px; width:0; overflow:hidden;}

#logo{padding-left:20px}
#content{position:absolute; right:10px; top:55px; width:700px; text-align:center}
#image-container, #bio-container, #clients-container{height:630px; vertical-align:middle; display:table-cell; text-align:center; width:700px; .display:block; .float:left}
.books-image{padding:4px; border:1px solid #dbdee2}

#clients-container{.margin-top:160px}
.bio-image{width:224px; height:530px; float:left; margin-right:20px}
.bio-text{width:386px; height:530px; float:left;}
.bio-text p{margin:.75em 0; color:#666; font-size:13px; line-height:1.35em; text-align:left;}
.bio-text a{font-size:15px}
#clients-container ul li{display:block; float:left; text-align:left; color:#666; width:200px; margin-right:10px; font-size:12px; margin-bottom:.35em;}
p#coming-soon-container{margin-top:300px; text-align:center; color:#AFAFAF}

#image-title{position:absolute; bottom:22px;  color:#000; font-size:15px; width:700px; text-align:center;}
#prev-next{position:absolute; bottom:0; color:#AFAFAF; font-weight:bold; width:700px; text-align:center; .left:0; font-size:18px}
#prev-next a{cursor:pointer; font-size:18px; color:#AFAFAF; font-weight:bold; display:inline-block; margin:0 15px; }
#prev-next a:hover{}

ul.menu li{padding-bottom:8px; margin:0}
ul.menu li a{font:normal 36px Georgia, "Times New Roman", Times, serif; color:#AFAFAF; text-decoration:none}
ul.menu li a:hover, ul.menu li a.active{color:#ED000A; }

ul#main-menu{position:absolute; top:210px; padding-left:30px }
ul#secondary-menu{position:absolute; top:430px; padding-left:30px }
#footer{position:absolute; top:630px; padding-left:30px; padding-bottom:10px}
a{text-decoration:none}
a#email{color:#EC1115; font-size:19px;}
#phone{font-size:19px; color:#000}
p#copyright{margin-top:2em; font-size:15px; color:#9F9F9F}

a#designer-link{color:#C1C1C3; display:block; margin-top:3px}