/*
Theme Name: Warbweb Default
Theme URI: http://warbweb.com/
Description: The default Warbweb theme.
Version: 1.6
Author: Nikola Glavinceski

Tags: warbweb

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
* {
margin: 0;
padding: 0;
}

html, body {
height:100%;
margin:0;
padding:0;
}

body {
background:url(../../../../images/jpg/bodyBg.jpg) repeat-x #b3b7c3;
font-family:Arial, Helvetica, sans-serif;
}
a {
outline: none;
}
h1 {
color:#565b6c;
font-size:16px;
margin:0;
padding:0;
}
p {
margin:0;
padding:0;
}
.left {
float:left;
display:inline;
}
.right {
float:right;
display:inline;
}
.clear {
clear:both;
height:0;
line-height:0;
font-size:0;
position:relative;
}
#container {
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
}
#holder {
width:950px;
margin:0 auto;
position:relative;
padding:0 0 130px 0;
}

#footer {
height:99px;
background:url(../../../../images/jpg/footerBg.jpg) repeat-x;
width: 100%;
position: absolute;
bottom: 0 !important;
bottom: -1px;
text-align:center;
color:#A1A4B1;
font-size:12px;
}
#footer p {
padding:10px 0 0 0;
}
#footer p span {
color:#FFFFFF;
font-size:12px;
}
#footer p a {
color:#A1A4B1;
font-style:italic;
font-size:12px;
margin:0 10px;
}
#footer div {
padding:25px 0 0 0;
}
#footer div a {
margin:0 10px;
}
#footer div a img {
border:0;
}
#header {
height:74px;
margin:0 0 0 0;
}
#header #logo{
margin:8px 0 0 47px;
border:none;
}
.CarbonFreeLogo {
float:right;
display:inline;
margin:15px 50px 0 0;
border:0;
}
#header div {
margin:40px 17px 0 0;
color:#50566D;
font-size:12px;
}

#header div a {
color:#50566D;
text-decoration:none;
font-size:14px;
margin:0 13px;
}
#header span {
font-size:20px;
font-weight:bold;
}
#mainNav {
height:43px;
background:url(../../../../images/jpg/navBg.jpg) repeat-x;
}
#mainNav h1 {
float:left;
display:inline;
height:24px;
margin:8px 0 0 0;
padding:0;
overflow:hidden;
}
#mainNav h1 a {
height:24px;
display:block;
margin:0 10px 0 6px;
text-indent:-4000px;
}
#mainNav h1 a.first {
margin:0 10px 0 5px;
}
#mainNav h1 a.last {
margin:0 0 0 0px;
}
#navHome a {
width:64px;
display:block;
background:url(../../../../images/png/Home.png) no-repeat;
}
#navHome a:hover {
background:url(../../../../images/png/Home.png) no-repeat 0 -24px;
}
#navHome a.active, #navHome a.active:hover {
background:url(../../../../images/png/Home.png) no-repeat 0 -48px;
}

#navShowcase a {
width:101px;
display:block;
background:url(../../../../images/png/Showcase.png) no-repeat;
}
#navShowcase a:hover {
background:url(../../../../images/png/Showcase.png) no-repeat 0 -24px;
}
#navShowcase .active, #navShowcase .active:hover {
background:url(../../../../images/png/Showcase.png) no-repeat 0 -48px;
}
#navWebDesign a {
width:114px;
display:block;
background:url(../../../../images/png/WebDesign.png) no-repeat;
}
#navWebDesign a:hover {
background:url(../../../../images/png/WebDesign.png) no-repeat 0 -24px;
}
#navWebDesign .active, #navWebDesign .active:hover {
background:url(../../../../images/png/WebDesign.png) no-repeat 0 -48px;
}
#navEebDevelopment a {
width:165px;
display:block;
background:url(../../../../images/png/WebDevelopment.png) no-repeat;
}
#navEebDevelopment a:hover {
background:url(../../../../images/png/WebDevelopment.png) no-repeat 0 -24px;
}
#navEebDevelopment .active, #navEebDevelopment .active:hover {
background:url(../../../../images/png/WebDevelopment.png) no-repeat 0 -48px;
}

#navMultimedia a {
width:107px;
display:block;
background:url(../../../../images/png/Multimedia.png) no-repeat;
}
#navMultimedia a:hover {
background:url(../../../../images/png/Multimedia.png) no-repeat 0 -24px;
}
#navMultimedia .active, #navMultimedia .active:hover {
background:url(../../../../images/png/Multimedia.png) no-repeat 0 -48px;
}
#navPricing a {
width:78px;
display:block;
background:url(../../../../images/png/Pricing.png) no-repeat;
}
#navPricing a:hover {
background:url(../../../../images/png/Pricing.png) no-repeat 0 -24px;
}
#navPricing .active, #navPricing .active:hover {
background:url(../../../../images/png/Pricing.png) no-repeat 0 -48px;
}
#navArticles a {
width:86px;
display:block;
background:url(../../../../images/png/Articles.png) no-repeat;
}
#navArticles a:hover {
background:url(../../../../images/png/Articles.png) no-repeat 0 -24px;
}
#navArticles .active, #navArticles .active:hover {
background:url(../../../../images/png/Articles.png) no-repeat 0 -48px;
}
#topCorners {
width:950px;
height:24px;
background:url(../../../../images/jpg/contentTop.jpg) no-repeat;
margin:0 0 0 0;
}
#mainContainerBg {
background:url(../../../../images/png/contentBg.png) repeat-y;
width:950px;
}
#mainContainer {
padding:8px 45px 40px 45px;
}
#botomCorners {
width:950px;
height:24px;
background:url(../../../../images/png/contentBottom.png) no-repeat;
}
#leftNav {
width:206px;
float:left;
display:inline;
background:url(../../../../images/jpg/leftNavBg.jpg) right top no-repeat;
margin:34px 0 20px 0;

min-height: 300px;
height: auto !important;
height: 300px;

}
#leftNav h1 {
height:41px;
line-height:41px;
background:url(../../../../images/jpg/leftNavTitleBg.jpg) no-repeat right;
padding:0 0 0 40px;
}
#leftNav h2 {
margin:20px 0 0 0;
padding:0;
color:#505666;
font-size:16px;
}
#leftNav h3 {
margin:20px 0 0 0;
padding:0;
color:#505666;
font-size:20px;
}
#leftNav .mailTo {
color:#CF1219;
font-size:14px;
font-weight:bold;
margin:10px 0 0 0;
display:block;
}
#leftNav ul {
margin:0;
padding:0;
}
#leftNav ul li {
margin:0;
padding:0;
list-style:none;
clear:both;

}
#leftNav ul.articles li {
padding:5px 15px 5px 0px;
margin:0;
list-style:none;
clear:both;
background:none;
border-bottom:1px solid #D1D2D6;
}
#leftNav ul li.last {
background:none;
margin:0 0 20px 0;
}
#leftNav ul.articles li.last {
background:none;
margin:0 0 20px 0;
border:none;
}
#leftNav ul li a {
height:42px;
line-height:42px;
font-size:14px;
color:#474C61;
text-decoration:none;
}
#leftNav ul.articles li a {
height:auto;
line-height:normal;
font-size:12px;
color:#CF1219;
font-weight:bold;
text-decoration:none;
}
#leftNav ul li a img {
border:0;
float:left;
margin:10px 0 0 0;
}
#leftNav p {
color:#848898;
font-style:italic;
font-size:14px;
margin:35px 10px 10px 10px;
line-height:18px;
}
#leftNav p span {
color:#505666;
font-size:12px;
font-style:normal;
padding:5px 0 0 0;
display:block;
}
.homeMainImage {
padding:0 0 0 2px;
}
.homeMainImage img {
border:0;
}
.homeBlocks {
margin:25px 0 0 0;
}
.homeBlocks a {
text-decoration:none;
cursor:pointer;
}
.homeBlocks .CheckItOut {
width:280px;
height:190px;
background:url(../images/jpg/CheckItOut.jpg) no-repeat;
float:left;
display:inline;
}

.homeBlocks .MeetOurTeam {
width:280px;
height:190px;
background:url(../images/jpg/MeetOurTeam.jpg) no-repeat;
float:left;
display:inline;
margin:0 0 0 11px;
}
.homeBlocks .HireUs {
width:280px;
height:190px;
background:url(../images/jpg/HireUs.jpg) no-repeat;
float:right;
display:inline;
}
.CheckItOut h1, .MeetOurTeam h1, .HireUs h1 {
color:#858a9c;
font-size:30px;
font-weight:bold;
margin:25px 0 0 22px;
padding:0;

}
.CheckItOut h2, .MeetOurTeam h2, .HireUs h2 {
color:#787C8B;
font-size:14px;
font-weight:normal;
margin:0 0 0 22px;
padding:0;
}
.homeOurClients {
width:563px;
float:left;
display:inline;
}
.homeOurClients h2 {
color:#A1A4B1;
font-size:16px;
font-weight:bold;
margin:0;
padding:27px 0 8px 0;
border-bottom:1px solid #A1A4B1;
}
.homeOurClients .col_1 {
width:190px;
float:left;
display:inline;
margin:0 0 0 3px;
}
.homeOurClients .col_2 {
width:165px;
float:left;
display:inline;
margin:0 0 0 15px;
}
.homeOurClients .col_3 {
width:170px;
float:left;
display:inline;
margin:0 0 0 20px;
}
.homeOurClients ul {
margin:20px 0 0 0;
padding:0;
}
.homeOurClients ul li {
margin:0;
padding:4px 0 3px 0;
list-style:none;
font-size:13px;
font-weight:normal;
color:#787C8B;
font-weight:bold;
}
.homeWarbWeb {
width:250px;
float:left;
display:inline;
margin:10px 0 0 40px;
font-size:16px;
font-weight:bold;
font-style:italic;
color:#A1A4B1;
}
.homeWarbWeb img {
margin:0 0 10px 0;
}
.homeWarbWeb p {
margin:15px 0 0 0;
}
#content {
float:left;
display:inline;
margin:33px 0 0 34px;
width:620px;
}
.contentTop {
height:40px;
line-height:40px;
}
.contentTop a {
color:#CF1219;
font-weight:bold;
font-size:12px;
font-weight:bold;
}
.contentTop h2 {
color:#505666;
font-size:20px;
font-weight:bold;
}
.mainItem {
width:620px;
padding:0 0 0 0;
color:#565b6c;
font-size:12px;
line-height:18px;
}
.mainItem .divider {
width:620px;
height:28px;
border-bottom:1px solid #D9DBE0;
}
.mainItem img {
border:0;
}
.mainItem .L {
width:345px;
float:left;
display:inline;
}
.mainItem .R {
width:275px;
float:left;
display:inline;
}
.mainItem p {
color:#565b6c;
font-size:12px;
margin:10px 0;
padding:0;
}
.mainItem a, .moreInfo a {
color:#cf1219;
font-weight:bold;
}
.mainItem  h2 {
font-size:16px;
color:#505666;
font-weight:bold;
margin:6px 0 0 0;
padding:0;
}
.mainItem h3 {
font-size:14px;
color:#565b6c;
font-weight:normal;
font-style:italic;
margin:0;
padding:0;
}
.mainItem h4 {
font-size:14px;
color:#505666;
font-weight:bold;
margin:14px 0 0 0;
padding:0;
}
.mainItem ul {
margin:4px 0 0 0;
padding:0;
}
.mainItem ul li {
margin:3px 0 2px 0;
padding:0;
list-style:disc inside;
color:#565b6c;
font-size:12px;
}

.galeryItem, .galeryItemCenter{
width:189px;
height:138px;
float:left;
display:inline;
margin:20px 0 0 0;
}
.galeryItemCenter {
margin:20px 20px 0 20px;
}
h2.flashDevelopment {
margin:25px 0 0 0;
}
h2.gameDevelopment {
margin:30px 0 0 0;
}
a.launchWebsite {
width:113px;
height:27px;
background:url(../images/jpg/Launch.jpg) no-repeat;
display:block;
margin:10px 0 0 0;
}
a.continueReading {
width:144px;
height:29px;
background:url(../../../../images/jpg/ContinueReading.jpg) no-repeat;
display:block;
margin:10px 0 0 0;
}
.newsIntro {
float:left;
display:inline;
width:410px;
margin:20px 0 0 20px;
}
.aboutUs h2 {
font-size:16px;
}
.aboutUs img {
margin:0 20px 0px 0;
float:left;
display:inline;
}
.aboutUs p {
line-height:18px;
font-size:13px;
}
.aboutUs .divider {
height:10px;
}
.contact h2 {
margin:65px 0 10px 0 ;
}
.skypeRefund {
text-align:right;
}
.skypeContact {
}
.pricingTop {
height:10px;
line-height:10px;
font-size:0;
background:url(../images/png/pricingTop.png) no-repeat;
}

#LogoDesign .pricingContent, #BusinessCards .pricingContent, #Website .pricingContent {
background-color:#F5F5F8;
border-left:1px solid #D2D3D5;
border-right:1px solid #D2D3D5;
border-bottom:1px solid #D2D3D5;
padding:10px;
}
#LogoDesign .pricingContent {
height:169px;
}
#BusinessCards .pricingContent {
height:169px;
}
#Website .pricingContent {
height:279px;
}
.pricingDivider {
height:20px;
}

#LogoDesign, #BusinessCards, #Website {
width: 622px;
height: 0px;
z-index: 10;
overflow: hidden;
}
.LogoDesign_button, .BusinessCards_button, .Website_button {
position: relative;
width: 622px;
height: 38px;
cursor: pointer;
background:url(../images/png/pricingBottom.png) no-repeat;
}
.LogoDesign_button img, .BusinessCards_button img, .Website_button img {
position: relative;
margin:2px 0 0 10px;
border: none;
float:left;
display:inline;
}
.LogoDesign_button a, .BusinessCards_button a, .Website_button a {
text-decoration: none;
color: #565b6c;
font-size: 16px;
font-weight: bold;
position: relative;
margin:10px 0 0 10px;
float:left;
display:inline;
}
.LogoDesign_button a:hover, .BusinessCards_button a:hover, .Website_button a:hover {
color: #999999;
}

.LogoDesignSelect {
float:left;
display:inline;
width:187px;
padding:0;
margin:20px 0 0 0;
}
#LogoDesign p {
width:390px;
float:left;
display:inline;
color:#565b6c;
font-size:14px;
font-style:italic;
font-weight:bold;
padding:0;
margin:20px 0 0 20px;
}
#BusinessCards h1 {
float:left;
display:inline;
}
#BusinessCards h1.printing {
margin:0 0 0 90px;
}
.BusinessCardsDesigns {
float:left;
display:inline;
width:187px;
padding:0;
margin:20px 0 0 0;
}
.BusinessCardsSets {
float:left;
display:inline;
width:187px;
padding:0;
margin:20px 5px 0 15px;
}
.BusinessCardsPrice {
float:left;
display:inline;
width:187px;
padding:0;
margin:20px 0 0 0;
}
span.employees {
float:left;
display:inline;
margin:24px 10px 0 0;
font-weight:bold;
color:#565b6c
}
input.employees {
width:25px;
height:25px;
line-height:25px;
float:left;
display:inline;
margin:22px 10px 0 30px;
border:0;
padding:3px 10px 0 0;
background:url(../images/jpg/textField.jpg) no-repeat;
font-size:16px;
text-align:right;
font-weight:bold;
color:#505666;
}
.BusinessCardsX {
float:left;
display:inline;
margin:24px 10px 0 0;
font-weight:bold;
color:#565b6c
}
.WebDesign {
float:left;
display:inline;
width:187px;
padding:0;
margin:20px 0 0 0;
}
#Website p.content {
width:390px;
float:left;
display:inline;
color:#565b6c;
font-size:14px;
font-style:italic;
font-weight:bold;
padding:0;
margin:20px 0 0 20px;
}
#Website p.checkboxes {
margin:10px 0 0 0;
color:#858a9c;
font-size:12px;
font-weight:bold;
}
#Website p.checkboxes input {
padding:30px;
margin:0 10px 0 0;
}
#Website h1.Website {
float:left;
display:inline;
margin:20px 20px 0 0;
}
#Website input.totalPages {
width:25px;
height:25px;
line-height:25px;
float:left;
display:inline;
margin:15px 0 0 0;
border:0;
padding:3px 10px 0 0;
background:url(../images/jpg/textField.jpg) no-repeat;
font-size:16px;
text-align:right;
font-weight:bold;
color:#505666;
}
.submitOrderBtn {
width:166px;
height:33px;
background:url(../images/png/SubmitOrder.png) no-repeat;
display:block;
margin:20px 0 0 0;
}

#leftNav div.itemsBlock {
border-bottom:1px solid #D1D2D6;
padding:10px 0;
}
#leftNav p.priceItem, #leftNav p.priceItemCms {
float:left;
display:inline;
width:140px;
color:#505666;
margin:0;
padding:0;
font-style:normal;
font-size:12px;
}
#leftNav p.price, #leftNav p.priceCms {
float:left;
display:inline;
margin:0;
padding:0;
width:60px;
color:#BA000F;
font-style:normal;
text-align:right;
font-size:12px;
}
#leftNav p.remove {
display:none;
margin:0;
padding:0;
color:#BA000F;
font-size:12px;
text-align:right;
font-style:normal;
cursor:pointer;
}
#leftNav p.priceItemCms {
width:40px;
}
#leftNav p.priceCms {
width:160px;
}
#leftNav .total {
border-top:2px solid #505666;
padding:10px 0 0 0;
}
#ajaxLoading {
text-align:center;
}
.moreInfo {
margin:40px 0 0 0;
}
.moreInfo p {
font-size:12px;
color:#505666;
margin:10px 0 0 0;
}


.jquery-safari-checkbox {display: inline; font-size: 16px; line-height: 16px; cursor: pointer; cursor:pointer;}
.jquery-safari-checkbox .mark {display: inline;}

.jquery-safari-checkbox img {vertical-align: middle; width: 20px; height: 20px;}
.jquery-safari-checkbox img{background: url(../images/gif/checkbox.gif) no-repeat;}

.jquery-safari-checkbox img{
	background-position: 0px 0px;
}
.jquery-safari-checkbox-hover img{
	background-position: -0px -25px;
}
.jquery-safari-checkbox-checked img{
	background-position: 0px -50px;
}
.jquery-safari-checkbox-checked .jquery-safari-checkbox-hover img {
	background-position: -0px -50px;
}

.jquery-safari-checkbox-disabled img{
	background-position: 0px -50px;
}
.jquery-safari-checkbox-checked .jquery-safari-checkbox-disabled img{
	background-position: 0px -50px;
}

.confirmForm {
padding:30px 0 0 0;

}
.confirmFormLeft {
float:left;
display:inline;
width:430px;
}
.confirmFormRight {
float:left;
display:inline;
width:410px;
margin:0 0 0 20px;
}
.confirmForm h1 {
font-size:20px;
font-weight:bold;
color:#505666;
padding:20px 0 10px 0;
margin:0px 0 20px 0;
border-bottom:1px solid #D1D2D6;
}
.confirmForm label {
width:200px;
float:left;
display:block;
color:#565b6c;
font-size:16px;
font-weight:bold;
}
.confirmForm .text,  .confirmForm .csc {
background:url(../images/jpg/textFieldBg.jpg) repeat-x;
border:2px solid #D5D7DD;
border-top:1px solid #D5D7DD;
font-size:18px;
color:#505666;
height:22px;
width:200px
}
.confirmForm p.radio {
margin:0 0 0 40px;
font-size:14px;
color:#565b6c;
font-weight:bold;
font-style:normal;
}
.confirmForm .csc {
width:50px;
}
.confirmForm .clear {
height:15px;
}
.confirmForm p {
font-size:16px;
font-weight:bold;
font-style:italic;
color:#565b6c;
}
.confirmForm span {
color:#BA000F;
font-size:16px;
}

/* BLOG */
#sidebar ul li ul li {
padding:5px 15px 5px 0px;
margin:0;
list-style:none;
clear:both;
background:none;
border-bottom:1px solid #D1D2D6;
}
#sidebar ul li ul li  a {
height:auto;
line-height:normal;
font-size:12px;
color:#CF1219;
font-weight:bold;
text-decoration:none;
}
.articlesDivider {
width:620px;
height:0px;
line-height:0px;
font-size:0;
border-bottom:1px solid #D9DBE0;
}

