/************************************************************************
	Theme Name: vitali
	Theme URI: 
	Description: Theme for vitali software
	Version: 1.0
	Author: Amelie Husson
	Author URI: http://www.vitali-software.com
	Tags: 
************************************************************************/

/*CSS Reset*/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
address, caption, cite, code, dfn, em, strong, var {font-style:normal;font-weight:normal;}
ol, ul {list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
caption, th {text-align:left;font-weight:normal;font-style:normal;}
acronym, abbr, fieldset, img {border:0;}
:focus {outline:0;}

/* General */
html, body {font:11px/1.2 Tahoma, Arial, sans-serif;background:#cccccc url('images/bg.png') repeat-y top center;color:#000000;height:100%;}
div#wrap {height:100%;margin:0 auto;}
body > div#wrap {height:auto; min-height:100%;}
div#wrap_header, div#wrap_topmenu, div#wrap_footer {width:960px;margin:auto;}
.clearfix:after {content:".";display: block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height:10px;} .clearfix {display:block;}/* End hide from IE-mac */
.left {float:left;}
.right {float:right;}
.clear {clear:both;}					
.topLeft, .topRight, .bottomLeft, .bottomRight {position:relative;background-repeat:no-repeat;z-index:200;}  
.topLeft {background-position:top left;}   
.topRight {background-position:top right;}   
.bottomLeft {background-position:bottom left;}   
.bottomRight {background-position:bottom right;} 
input, textarea, select {border:#669999 1px solid;font:11px/1.2 Tahoma, Arial, sans-serif;margin-top:5px;padding:2px;}
textarea {resize:vertical;}
label {margin-top:5px;padding:5px 0;}
.invalid {border-color:#C01800;}
div.conditions {position:relative;top:10px;left:10px;}
ul.networks li {min-height:50px;}
ul.world-tag li {background:transparent url('images/icons/world_16x16.png') no-repeat 0 5px;padding:7px 0 0 20px;min-height:20px;margin-bottom:-3px;}

/* Typo */
h2 {font-size:18px;color:#666699;padding:10px;}
h3 {font-size:14px;padding:5px;}
h4 {font-size:13px;color:#666699;padding:5px 0;}
h4.list {background:transparent url('images/icons/world_16x16.png') no-repeat 0 5px;padding:7px 0 0 20px;min-height:20px;margin-bottom:-3px;}
p {margin:10px 0;}
a {color:#666699;}

/* Head */
div#header {background:#ccccff url('images/bg_top.png') repeat-x left top;height:140px;width:100%;}
div#headerleft {width:660px;}
div#logo {padding:20px 20px 0 20px;width:150px;}
div#logo h1 {margin-left:-9999px;}
div#logo img {height:100px;width:130px;}
div#main_services {width:470px;padding-top:20px;}
div#main_services a {font:20px/1.4 "Handwriting - Dakota", Tahoma, Arial, sans-serif;color:#000000;text-decoration:none;font-style:italic;width:470px;line-height:1.8 ;# /* Safari Hack */}
div#headerright {width:280px;}
div#search {background:transparent url('images/bg_search.png') repeat top left;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;height:40px;width:280px;}
.searchfield {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px;width:190px;margin:0 10px 0 15px;position:relative;top: -3px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {div#search .searchfield {top:7px;}}/* Safari */
.searchbutton {background:transparent url('images/icons/Search_32x32.png') no-repeat center center;width: 32px;height:32px;border:0;}
div#languages {width:280px;height:40px;float:right;}
div#languages .widget {background-image:none;padding:0;margin:0;width:100%;}
div#languages .qtrans_language_chooser {float:right;height:30px;padding-right:85px;}
div#languages .qtrans_language_chooser li {display:inline;float:left;padding:15px 10px;}
div#contact_head {text-align:center;width:280px;}
div#social_links {height:70px;width:220px;text-align:center;float:right;padding-left:60px;}
div#social_links li {display:inline;float:left;padding:10px 10px 0 10px;}
div#topmenu {background:transparent url('images/bg_topmenu.png') repeat-x left top;height:50px;width:100%;}
div#topmenu li {display:inline;min-width:120px;background:transparent url(images/tab.png) repeat-x 0 0;height:30px;float:left;text-align:center;font:18px/1 Century Gothic, Arial, sans-serif;padding-top:10px;border-left:1px #336699 solid;border-right:1px #336699 solid;}
div#topmenu li:hover {background-position:0 -40px;}
div#topmenu li.current_page_item {background-position:0 -80px;border-left:1px #000000 solid;border-right:1px #000000 solid;}
div#topmenu li a {color:#ffffff;text-decoration:none;padding:10px 20px;}

/* Content */
div#content {background:#ffffff url('images/bg_content.png') repeat-x left top;min-height:460px;margin:auto;width:860px;position:relative;top:-3px;padding:30px 50px;}
.title {width:688px;}
.entry {float:left;}
.intro {height:100px;padding:0 10px;position:relative;float:left;width:688px;}
div#box_content {position:relative;}
.entry .ui-tabs .ui-tabs-nav {position:absolute;top:120px;left:-128px;}
.tab_content {visibility:hidden;width:125px;height:40px;display:block;text-align:left;padding-top:5px;}
.tab_content a {text-decoration:none;padding:8px 5px 8px 45px;float:left;font-weight:bold;margin-left:-20px;}
.tab_content.ui-state-default {background:transparent url('images/tab_content.png') no-repeat left top;visibility:visible;}
.tab_content.ui-state-default a {text-decoration:none;}
.tab_content.ui-state-hover {background:transparent url('images/tab_content.png') no-repeat left top;visibility:visible;}
.tab_content.ui-state-hover a {color:#669999;text-decoration:none;}
.tab_content.ui-state-active {background:transparent url('images/tab_content_active.png') no-repeat left top;visibility:visible;}	
.tab_content.ui-state-active a {color:#669999;text-decoration:none;}
.entry .ui-tabs .ui-tabs-panel {background:transparent url('images/box_content.png') no-repeat center center;float:left;width:700px;height:320px;position:absolute;top:50px;left:-3px;padding:20px;}
.entry .ui-tabs .ui-tabs-panel.ui-tabs-hide {height: 0;visibility:hidden;}
.entry .ui-tabs .ui-tabs-panel .panel-content .title {padding-bottom:10px;}
.entry .ui-tabs .ui-tabs-panel .panel-content {height: 285px;padding-top:5px;-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;width:100%;}
.entry .ui-tabs .ui-tabs-panel .panel-content p {margin:5px 0;}
.entry .ui-tabs .ui-tabs-panel .panel-content ul {margin-left:5px;margin-bottom:10px;}
.entry .ui-tabs .ui-tabs-panel .panel-content ul li {background:transparent url('images/icons/tag_blue.png') no-repeat top left;padding-bottom:4px;padding-left: 20px;}
.entry .ui-tabs .ui-tabs-panel .panel-content ul ul {margin: 0 0 0 15px;}
.entry .ui-tabs .ui-tabs-panel .panel-content ul ul li {list-style-type:disc;list-style-image: none;min-height: 0;background-image: none;padding-left: 0;padding-bottom: 2px;}
				
/* Bottom */
div#quote {margin:auto;margin-top:10px;width:620px;border-top:#ccffcc 2px solid;padding:0 120px;text-align:center;}
div#quote blockquote {font-style:italic;padding:10px 0;}
div#quote blockquote:before {content:open-quote;font-weight:bold;}
div#quote blockquote:after {content:close-quote;font-weight:bold;} 
div#quote p {margin:0;	}
div#bottom {padding-bottom:58px;margin:auto;width:860px;border-top:#ccffcc 2px solid;}
div#bottom a {text-decoration:none;}
div#news {width:250px;height:275px;margin:10px 20px 20px 0;padding:5px 10px;background:transparent url('images/bg_content.png') repeat-x left top;}
div#news h2 {padding-bottom:5px;}
div#news h2 a {background:transparent url('images/icons/Comment_32x32.png') no-repeat left center;padding:5px 0 5px 40px;}
div#contact {width:260px;height:275px;margin:10px 20px 20px 0;padding:5px 10px;background:transparent url('images/bg_content.png') repeat-x left top;}
div#contact h2 {padding-bottom:5px;}
div#contact h2 a {background:transparent url('images/icons/Email_32x32.png') no-repeat left center;padding:5px 0 5px 40px;}
div#contact input, div#contact textarea {width:194px;}
div#contact select {width:200px;}
div#contact input.button {width:100px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
div#result {padding-top:20px;text-align:center;}
div#clients {width:250px;margin:10px 0 20px 0;padding:5px 10px;height:275px;background:transparent url('images/bg_content.png') repeat-x left top;}
div#clients h2 {padding-bottom:5px;}
div#clients h2 a {background:transparent url('images/icons/Picture_32x32.png') no-repeat left center;padding:5px 0 5px 40px;}
div#footer {background:transparent url('images/bg_bottom.png') repeat-x left bottom;height:48px;padding:5px 0;width:100%;position:relative;margin-top:-58px;clear:both}
div#footer li {display:inline;float:left;padding:15px 5px;}
div#footer li a {color:#000000;text-decoration:none;}
div#footer li a:hover {text-decoration:underline;}
div#shShutter {text-align: center;}

/* Home Page */
div#content.home {padding:20px 30px;width:900px;}
div#content.home .col {width:260px;padding:20px;text-align:center;}
div#content.home .col a {text-decoration:none;}
div#content.home .col .block {background:transparent url('images/index_box.png') no-repeat center center;width:260px;height:220px;margin-bottom:30px;}
div#content.home .col .block:hover {background:transparent url('images/index_box_hover.png') no-repeat center center;cursor:pointer;}
div#content.home .col .block h2 {padding:0;position:relative;top:175px;}
.qitem{width:220px;height:165px;overflow:hidden;position:absolute;cursor:pointer;padding: 12.5px 20px;}
.qitem * {float: left;}
.qitem .caption {visibility:hidden;position:absolute;z-index:0;display:block;width:220px;height:165px;}
.qitem .caption h4 {font-size:12px;padding:10px 5px 0 5px;margin:0;color:#003366;text-align:center;} 
.qitem .caption p {font-size:10px;padding:3px 0 5px 0;text-align:center;}
.qitem .caption img {width:80px;height:80px;position:relative;left:70px;}

/* About us page */
a.competences_link {background:transparent url('images/icons/book_30x30.png') no-repeat 8px -1px;}
a.team_link {background:transparent url('images/icons/green_30x30.png') no-repeat 8px 1px;}
a.references_link {background:transparent url('images/icons/folder_30x30.png') no-repeat 8px 1px;}

/* Services pages */
a.webdesign_link {background:transparent url('images/icons/webdesign_30x30.png') no-repeat 8px 0;}
a.webdev_link {margin-top:-6px;background:transparent url('images/icons/webdev_30x30.png') no-repeat 8px 6px;}
a.softdev_link {margin-top:-6px;background:transparent url('images/icons/softdev_30x30.png') no-repeat 8px 6px;}
a.more_link {background:transparent url('images/icons/plus_30x30.png') no-repeat 8px 0;}

/* Clients page */
div#gallery-clients {position:relative;text-align:center;}
div#gallery-clients img {text-align:center;background-color:#FFFFFF;border:1px solid #A9A9A9;display:block;margin:6px;padding:4px;position:relative;}

/* Blog */
div#content.blog {background-image:none;}
div#breadcrumbs {clear:both;font-size:0.8em;border-bottom:thin dotted #9cd9c8;padding-bottom:1%;float:left;width:100%;}
div#content.blog ul#blog-breadcrumb {height:30px;color:#9b9b9b;border:solid 1px #d3d3d3;width:588px;overflow:hidden;margin:0 0 2em;padding:0px;list-style-type:none;list-style-image:none;line-height:30px;font-size:11px;background:transparent url('images/icons/bc_bg.png') repeat-x top right;}
div#content.blog ul#blog-breadcrumb li {list-style-type:none;float:left;list-style-image:none;padding:0 0 0 10px;		}
div#content.blog ul#blog-breadcrumb li.cat {padding:0;}
div#content.blog ul#blog-breadcrumb a {height:30px;display:block;background:transparent url('images/icons/bc_separator.png') no-repeat top right;padding-right:15px;text-decoration:none;}
div#content.blog .home {border:none;margin:7px 0px;}
div#blog {width:600px;float:left;padding-right:20px;}
div#blog .pagetitle {text-align:center;}
div#blog .post {border:1px solid #666699;margin: 10px 0;padding:20px 20px 10px 20px;float:left;background:transparent url('images/bg_content.png') repeat-x left top;width:548px;}
div#blog .post h2, div#blog .post h3 {padding:0 0 10px 0;font-size:18px;}
#blog .post h2 a, div#blog .post h3 a {text-decoration:none;}
div#blog .post .entry {float:left;width:100%;}
div#blog .post .entry img {background-color:#ffffff;padding:10px;margin:10px;border:1px solid #cccccc;text-align:center;}
div#blog .post .entry blockquote {text-align:justify;width:80%;margin:0 10%;}
div#blog .post .entry ul {margin:5px 0 15px 10px;}
div#blog .post .entry li {list-style:disc;}
div#blog .post .postmetadata {float:left;font-size:10px;}
div#blog div#respond {float:left;width:480px;padding:10px 20px;margin:20px 30px;border-top-left-radius:10px;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;border-bottom-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;background:transparent url('images/bg_content.png') repeat-x left top;}
div#blog div#respond h3 {padding:5px 0 5px 5px;margin-bottom:10px;border-bottom:1px solid #666699;}
div#blog div#respond textarea#comment {width:478px;}
.navigation {padding:10px;text-align:center;}
.navigation .wp-pagenavi span.pages, .navigation .wp-pagenavi span.current, .navigation .wp-pagenavi span.extend {margin:3px;padding:3px 5px;}
.navigation .wp-pagenavi a, .navigation .wp-pagenavi a:link, .navigation .wp-pagenavi a:visited {background-color:#FFFFFF;border:1px solid #666699;margin:3px;padding:3px 5px;text-decoration:none;color: #666699;}
.navigation .wp-pagenavi a:hover, .navigation .wp-pagenavi a:link:hover {font-weight: bold;}
div#sidebar-right {width:220px;float:right;padding-left:10px;}
div#sidebar-right h2 {font-size:14px;padding:5px 0 5px 5px;margin-bottom:10px;border-bottom:1px solid #666699;}
div#sidebar-right a:hover {font-weight:bold;}
.dynamic-sidebar, .dynamic-sidebar ul {width:100%;}
.widget {background:transparent url('images/bg_content.png') repeat-x left top;margin:10px 0 20px 0;width:200px;padding:10px;border-top-left-radius:10px;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;border-bottom-right-radius: 10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;}
.widget .cat-item, .widget .blogroll li {background:transparent url('images/icons/world_16x16.png') no-repeat top left;padding:2px 0 2px 20px;min-height:20px;margin-left:20px;}
.widget .cat-item a, .widget .blogroll li a {text-decoration:none;}
ul#twitter_update_list li {background:transparent url('images/icons/twitter_icon.jpg') no-repeat scroll left 2px;padding-left:35px;margin-bottom:10px;}
ul#twitter_update_list li span {display:block;}
div#TwitterCounter {margin-top:10px;}
div#follows-othella, div#twitter-badges-othella {text-align:center;}
div#paypal-container {text-align:center;}
div#paypal-container input {border:0;}
div#ads.widget {margin-bottom:0;}
div#ads-content div {margin-bottom:10px;}
div#ad-amazon {text-align:center;margin:10px 0;}
	
/* Search Page */
div#search_results {width:600px;float:left;padding-right:20px;}
div#search_results .pagetitle {text-align:center;}
div#search_results .post, div#search_results .page {border:1px solid #666699;margin:10px 0;padding:20px 20px 10px 20px;float:left;background:transparent url('images/bg_content.png') repeat-x left top;width:548px;}
div#search_results .post h2, div#search_results .post h3, div#search_results .page h2, div#search_results .page h3 {padding:0 0 10px 0;font-size:18px;}
div#search_results .post h2 a, div#search_results .post h3 a, div#search_results .page h2 a, div#search_results .page h3 a {text-decoration:none;}
div#search_results .post .entry, div#search_results .page .entry {float:left;width:100%;}
div#search_results .post .entry img, div#search_results .page .entry img {background-color:#ffffff;padding:10px;margin:10px;border:1px solid #cccccc;text-align:center;}
div#search_results .post .entry blockquote, div#search_results .page .entry blockquote {text-align:justify;width:80%;margin:0 10%;}
div#search_results .post .entry ul {margin:5px 0 15px 10px;}
div#search_results .post .entry li {list-style:disc;}

/* NGG Gallery */
.ngg-albumoverview{margin-top:10px;width:100%;clear:both;display:block!important}
.ngg-album{margin-bottom:5px;border:1px solid #ccc;overflow:hidden;padding:5px}
.ngg-albumtitle{text-align:left;font-weight:700;font-size:1.4em;margin:0 0 10px;padding:0}
.ngg-thumbnail{float:left;margin-right:12px}
.ngg-thumbnail img{background-color:#FFF;border:1px solid #A9A9A9;position:relative;margin:4px 0 4px 5px;padding:4px}
.ngg-description{text-align:left}
.ngg-album-compact{float:left;height:180px;padding-right:6px!important;text-align:left;width:120px;margin:0!important}
.ngg-album-compactbox{background:transparent url(/wp-content/plugins/nextgen-gallery/css/albumset.gif) no-repeat scroll 0;height:86px;width:120px;margin:0 0 6px!important;padding:12px 0 0 7px !important}
.ngg-album-compactbox .thumb{border:1px solid #000;width:91px;height:68px;margin:0!important;padding:0!important}
.ngg-album-compact h4{font-size:15px;font-weight:700;margin-bottom:0;margin-top:0;width:110px}
.ngg-album-compact p{font-size:11px;margin-top:2px}
.ngg-galleryoverview{margin-top:10px;width:100%;clear:both;display:block!important;padding-left:5px}
.ngg-gallery-thumbnail-box{float:left}
.ngg-gallery-thumbnail{float:left;background:url(/wp-content/plugins/nextgen-gallery/css/shadowAlpha.png) no-repeat bottom right!important;margin:10px 0 0 10px !important}
.ngg-gallery-thumbnail img{background-color:#FFF;border:1px solid #A9A9A9;display:block;position:relative;margin:-6px 6px 6px -6px;padding:4px}
.ngg-gallery-thumbnail span{display:none}
.ngg-clear{clear:both}
.ngg-navigation{font-size:.9em!important;clear:both!important;display:block!important;padding-top:15px;text-align:center;height:20px}
.ngg-navigation span{font-weight:700;margin:0 6px}
.ngg-navigation a.page-numbers,.ngg-navigation a.next,.ngg-navigation a.prev,.ngg-navigation span.page-numbers,.ngg-navigation span.next,.ngg-navigation span.prev{border:1px solid #DDD;margin-right:3px;padding:3px 7px}
.ngg-navigation a.page-numbers:hover,.ngg-navigation a.next:hover,.ngg-navigation a.prev:hover,.ngg-navigation span.page-numbers:hover,.ngg-navigation span.next:hover,.ngg-navigation span.prev:hover{background-color:#06C;color:#FFF!important;text-decoration:none!important}
.ngg-imagebrowser h3{text-align:center}
.ngg-imagebrowser img{border:1px solid #A9A9A9;margin-top:10px;margin-bottom:10px;width:100%;display:block!important;padding:5px}
.ngg-imagebrowser-nav{margin-left:10px;padding:5px}
.ngg-imagebrowser-nav .back{float:left;border:1px solid #DDD;margin-right:3px;padding:3px 7px}
.ngg-imagebrowser-nav .next{float:right;border:1px solid #DDD;margin-right:3px;padding:3px 7px}
.ngg-imagebrowser-nav .counter{text-align:center;font-size:.9em!important}
.slideshow{margin-left:auto;margin-right:auto;text-align:center;outline:none}
.ngg-singlepic{background-color:#FFF;display:block;padding:4px}
.ngg-left{float:left;margin-right:10px}
.ngg-right{float:right;margin-left:10px}
.ngg-widget,.ngg-widget-slideshow{overflow:hidden;margin:0;padding:5px 0 0}
.ngg-widget img{border:2px solid #A9A9A9;margin:0 2px 2px 0;padding:1px}
.ngg-related-gallery{background:#F9F9F9;border:1px solid #E0E0E0;overflow:hidden;margin-bottom:1em;margin-top:1em;padding:5px}
.ngg-related-gallery img{border:1px solid #DDD;float:left;height:50px;width:50px;margin:0 3px;padding:2px}
.ngg-related-gallery img:hover{border:1px solid #000}
.ngg-thumbnail img:hover,.ngg-gallery-thumbnail img:hover{background-color:#A9A9A9}
.exif-data,.ngg-center{margin-left:auto!important;margin-right:auto!important}
#shDisplay div#shTitle {color:#999999 !important;}