body {
 background:#E3E8FE url("../images/background.png") repeat-x center top;
 font-family:Arial,Helvetica,sans-serif,serif;
 font-size:12px;
 padding:0px;
 margin:0px;
 line-height:130%;
 text-align:justify;
}
form {
 padding:0px;
 font-family:Arial,Helvetica,sans-serif,serif;
}
a {
 color:#c016b0;
 font-weight:bold;
}
a:hover {
 text-decoration:none;
}
h1 {
 font-size:19px;
 margin-left:10px;
}
h2 {
 font-size:19px;
}
h3 {
 font-size:15px;
}
h4 {
 font-size:12px;
}
h5 {
 font-size:10px;
}
h6 {
 font-size:9px;
}
h1 span, h2 span {
 display:none;
}
h1.my-portfolio {
 background:url("../images/heading-my-portfolio.png") no-repeat;
 width:263px;
 height:33px;
 display:block;
}
h1.webdesign, h2.webdesign {
 background:url("../images/heading-webdesign.png") no-repeat;
 width:211px;
 height:33px;
 display:block;
}
h2.rockwell-big,h2.rockwell {
 font-family:"Rockwell",Arial,Helvetica,sans-serif,serif;
 font-size:40px;
 line-height:36px;
 color:#FFF;
 margin-bottom:5px;
 margin-top:0;
}
h2.rockwell{
 font-size:20px;
}
h1.about-me {
 background:url("../images/heading-about-me.png") no-repeat;
 width:190px;
 height:35px;
 display:block;
}
h1.contact {
 background:url("../images/heading-contact.png") no-repeat;
 width:171px;
 height:33px;
 display:block;
}
h2.contact-form {
 background:url("../images/heading-contact-form.png") no-repeat;
 width:290px;
 height:35px;
 display:block;
}
h1.graphic {
 background:url("../images/heading-graphic.png") no-repeat;
 width:160px;
 height:35px;
 display:block;
}
h1.photography {
 background:url("../images/heading-photography.png") no-repeat;
 width:276px;
 height:35px;
 display:block;
}
span.lang {color:#2b2b2b;font-weight:bold;font-size:110%;}


#page {
 width:975px;
 min-height:800px;
 margin:0px auto 0px;
 padding:0px;
 position:relative;
 padding-bottom:20px;
 }
.top {
 height:125px;
 position: relative;
    z-index: 5;
}
.top a.logo {
background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 235px;
    left: -130px;
    position: absolute;
    top: 0;
    width: 541px;
}
.top a.logo span {
 display:none;
}
.menu {
 position:relative;
 float:right;
 top:20px;
  width:378px;
  height:55px;
  background: url("../images/menu-bg.png") no-repeat scroll 0 0 transparent;
}
.menu ul {
 display:block;
 padding:0px;
 margin:0px;
}
.menu ul li {
    display: block;
    float: left;
    height: 55px;
    margin:0;
    text-align: center;
}
.menu ul li.active,.menu ul li:hover {
 display:block;
 float:left;
 color:#c9c9c9;
}
.menu ul li a{
width:170px;
}
.menu ul li.first a{
width:110px;
}
.menu ul li.last a{
width:97px;
}
.menu ul li a {
color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: normal;
    height: 20px;
    padding: 20px 0 15px 0px;
    text-decoration: none;
}
.menu ul li.active a,.menu ul li a:hover {
 color:#c9c9c9;
}

.banner {
 height:181px;
}

.content {
 padding-top: 5px;
    position: relative;
    z-index: 10;
}
/** boxiky **/ 
.box.more-than-a-design {
 width:425px;
 height:253px;
 padding:0px 10px 5px 10px;
 background:url("../images/box-more-than-a-design.png") no-repeat;
 color:#FFF;
 float:left;
}
.box.more-than-a-design p { margin:2px 0px; font-size:11px;}

