/* CSS Document */

* {margin:0; padding:0}


body {font:normal 12px/13px Tahoma, Verdana, Helvetica, sans-serif; margin:0; padding:0; position: relative;}

img { border: none}
a {cursor: pointer;}

.div {border:1px solid #FF0000}

.orange {color:#FF9900}

.wrapper, .wrapper_main {width:800px; margin:0 auto; overflow:hidden; position: relative;}

.wrapper_main {width:810px;}

#logo_line {height:89px; width:100%}

#logo_line .logo {position:relative; top:18px; left:0; width:400px;}

#logo_line .logo img {float:left; margin-right:12px}

#logo_line .logo span {font:bold 12px/13px Tahoma; color:#484747; display:block; padding-top:2px}

#logo_line .phone {float:right; font:normal 18px/18px Tahoma; color:#484848; margin-right:12px}

#logo_line .phone span {color:#FF9900; font:bold 13px Verdana, Arial, Helvetica, sans-serif}



#menu_img_line {height:137px; text-align:left; position: relative;}

#menu_img_line #menu {width:170px; float:left; overflow:hidden; padding-top:2px; position: absolute; z-index:5;}

#menu_img_line #menu ul li {list-style:none;text-align:right; margin:4px 0; padding:0; padding-top:2px;display:block; height:19px; vertical-align:middle;}

#menu_img_line #menu ul li.active {background: url(../img/menu_big_str.jpg) right top no-repeat; display:block; padding-right:5px}

#menu_img_line #menu ul li.active > a {font-weight:bold;color:#FF9900;}

*html #menu_img_line #menu ul li.active {}

#menu_img_line #menu a {padding:0 25px;color:#484747; font:normal 11px; text-decoration:none; }

#menu_img_line #menu a:hover {font-weight:bold;color:#FF9900;}

/*#menu_img_line #menu a img {margin-right:48px; vertical-align:middle}*/

#img {background:url(../img/header_bg.png) top no-repeat;height:135px; width:636px;
position:relative;
left: 165px;
z-index: 1;
}

a #img, a:active #img, a:visited, a:hover #img, a:focus #img {text-decoration: none;}

#img #proj_desc {width:155px; text-align:right; vertical-align:top; padding:10px 11px 0 20px}

#img #proj_desc .date {color:#808080; font-size:11px; padding-bottom:20px;}

#img #proj_desc .proj {color:#FFFFFF; font-size:13px;}

#img .slogan {color:#FFFFFF; width:170px; font:normal 34px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;
position:relative; 
top:15px;
left:353px;
padding-left:105px; 
// left:350px;
// top:38px; 
// padding-left:103px; 
}

#img .slogan > p { font-size:20px;text-transform:none; position: relative; left:-112px; margin:0 0 -11px 0; padding:0}
#img .client_img img {position:relative; top:0px;right:4px;
// top:1px;
}

.content, .contact, .portfolio {width:100%; overflow:hidden; margin-top: 10px; position: relative;}
.content h1, .contact h1 {margin-top: 40px; padding-top: 0;}
.content h2, .contact h2 {margin-top: 40px; padding-top: 0;}

.contact, .portfolio {margin-top:40px; line-height:20px}

