* {margin: 0; padding: 0}
html {height: 100%}
body {display: table; width: 100%; height: 100%; font: 10px 'Trebuchet MS', 'Lucida Grande'; color: #999; /*background: #f1f1f1*/}
ul {list-style-type: none}
a img {border: none}
a {color: #999; text-decoration: none}
a:hover {color: #333; text-decoration: none}

.fleft {float: left}
.fright {float: right}

#wrapper {display: table-cell; vertical-align: middle}
#main {overflow: hidden; position: relative; width: 800px; height: 600px; margin: auto; /*background: #fff; border: 1px solid #b2d67d*/}
#main_logo {height: 598px; width: 798px; display: table-cell; text-align: center; vertical-align: middle}

#nav {position: absolute; top: 82px; left: 20px; height: 400px; width: 161px; text-align: right; line-height: 400px; display: table-cell; vertical-align: bottom; overflow: hidden}
#b_nav {position: absolute; top: 500px; left: 20px; height: 90px; width: 161px; text-align: right}
.main_content {position: absolute; top: 82px; left: 209px; height: 400px; width: 540px; overflow: hidden}
#logo {position: absolute; top: 210px; left: 209px; background-position:top left; background-repeat:no-repeat; width: 540px; height: 90px}
#nav .span {display: block; position: absolute; bottom: 0%; left: 0%; width: 100%}
.main_content .wrapper {display: block; position: absolute; bottom: 0%; left: 0%; width: 100%; vertical-align: bottom}

#nav ul {line-height: 14px; display: block}
#nav li {height: 11px; padding-top: 7px; font-size: 1px}
#nav_portfolio span, #nav_clients span, #nav_information span, #nav_send_mail span {cursor: pointer; cursor: hand; display: block; height: 10px; line-height: 10px; width: 161px; background-position: right; background-repeat: no-repeat}
#nav li.sub span {cursor: pointer; cursor: hand; display: block; height: 8px; line-height: 8px; width: 145px; background-position: right; background-repeat: no-repeat}

#nav .sub {background: url('images/li-sq-gray.gif') 150px 50% no-repeat; margin-top: 5px; padding-top:0px; padding-right: 16px; height: 9px; width: 145px}
#nav .active {background: url('images/li-sq-black.gif') 150px 50% no-repeat;}
#nav .first {margin-top: 10px}
#nav .last {margin-bottom: 4px}


#b_nav {line-height: 16px; padding-top: 1px}
#b_nav span {padding: 0 2px; cursor: pointer; cursor: hand}
#b_nav span.active {border: 1px solid #666; color: #666; padding: 0 2px}
#b_nav span.active:hover {color: #999}

#port_pix {padding-left: 62px; width: 99px; text-align: left}
#port_pix span {cursor: pointer; cursor: hand; float: left; display: block; border: 1px solid #fff; margin: 4px 0 0 4px}
#port_pix span.active {border: 1px solid #111}
#port_pix img {display: block; height: 27px; width: 27px}

#contact label, #contact span  {font: 10px 'Trebuchet MS', 'Lucida Grande'; line-height: 15px; color: #999}
#contact span {line-height: 11px}
#contact input, #contact textarea {width: 326px; padding: 1px; display: block; border: 1px solid #999; margin-bottom: 8px}
#contact input {height: 16px}
#contact textarea {height: 80px; margin-bottom: 11px}

#information #info_pic {position: absolute; bottom: 0%; /*border: 1px solid #333; */display: block}
#information .info_text {font: 10px 'Trebuchet MS', 'Lucida Grande'; padding-left: 193px; line-height: 16px; color: #999}

#clients span {padding-right: 3px}
#clients #client_pic  {position: absolute; bottom:0%; width: 227px}
#clients #client_pic .client_pic {margin-top: 4px; display: block; position: absolute; bottom: 0px; left:0px;}
#clients ul {padding-left: 256px}
#clients span.fright span, #clients #client_paging span {cursor: pointer; cursor: hand}
#clients #client_paging span.active {font-weight:bold; /*padding: 0 4px*/}

/*#clients ul.no_pic {padding: 0px}*/
#clients li {float: left; margin-top: 9px; padding-left: 18px; font-size: 1px}
#clients li.active {background: url('images/li-ar-left-black.gif') 0 0 no-repeat}
#clients ul.no_pic li.active {background: url('images/li-ar-right-black.gif') 0 0 no-repeat}
#clients ul.no_pic li.cl {background: url('images/li-ar-right-gray.gif') 0 0 no-repeat}
#clients ul li.cl {cursor: pointer; cursor: hand;}
#clients li span {display: block; height: 8px; line-height: 8px; width: 250px; background-position: left; background-repeat: no-repeat; position:relative; left:-18px;}

#nav li#portfolios {padding: 0px 0 2px; height: auto}