.box.languages {
 width:873px;
 height:80px;
 padding:3px 10px 5px 10px;
 background:url("../images/box-languages.png") no-repeat;
 color:#222222;
 font-size:14px;
 margin-top:10px;
}

.box.languages h3 {
color:#FFF;
font-size:20px;
padding:5px 0px 0px;
margin:5px 0px;
text-transform:uppercase;
  font-family:"Myriad Pro",Arial,Helvetica,sans-serif,serif;
  font-weight:normal;
}

.box.reference {
 width:872px;
 height:171px;
 padding:3px 10px 5px 10px;
 background:url("../images/box-reference.png") no-repeat;
}

.box.laptop {
 width:440px;
 height:247px;
 background:url("../images/box-laptop.png") no-repeat;
 position:relative;
float:left;
top:42px;
}
#portfolio {
height:171px;
left:98px;
position:absolute;
top:15px;
width:274px;
display:block;
list-style:none;
padding:0px;
margin:0px;
overflow:hidden;
}

.box.ref-small {
 width:295px;
 height:230px;
 color:#000;
 float:left;
 margin:5px;
 position:relative;
}
.box.ref-small .image {
text-align:center;
width:295px;
height:195px;

}

.box.ref-small:hover .cover {
 display:none;
}
.box.ref-small .cover {
 display:block;
 background:url("../images/cover.png") no-repeat;
 width:295px;
height:195px;
position:absolute;
top:0;
left:0;
z-index:1;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.box.ref-small .heading {
font-size:14px;
display:block;
}
.box.ref-small .description {
color:#B8B8B8;
font-size:13px;
}
.box.ref-small .image a img {
border:0;
}



.box.about-me {
 width:570px;
 height:329px;
 padding:0px 10px 5px 10px;
 background:url("../images/box-about-me.png") no-repeat;
 color:#FFF;
 float:left;
}
.box.personal-foto {
 width:278px;
 height:328px;
 background:url("../images/personal-foto.png") no-repeat;
 float:left;
 margin-left:15px;
}

a.button span {
display:none;
}
a.button {
display:block;
}
a.button.about-me {
 width:102px;
 height:37px;
 background:url("../images/button-about-me.png") no-repeat;
 float:right;
}




.wrapper {
 clear:both;
}

.top a.email {
background:url("../images/email.png") no-repeat scroll 0 0 transparent;
height:28px;
position:absolute;
right:23px;
top:75px;
width:168px;
display:block;
}
.top a.email span {display:none; }

.top .soc {
height:28px;
position:absolute;
right:50px;
top:110px;
width:108px;
}

.top .soc a {display:block;float:left;width:27px;height:27px;text-decoration:none;}
.top .soc a.fb {background:url("../images/ico-facebook.png") no-repeat;}
.top .soc a.flickr {background:url("../images/ico-flickr.png") no-repeat;}
.top .soc a.twitter {background:url("../images/ico-twitter.png") no-repeat;}
.top .soc a.myspace {background:url("../images/ico-myspace.png") no-repeat;}

.box.contact {
width:892px;
height:234px;
padding-top:10px;
background:url("../images/box-contact-form.png") no-repeat;
}
.box.contact .line {
 padding:4px;
}
.contactLeft {
   width:470px;
   padding-top: 22px;
   float: left;
}
 label {
 color:#000;
font-size:16px;
display:inline-block;
clear:both;
width:90px;
text-align:right;
margin-right:10px;
}
.line {
clear:both;
margin-bottom:5px;
}
 .input {
 width:340px;
 height:42px;
 background:url("../images/contact-input.png") no-repeat;
 display:inline-block;
}
.input input{
height: 29px;
    margin: 4px 2px 2px 5px;
    width: 324px;
    font-size:16px;
}
.form-buttons input {
background: url("../images/contact-send.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: right;
    font-size: 16px;
    height: 43px;

    margin-right: 45px;
    margin-top: 10px;
    width: 163px;
}
.error {
 font-size:12px;
 color:#A00;
}
.contact form {
 margin-top: 80px;
}

.pink {
 color:#c016b0;
 font-weight:bold;
}
.textarea {
 width:399px;
 height:145px;
 background:url("../images/contact-textarea.png") no-repeat;
}
.textarea textarea{
border: 0 none;
    height: 132px;
    margin: 4px;
    width: 386px;
}
.contactRight {
float:left;
width:450px;
}
.contactRight label {
display:block;
width:auto;
text-align:left;
margin-bottom: 5px;
}
.box.contact input.button {
width:92px;
height:28px;
background:url("../images/menu-active.png") no-repeat;
font-family:"Rockwell",Arial,Helvetica,sans-serif,serif;
color:#FFF;
font-weight:bold;
font-size:18px;
float:right;
}

.box.topcontact {
width:865px;
height:222px;
padding:30px 20px;
background:url("../images/bg-contact.png") no-repeat;
color:#FFF;
}
.box.topcontact .left {float:left;width:250px;}
.box.topcontact .right {float:left;width:50%;}
.box.topcontact .adresa {
font-size:16px;
line-height:24px;
}

/** formulare **/
div.errors{ color:#F00; }
#EmailForm .invalidValue{ background: #FFDFDF; border:1px solid #F00; }
#EmailForm .requiredValue{ background: #FFFFDF; border:1px solid #F00; }

textarea {
 height:140px;
 font-family:Arial,Helvetica,sans-serif,serif;
 font-size:13px;
 padding:3px;
}
input {
 font-family:Arial,Helvetica,sans-serif,serif;
 padding:3px;
 border:0px;
}


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 780px; /*Width of Carousel Viewer itself*/
height: 170px; /*Height should enough to fit largest content's height*/
border:0px;
margin:0px auto 0px;
}

.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: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

a img {
 border:2px solid #000;
}

#mygallery {

}

#footer {
 height:41px;
 text-align:center;
 padding-top:10px;
 margin-top:10px;
 color:#575757;
 line-height:150%;
}
#footer a {
 color:#575757;
 font-weight:normal;
 text-decoration:underline;
}
#showcase {
 
}

