* {margin: 0; padding: 0}
html {height: 100%}
body {display: table; width: 100%; height: 100%; background: #fff; font: 11px Arial, 'Lucida Grande'; color: #999}
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 {position: relative; width: 980px; height: 600px; margin: auto; padding: 20px 10px; background: #000}

#nav {position: absolute; top: 202px; left: 10px; height: 223px; width: 150px; text-align: right; overflow: hidden}
#b_nav {position: absolute; top: 430px; left: 10px; height: 188px; width: 170px; text-align: right}
.main_content {position: absolute; top: 20px; left: 190px; height: 620px; width: 800px; overflow: hidden}
#logo {position: absolute; top: 20px; left: 10px; width: 170px; height: 170px}
#logo a {display: block; width: 170px; height: 170px}
#b_nav #port_wrap {position: absolute; bottom: 0%; left: 0%; width: 100%}
.main_content .wrapper {display: block; position: absolute; top: 0%; left: 0%; width: 100%; vertical-align: bottom}

#nav li {float: left; height: 15px; margin-top: 6px; font-size: 1px}
/* IE7 Fix */
* + html/*/ * /**/ body #nav li {heigiht:14px; margin-top:8px;}

#nav_portfolio span, #nav_clients span, #nav_information span {display: block; height: 17px; width: 150px; background-position: right; background-repeat: no-repeat; cursor: hand; cursor: pointer}

#nav li.sub {display: table; width: 150px; height: auto; margin: 4px 0 1px}
#nav .sub li {margin-top: 2px; height: 8px; padding-right: 14px; width: 136px}
/* IE7 Fix */
* + html/*/ * /**/ body #nav li.sub {margin-bottom:2px;}
* + html/*/ * /**/ body #nav .sub li {margin-top:4px;}

#nav li.sub span {display: block; height: 11px; line-height: 11px; width: 136px; background-position: right; background-repeat: no-repeat; cursor: hand; cursor: pointer}

#port_pix {width: 170px; text-align: right}
#port_pix a {float: left; width: 45px; margin: 9px 0 0 9px; cursor: hand; cursor: pointer}
#port_pix img {display: block; height: 45px; width: 45px}

#port_pages {font-size: 10px; color: #fff; height: 16px; line-height: 16px; padding: 9px 6px 0 0; vertical-align: bottom; clear: both}
#port_pages span {margin: 0 3px 0 0; padding: 0 1px; color: #999; cursor: hand; cursor: pointer}
#port_pages span:hover {color: #fff}
#port_pages img {position: relative; top: 1px}
#port_pages span.active {background: #fff; color: #000}

#portfolio .title {font: 11px/20px Arial; color: #737373}

#information {line-height: 16px; color: #fff}
#information p {padding-bottom: 11px}
#information #cont_img1 {position: absolute; left: 20px; top: 0px; width: 325px; height: 170px; overflow: hidden}
#information #cont_img2 {position: absolute; left: 373px; top: 0px; width: 215px; height: 170px; overflow: hidden}
#information #text {position: absolute; left: 20px; top: 188px; width: 325px}
#information #send_mail_form {position: absolute; left: 373px; top: 185px; width: 215px}
#information form {width: 215px; overflow: visible}
#information form img {display: block}
#information label, #information span  {height: 13px}
#information span  {cursor: hand; cursor: pointer}
#information input, #information textarea {display: block; width: 209px; padding: 0 2px; font: 11px Arial; background: inherit; border: 1px solid #666; color: #999; margin-bottom: 2px; position: relative; top: -3px}
#information input {height: 13px}
#information #but_send_mail {height: 24px}
#information textarea {height: 80px; margin-bottom: 0px}

#client_pic {position: absolute; left: 20px; top: 0px; width: 325px}
#clients_list {position: absolute; left: 380px; top: 130px; width: 442px; overflow: hidden}
#client_paging {position: absolute; top: 133px; left: 542px; font-size: 10px}
#client_paging span {margin: 0 3px 0 0; padding: 0 1px; color: #999; cursor:hand; cursor: pointer}
#client_paging span:hover {color: #fff}
#client_paging span.arrow img {margin: 0 0 0 1px; padding: 0; position: relative; top: 1px}
#client_paging span.active {background: #fff; color: #000}
#clients_list li {/*float: left;*/ margin-top: 5px; padding-left: 17px; font-size: 1px}
/*#client_1 span, #client_2 span, #client_3 span, #client_4 span, #sclient_5 span, #sclient_6 span, #sclient_7 span, #sclient_8 span, #sclient_9 span, #sclient_10 span {display: block; height: 9px; line-height: 9px; width: 250px; background-position: left; background-repeat: no-repeat}*/
#clients_list .cl {cursor: hand; cursor: pointer}