/* This is the style of your browser text */

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background-color: #fff;
	font-size: 12px;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
	
	background-image:url('../_img/bg_main.gif');
	background-position:top;
	background-repeat:no-repeat;
}

p {
	margin: 10px 5px 10px 0;
}

a:link, a:visited {
	text-decoration: none;
	color: #000099;
}


h1{
	font-size: 36px;
	margin:0;
}

h3{
	font-size: 24px;
	margin:0;
}
h2{
	font-size: 24px;
	margin:0;
}
h4{
	font-size: 14px;
	font-weight:bold;
	
}


#container {
	width: 970px;
	margin: 0 auto;
}

#headerFrame{
height:105px;
vertical-align:middle;
}
#logoDiv{
		float:left;
		width:250px;
		height:70px;
		margin-top:35px;
		position:relative;
		
	}
	
#menu{
		height:105px;
		width: 650px;
		text-align:right;
		float:right;
		vertical-align:middle;
		position:relative;
	}
	#menu ul{
		margin:45px 0 0 0;
		padding:0;
		}
	#menu li{
		margin:0;
		padding-left:8px;
		display:inline;
		text-align:left;
		
	}
	#menu a{
		font-size:18px;
		color:#222222;
		text-decoration:none;
		}
	#menu a:hover{
		color:#ee7f01;
		text-decoration:none;
		}
		
		
		
#content{
	clear:both;
	width:960px;
	padding:0 5px 0 5px;
	}
	
	
	
#flashFrame{
	height:150px;
	clear:both;
	}
#flashFrameMain{
	height:270px;
	clear:both;
	}
#pathFrame{
	height:30px;
	font-size:10px;
	color:#a9a9a9;
	padding-left:208px;
	}
	#pathFrame a{
		color:#a9a9a9;
		}
		#pathFrame a:hover{
			color:#666666;
			}
		
#leftFrame{
	width:205px;
	float:left;
	background-image:url(../_img/bg-hMenu.gif);
	background-repeat:no-repeat;
	
	}
	#leftFrame ul{
		margin:10px 0 10px; 0;
		padding:0;
		
	}
	
	#leftFrame ul.seeAlsoUl{
		margin:2px 0 10px; 0;
		padding:0;
		
	}
	#leftFrame li.levelOne{
		display:block;
		margin:0;
		padding:3px 0 3px 5px;
		font-size:14px;
	}
	#leftFrame li.levelTwo{
		display:block;
		margin:0;
		padding:1px 0 1px 5px;;
		font-size:12px;
	}
	
	#leftFrame a{
		color:#ee7f01;
		text-decoration:none;
	}
	#leftFrame a:hover{
		color:#333333;
	}
	#leftFrame div.seeAlso{
		color:#666666;
		background-image:url(../_img/bg_seealso.gif);
		background-repeat:no-repeat;
		height:18px;
		width:205px;
		text-align:left;
	}
		

#centerFrameIndex{
	width:960px;
	}
	#centerFrameIndex table.threeCols td{
		width:312px;
		padding-right:8px;
		padding-bottom:20px;
		background-image:url(../_img/bg-hindex.gif);
		background-repeat:no-repeat;
		background-position:top right;
		vertical-align:top;
		}
		#centerFrameIndex a{
			color:#ee7f01;
			text-decoration:none;
			font-size:13px;
		}
		#centerFrameIndex a:hover{
			color:#333333;
			font-size:13px;
		}
		
		
#centerFrame{
	float:left;
	width:470px;
	margin-top:-16px;
	background-image:url(../_img/bg-hcenter.gif);
	background-repeat:repeat-x;
	}		
#centerFrameNaszeTop{
	width:560px;
	padding-left:200px;
	padding-right:200px;
	height:50px;
	margin-top:-16px;
	background-image:url(../_img/bg-hcenter.gif);
	background-repeat:repeat-x;	
}	
#centerFrameNasze{
	width:960px;
	height:566px;
}
#centerFrameBig{
	margin-top:-16px;
	background-image:url(../_img/bg-hcenter.gif);
	background-repeat:repeat-x;
	width:755px;
	float:left;
}
#centerFrameBigOffer{
	width:755px;
	height:440px;
	float:left;
	background-image:url(../_img/bg_oferta.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	}
