@import url(template/fonts/fonts.css);
body{background:url(images/background.jpg) repeat-x #f3f3f3;font-family:"Liberation Sans", "Nimbus Sans L", Helvetica, Arial, sans-serif;color:#093142;}
header{position:relative;display:block;height:110px;width:100%;}
header a img{margin-left:15px;margin-top:25px;border:0;}
#logo a:hover{border:0;}
#social{position:absolute;top:38px;right:-28px;width:350px;height:46px;background:url(images/social_holder.png) no-repeat;padding:8px;}
#social a{display:inline-block;height:38px;}
#social a.twitter{background:url(images/icons/button_twitter.png) no-repeat;width:182px;}
#social a.twitter:hover{background:url(images/icons/button_twitter-hover.png) no-repeat;text-decoration:none;border:0;}
#social a.linkedin{background:url(images/icons/button_linkedin.png) no-repeat;width:148px;}
#social a.linkedin:hover{background:url(images/icons/button_linkedin-hover.png) no-repeat;text-decoration:none;border:0;}
section#main{display:block;width:100%;height:600px;background:url(images/main_background.png) no-repeat center 0;z-index:-1;}
section#main_single{display:block;width:100%;height:100%;background:url(images/main_background.png) no-repeat center 0;z-index:-1;}
section#main_single #content_block{height:0;}
section#main_single nav{margin-top:-40px;}
section a{color:#227598;text-decoration:none;}
section a:hover{color:#04b5ff;border-bottom:1px dotted #1894c8;}
section li{list-style-type:none;line-height:20px;}
section .copy li{font-size:.8em;background:url(images/icons/link.png) no-repeat 0 center;text-indent:20px;}
section .copy ul.bullet li{font-size:.85em;background:url(images/icons/bullet.png) no-repeat 0 center;}
.wrap{position:relative;width:930px;margin:auto;}
.eternal{position:relative;display:block;height:100%;width:850px;color:#2d6a83;min-height:500px;margin:auto;}
.wrap h3{display:block;width:100%;letter-spacing:-1px;height:1.8em;line-height:1.8em;text-shadow:#fff 2px 2px 2px;background-repeat:no-repeat;background-position:right center;font-family:ubn, FreeSans, Helvetica, Arial, sans-serif;_font-family:Arial, sans-serif;color:#227598;font-size:1.5em;font-weight:400;margin:10px 0 0;}
#content_block{position:relative;width:918px;margin-top:15px;margin-left:15px;font-size:1em;height:356px;color:#1a5f7c;padding:20px;}
#content_block h1 span{font-style:normal;font-weight:400;font-size:.8em;font-family:FreeSans, Helvetica, Arial, sans-serif;letter-spacing:-1px;padding-left:5px;line-height:1.2em;color:#16749b;}
#content_block h2 span{font-style:normal;font-weight:400;font-size:.7em;font-family:FreeSans, Helvetica, Arial, sans-serif;letter-spacing:-1px;padding-left:5px;line-height:1.2em;color:#16749b;}
#content_block .text{display:none;position:absolute;top:0;left:0;height:100%;width:100%;padding-left:20px;z-index:1;}
#content_block .start{display:table;}
#content_block .copy{position:relative;text-shadow:#fff 1px 1px 1px;display:table-cell;vertical-align:middle;text-align:justify;margin:0;}
td{background-color:#f90;}
.copy{width:530px;max-width:530px;white-space:wrap;}
#content_block .section_back{position:absolute;right:5px;top:5px;width:70%;height:405px;background-repeat:no-repeat;background-position:right top;z-index:-1;}
.section_back.home{background:url(images/background_home.png);}
.section_back.journal{background:url(images/background_journal.png);}
.section_back.design{background:url(images/background_design.png);}
.section_back.development{background:url(images/background_development.png);}
.section_back.optimisation{background:url(images/background_optimisation.png);}
nav{display:block;height:64px;width:956px;margin-top:14px;margin-left:14px;background:url(images/navigation.png) no-repeat;}
nav ul li{display:inline;text-shadow:#fff 1px 1px 1px;font-weight:700;font-size:.9em;margin:0;padding:0;}
nav ul li a{position:relative;margin-top:17px;display:inline-block;padding-left:28px;padding-right:10px;height:30px;line-height:30px;outline:none;}
nav ul li a:hover{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:url(images/navigation_hover.jpg) repeat-x #fff;border:1px solid #fff;-moz-box-shadow:0 0 4px #bbb;-webkit-box-shadow:0 0 4px #bbb;box-shadow:0 0 4px #bbb;padding-left:27px;padding-right:9px;height:28px;line-height:28px;}
nav ul li a.sel{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:url(images/navigation_hover.jpg) repeat-x #fff;border:1px solid #fff;-moz-box-shadow:0 0 4px #bbb;-webkit-box-shadow:0 0 4px #bbb;padding-left:27px;padding-right:9px;height:28px;line-height:28px;}
nav a:hover span.ico{position:absolute;left:4px;top:6px;}
nav span.ico{position:absolute;left:5px;top:7px;width:16px;height:16px; opacity:0.3;}
nav .sel span.ico{opacity:1; position:absolute;left:4px;top:6px;}
span.home{background-image:url(images/icons/navigation.png); background-repeat:no-repeat; background-position:0 0;}
span.journal{background-image:url(images/icons/navigation.png); background-repeat:no-repeat; background-position:-18px 0;}
span.design{background-image:url(images/icons/navigation.png); background-repeat:no-repeat; background-position:-36px 0;}
span.development{background-image:url(images/icons/navigation.png); background-repeat:no-repeat; background-position:-54px 0;}
span.seo{background-image:url(images/icons/navigation.png); background-repeat:no-repeat; background-position:-72px 0;}
span.about{background-image:url(images/icons/navigation.png); background-repeat:no-repeat; background-position:-90px 0;}
span.contact{background-image:url(images/icons/navigation.png); background-repeat:no-repeat; background-position:-108px 0;}
span.links{background-image:url(images/icons/navigation.png); background-repeat:no-repeat; background-position:-126px 0;}
span.sitemap{background-image:url(images/icons/navigation.png); background-repeat:no-repeat; background-position:-144px 0;}
span.hosting{background-image:url(images/icons/navigation.png); background-repeat:no-repeat; background-position:-162px 0;}
#about{float:left;width:54%;padding-left:30px;}
#about .f{float:left;padding-right:10px;margin-top:-5px;}
#about ul li{font-size:.85em;}
#about ul li img{float:left;padding-right:5px;}
#n_content{float:left;width:90%;padding-left:30px;}
#information{background:url(images/information_background.png) no-repeat center top;margin-top:10px;}
#information .wrap{position:relative;}
#information p{padding-left:5px;margin-top:0;}
#contact{position:relative;float:right;width:34%;padding-right:30px;}
#contact label{display:block;font-size:.85em;margin-left:10px;font-weight:700;}
#contact input{border:1px solid #33a2d0;margin-left:10px;margin-bottom:10px;opacity:0.3;padding:5px;}
#contact input[type=submit]{opacity:1;}
#contact textarea{border:1px solid #33a2d0;margin-left:10px;font-family:sans-serif;font-size:.9em;width:90%;height:120px;margin-bottom:10px;opacity:0.3;padding:5px;}
#contact #security{position:relative;display:block;}
#contact input#form_security-code{width:75px;}
#contact img.security-code{position:absolute;left:100px;bottom:10px;}
#contact_form{display:block;position:relative;}
#contact_form .form_error{background:url(images/icons/warning.png) 98% 4px no-repeat;}
#contact .loading{position:absolute;display:none;left:0;top:0;width:100%;height:100%;background:url(images/loading.gif) center center no-repeat;}
.contact_errors{border:1px solid #ff5757;background:#ffcbcb;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;margin-bottom:10px;padding:10px;}
.contact_errors p{font-weight:700;margin-bottom:5px;}
.contact_errors ul{font-size:.8em;margin:0;padding:0;}
.contact_errors li{margin-left:5px;background:url(images/icons/info.png) no-repeat 0 center;text-indent:20px;}
.email_sent{height:50px;background:url(images/icons/email.png) no-repeat 10px center #e3ef95;border:1px solid #6b9537;text-indent:65px;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;font-size:.8em;font-weight:700;}
.email_sent p{height:50px;line-height:50px;margin:0;padding:0;}
#contact_details{margin:0;}
#contact_details img{margin-top:20px;}
footer{float:left;display:block;width:100%;margin-top:20px;font-size:.8em;color:#bbb;text-shadow:#fff 1px 1px 1px;}
footer .wrap{border-top:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee;padding-top:20px;padding-bottom:20px;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;text-indent:20px;background:url(images/footer_background.jpg) repeat-x;}
footer .footer{width:910px;}
footer a{color:#999;text-shadow:#fff 1px 1px 1px;text-decoration:none;}
footer a:hover{color:#04b5ff;}
footer .logo{position:absolute;right:20px;top:15px;width:100px;height:29px;overflow:hidden;text-indent:0;border:0;}
footer .logo:hover{text-indent:-100px;}
.lr p{margin:0;padding:0;}
.lr{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #a5dbf1;font-size:.9em;}
.eternal h2{letter-spacing:-1px;margin-top:5px;color:#146688;}
.eternal h3{color:#146688;letter-spacing:-.5px;text-shadow:#fff 1px 1px 1px;}
.eternal p{font-size:.9em;}
.eternal li{list-style-type:square;font-size:.85em;}
a.btn{display:inline-block;bottom:0;right:0;border:1px solid #d9f0be;-moz-border-radius:5px;-webkit-border-radius:5px;padding-left:15px;padding-right:15px;height:25px;line-height:25px;color:#fff;text-decoration:none;background:#6ccf13;text-shadow:#428a09 1px 1px 1px;-webkit-box-shadow:0 0 4px #aaa;-moz-box-shadow:0 0 4px #aaa;font-size:.85em;margin-top:10px;}
a.btn:hover{background:#6ccf13;color:#fff;text-decoration:none;border:1px solid #d9f0be;}
.nv{padding:0;}
.ident{padding-left:60px;}
.ident h4{margin-bottom:0;}
.ident p{margin-left:-5px;padding-left:0;}
#table_kr{background-color:#fff;border:1px solid #ddd;border-collapse:collapse;width:100%;font-family:sans-serif;}
#table_kr thead td{background:#eee;font-size:.9em;}
#table_kr tbody td{background-color:#fff;font-size:12px;}
#table_kr tr{border-bottom:1px solid #ddd;}
section#main .wrap,section#main_single .wrap{width:1000px;height:100%;}
#content_block h1,#content_block h2{font-family:ubn, FreeSans, Helvetica, Arial, sans-serif;_font-family:Arial, sans-serif;font-weight:400;text-shadow:#fff 1px 1px 1px;letter-spacing:-.06em;color:#093142;}
#about p,#n_content p,#contact p{font-size:.85em;margin-top:0;}
#contact input:focus,#contact textarea:focus{background:#d8f4ff;opacity:1;}
.lr a,#table_kr thead{font-weight:700;}
li.icon span { display:inline-block; width:16px; height:16px; margin-right:8px;  }
span.wordpress { background-image:url("images/icons/ss.png"); background-position:0 0;  }
span.modx { background-image:url("images/icons/ss.png");  background-position:-18px 0; }
span.magento { background-image:url("images/icons/ss.png");  background-position:-36px 0; }
span.drupal { background-image:url("images/icons/ss.png");  background-position:-54px 0; }
span.gimp { background-image:url("images/icons/ss.png");  background-position:-72px 0; }
span.ubuntu { background-image:url("images/icons/ss.png");  background-position:-90px 0; }
span.linux { background-image:url("images/icons/ss.png");  background-position:-90px 0; }
span.kohana { background-image:url("images/icons/ss_kohana.png");  background-repeat:no-repeat; background-position:center center; }