@charset "utf-8";
/* CSS RESET */
html, body, div, span, applet, object, iframe, 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, table, caption, tbody, tfoot, thead, tr, th, td, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; border: 0; outline: 0; outline:none; font-size: 100%; vertical-align: baseline;background: transparent;}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; margin:0; padding:0;}
.clearfix { display: inline-block;} /* for IE/Mac */
a, a:link, a:visited, a:active, a:hover {text-decoration:none; color:#333333; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
a:hover { text-decoration:underline; }
/* BASIC */
body{ background:#447fb0; font-size: 12px; line-height:16px; text-align:center; color:#333; margin:auto; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#container{ text-align:center; width:970px; height:100%; margin:auto; }
.unchecked{list-style-type:none; background: url("/images/sprites.png") 0 -575px no-repeat; height:18px; padding-left:24px; }
.checked{ list-style-type:none; background: url("/images/sprites.png") 0 -595px no-repeat; height:18px; padding-left:24px; }
h1, h2, h3, h4, h5, h6 { padding:9px 0 9px 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-shadow: 1px 1px 3px #bbb; }
h1 { font-size: 3.0em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.12em; }
h5 { font-size: 1.0em; }
h6 { font-size: 0.75em; }
hr{ color: #e5e5e5; height: 1px; }
/* HEADER */
#main_header{ position:relative; margin:auto; width:100%; }
#main_header a, #main_header a:active, #main_header a:visited{ color:#333; font-family: Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; line-height:100%; }
#main_header a:hover{text-decoration:underline;}
#radial{ left:0; background: url("/images/sprites.png") -524px -910px no-repeat; position:absolute; width:465px; height:312px; margin-top:-30px; margin-left:-120px; z-index:-1; float:left; }
#header{ width:100%; height:100px; margin-bottom:10px; }
#logo{ float:left; margin-top:20px; width:319px; height:87px; background:url("/images/logo.png") no-repeat; }
#banner { float:left; margin:10px 0 0 0; width:500px; height:90px; }
/* Navigation Bar */
#navigation{ text-align:left; position:relative; clear:both; }
#navigation_bar{padding:0; margin:0; background:url("/images/sprites.png") 0 0 no-repeat; width:100%; height:45px; margin:auto; z-index:-1; }
#navigation_bar ul{ list-style:none; text-align:center; margin:0; padding:0; margin:-6px 0 0 16px; float:left; display:table; }
#navigation_bar li{ font-size:12px; font-weight:bold; position:relative; display:table-cell; width:116px; height:50px; text-align:center; vertical-align:middle; padding-top:2px; }
#navigation_bar .current{ background:url("/images/sprites.png") -858px -400px no-repeat; position:relative; width:116px; height:50px; text-align:center; }
#navigation_bar .current a, #navigation_bar .current a:link, #navigation_bar .current a:active,#navigation_bar .current a:visited,#navigation_bar .current a:hover{ color:#fff; text-align:left; text-decoration:none; margin-left:-8px; text-shadow: 1px 1px 2px black; padding-left:3px;}
#hover{ background:url("/images/sprites.png") -858px -400px no-repeat; position:absolute; width:116px; height:45px; text-align:center; margin-top:-6px; display:none; z-index:1; }
#search-bar { float:right; }
#search-bar .input-text { background:transparent; width:170px; border:0; height:17px; margin:13px 15px 0 0; font-size:12px; color:#555; }
#search-bar .input-submit { background:transparent; border:0; height:28px; width:28px; margin-right:12px; }
/* MAIN */
#main{ width:100%; }
/* recent projects area */
#recent_area { margin-top:13px; width:100%; height:260px; background:url("/images/sprites.png") 0 -52px no-repeat;}
#recent_area ul{ list-style:none; padding-top:33px; position:absolute; margin-bottom:-10px;}
#recent_area ul li{ width:251px; height:55px; color:#D5D5D5; font-size:11px; margin: 0; padding: 0; }
#recent_area ul li.left { text-align:right; }
#recent_area ul li.right { text-align:left; margin-left:715px; }
#recent_area li.reset{ margin-top: -220px;}
* html #recent_area ul li{ position: relative;}
#recent_area a, #recent_area a:link, #recent_area a:active,#recent_area a:visited, #recent_area a:hover { line-height:normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#F1F1F1; text-decoration:none; font-size:14px; font-weight:normal; padding-bottom:2px; text-shadow: 1px 1px 3px black;}
#recent_area a:hover { text-shadow: 1px 1px 5px white; text-decoration:underline; }
#recent_area #project{ position:absolute; float:left; width:400px; height:200px; margin-top:19px; margin-left:282px;}
#recent_title { background:url("/images/diagram-02.html") 0 50% no-repeat; padding:10px; padding-left:37px; font-size:13px; text-align:left; font-weight:bold;}
/* CONTENT */
#content{ width:100%; text-align:left; margin-left:2px; margin-top:15px; }
#top-bar, #middle,#bottom-bar{ margin:0; padding:0; position:relative; }
#top-bar{ background:url("/images/sprites.png") 0 -314px no-repeat; height:40px; font-weight: 600; width:965px;}
#middle{ background:url("/images/middle.png") repeat-y; padding:5px 15px 2px 15px; font-size:12px; width:945px; text-align:left; } /* home */
#middle2{ background:url("/images/middle2.png") repeat-y; padding:2px 10px 4px 15px; font-size:12px; width:945px; } /* about, projects, services,contact, blog */
#bottom-bar{ background:url("/images/sprites.png") 0 -356px no-repeat; height:20px; width:970px;} /* home */
#bottom-bar2{ background:url("/images/sprites.png") 0 -376px no-repeat; height:20px; width:970px; } /* about, projects, services,contact, blog */
/* CONTENT - HOME */
/* CONTENT - titles */
#content .titles li { list-style:none; width:295px; height:22px; float:left; margin:8px 11px 0 15px; padding-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:1.12em; font-weight:600; text-shadow: 1px 1px 3px #bbb; }
/* CONTENT - title icons */
#content .titles li .about-us { background:url("/images/sprites.png") 0 -440px no-repeat; padding:6px 0 7px 35px; }
#content .titles li .services { background:url("/images/sprites.png") 0 -470px no-repeat; padding:6px 0 7px 32px; }
#content .titles li .blog { background:url("/images/sprites.png") -45px -503px no-repeat; padding:6px 0 6px 37px; }
#content .titles li .contact-us { background:url("/images/sprites.png") -130px -473px no-repeat; padding:6px 0 7px 35px; }
#content .titles li .projects { background:url("/images/sprites.png") -128px -440px no-repeat; padding:6px 0 7px 35px; }
/* CONTENT - cols */
#content ul.cols li.col-list { list-style:none; width:295px; display:block; margin:0 26px 0 0; height:100%; float:left; }
#content ul.cols li.col-list#last-child { margin:0; }
/* Services for first page */
#content ul.services li{ list-style:none; padding-left:92px; height:108px; }
#content ul.services li.service1 { background: url("/images/sprites.png") -8px -805px no-repeat; }
#content ul.services li.service2 { background: url("/images/sprites.png") -3px -705px no-repeat; }
#content ul.services li.service3 { background: url("/images/sprites.png") -3px -610px no-repeat; height:97px;}
/* Blog posts for first page */
#content ul.cols li.col-list .blog-post{ display:block; margin:0 0 8px 0; }
#content ul.cols li.col-list .blog-post#last-post{ display:block; margin-bottom:0; }
#content ul.cols li.col-list .post-info{ display:block; font-size:0.85em; font-weight:lighter; margin-top:-8px; margin-bottom:8px; }
#content ul.cols li.col-list .post-desc{ display:block; }
/* CONTENT - SUBPAGE */
#content .col-left{ width:630px; text-align:left; float:left; text-align:left; }
/* Projects */
#content .project.even{ float:left; margin:1px 16px 25px 3px; width:305px; padding:0; overflow:hidden; }
#content .project.odd{ float:left; margin:0 0 25px 0; width:305px; }
#content .project-img-holder{ width:290px; background:#f0eaea; border: 1px solid #cdcdcd; padding:6px; }
#content .project-img-holder img{ width:290px; }
#content .project-desc{ font-weight:lighter; text-align:left; width:300px; float:left; margin-top:7px; overflow:hidden; margin-right:2px; }
/* Blog posts */
#content .col-left .blog-post{ clear:both; margin:10px 0 15px 5px; padding-bottom:15px; height:165px; width:620px; display:block; }
#content .col-left .post-info{ font-size:0.95em; margin-top:-3px; margin-bottom:11px; }
#content .col-left .post-img-holder{ width:100px; height:100px; background:#f0eaea; border: 1px solid #cdcdcd; padding:5px; float:left; }
#content .col-left .post-img-holder img{ width:100px; height:100px; }
#content .col-left .post-desc{ float:left; font-weight:lighter; width:495px; padding-left:10px; }
/* Buttom "details", "read more" */
a.button { margin-left:5px; padding:0; float:left; display:block; margin-top:7px; height:13px; font-weight:bold; border:solid 1px #CDCDCD; background:#F0EAEA; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a:link.button , a:visited.button , a:active.button { margin-right:0; color:#333; display:block; padding:6px 10px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
a:hover.button { border:solid 1px #666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
/* Pagination */
#pagination { padding-top:10px; clear:both; border:0; font-family:Arial, Helvetica, sans-serif; overflow:hidden; margin-left:4px; }
#pagination li{ border:0; margin:0; padding:0; font-size:11px; list-style:none; float:left; }
#pagination a{ border:solid 1px #CDCDCD; margin-right:2px; background:#F0EAEA; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#pagination .previous-off, #pagination .next-off { border:solid 1px #CDCDCD; background:#F0EAEA; color:#CDCDCD; display:block; float:left; font-weight:bold; padding:4px 6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#pagination .next a, #pagination .previous a { font-weight:bold; border:solid 1px #CDCDCD; background:#F0EAEA; font-family:Arial, Helvetica, sans-serif; font-size:12px; clear:right;}
#pagination .active{ color:red; font-weight:600; display:block; float:left; padding:4px 6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#pagination a:link, #pagination a:visited { color:#333; display:block; float:left; padding:3px 6px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#pagination a:hover{ border:solid 1px #666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
/* Contact */
#contact { margin:20px 0 0 37px; }
#contact p { float:left; margin:20px 30px 0 0; display:block; }
#contact div {margin:0px; padding-top:3px; clear:both; height:240px; height:20px; }
/*Contact Form elements */
#contact input[type=text]{width:250px;}
#contact input[type=text],
#contact textarea {border:1px solid #CDCDCD; padding:5px; margin:12px 0 0 0;}
#contact input[type=text]:focus,
#contact textarea:focus {background:#ffc;}
#contact textarea {font:.9em Verdana, Arial, Helvetica, sans-serif; width:545px;}
#contact label {margin:21px 0 5px 0; font-weight:700;font-size:13px; width:90px; font-family:Arial, Helvetica, sans-serif;}
#contact label:after {content:": ";}
#contact input[type=submit] { border:solid 1px #CDCDCD; background:#F0EAEA; color:#333; padding:5px 10px 5px 10px; font-weight:700; font-family:Arial, Helvetica, sans-serif; margin:10px 0 0 0;}
#contact input[type=submit]:hover { outline:none; border:solid 1px #666666; }
/* SIDEBAR */
#content .col-right{ margin-left:14px; width:300px; float:left; }
#content .col-right #nav { margin:15px 0 0 10px; }
#content .col-right #nav li { list-style:none; padding:11px 0 11px 14px; font-size:13px; font-weight:normal; overflow:hidden; }
#content .col-right #nav .current{ margin-left:-10px; width:260px; padding:10px 0 10px 22px; border-left: 2px solid #f1f1f1; border-right: 1px solid #cdcdcd;
border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; background:#f1f1f1;}
#nav a,#nav a:link,#nav a:visited,#nav a:active{ font-weight:normal; font-size:13px; line-height:normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333; text-decoration:none; }
#nav a:hover{ text-decoration:underline; line-height:normal; font-size:13px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333; }
/* Adevertisment */
#advertisment { width:280px; margin:auto; padding:25px 12px 0 0; margin-right:-1px; text-align:right; overflow:hidden; }
#advertisment a { padding:0; margin:0; }
#advertisment h5 { margin-right:7px; }
#advertisment ul { margin-left:3px; }
#advertisment li {list-style:none; display:inline; float:left; margin:0 0 10px 10px;}
/* Get in touch */
#get_in_touch { width:275px; margin:auto; padding:10px 10px 0 0; text-align:right; overflow:hidden; }
#get_in_touch a { display:block; padding:17px; margin:0; }
#get_in_touch ul { float:right; margin-right:-3px; }
#get_in_touch li { list-style:none; float:left; margin:0 0 0 5px ; width:35px; height:35px; }
#get_in_touch #linkedin{ background: url("/images/social/linkedin_32.png") no-repeat; }
#get_in_touch #facebook{ background: url("/images/social/facebook_32.png") no-repeat; }
#get_in_touch #twitter{ background: url("/images/social/twitter_32.png") no-repeat; }
#get_in_touch #youtube{ background: url("/images/social/youtube_32.png") no-repeat; }
#get_in_touch #google{ background: url("/images/social/google_32.png") no-repeat; }
#get_in_touch #googlewave{ background: url("/images/social/googlewave_32.png") no-repeat; }
#get_in_touch #digg{ background: url("/images/social/digg_32.png") no-repeat; }
#get_in_touch #rss{ background: url("/images/social/rss_32.png") no-repeat; }
/* Mini contact */
#mini-contact{ width:265px; margin:auto; padding:10px 10px 0 10px; text-align:right; overflow:hidden;}
#mini-contact .phone{ background:url("/images/sprites.png") 0 -538px no-repeat; line-height:16px; padding-left:20px; }
#mini-contact .email{background:url("/images/sprites.png") 0 -556px no-repeat; line-height:16px; padding-left:20px; }
/* Offline contact */
#offline_contact { float:right; padding:0 15px 0 0; margin-top:-8px; text-align:right; }
#offline_contact .phone{ background:url("/images/sprites.png") 0 -538px no-repeat; line-height:16px; padding-left:20px; }
#offline_contact .email{background:url("/images/sprites.png") 0 -556px no-repeat; line-height:16px; padding-left:20px; }
/* FOOTER */
#footer{ font-size:11px; margin: 5px 0 5px 0; color: #fff; }