/************************ 
/* Base 
/***********************/
html,body {
margin:0;
padding:0;
}

body {
background:url("../../images/frontend/body_back.gif") #102434 repeat-x 0 0;
text-align:center;
font:.750em/1.4 Arial, Helvetica, Verdana, sans-serif;
color:#000;
}

input, select, option, textarea {
font:1.4 Arial, Helvetica, Verdana, sans-serif;
color:#000;
		
}

p {
margin:0 0 1.4em;
}

em {
font-style:italic;
}

strong {
font-weight:700;
}

h1,h2,h3,h4,h5,h6 {
font-weight:700;
line-height:0.9em;
margin:0.3em 0;
}

h1 {
color:#00c5da;
font-size:200%;
}

h2 {
color:#79d300;
font-size:180%;
}

h3 {
color:#00c5da;
font-size:110%;
}
div#portfolioItem h3 {
	line-height: 1.1em;
}

a {
color:#00c5da;
text-decoration:underline;
}

:focus {
outline:0;
}

form,fieldset {
border:none;
margin:0;
padding:0;
}

div.hr {
border-bottom:1px solid #d8dfe0;
clear:both;
}

ul.bigList {
left:-170px;
list-style:none;
margin:0 0 20px;
padding:0;
position:relative;
}

ul.bigList li {
margin:20px 0;
min-height:72px;
}

ul.bigList li.step1 {
background:url('../../images/frontend/step1.gif') transparent no-repeat 0 50%;
//font-size:140%;
}

ul.bigList li.step2 {
background:url('../../images/frontend/step2.gif') transparent no-repeat 0 50%;
//font-size:140%;
}

ul.bigList li.step3 {
background:url('../../images/frontend/step3.gif') transparent no-repeat 0 50%;
//font-size:140%;
}

ul.bigList li.step4 {
background:url('../../images/frontend/step4.gif') transparent no-repeat 0 50%;
//font-size:140%;
}

ul.bigList li.advice {
background:url('../../images/frontend/advice.gif') transparent no-repeat 0 50%;
}

ul.bigList li.development {
background:url('../../images/frontend/development.gif') transparent no-repeat 0 50%;
}

ul.bigList li.promotion {
background:url('../../images/frontend/promotion.gif') transparent no-repeat 0 50%;
}

ul.bigList li p,ul.bigList li h2 {
left:170px;
position:relative;
}

ul.bigList li p {
border-bottom:1px solid #d8dfe0;
margin:0 !important;
padding-bottom:20px;
}

a.button {
background:url('../../images/frontend/button_left.gif') transparent no-repeat 0 0;
clear:both;
color:#fff;
float:right;
font-weight:700;
line-height:38px;
margin:0;
padding:0 0 0 11px;
text-decoration:none;
}

a.button span {
background:url('../../images/frontend/button_right.gif') transparent no-repeat 100% 0;
display:block;
line-height:38px;
padding:0 40px 0 6px;
}

input.button {
background:url('../../images/frontend/button.gif') transparent no-repeat 0 0;
border:none;
color:#fff;
cursor:pointer;
display:block;
font-weight:700;
height:37px;
line-height:37px;
margin:1em 0 1em 12em;
padding:0 30px 0 14px;
text-align:left;
width:179px;
}

input.text,textarea {
background:url('../../images/frontend/input_back.gif') #fff repeat-x 0 0;
border:1px solid #919191;
margin:0.2em 0;
padding:5px;
}

.clear {
clear:both;
}

.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
line-height:0;
visibility:hidden;
}

.clearfix {
display:inline-block;
}

html[xmlns] .clearfix {
display:block;
}

* html .clearfix {
height:1%;
}

#globalWrapper {
margin:0 auto;
position:relative;
text-align:left;
width:872px;
}

/************************ 
/* Header
/***********************/
div#header {
background:url('../../images/frontend/header_bottom.gif') transparent no-repeat 0 100%;
overflow:hidden;
padding-bottom:13px;
}

div#header h1 a {
background:url("../../images/frontend/logo_netjam.gif") transparent no-repeat 0 0;
display:block;
height:73px;
margin:10px 0 0px 25px;
text-indent:-999em;
width:245px;
}

/************************ 
/* Navigation
/***********************/
#nav {
font-family:Tahoma, Geneva, sans-serif;
font-size:110%;
font-weight:700;
list-style:none;
margin:0 0 0 20px;
padding:0;
}

#nav li a {
background:url('../../images/frontend/nav_item_left.gif') transparent no-repeat 0 0;
color:#3f5557;
float:left;
line-height:62px;
margin:0 4px;
padding:0 0 0 11px;
text-align:center;
text-decoration:none;
text-transform:lowercase;
}

