@charset "utf-8";
/*Reset*/
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,label,span{ margin: 0; padding: 0;}
/*General*/
body, html, *{font-family:Tahoma;}
body, html{font-size:11px;}
body{color:#1A1A1A; background:#F7F8F3;}
h1{font-size:16px;font-weight:normal; padding:0 0 5px 0; color:#0076D1;}
h2{color:#0076D1; font-size:16px; padding:0 0 5px 0; font-weight:normal;}
a{color:#0076D1;}
img{border:none;}
#bg{position:absolute;width:100%; height:900px;left:0;top:0;margin:0;overflow:hidden; z-index:0;}
#wrap{position:absolute;width:100%;left:0;top:0;overflow:auto; z-index:1;}

/*Forms*/
label{clear: left;display:block; line-height:1.7em;padding:2px 0 0 0;}
label b{float:left;}
label b u{color:#d92224; text-decoration:none;}
label span.input{margin:0 0 0 150px;display:block;}
label em, em.error{color:red;display:block; clear:left; padding:0 0 0 150px;line-height:1.2em;}
label b em{color:inherit; display:inline; clear:none; padding:0; line-height:1.7em;}
input[type="text"],input[type="password"],select{border:solid 1px #1F272A; padding:2px 4px;}
textarea{border:solid 1px #1F272A; padding:2px 4px; width:300px; height:130px;}
.buttons{padding:20px 0 0 0;clear:both;}
.buttons button { background:#1F272A; cursor:pointer; color:#FFF; font-size:11px; border:solid 1px #1F272A; margin:0 0 0 150px; padding:2px 15px 2px 15px;}

/*Tables*/
table{border:solid 1px #1F272A; border-collapse:collapse; width:100%;}
table thead tr th{background:#1F272A;padding:3px;color:#FFF; text-align:left;}
table tbody tr td{padding:3px;border:solid 1px #1F272A;}

#menu{background:#2a2d2f;height:57px; width:900px; margin:0 auto;}
#menu ul{list-style:none;}
#menu ul li{display:inline;}
#menu ul li a{width:137px;height:47px; float:left; padding:10px 0 0 13px; color:#FFF; text-decoration:none;}
#menu ul li a b{display:block; font-size:17px; font-weight:normal;}
#menu ul li a span{display:block; font-size:11px; color:#adb4b4;}
#menu ul li.selected a, #menu ul li a:hover{background:#d92224 url('../images/menu/arrow.png') no-repeat bottom center;}
#menu ul li.selected a span, #menu ul li a:hover span{color:#FFF;}
#menu ul li a.corder-br{}

#header{width:890px; margin:0 auto;}
#header .logo{background:url('../images/logo.png') no-repeat center center;float:left; width:300px; height:100px;}

#content_wrap{background:url('../images/bg_content.png') no-repeat top left; min-height:500px; width:888px;margin:0 auto; padding:9px 9px 0px 9px;}
#content{background:#FFF;min-height:500px; padding:0 0 10px 0; color:#31373c; font-size:11px; line-height:1.6em;}
#content p{padding:0 0 10px 0; text-indent:20px;}
#content ul{list-style:none; padding:0 0 0 30px;}

#content .news_item {padding:0 0 10px 0; width:430px; float:left;}
#content .news_item p{text-indent:0;}
#content .news_item span.date{float:left; width:30px;text-align:center;padding:5px 10px 0 0; font-size:11px;}
#content .news_item span.date b{clear:both;font-size:12px; color:#FFF; background:url('../images/date.png') no-repeat top center; display:block; height:26px; padding:8px 0 0 0;}

.tabs {float:right;margin:-36px 0 0 0;}
.tabs ul{list-style:none; width:500px;}
.tabs ul li{display:inline;}
.tabs ul li a{display:block; position:absolute; background:url('../images/tab_off.png') no-repeat top left; width:114px; padding:0 0 0 10px; height:36px;line-height:36px; text-align:center; z-index:1; margin:0 0 0 -7px; color:#FFF; font-weight:bold; font-size:12px; text-decoration:none;}
.tabs ul li.selected a{background:url('../images/tab_on.png') no-repeat top left;z-index:2;}
.tabs ul li a:hover{background:url('../images/tab_on.png') no-repeat top left;z-index:2;}
.tabs ul li a.tab01{margin:0 0 0 0px;}
.tabs ul li a.tab02{margin:0 0 0 118px;}
.tabs ul li a.tab03{margin:0 0 0 236px;}
.tabs ul li a.tab04{margin:0 0 0 354px;}

#content .projects{padding:5px 0 0 10px;clear:both;}
#content .projects li{width:420px; float:left; margin: 10px 10px 0 0; }
#content .projects li img{border:solid 3px #CCC; float:left; margin:0 5px 0px 0;}
#content .projects li a:hover img{border:solid 3px #AAA;}
#content .projects li p{text-indent:0px;display:block; margin:0 0 0 211px;}
#content .projects li .details{margin:10px 0 0 0;}

#content .project .images{width:348px;float:left;padding:10px 0px 0px 10px;}
#content .project .images a img{border:solid 4px #DDD;}
#content .project .images a:hover img{border:solid 4px #AAA;}
#content .project .other_images{clear:both;padding:10px 10px 10px 0;}
#content .project .other_images a img{border:solid 4px #DDD; float:left; margin:0 0 0 10px;}
#content .project .other_images a:hover img{border:solid 4px #AAA;}
#content .project .body{margin: 0 0 0 358px; padding:10px;}

#footer{background:#31373c url('../images/bg_footer.jpg') repeat-x bottom; margin:40px 0 0 0;}
#footer .bottom{background:#1e2429; padding:15px 0;color:#dad7d7;}
#footer .wrap{width:880px; margin:0 auto;}
#footer .latest_news{float:left; color:#FFF;}
#footer .contact{float:right; color:#FFF; width:210px;}
#footer .latest_news h1, #footer .contact h1{color:#FFF;display:inline;background:#31373c; position:absolute;margin:-28px 0 0 0;padding:5px 10px 5px 10px;}
#footer .latest_news ul, #footer .contact p{line-height:1.9em;padding:10px 0 0 10px;}
#footer .latest_news ul{list-style:none; float:left; width:640px;}
#footer .latest_news ul li{padding:0 0 10px 0; float:left; width:320px;}
#footer .latest_news ul li a{color:#FFF; }
#footer .latest_news ul li span.date{float:left; width:30px;text-align:center;padding:5px 10px 0 0;}
#footer .latest_news ul li span.date b{clear:both;font-size:12px; background:url('../images/date.png') no-repeat top center; display:block; height:26px; padding:8px 0 0 0;}
#footer .bottom .links{float:left;}
#footer .bottom .links ul{list-style:none;}
#footer .bottom .links ul li{display:inline;}
#footer .bottom .links ul li a{color:#dad7d7;text-decoration:none;}
#footer .bottom .links ul li a:hover{color:#FFF;}
#footer .bottom .copyright{float:right;}

.padding10{padding:10px;}

/*Header Images*/
.header_about-us{background:url('../images/headers/image04.jpg') no-repeat bottom; height:150px;}
.header_image01{background:url('../images/headers/image01.gif') no-repeat top left; height:150px;}
.header_image02{background:url('../images/headers/image02.jpg') no-repeat top left; height:150px;}
.header_image03{background:url('../images/headers/image03.jpg') no-repeat top left; height:150px;}
.header_title{background:url('../images/home/bg_title_off.jpg') repeat-x top left; display:block;height:36px; line-height:36px; padding:0 0 0 10px;color:#FFF;font-size:16px; font-weight:bold; font-family:Tahoma; letter-spacing:1px; text-decoration:none;}

.header_image04{background:url('../images/headers/image04.jpg') no-repeat top left; height:150px;}
.header_image05{background:url('../images/headers/image05.jpg') no-repeat top left; height:150px;}
.header_image06{background:url('../images/headers/image06.jpg') no-repeat top left; height:150px;}
.header_image07{background:url('../images/headers/image07.jpg') no-repeat top left; height:150px;}
.header_image08{background:url('../images/headers/image08.jpg') no-repeat top left; height:150px;}
.header_image09{background:url('../images/headers/image09.jpg') no-repeat top left; height:150px;}
.header_image10{background:url('../images/headers/image10.jpg') no-repeat top left; height:150px;}
.header_image11{background:url('../images/headers/image11.jpg') no-repeat top left; height:150px;}
.header_image12{background:url('../images/headers/image12.jpg') no-repeat top left; height:150px;}
.header_image13{background:url('../images/headers/image13.jpg') no-repeat top left; height:150px;}
.header_image14{background:url('../images/headers/image14.jpg') no-repeat top left; height:150px;}
.header_image15{background:url('../images/headers/image15.jpg') no-repeat top left; height:150px;}
.header_image16{background:url('../images/headers/image16.jpg') no-repeat top left; height:150px;}
.header_image17{background:url('../images/headers/image17.jpg') no-repeat top left; height:150px;}
.header_image18{background:url('../images/headers/image18.jpg') no-repeat top left; height:150px;}
.header_image19{background:url('../images/headers/image19.jpg') no-repeat top left; height:150px;}
.header_image20{background:url('../images/headers/image20.jpg') no-repeat top left; height:150px;}
.header_image21{background:url('../images/headers/image21.jpg') no-repeat top left; height:150px;}
.header_image22{background:url('../images/headers/image22.jpg') no-repeat top left; height:150px;}
.header_image23{background:url('../images/headers/image23.jpg') no-repeat top left; height:150px;}

.details {background:url('../images/details.png') no-repeat top left; display:block; color:#FFF; font-weight:bold; height:23px; width:64px; line-height:23px; padding:0 0 0 10px; text-decoration:none; text-indent:0px;}

/* Corner radius */
.corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; }
.corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; }
.corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; }
.corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; }
.corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; }
.corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; }
.corner-right {  -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; }
.corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; }
.corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; }

.corner9-tl { -moz-border-radius-topleft: 9px; -webkit-border-top-left-radius: 9px; }
.corner9-tr { -moz-border-radius-topright: 9px; -webkit-border-top-right-radius: 9px; }
.corner9-bl { -moz-border-radius-bottomleft: 9px; -webkit-border-bottom-left-radius: 9px; }
.corner9-br { -moz-border-radius-bottomright: 9px; -webkit-border-bottom-right-radius: 9px; }
.corner9-top { -moz-border-radius-topleft: 9px; -webkit-border-top-left-radius: 9px; -moz-border-radius-topright: 9px; -webkit-border-top-right-radius: 9px; }
.corner9-bottom { -moz-border-radius-bottomleft: 9px; -webkit-border-bottom-left-radius: 9px; -moz-border-radius-bottomright: 9px; -webkit-border-bottom-right-radius: 9px; }
.corner9-right {  -moz-border-radius-topright: 9px; -webkit-border-top-right-radius: 9px; -moz-border-radius-bottomright: 9px; -webkit-border-bottom-right-radius: 9px; }
.corner9-left { -moz-border-radius-topleft: 9px; -webkit-border-top-left-radius: 9px; -moz-border-radius-bottomleft: 9px; -webkit-border-bottom-left-radius: 9px; }
.corner9-all { -moz-border-radius: 9px; -webkit-border-radius: 9px; }

.corner10-tl { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; }
.corner10-tr { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }
.corner10-bl { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; }
.corner10-br { -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
.corner10-top { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }
.corner10-bottom { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
.corner10-right {  -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
.corner10-left { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; }
.corner10-all { -moz-border-radius: 10px; -webkit-border-radius: 10px; }

/*Clear Fix*/
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/* a */
a {color:#DE4527;}

/* COLUMN ITEM - for Services and Career*/
.column_item { float:left; width:46%; margin-bottom:10px;}
.column_item .details {float:right;}
.column_item.left {border-right:#cccccc 1px solid; margin-right:20px; padding-right:20px; }
.column_item img {float:left; margin-right:10px; }

/* ROW ITEM - for Web Design Page */
.row_item img {float:left; margin-right:10px; }
.row_item .details {float:right; margin-right:20px;}

/* TEXT DESCRIPTION - on Site Map Page */
.page_site_map .description{color:#666666; }
.page_site_map a h1 {display:inline; }
.page_site_map a {text-decoration:none;}
.page_site_map ul li {line-height:2em;}
.page_site_map ul {margin-left:20px;}

.left_side {float:left; width:57%;}
.right_side {float:right; width:43%; background-color:#43464B;}
.right_side form {color:#ffffff; padding:10px;}
.right_side form label {margin-bottom:2px;}
.right_side form input, .right_side form textarea{border:none; width:220px; float:left;}
.right_side form textarea{height:70px; font-size:11px; font-family:Tahoma;}
.right_side form .input {margin:0 0 0 100px;}
.right_side form .buttons button {background-color:#ffffff; color:#43464b; border:none; margin-left:100px;}
.contact_details {padding-top:70px; }
.contact_details p b {float:left; width:80px;}
/* .right_side form em {background-color:#f00; color:#fff; width:228px; padding-left:0; margin-left:150px; font-weight:bold; margin-top:2px;} */
.right_side form .error_message {display:none; margin-left:5px;background: url(../images/error_icon.png) no-repeat 0 0; padding:16px 16px 0 0; float:left;}
.right_side form .error_message em {position:absolute; display:none; padding:4px; margin-left:-233px; width:220px;
background-color:#EB5757; color:#fff; margin-top:-17px; text-align:center;}
.right_side form .error_message:hover em {display:block;} 
.contact_details p span {margin-left:100px; display:block;}

.latest_news a{text-decoration:none;}
.latest_news ul li a {text-decoration:underline;}

#slideshow {float:right; margin-top:5px;}
#header #homepage_logo.logo {height:240px;}