* {
margin:0;
padding:0;
}

html,body {
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#header, #footer, #contentparent, #slidebox {
display:block;
width:780px;

margin:0 auto;
clear:both;
}

#header {
position:relative;
height:250px;
background-color:#fff;
overflow:hidden;
}

#header h1 {
display:block;
padding:25px 30px;
height:20px;
width:110px;
font-weight:normal;
font-size:1.5em;
}

#header h1 img {
border:none;
}

#nav {
position:absolute;
display:block;
width:190px;
}

#nav ul {
padding-top:30px;
width:170px;

display:block;
list-style:none;

border-top:1px solid #ccc;
}

#nav li a{
display:block;
color:#999;
font-size:0.85em;
/*letter-spacing:1px;*/
text-decoration:none;
padding-left:20px;
margin-left:40px;
background-image:url(img/menu.gif);
background-repeat:no-repeat;
background-position:0 center;
}

#nav li a:hover, #nav li a:active, #nav li a:focus {
color:#0abdc0;
}

#banner, #banner_oferta, #banner_o_cfstudio, #banner_portfolio, #banner_doswiadczenie, #banner_wspolpraca, #banner_kontakt {
position:absolute;
top:0;
right:0;
display:block;
width:590px;
height:100%;
background-color:#fff;
}

#banner_kontakt {
padding-top:80px;
background-image:url(img/kontakt.jpg);
}

#banner_kontakt h3 {
font-size:14px;
margin:0;
padding:0;
left:205px;
position:absolute;
}

#banner_kontakt p {
font-size:10px !important;
}

#banner_kontakt div {
display:block;
width:350px;
font-size:12px;
top:100px;
font-weight:normal;
position:absolute;
left:205px
}

#banner_kontakt address {
float:left;
font-style:normal;
}

#banner_kontakt ul {
float:right;
}


#banner_kontakt ul {
list-style:none;
}



#banner_kontakt a {
color:#0ABDC0;
text-decoration:none;
border-bottom:1px dotted #0ABDC0;
}

#banner_kontakt p {
position:absolute;
width:365px;
right:20px;
top:180px;
}

#banner_wspolpraca {
padding-top:100px;
background-image:url(img/wspolpraca.jpg)
}

#banner_wspolpraca a{
color:#0ABDC0;
text-decoration:none;
border-bottom:1px dotted #0ABDC0;
}

#banner_wspolpraca p {
padding-left:50px;
}

#banner_o_cfstudio {
background-image:url(img/studio.jpg);
padding-top:75px;
}

#banner_o_cfstudio p {
padding-left:10px;
padding-right:20px;
}

#banner_portfolio {
background-image:url(img/portfolio.jpg)
}

#banner_doswiadczenie {
padding-top:100px;
background-image:url(img/doswiadczenie.jpg);
}

#banner_doswiadczenie p {
padding-left:30px;
padding-right:10px;
}

#banner_oferta h2, #banner_o_cfstudio h2, #banner_portfolio h2, #banner_doswiadczenie h2, #banner_wspolpraca h2, #banner_kontakt h2{
display:block;
position:absolute;
top:10px;
color:#fff;
text-transform:uppercase;
font-weight:bold;
font-size:11px;
background-color:#0ABDC0;
}

#banner_kontakt h2 {
left:250px;
}

#banner_wspolpraca h2 {
left:275px;
}

#banner_portfolio h2 {
left:105px;
}

#banner_doswiadczenie h2 {
left:335px;
font-size:10px;	
}

#banner_oferta h2 {
right:113px;
}

#banner_oferta ul {
padding-left:40px;
}

#banner_o_cfstudio h2 {
right:31px;
}

#banner_oferta {
background-image:url(img/oferta.jpg);
padding-top:80px;
}

#banner p, #banner ul li, #banner_oferta, #banner_o_cfstudio, #banner_doswiadczenie, #banner_wspolpraca, #banner_kontakt {
color:#999;
font-size:0.85em;
}

#banner_oferta ul li {
list-style:none;
}