.contact table {border:1px solid #CCCCCC; width:500px; margin-top:20px; padding:0 11px; font-size:11px; color:#666666; border-collapse:collapse}

.contact table th {text-align:left; font-weight:normal; padding:0px;border:1px solid #CCCCCC;padding:0 11px; background:#484848; color:#FF9900; width: 25%}

.contact table th a {color:#FF9900; text-decoration: none; display:block}

.contact table th.active {border:none; background:#FFFFFF; color:#666666;}

.contact table td {padding:3px 11px; vertical-align: top}

.contact input, textarea {border:1px solid #7C7C7C; width:100%}

.contact input.short { width:150px}

.contact input.checkbox {position:relative; top:3px; margin:0 5px 0 0;border:none; width:10px }



#sidebar {width:150px; float:left; margin-top: 0; padding-top: 0; position: relative;}

#text {margin-left:175px; color:#666666; padding-right:12px; padding-top: 0; padding-bottom:5px;vertical-align:top; margin-top: 40px; position: relative;}
.content #text {margin-top: 0;}



a {color:#FF9900}

a:hover {text-decoration:none}



#sidebar h2 {color:#999999; font-weight:normal; margin-bottom:16px; margin-top: 40px; padding-top: 0;
//font-size:18px;
}

#sidebar .block {margin-bottom:35px; color:#999999;}

#sidebar .block img {margin-bottom:29px}

#sidebar .block span {display:block; text-align:right; font-style:italic}



#text .block {margin-bottom:55px; color:#999999;}

#text .block p {margin-bottom:15px}

#text ul {list-style:url(../img/menu_str.jpg); margin:0 0 0 10px; padding:0; // margin-left:15px}

#text ul li {padding:5px 0;}

#text h1 {font-size:24px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:15px; color:#484848; line-height: 1em;}

#text h2 {font-size:18px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:15px; color:#484848}

#text h2 a {color:#484848; text-decoration:none}

#text h2 a:hover {color:#484848; text-decoration: none; border-bottom:1px dashed #484848}

#text h2.orange {color:#FF9900}

#text h2.orange  a {color:#FF9900;}



#blog_line {clear:both; margin:70px 0 0 0;}

#blog_line div.blog_name {font-size:20px;display:block; color:#484848; width:300px; float:left; margin-right:17px; margin-bottom:27px;  // line-height:20px; // margin-right:32px}
#blog_line div.blog_name a {color:#484848; text-decoration:none}
#blog_line div.str {background:url(../img/str_big_l.gif) no-repeat; position: relative; font-size:11px;width:455px; height:19px;color:#FFFFFF; margin:0 0 27px 330px; text-align: left; padding:2px 0 0 20px; white-space: nowrap; // margin-left:10px}
#blog_line div.str div {position: absolute; right: 0; top: 2px;}
#blog_line div.str a {color:#FFFFFF;text-decoration:none}
#blog_line div.str img {margin-left:155px; vertical-align:middle}
div.str {background:url(../img/str_big_l.gif) no-repeat; font-size:11px;height:19px;color:#FFFFFF; text-align: left; padding:2px 0 0 20px; // margin-left:10px}
div.str a {color:#FF9900;text-decoration:underline}
div.str a:hover {text-decoration:none}
td.str {text-align:right}

#blog_line div.str_bottom {background:url(../img/str_big_r.gif) right no-repeat; font-size:11px;width:429px; height:19px; position:relative; left:180px;text-align: right; padding:2px 0 0 20px; // margin-left:10px}

#blog_line div.str_bottom a {position:relative; right:20px; top:2px}



#blog_line #center {width:650px; float:left;}

#blog_line #tags {text-align:right;}

*html #blog_line #tags { width:150px; padding:10px 0}

#blog_line #center #post {width:100%;}



#blog_line #tags ul {list-style:none; margin:0; padding:0}

#blog_line #tags li a {text-align:right; color:#484848; text-decoration:none; line-height:20px}

#blog_line #tags li a:hover { border-bottom:1px dashed #484848}



#meta {float:left; width:150px; position: relative;}

#meta .date {font:bold 11px/15px Tahoma, "Times New Roman", "MS Serif"; color:#484848; float:left; text-align:right; width:60px }

#meta .date a {display:block; margin-top:20px}

#meta hr {width:70px; height:1px; display:block; border:none; border-top:1px solid #CCCCCC; position:absolute; top:15px; left:80px}



#post_text {padding: 0 0 0 25px; overflow:hidden; color:#666666; margin-bottom:55px;}
* html #post_text {width: 470px;}

#post_text h2 {font:normal 18px/20px Verdana, Arial, Helvetica, sans-serif; margin-bottom:15px; color:#FF9900; position:relative}

#post_text h2 a {color:#FF9900; text-decoration:none}

#post_text h2 a:hover {color:#FF9900; text-decoration: none; border-bottom:1px dashed #FF9900}

#post_text h2 span {background:url(../img/comm_count.jpg) center 10px no-repeat; width:34px; height:15px; font-size:10px; color: #FFFFFF; left:20px; bottom:5px; padding:9px 9px 3px; text-align: center; vertical-align: top; // background:url(../img/comm_count.jpg) center 7px no-repeat;}


#footer {height:130px; width:100%; background:#484848; margin-top:75px; margin-bottom:20px; clear:both; position:relative}

.comm {background:url(../img/bottom_comm.jpg) no-repeat; width:396px; height:58px; font-size:10px; color:#999999; padding:10px 15px; position:relative; top:5px; float:left}

.copyrights {color: #FFFFFF; text-align:right; padding-top:15px; font-size:11px}

.copyrights .phone {font:normal 18px/18px Tahoma, Arial, Helvetica, sans-serif; margin-bottom:10px }

.copyrights .phone span {color:#FF9900; font:bold 13px Tahoma, Arial, Helvetica, sans-serif}
.phone div.write {text-align:right;font-size:12px;}
.phone div.write a { color:#FF9900;}
.phone div.write a:hover {text-decoration:none}

.robo_img {float:left; width:52px; height:66px}

.robo_txt {text-align:left; width:400px; padding-left:175px; padding-top:20px}

*html .robo_txt { padding-left:120px}

.robo_txt hr {width:70px; height:1px; display:block; border:none; border-top:1px solid #CCCCCC; position:relative; top:15px; left:-100px}

*html .robo_txt hr {left:-90px}





.portfolio_menu {font-size:11px}

#portfolio_proj {width:623px; text-align: left; background:#FAFAFA; overflow:hidden; margin-bottom:15px;}

#portfolio_proj .desk {width:130px; float:left;background:#FAFAFA; padding:8px;}

#portfolio_proj .img {width:475px; height:125px; float:right;}

#portfolio_proj .date {color:#808080; font-size:11px}

#portfolio_proj .proj {color:#FF9900; font-size:13px; position:relative; top:20px}

div.str_bottom {background:url(../img/str_bottom.jpg) right no-repeat; color:#FFFFFF; font-size:11px;width:614px; height:19px; text-align: left; padding:0 0 2px 10px; // margin-left:10px; // padding-top:7px}

div.str_bottom a {margin:0 10px}

div.str_bottom strong {margin:0 10px}

#articles {margin-top:30px}

#articles ul li {margin:0 0 0 0}

h2.services {margin-bottom:-50px}



#top_menu {list-style:url(../img/menu_str.jpg); margin:0; padding:0; width:100%}

#top_menu li { padding:0 41px;float:left;font-size:11px; display:block; background:url(../img/menu_str.jpg) no-repeat left}

#top_menu li.first {background:none; padding-left:0}

#top_menu li.last a { margin-right:0;}

#top_menu li.last { padding-right:0}

#top_menu li.active a {font-weight:bold;color:#FF9900;}

#top_menu a {color:#484747; text-decoration:none;}

#top_menu a:hover {font-weight:bold;color:#FF9900;}



.proj_names {margin:40px 0; min-height: 20px;}

.proj_name {float:left; font-size:24px; color:#484848; width: 550px; line-height: 1em; margin-top: -5px;}

.next_prev {width:245px; float:right;}



#proj_body {margin-top:40px; padding:0}

#proj_body .body1 {width:175px; padding-right:20px }

#proj_body .body1 img.line {float:right; margin:12px 10px 0 0}

#proj_body .body1 .date {text-align:right; width:80px; font-weight:bold; margin-bottom:20px }

#proj_body .body1 ul, ol { margin:0 0 20px 0}

#proj_body .body1 ul li { margin:5px 0 0 0}

#proj_body .body1 {vertical-align:top; padding:2px 0; }
#proj_body .body_main ul, ol { margin:0 0 20px 25px;color:#666666; line-height:16px;}

#proj_body .body2 {width:425px;}

#proj_body .body3 {width:150px;}

#proj_body h2 {font-size:18px; font-weight:normal;color:#333333; margin:0 0 10px 0; padding:0;}

#proj_body p {color:#666666; line-height:16px; margin:20px 2px}

#proj_body .testim {color:#999999; margin:20px 20px 20px 0}

#proj_body .testim span {display:block; text-align:right; margin:5px 0}

#proj_body .project_line {margin:20px 0 0 0}

#proj_body .project_line li {padding:5px 0; font-weight:bold; line-height:16px}

#proj_body .project_line a {font-weight:normal}

#proj_body p {margin:6px 2px}
.wrap {margin-right:20px}
.next_prev2 {text-align:right; vertical-align:bottom}

.next_prev2 a {text-decoration:none}


#services { font-size:11px; font-family:Tahoma, "Times New Roman", "MS Serif"; line-height:18px}
#services a {color:#FF9900; text-decoration:underline}
#services a:hover {text-decoration:none}
#services .sub {margin:5px 0 10px 23px;}
#services .sub a {color:#333333;}
#services .sub img {margin-right:8px}

#clients {}
.rzd {width:25px}
.rzd_h {height:50px}
#clients td.client_logo {width:150px; text-align:center; vertical-align:middle}
#clients td.client_logo img {border:none;}
#clients .description {font:11px Tahoma, "Times New Roman", "MS Serif"; color:#666666; vertical-align:top}
#clients .description h3.client_name {font-size:18px; color:#FF9900; margin-bottom:10px; font-weight:normal}
#clients .description h3 a {color:#FF9900; text-decoration:none}
#clients .description h3 a:hover {text-decoration:underline}

td.another {vertical-align:top;padding-top:35px}
td.another img {margin-bottom:10px}
.port_img_title {margin-top:10px;font-size:24px; color:#484848;}