a {color:#fff; text-decoration:underline}
a:hover {color:#fff; text-decoration:none}

body {margin: 0px; line-height:10px; background:#000 url(img/bg_black.gif); margin-left:-112px}

h1 { font-family:"Arial Narrow"; margin:0px; padding:33px 0px 20px 0px; height:17px; color:#FFFFFF; font-size:24px; font-weight:200; text-transform:uppercase}
h3 {font-family: Arial ; font-style:normal; font-size:18px; color:#dac900; font-weight:400}

p {font-size:12px; line-height:21px; margin-top:0px; padding-top:0px}
p.contact { font-size:14px; line-height:26px}
p.contact a {color:#676e6f;}

table {margin:10px 0px 30px}
table tr.tb_header { background-color:#006bb7; font-size:14px; color:#FFFFFF; font-weight:800; height:42px; margin-bottom:5px}
table tr.odd { background-color:#a5a5a5; font-size:12px; color:#1d1d1d; font-style:normal; height:30px; border:dotted #CC3300}
table tr.even { background-color:#cdcdcd; font-size:12px; color:#1d1d1d; font-style:normal; height:30px; margin:5px}
table tr td {border-bottom:#000000 solid 1px}
table tr td.first {padding-left:21px}

table.contact_form { font-size:14px; color:#FFFFFF}
table.contact_form span {padding-left: 10px}
table.contact_form tr {height:23px}
table.contact_form tr td {border-bottom:none}
table.contact_form input {width:287px; height:21px; border:none; padding:0px 8px 0px 8px; padding-top:2px}
table.contact_form input.bt {width:67px; height:23px; border:none; background:url(img/bt_submit.gif) 0 0 no-repeat;}
table.contact_form textarea {width:295px; height:175px; border:none; padding:0px 0px 0px 8px; padding-top:2px}

ul.link_list {list-style-type:none; margin:0px; padding:0px; font-size:12px; line-height:13px}
ul.link_list li {margin-bottom:12px;}
ul.doted { list-style-image:url(img/dot.gif); list-style-position:inside; display:block; padding:10px 0px 20px 0px; margin:0px; line-height:21px;}

.border2px {border: #FFFFFF solid 2px; margin-bottom:15px }

.center {text-align:center;}
.clear {clear:both;}
.container {width:1200px; margin-left:auto; margin-right:auto}

.header {width:1200px; height:168px; background:url(img/bg_header.gif) no-repeat;}
.header-menu-box { margin:0xp; padding:0px}
.header-menu-box ul.menu {margin-left: 505px; margin-top:46px; padding:0px; list-style-type: none; list-style-position: inside; text-align: center; width: 587px; height:77px; }
.header-menu-box ul li {height: 77px; margin:0px 53px 0px 0px; background-repeat: no-repeat; display: block; float: left; line-height: 0; padding: 0px;}
.header-menu-box ul li a {background-position:top; background-repeat: no-repeat; text-indent:-5000px; display: block; line-height: 0px; height:77px; padding:0px; margin:0px;}
.header-menu-box ul li a:hover {background-position:bottom;}
.header-menu-box ul li.active a {background-position:bottom;}
.header-menu-box #home a {background-image: url(img/nav_top_home.gif); width: 38px;}
.header-menu-box #approach a {background-image: url(img/nav_top_approach.gif); width: 54px;}
.header-menu-box #portfolio a {background-image: url(img/nav_top_portfolio.gif); width: 57px;}
.header-menu-box #contact a {background-image: url(img/nav_top_contact.gif); width: 66px;}
.header-menu-box #about a {background-image: url(img/nav_top_about.gif); width: 53px;}
.header-menu-box #blog a {background-image: url(img/nav_top_blog.gif); width: 54px;}

.footer { width:1200px; background:url(img/bg_footer.gif) no-repeat; height:86px; }
.footer-menu-box { margin:0xp; padding:0px}
.footer-menu-box ul.menu {margin-left: 395px; margin-top:34px; padding:0px; list-style-type: none; list-style-position: inside; text-align: center; width: 697px; height:12px; }
.footer-menu-box ul li {height: 12px; margin:0px 50px 0px 0px; background-repeat: no-repeat; display: block; float: left; line-height: 0; padding: 0px;}
.footer-menu-box ul li a {background-position:top; background-repeat: no-repeat; text-indent:-5000px; display: block; line-height: 0px; height:12px; padding:0px; margin:0px;}
.footer-menu-box ul li a:hover {background-position:bottom;}
.footer-menu-box ul li.active a {background-position:bottom;}
.footer-menu-box #home-footer a {background-image: url(img/nav_footer_home.gif); width: 43px;}
.footer-menu-box #approach-footer a {background-image: url(img/nav_footer_approach.gif); width: 78px;}
.footer-menu-box #portfolio-footer a {background-image: url(img/nav_footer_portfolio.gif); width: 84px;}
.footer-menu-box #contact-footer a {background-image: url(img/nav_footer_contact.gif); width:92px;}
.footer-menu-box #about-footer a {background-image: url(img/nav_footer_about.gif); width: 74px;}
.footer-menu-box #blog-footer a {background-image: url(img/nav_footer_blog.gif); width: 75px;}

.last { margin-right:0px !important; border-bottom: none !important}
.leftside {width:628px; padding-top:3px; margin-right:22px; margin-bottom:40px}
.left {float:left}

.main {width:984px; margin-left:auto; margin-right:auto; font-family:Arial; font-style:normal;}

.project {width: 294px; margin-right:31px}
.pr_header {padding-top:48px}

.right {float:right}
.rightside {width:320px; padding-top:3px; margin-bottom:40px}
.rightside p {width:318px}

.section {background:url(img/bg_highlight.gif) 100% 0% no-repeat; color:#676e6f; border-bottom: 1px solid #6e6e6f; margin-left:13px; font-size:12px;}
.section ul.link { margin:0px 0px 40px 0px; padding:0px; list-style-image:url(img/arrow.gif); list-style-position:inside; display:block}
.small_gap {margin-top:-2px}

.wrapper {overflow: hidden}
.white { color:#FFFFFF}

.valid_input {background:url(img/input.gif) no-repeat;}
.invalid_input {background:url(img/input_alarm.gif) no-repeat;}

.valid_ta {background:url(img/textarea.gif) no-repeat;}
.invalid_ta {background:url(img/textarea_alarm.gif) no-repeat;}