/* Navigation arrows */
	.showcase-arrow-previous, .showcase-arrow-next
	{
		position: absolute;
		width: 24px;
		height: 68px;
		top: 148px;
		cursor: pointer;
	}
	
	.showcase-arrow-previous
	{
		left: -24px;
		background:url("../images/arrow-left.png") no-repeat;
	}
	
	.showcase-arrow-previous:hover
	{
		
	}
	
	.showcase-arrow-next
	{
		right: -24px;
		background:url("../images/arrow-right.png") no-repeat;
	}
	
	.showcase-arrow-next:hover
	{
		
	}
	#showcase a img {
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
overflow:hidden;
border:0;
	}
.triplebox {
   background:url("../images/3boxes.png") no-repeat;
   width:976px;
   height:156px;
   margin-top:10px;
}

.triplebox .box {
   width:325px;
   float:left;
   position:relative;
   height:143px;
}
.triplebox .box p {
   padding:0 10px;
}
.triplebox .box h2 {
   padding:0 10px;
}
.triplebox .box a {
    bottom: 12px;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    height: 17px;
    position: absolute;
    right: 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 80px;
}

.inside {
   background-color:#FFF;
   -moz-border-radius: 5px;
   -webkit-border-radius:5px;
   border-radius: 5px;
   padding: 30px 25px;
}
.adresa {
    font-size: 16px;
    line-height: 23px;
    text-align:left;
}
.adresa p {
 margin: 0 0 20px;
}

.inside.contact {
   background:url("../images/contact-bg.jpg") no-repeat scroll 25px 235px #FFFFFF;
}
.contact .left {
   width:300px;
   float:left;
}
.contact .right {
   width: 395px;
   float:left;
}
.photo {
   position:absolute;
   top:30px;
   right:25px;
   width:215px;
   height:244px;
   background:url("../images/contact-photo.jpg");
}