/***** 1. RESET from http://meyerweb.com/eric/tools/css/reset/******/
@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
*{outline:none;}
/**** end reset ***/

body{background-color:#000;color:#000;margin:0px;z-index:0;height: 100%;font:11px Verdana, Arial, Helvetica, sans-serif;}
html{height:100%;}
#bg{position:fixed;top:0;left:0;width:50%;height:120%;background-color:#00aad3;z-index:1;}

p{padding:5px 0; line-height:1.3em}
.margin_l{margin-left:130px;}
.margin_r{margin-right:30px;}
.margin_b_small{margin-bottom:10px;}
.margin_t_small{margin-top:10px;}
.padding_l{padding-left:130px;}
.padding_l_10px{padding-left:10px;}
.padding_l_5px{padding-left:5px;}
.longer{height:125px!important;}
.block{display:block}
.italic{ font-style:italic;}
.bold{ font-weight:bold;}
.clear{clear:both;}
.no_border{border:none!important;}
.blue_border{border:1px solid #00aad3;}
.no_margin{margin:0!important;}

#content a:link{color:#00aad3;text-decoration:none;font-size:11px;}
#content a:hover{color:#666;text-decoration:none;font-size:11px;}
#content a:visited{color:#00aad3;text-decoration:none;font-size:11px;}
#content a:active{color:#00aad3;text-decoration:none;font-size:11px;}

.submenu a:link, .contact{color:#999;text-decoration:none;font-size:13px;font-weight:bold;}
.submenu a:hover, .contact{color:#00aad3;text-decoration:none;font-size:13px;font-weight:bold;}
.submenu a:visited, .contact{color:#999;text-decoration:none;font-size:13px;font-weight:bold;}
.submenu a:active, .contact{color:#999;text-decoration:none;font-size:13px;font-weight:bold;}

ul.blue_list{margin-left:15px;}
ul.blue_list a{font-weight:bold; }
.blue_list h3{border:0; padding:0;}

/******************* MAIN STRUCTURE ********************/
#wrapper{position:relative;z-index:2;width:980px;margin:0 auto 0px auto;background-color:#fff;min-height:100%}
#header{height:120px;}
#menus{clear:both;background-color:#000;}
#content{clear:both; padding-top:10px; min-height:100%}
.logo{float:left;width:490px; margin-top:47px;}
.menu{float:left;width:490px;background-color:#000;color:#fff;}
.main_menu{float:left;width:120px;height:120px;background:transparent url(../images/triangle_blue.png) no-repeat scroll 250px 72px}
.client_login{float:left;width:150px;}
.submenu{float:left;width:430px; padding:0 10px 0 50px;}
.still_menu{float:left;width:490px;height:101px;position:relative;z-index:10;background:transparent url(../images/triangle_black.gif) no-repeat scroll 0px 0px}
.services_menu{float:left;width:340px;height:53px;height:101px;background:transparent url(../images/triangle_blue.png) no-repeat scroll 49px 53px;}
.newsletter{float:left;width:150px;height:101px;background:transparent url(../images/triangle_newsletter.gif) no-repeat scroll right top;}
.content_left{float:left;width:410px; padding:20px 30px 0 50px; background-color:#fff;}
.content_right{float:left;width:408px; min-height:600px; padding:20px 30px 0 50px;background-color:#fff; border-left:1px solid #00aad3}
.content_left_td{width:50%; padding:20px 30px 0 50px; background-color:#fff;}
.content_right_td{width:50%; padding:20px 30px 0 30px;background-color:#fff; border-left:1px solid #00aad3}
.onecolumn{padding:20px 50px 0 50px}
/******************* MAIN STRUCTURE ********************/
/****************** BASIC LAYOUT ***********************/
.main_menu ul{padding:5px 0 0 10px;}
.main_menu a:link{color:#fff;text-decoration:none;font-size:11px;}
.main_menu a:hover, .main_menu h1{color:#00aad3;text-decoration:none;font-size:11px; padding:0; font-weight:normal;}
.main_menu a:visited{color:#fff;text-decoration:none;font-size:11px;}
.main_menu a:active{color:#fff;text-decoration:none;font-size:11px;}
.services_menu ul{padding:5px 0 0 95px;width:230px;background:transparent url(../images/triangle_black_list.gif) no-repeat scroll 275px 0;}

.services_menu a:link{color:#666;text-decoration:none;font-size:11px;}
.services_menu a:hover{color:#00aad3;text-decoration:none;font-size:11px;}
.services_menu a:visited{color:#666;text-decoration:none;font-size:11px;}
.services_menu a:active{color:#666;text-decoration:none;font-size:11px;}
.active{color:#00aad3!important;}
.main_menu ul li, .services_menu ul li{padding-bottom:2px;}
/****************** END BASIC LAYOUT ******/
/******************* LOCALES ************/
.div_locales{margin-top:50px;}
.locale{float:left; padding-right:10px;}
.locale-bar{font-size:11px;}
.locale-bar a, .locale a{text-decoration:none; color:#FFFFFF; margin-bottom:10px;}
.locale-bar a:hover, .locale a:hover{color:#00aad3;}
/******************* END LOCALES ************/
/****************** HOME PAGE **************/
.dec_home{background:transparent url(../images/dec_home.gif) no-repeat scroll 1px 0px}
.second{width:315px;background:transparent url(../images/triangle_blue.png) no-repeat scroll 266px 205px}
.third{width:315px;margin-left:82px; padding-left:48px;background:transparent url(../images/dec_black.gif) no-repeat scroll 0px 0px}
.h_box{/*float:left;*/margin-bottom:10px;width:265px;height:250px;border:1px solid #00aad3; }
.h_box_img{/*float:left;*/height:100px;padding:0!important; margin:0!important;/* this is neccessary for displaying properly in Chrome */}
.h_box_title{height:20px;padding:5px 5px 0px 15px;color:#00AAD3;font-size:14px;font-weight:bold;display:block; border:0;}
.h_box_text{clear:both;overflow:hidden;/*width:255px;*/padding:0px 15px;height:80px;}
.allsites{padding:0 0 10px 15px; font-weight:bold}
.more{padding-left:15px;}

.domainss {
    width: 655px;
    margin-left: 130px;
    background:transparent url(../images/dec_black.gif) no-repeat;
}

.domains2 {
    border:1px solid #00AAD3;
    width: 605px;
    margin-left: 48px;
    padding: 10px;
}
/****************** END HOME PAGE **************/
/****************** SUBMENU ********************/
.submenu h1{padding:0;}
.submenu ul{margin-top:10px}
.submenu ul li{padding:3px 0}
.categories li{float:left; margin-right:20px;padding:2px;width:170px;}
/****************** END SUBMENU ***********************/
/****************** COMPANY ****************************/
/*.dec_quality{background:#fff url(../images/dec_quality.gif) no-repeat scroll -30px 200px}*/
/****************** END COMPANY ****************************/
/****************** NEWS ****************************/
.dec_news{background:#fff url(../images/dec_news.gif) no-repeat scroll 350px 200px}
/****************** END NEWS ****************************/
/****************** CUSTOMERS ****************************/
.dec_customers{background:#fff url(../images/dec_customers.gif) no-repeat scroll -30px 200px}
.pelatis{float:left;width:140px;height:150%;margin:0 15px 30px 10px;padding:5px;}
/****************** END CUSTOMERS **********************/
/******************* PROJECTS ********************/
#fi_container{/*border:1px solid #00aad3;*/text-align:center;margin:0px;padding:0px;position:relative;}
#fi_viewPortPhoto{position: absolute;left:0px;border:none;}
.fi_images{display:block;margin:0px;padding:0px;}
.fi_images img{margin-top:10px;}
.img_bg{float:left;width:170px;height:140px;margin:10px;padding:0px;border:0; background:transparent url(../images/img_bg.jpg) no-repeat scroll 0px 0px;}
.site_img{margin:10px 0 0 10px;}
.ui-effects-transfer {border: 2px solid #000000;}
.fi_hint {display: none;position: absolute; top: 1px;left: 2px;height: auto; color: #FFFFFF; background-color: #000000;padding: 5px 0px 5px 0px}
.projects{float:left;width:220px;height:190px;overflow:hidden}
/******************* END PROJECTS ********************/
/****************** CONTACT ****************************/
.contact_left{float:left;width:484px; padding:20px 5px 0 1px; background-color:#fff;}
.contact_right{float:left;width:483px; min-height:600px; padding:20px 0px 0 5px;background:#fff url(../images/dec_contact.gif) no-repeat scroll 300px 490px;}
#contactform span.error{color:red;}
#contactform label{padding:10px 0 3px 0;display:block;font-size:11px; color:#2a4356;}
#contactform input{border:1px solid #00aad3;font-size:11px;}
#contactform textarea{border:1px solid #00aad3;background:#fff url(../images/dec_textarea.gif) no-repeat scroll top right;}
.captcha{clear:both;margin:3px 0px;}
.submit{margin-top:10px; border:2px solid #00aad3!important; width:120px; text-align:center;padding:1px 5px; outline:none;}
div.interests label{padding:5px 5px 0 0!important; display:inline!important;}
div.interests input{margin:10px 5px 0 0; display:inline!important;}
.checkbox{border:none!important;}
/****************** END CONTACT ******************/
/****************** NEWSLETTER ******************/
#slick-toggle{margin-top:10px}
#form_newsletter{font-size:10px;width:165px;height:175px;padding:5px;color:#fff; margin:-13px 0 0 -18px;background:transparent url(../images/newsletter_bg.png) no-repeat scroll 0px 0px;}
#form_newsletter input{ border:1px solid #fff; width:95px;}
#form_newsletter .subscribe,#form_newsletter .unsubscribe {width:60px;border:none;margin-top:5px; background-color:#00aad3;color:#fff;font-size:11px;}
#form_newsletter .subscribe{margin-right:5px;}
#form_newsletter p{width:150px;margin-top:4px;}
.newsletter a{position:relative;z-index:10; font-weight:bold; color:#000;}
/****************** END NEWSLETTER ***************/
/******************* FOOTER ********************/
#footer{clear:both;position:relative;z-index:2;width:980px;margin:0 auto;height:100px;font-size:10px; background-color:#fff;padding-bottom:50px;}
.faddress{float:left;width:500px;height:20px;padding:75px 0 0 50px;background:#fff url(../images/triangle_blue.png) no-repeat scroll 0px 40px;}
.companies{float:left;width:210px;padding:50px 0 0 60px;background:#fff url(../images/dec_slice.gif) no-repeat scroll 0px 50px;}
.footer_img{padding:20px 50px 0 0}
.tuv{float:left;background:#fff url(../images/dec_footer.gif) no-repeat scroll 15px 0px; width:160px; height:96px;}
.tuv_img{padding:55px 0 0 65px}
/******************* END FOOTER ********************/
/******************* THICKBOX ***********************/
*{padding: 0; margin: 0;}
#TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333333;}
#TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#666666;}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_overlay {position: fixed;z-index:10000 !important;top: 0px;left: 0px;height:100%;width:100%;}
.TB_overlayMacFFBGHack {}
.TB_overlayBG {background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}
* html #TB_overlay { /* ie6 hack */position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window {position: fixed;background: #fff;z-index: 1020000 !important;color:#000000;display:none;border: 4px solid #525252;text-align:left;top:50%;left:50%;}
* html #TB_window { /* ie6 hack */position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image {border:0;display:block;
	margin: 30px 90px 5px 30px;} /* position the image at the center of the box. Calculate roughly the values (divide by 2) from
							this line in the thickbox.js TB_WIDTH = imageWidth + 60; The height doesn't work like that because you need
							to calculate the caption at the bottom */

#TB_caption{height:50px;padding:7px 30px 0px 25px;margin-bottom:10px; /* so that the bottom navigation doesn't go outside the box */float:left;}
#TB_secondLine{height:25px;padding:5px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{background-color:#e8e8e8;height:27px;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;	_margin-bottom:1px;}
/************************ END THICKBOX ***********************/


/******************* Start of BLOG CSS *************************/

.blogH2 {
    color: #007A99;
    font-size:  18px;
    border-bottom: 0px;

}

.blogH2 a:active{
    color: #007A99;
    font-size:  18px;
    border-bottom: 0px;
}

.blogH2 a:visited{
    color: #007A99;
    font-size:  18px;
    border-bottom: 0px;
}

.post-metadata-footer {
    background-color: #EDEDED;
    border: 1px dashed #7A7A7A;
    padding:1px;
    margin-bottom: 10px;
    height: 18px;
}

.blogH2-date {
    padding-bottom:6px;
    color: #236185;
}

.blogH2-date img {
    float: left; padding-right: 5px;
}

.post-metadata-footer img {
    vertical-align: middle; padding-right: 5px;
}

.post-metadata-footer span {
    vertical-align: middle;
}

.blogpost{
	line-height:200%;
	font-size:13px;
	text-align:justify;
}
.comment {
    border: 1px dashed #00AAD3;
    padding:5px;
    margin-bottom: 10px;
}

.date_comment_line {
    color: #00AAD3;
}

div#comment_form .main-form {

    padding: 10px;
}

div#comment_form .main-form label {
    width: 60px;
    display: inline-block;
}

div#comment_form .main-form input {
    width: 300px;
    border:1px solid #00aad3;
    margin: 5px;
}

div#comment_form .main-form textarea {
    width: 300px;
    border:1px solid #00aad3;
    margin: 5px;
}


div#comment_form .main-form .submit {
margin-top:10px; border:2px solid #00aad3!important; width:100px; text-align:center;padding:1px 5px; outline:none;
}

.blog_img_wrapper {
    float: left;
    padding-top: 9px;
    padding-right: 4px;
    padding-left: 4px;
}

.blog_img_wrapper_bigger {
float: left;
    padding-top: 9px;
    padding-right: 4px;
    padding-left: 4px;
}

/******************* End of BLOG CSS *************************/

.h2menu {
    color:#666666;
    font-size:11px;
    text-decoration:none;
    font-weight:normal;
    padding:0; margin:0;
}

/************ PAGINATION *****************/
.items_per_page{ margin-top:10px;}
.current_page{float:left; margin:0 2px 0 0; padding:3px; background-color:#F9F9F9; border:1px solid #B7B7B7; line-height:1.6; font-size:11px; font-family:tahoma;}
#pagination ul li{list-style-type:none; background-image:none; line-height:1.6; font-size:11px; font-family:tahoma;}
.pages {margin-top:10px; font-size:11px; font-family:tahoma;}
.pages li{float:left; padding:3px!important; list-style-type:none; background-color:#F9F9F9!important; border:1px solid #B7B7B7; margin: 0 2px 0 0; font-size:11px; font-family:tahoma;}
.pages li a{text-decoration:none!important;  font-size:11px; font-family:tahoma;}
.next_page{padding:3px 0;border:1px solid #B7B7B7;}
.gotopage form{clear:both;padding:3px 0; }
/*#gotopage-btn{width:90px;height:20px; font-size:10px;margin-top:5px;;padding:2px 0;}*/
/************ END PAGINATION *****************/