#centerFrameBigAgencja{
	width:755px;
	float:left;
	background-repeat:no-repeat;
	background-position:bottom left;
	}
	
	#centerFrameBigOffer table.threeCols td, #centerFrameBigAgencja table.threeCols td{
		width:246px;
		padding-right:8px;
		background-image:url(../_img/bg-h.gif);
		background-repeat:no-repeat;
		vertical-align:top;
	}
	#centerFrameBigOffer a, #centerFrame a, #centerFrameBigAgencja a{
		color:#ee7f01;
		text-decoration:none;
	}
	#centerFrameBigOffer a:hover, #centerFrame a:hover, #centerFrameBigAgencja a:hover{
		color:#333333;
	}
	#centerFrameBigOffer ul, #centerFrame ul, #centerFrameBigAgencja ul{
		margin-left:8px;
		padding-left:8px;
		line-height:1.3em;
	}
	#centerFrameBigOffer li, #centerFrame li, #centerFrameBigAgencja li{
		list-style-image:url(../_img/li.gif);
		padding-bottom:4px;
		line-height:1.3em;
	}
	#centerFrameIndex table.threeCols ul{
		margin-left:8px;
		padding-left:8px;
		margin-top:0;
		padding-top:0;
	}
	#centerFrameIndex table.threeCols td li{
	list-style-image:url(../_img/li.gif);
	padding-bottom:4px;
	line-height:1.1em;
	}
	#centerFrameBigOffer li ul, #centerFrame li ul, #centerFrameBigAgencja li ul{
		margin-left:8px;
		padding-left:8px;
		padding-top:8px;
		line-height:1.3em;
	}
	#centerFrameBigOffer li li, #centerFrame li li, #centerFrameBigAgencja li li{
		list-style-image:url(../_img/li.gif);
		padding-bottom:3px;
		line-height:1.3em;
	}
	#centerFrameBigOffer 0l, #centerFrame 0l, #centerFrameBigAgencja 0l{
		margin-left:8px;
		padding-left:8px;
		line-height:1.3em;
	}
	#centerFrameBigOffer ol li, #centerFrame ol li, #centerFrameBigAgencja ol li{
		list-style:decimal;
		padding-bottom:9px;
		list-style-image:none;
		line-height:1.3em;
	}
	#centerFrame input.medium, #centerFrame textarea.medium{
		width:196px;
		border: solid 1px #c2bfb6;
		color:#333;
		margin-bottom:5px;
		background-image:url(../_img/input_bg.gif);
		background-position:top;
		background-repeat:repeat-x;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		padding:2px 2px 2px 2px;
		}
		#centerFrame input.long, #centerFrame textarea.long{
		width:450px;
		border: solid 1px #c2bfb6;
		color:#333;
		
		margin-bottom:15px;
		background-image:url(../_img/input_bg.gif);
		background-position:top;
		background-repeat:repeat-x;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		padding:2px 2px 2px 2px;
		}
		#centerFrame input.wyslij{
			border:0;
			width:auto;
			padding:0;
		}
		#centerFrame select{
			margin-right:5px;
			border: solid 1px #c2bfb6;
			color:#333;
			background-image:url(../_img/input_bg.gif);
		background-position:top;
		background-repeat:repeat-x;
			}
div.quoteD{
	padding-bottom:20px;
}
div.quoteD p{
	background-image:url(../_img/quote.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:10px;
	padding-bottom:10px;
	text-indent:35px;
	margin-top:10px;
	width:100%;
	
}
div.quoteD div.who, div.rightJust{
text-indent:0;
	text-align:right;
	width:100%;
}
div.quoteD div.logo{
float:left;
margin-left:490px;
width:250px;
position:absolute;
text-align:center;
margin-top:15px;
}


#rightFrame{
	float:left;
	width:280px;
	background-image:url(../_img/bg-hright.gif);
	background-repeat:no-repeat;
	padding-top:45px;
	text-align:center;
	}
	
	
	
#footFrame{
	clear:both;
	width:960px;
	padding:45px 5px 0 5px;
	height:73px;
	background-image:url(../_img/bg_foot.jpg);
	color:#999999;
	font-size:10px;
	}
	#footFrame td{
		vertical-align:top;
	}
	#footFrame ul{
		margin:0;
		}
	#footFrame li{
		display:inline;
		padding-left:6px;
		padding-right:6px;
		}
	#footFrame a{
		color:#999999;
	}
	#footFrame a:hover{
		color:#ee7f01;
	}
	
.stepcarousel{
position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/
width: 960px; /*Width of Carousel Viewer itself*/
height: 520px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 960px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.panel{
	margin:0;
	padding:0;
	}
.panel table.portDesc{
	width:960px;
	border-bottom: solid 1px #dbd9d4; 
	margin:0;
	padding:0;
	}
	.panel  a{
		color:#ee7f01;
		text-decoration:none;
	}
	
	.panel  a:hover{
		color:#333333;
	}
	
	.panel table.portDesc td.client{
		width:201px;
		height:55px;
		padding-top:10px;
		vertical-align:top;
	}
	
	.panel table.portDesc td.client h4{
		font-size:15px;
		margin:0;
		padding:0;
		color:#333333;
		text-transform:uppercase;
		}
	.panel table.portDesc td.what{
		width:499px;
		height:55px;
		padding-top:10px;
		vertical-align:top;
		
		}
		.panel table.portDesc td.what ul{
			margin:0;
			padding:0;
			}
		.panel table.portDesc td.what li{
			display:inline;
			margin:0;
			padding-left:0;
			padding-right:5px;
			font-size:14px;
			font-weight:bold;
			color:#666666;
			}
			.panel img.more{
				border:0;
				margin-bottom:-3px;
				}
	.panel table.portDesc td.icons{
		width:260px;
		height:55px;
		padding-top:10px;
		vertical-align:top;
		text-align:right;
		}
		
		.panel table.portDesc td.icons img{
			padding-left:5px;
			}
			#statusA{
				font-size:18px;
				color:#CCCCCC;
				}
				#statusC{
				font-size:18px;
				color:#CCCCCC;
				margin-bottom:2px;
				}
	.caseStudy{
		position:absolute;
		margin-top:-550px;
		padding-top:0;
		width:559px;
		background-color:#FFFFFF;
		height:450px;
		z-index:5;
		font-size:11px;
		
		padding-left:201px;
		padding-right:300px;
		

		}
		.caseStudy ul{
		margin-left:8px;
		padding-left:8px;
		line-height:1.1em;
	}
	.caseStudy li{
		list-style-image:url(../_img/li.gif);
		padding-bottom:9px;
	}