h1, h2, h3 {
margin:0;
padding:0;
}
.alignleft {
float:left;
padding:5px 10px 5px 0;
}
.commentlist {
font-size:12px;
color:#565b6c;
}
.comment-author, .comment-meta {
font-size:12px;
}
#respond {
margin:30px 0 0 0;
}
#respond .commentLabel {
width:70px;
display:block;
float:left;
color:#565b6c;
font-size:16px;
font-weight:bold;
}
#respond .commentFields {
background:url(../../../../images/jpg/textFieldBg.jpg) repeat-x;
border:2px solid #D5D7DD;
border-top:1px solid #D5D7DD;
font-size:18px;
color:#505666;
height:22px;
width:200px
}
#respond .commentTextArea {
background:url(../../../../images/jpg/textFieldBg.jpg) repeat-x;
border:2px solid #D5D7DD;
border-top:1px solid #D5D7DD;
font-size:18px;
color:#505666;
height:100px;
width:300px
}
.submitComment {
background:url(../../../../images/jpg/submitComment.jpg) no-repeat;
width:120px;
height:27px;
margin:0;
padding:0;
display:block;
cursor:pointer;
font-size:0;
border:0;
}
.alignright {
float:right;
display:inline;
}
.alignleft {
float:left;
display:inline;
}
.newer a, .older a {
font-size:12px;
margin:10px;
}
div.TagCloud {
margin:0 10px 0 0;
padding:0;
}
.TagCloud a {
color:#565b6c;
}
.tags a {
color:#565b6c;
font-weight: normal;
font-style: italic;
}

ol li{
margin-top: 10px;
}