#nav li a span {
background:url('../../images/frontend/nav_item_right.gif') transparent no-repeat 100% 0;
display:block;
line-height:42px;
padding:20px 26px 0 15px;
}

#nav li a:hover {
background-position:0 -62px;
color:#fff;
}

#nav li a:hover span {
background-position:100% -62px;
}

#nav li.current a,#nav li.current a:hover,#nav li.current a:focus {
background-position:0 -124px !important;
color:#fff;
font-size:140%;
}

#nav li.current a span,#nav li.current a:hover span,#nav li.current a:focus span {
background-position:100% -124px !important;
line-height:62px;
padding-top:0;
}

/************************ 
/* Content blocks
/***********************/
#contentWrapper {
background:url("../../images/frontend/sidebar_back.gif") #fff repeat-y 0 0;
clear:both;
z-index: 65500;
}

#sidebar {
color:#fff;
float:left;
padding:5.2em 20px;
width:164px;
}

#content {
float:left;
padding:30px 40px;
width:588px;
}

#footerWrapper {
background:url("../../images/frontend/footer_bottom.gif") transparent no-repeat 0 100%;
margin:0 0 2em;
padding-bottom:20px;
}

#footer {
background:url("../../images/frontend/footer_top.gif") #091824 repeat-x 0 0;
color:#284259;
padding:24px 24px 7px;
}

#footer a {
color:#284259;	
}

#sidebar dl {
clear:both;
margin:0;
padding:0;
width:150px;
}

#sidebar dt {
color:#060f16;
display:block;
float:left;
margin:0;
padding:0;
width:60px;
}

#sidebar dd {
display:block;
float:left;
margin:0;
padding:0;
width:80px;
}

#sidebar div.hr {
border-bottom:1px solid #6fbb12;
margin:1.6em 0;
}

#sidebar input {
float:left;
padding:3px;
}

#sidebar input.button {
background:url("../../images/frontend/sidebar_goto_button.gif") transparent no-repeat 0 0;
border:none;
cursor:pointer;
float:right;
font-size:0;
height:26px;
line-height:0;
margin:2px 0 0 !important;
padding:0;
text-indent:-999em;
width:28px;
}

/************************ 
/* Content
/***********************/
#content form label {
display:block;
font-weight:700;
float: left;
line-height:2.4em;
margin-right:12px;
text-align:right;
vertical-align:top;
width:10em;
}

#content form label input {
float: left;	
}

#content form br {
clear: left;	
}

#content input.text,textarea {
vertical-align:bottom;
}

/************************ 
/* Homepage
/***********************/
.home {
background:url("../../images/frontend/content_back.gif") #fff repeat-x 0 0 !important;
position:relative;
}

.home #content {
width:400px;
}

#teaser {
background:url("../../images/frontend/teaser_back.png") transparent no-repeat 0 0;
color:#fff;
z-index: 255;
font-family:Tahoma, Geneva, sans-serif;
font-size:130%;
font-weight:700;
height:425px;
position:absolute;
right:-25px;
text-align:center;
top:-25px;
width:415px;
}

#teaser ul {
list-style:none;
margin:25px 40px 10px;
padding:0;
}

#teaser ul li {
border-bottom:1px solid #6fd3dd;
margin:0;
padding:20px 10px 20px 40px;
}

#teaser ul li#teaser1 {
background:url("../../images/frontend/portfolio_icon.gif") transparent no-repeat 40px 50%;
}

#teaser ul li#teaser2 {
background:url("../../images/frontend/service_icon.gif") transparent no-repeat 25px 50%;
}

#teaser ul li#teaser3 {
background:url("../../images/frontend/contact_icon.gif") transparent no-repeat 17px 50%;
border-bottom:none;
}

#teaser a {
color:#102231;
}

/************************ 
/* Portfolio
/***********************/
.portfolio {
background:url("../../images/frontend/portfolio_back.gif") #7ed20d repeat-x 0 0 !important;
position:relative;
}

.carousel {
overflow: hidden;
height: 170px;
width: 500px;
}


.portfolio #content {
border-bottom:6px solid #fff;
float:none;
margin:0;
padding:0;
width:auto;
}

.portfolio #content ul#portfolio {
list-style:none;
margin:0;
padding:0;
overflow:hidden;
}

.portfolio #content ul#portfolio li {
display:none;
margin:0;
padding:1.8em 3em 3em;
}

.portfolio #content img.portfolioImage {
float: left;
background:#00c5da;
border:1px solid #fff;
margin-right:3em;
padding:6px;
}

.portfolio #content .portfolioDesc {
float: left;
width:300px;
}
.portfolio #content .portfolioDesc p strong {
font-weight: normal;	
}

