/*--------------------------------------------------------------------------------
RESET
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td { margin: 0;padding:0;vertical-align:top;}
table { border-collapse:collapse;border-spacing:0; }
fieldset,img,abbr {border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var,i,b { font-style:normal;font-weight:normal; }
caption,th { text-align:left; }
a,u { text-decoration:none; }
ul, ol { margin-bottom: 1pt; }
p { margin: 0 0 1pt 0; }

li {list-style:none;}

/*------------------------------------------------------------------------------
OVERALL LAYOUT
------------------------------------------------------------------------------*/
html { height:100%; margin-bottom:0.1pt;  }
body { height:100%; font-size:100%; line-height:1.125em; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; color:#333333; background: #e0e8ec url(../images/bg.png) repeat-x left top; }

.wrapper {width: 650px; margin: 0 auto;}
.content {position: relative; padding-top: 60px;}
.footer {position: relative; width: 463px; margin: 0 auto; padding-top: 100px;}
.slide {position: absolute; left: 0; width: 100%; z-index: 999; display: none; padding: 20px 0 10px 0; background: #79838a url(../images/slide-bg.png) repeat-x bottom left}
.slide-wrap {width:511px; margin: 0 auto;}

h1 {font-size: 1.4em; font-weight: lighter; letter-spacing: 0.1em; color: #ffffff; padding-bottom: 15px;}
a.close {color: #ffffff; padding-left: 25px; background: url(../images/close.png) no-repeat 0 1px}
p {font-size: 0.9em; font-weight: lighter; letter-spacing: 1px; line-height: 1.65em; color: #ffffff; padding-bottom: 10px;}

a {color: #ffffff;}
a:hover {color: #ce2027;}

/* menu */
.menu {width: 463px; margin: 0 auto; clear: both;}
.menu li {float: left; padding: 0 0 10px 45px; background: url(../images/bullet.gif) no-repeat 22px 6px}
.menu li:first-child {background: none; padding-left: 0px;}
.menu a {font-size: 1.125em; letter-spacing: 1px; color: #343434;}
.menu a:hover {color: #ce2027;}

/* sub-menu */
.sub-menu {position: absolute; left: 204px; top: 50px;}
.sub-menu li {float: left; font-size: 1em; letter-spacing: 1px; font-weight: lighter; padding: 2px 10px;}

.sub-menu li.current {padding: 2px 7px; background: #ce2027;}
.sub-menu li.current a {color: #ffffff;}

.sub-menu a {color: #343434;}
.sub-menu a:hover {color: #ce2027;}
.sub-menu-arrow {position: absolute; top: 83px; left: 220px;}

/* content nav */
.c-nav {display: block; position: absolute; width: 48px; height: 48px; text-indent: -999px; background: url(../images/arrows.png) no-repeat;}
.prev {top: 250px; background-position: 0 0;}
.prev:hover {background-position: 0 -50px;}
.next {top: 250px; right: 0px; background-position: 0 -100px;}
.next:hover {background-position: 0 -150px;}

.inner {width:510px; height: 575px; margin: 0 auto; overflow: hidden;}
.inner ul {position: relative; width: 10000px;}
.inner li {float: left; width:650px; height: 550px; padding-bottom: 25px; background: url(../images/shadow.png) no-repeat bottom left;}

.work-wrap {position: relative; height: 633px; overflow: hidden;}
.work {position: relative;}