#contentparent{
padding-top:22px;
background-image:url(img/top_content.jpg);
background-repeat:no-repeat;
clear:both;
}

#content {
display:block;

background-image:url(img/content.jpg);
padding:0 10px;
width:760px;
clear:both;
}

.contentmainbox {
display:block;
width:238px;
margin:3px;
float:left;
display:block;
background-color:#fff;
padding:6px 4px;
min-height:120px;
}

.contentmainbox h3, .contentmainbox h2 {
font-size:0.77em;
color:#0ABDC0 !important;
text-align:right;
padding:0 5px;
font-weight:normal;
margin-bottom:2px;
}

.contentmainbox img {
display:block;
margin: 0 auto;
}

.cntc1 {
font-size:0.77em;
color:#0ABDC0 !important;
text-align:right !important;
padding-left:5px;
padding-right:5px;
padding-top:1px;
padding-bottom:5px;
}

.contentmainbox p {
font-size:0.77em;
color:#56839B;
text-align:justify;
}

 



#clr {
display:block;
height:27px;

clear:both;

background-image:url(img/bottom_content.jpg);
background-repeat:no-repeat;
}

#footer {
display:block;
padding-top:15px;
min-height:50px;


background-image:url(img/footer.gif);
background-repeat:no-repeat;
}

#footer p {
margin-left:30px;
font-size:9px;
color:#999;
line-height:1.2em;
}

#footer p a {
text-decoration:none;
color:#999;
}

#footer p a:hover, #footer p a:active, #footer p a:focus {
border-bottom:1px dotted #0abdc0;
color:#0abdc0;
}

.nofloat {
clear:both;
}

.activeelement{
font-weight:bold;
color:#0abdc0 !important;
}

.cfportfolio {
display:block;
width:50%;
background-color:#fff;
list-style:none;
float:left;
}

.cfportfolio li {
position:relative;
padding:5px;
margin:20px 0;
min-height:110px;
}

.cfportfolio img {
position:absolute;
}

.cfportfolio p,.cfportfolio h3 {
padding-left:160px;
color:#56839b;
font-size:10px;
}

.cfportfolio h3 {
text-transform:uppercase;
margin-bottom:10px;
}

.cfportfolio a {
bottom:3px;
margin-top:5px;
color:#7c5843;
font-size:10px;
padding-left:160px;
text-decoration:none;
}

.cfportfolio a:hover, .cfportfolio a:active, .cfportfolio a:focus {
color: #56839b;
}

.pauza {
margin-top:10px;
}

dfn {
font-style:normal;
}

#new_content {
display:block;
width:780px;
margin:0 auto;
padding:0;
overflow:hidden;
margin-bottom:40px;
}

#new_content li {
	list-style:none;
	float:left;
	width:258px;
	color:#999;
	padding-right:1px;
	background: url(img/border-line.gif) no-repeat right top;
	min-height:260px;
}

.norightborder {
background:none !important;
}

#new_content a {
color:#999999;
text-decoration:none;
font-size:0.83em !important;
}

#new_content a:hover,
#new_content a:active,
#new_content a:focus {
color:#0ABDC0;
}

#new_content li p {
margin:0.5em 10px;
font-size:0.83em;
}

#new_content li img {
display:block;
margin:15px auto 20px auto;
}

#new_content li h2 {
display:block;
font-size:11px;
background-color:#0ABDC0;
color:#fff;
padding:5px 10px;

letter-spacing:0.3em;
font-weight:normal;
text-align:center;
}

#new_content ul {
margin-left:10px;
}

#new_content ul li {
min-height:0;
border-right:none !important;
background-image:url(img/menu.gif);
background-position:0 center;
background-repeat:no-repeat;
padding-left:15px;
}




#last_project {
	display:block;
	border:1px solid #ccc;
	width:220px;
	height:100px;
	margin:0 auto;
	background: url('img/last.jpg') no-repeat 0px 0px;

}

#last_project:hover,
#last_project:active,
#last_project:focus {
background-position: 0 -100px;
}