.portfolio #content .portfolioDesc a {
color:#000;
font-weight:700;
}

.portfolio #content .portfolioDesc a.portfolioUrl {
background:url("../../images/frontend/portfolio_url.gif") transparent no-repeat 0 50%;
color:#fff;
font-size:120%;
font-weight:700;
padding:4px 0 4px 26px;
}

#portfolioItems {
float:left;
list-style:none;
margin:0 0 0 6px;
padding:0;
}

#portfolioItems li a {
background:url("../../images/frontend/portfolio_item_back.gif") transparent no-repeat 0 0;
color:#fff;
display:block;
float:left;
height:153px;
line-height:1.0em;
margin:0 8px;
padding:6px;
text-align:center;
text-decoration:none;
width:150px;
}

#portfolioItems li a img {
border:1px solid #fff;
margin-bottom:8px;
}

#portfolioItems li a:hover,#portfolioItems li a:focus {
color:#08151f;
}

#footer #prevPortfolioItems,#footer #nextPortfolioItems {
display:block;
height:164px;
text-indent:-999em;
width:50px;
}

#footer #prevPortfolioItems {
background:url("../../images/frontend/prev.gif") transparent no-repeat 0 0;
float:left;
}

#footer #nextPortfolioItems {
background:url("../../images/frontend/next.gif") transparent no-repeat 0 0;
float:right;
}

#footer #prevPortfolioItems:hover,#footer #nextPortfolioItems:hover,#footer #prevPortfolioItems:focus,#footer #nextPortfolioItems:focus {
background-position:0 -164px;
moz-border:none;
}

/************************ 
/* Footer
/***********************/

#footer {
z-index: 0;	
}
#footer p {
margin:0;
}

#footer img {
border:4px solid #00c5da;
float:left;
margin-right:20px;
}

#footer div#portfolioItem {
border-right:1px solid #284259;
color:#fff;
float:left;
padding-right:24px;
width:50%;
}

#footer div#login {
color:#fff;
float:left;
padding-left:24px;
padding-right:24px;
width:40%;
}

#footer div#login form {
margin-top:2em;
}

#footer #login #loginSubmit {
background:url("../../images/frontend/goto_button.gif") transparent no-repeat 0 0;
border:none;
bottom:3px;
cursor:pointer;
font-size:0;
height:26px;
line-height:0;
margin:0 !important;
position:relative;
text-indent:-999em;
width:28px;
}

#footer a.goto {
background:url("../../images/frontend/goto_button.gif") transparent no-repeat 0 0;
display:block;
float:right;
height:26px;
text-indent:-999em;
width:28px;
}

a:hover,a:focus {
text-decoration:none;
}

div.hr hr,#sidebar label,#footer #login label {
display:none;
}

a.button:hover,input.button:hover {
color:#203800;
}

#nav li,#portfolioItems li {
display:inline;
margin:0;
padding:0;
}

#sidebar a,.portfolio #content .portfolioDesc h1 {
color:#fff;
}

#sidebar a:hover,#sidebar a:focus,#sidebar strong {
color:#060f16;
}

#sidebar input.button:hover,#sidebar input.button:focus,#footer #login #loginSubmit:hover,#footer #login #loginSubmit:focus,#footer a.goto:hover,#footer a.goto:focus {
background-position:0 -26px;
}

/************************ 
/* Flags
/***********************/
div#flags {
text-align: right;
}

div#flags img {
border: 0px;
}


/************************ 
/* Map and directions
/***********************/

div#map {
border: 4px solid #060f16;
margin-top: 10px;
width: 550px;
height: 300px;
}

#gmapDirTo,  #gmapDirFrom {
	padding-top: 10px;
}

#gmapDirHeadTo,  #gmapDirHeadFrom {
	display: block;
}
#gmapDirTo label,  #gmapDirFrom label{
	float: none !important;
	width: auto !important;
	text-align: left !important;

/************************ 
/* Client login
/***********************/

table#invoices tr.status_3 td {
color: #ff0000;
}	

table#invoices tr.status_4 td {
color: #66b101;
}

table#invoices tr.status_0 td {
color: #a0a0a0; 
}

table.clienttable {
border-top: 1px solid #79d200;
border-left: 1px solid #79d200;
border-right: 1px solid #79d200;
	
}

table.clienttable td {
border-bottom: 1px solid #00c5da;
}

table.clienttable th {
border-bottom: 1px solid #79d200;
background-color: #79d200;
color: #ffffff;
}

table.clienttable tr.alt td {
background-color: #dcf3f5;
}

form#yearform {
margin-bottom: 10px;	
}
}