@charset "UTF-8";


@import url("main.css");
@import url("font.css");
@import url("ie.css");



body{
	background: url(../images/background.jpg) fixed -80%;
}

div#page-not-found{

	margin: 120px auto;
	width: 531px;
	height: 135px;
	text-align: center;

}
div#page-not-found img{
	margin: 0 0 50px 0;
}

div.row{
	margin: 0 0 30px 0;	
	position: relative;
}

div.row.last{
	margin: 0;
}

.rounded-box{
	background: url(../images/background_dark.jpg);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}



hr{
	background: url(../images/line.jpg) no-repeat center center;
	margin: 0 0 30px 0;
	height: 2px;
}

img.align-right{
float:right;
margin: 0 0 0 60px;
}

div#wrapper{
	width: 940px;
	height: 100%;
	margin: 0 auto;
}

a:active{
	position: relative;
	top: 1px;
}


/* left-bar */

div#left-bar{
	float: left;
	width: 225px;
	position:fixed;
}

h1#logo a{
	background: url(../images/logo.jpg) no-repeat;
	display:block;
	width: 225px;
	height: 80px;
	text-indent: -9999px;
	margin: 50px 0 0 0;
}

/* navigation */

ul#menu{
	margin: 68px 0 0 80px;	
}

ul#menu li a{
	text-indent: -9999px;
	display: block;
	width: 134px;
	height: 35px;
	background:url(../images/menu.jpg);
	margin: 0 0 20px 0;
}
	
/* btn-homepage */

ul#menu li#btn-homepage a{
	background-position: 0px -38px;	
}

body#home ul#menu li#btn-homepage a{
	background-position: 0px 0px;	
}

a#btn-homepage:active{
	background-position: 0px -76px;	
}

/* btn-my-work */

ul#menu li#btn-work a{
	background-position: -140px -38px;	
}

body#my-work ul#menu li#btn-work a{
	background-position: -140px 0px;	
}

ul#menu li#btn-work a:active{
	background-position: -140px -76px;	
}
/* btn-contact */

ul#menu li#btn-contact a{
	background-position: -280px -38px;	
}

body#get-in-touch ul#menu li#btn-contact a{
	background-position: -280px 0px;	
}

ul#menu li#btn-contact a:active{
	background-position: -280px -76px;	
}
  

/* main content */

div#content{
	float: right;
	width: 630px;
}

blockquote.page-message{
	font-family: "Museo-light";
	font-size: 1.8em;
	color:#9e9e9e;
	height: 116px;
	text-shadow: 1px 1px 2px rgba(255,255,255,.69);
	line-height: 1.5em;
	
	margin: 50px 0 0 0;
}

blockquote.page-message a{
	font-family: "Museo-bold";	
	color: #9e9e9e;
	text-decoration:none;
}




/* about me */



img.border{
	border: 5px solid #b5b5b5;
	-moz-border-radius: 3px;
	width: auto;
	
}


/* my work */

div.work-item{
	overflow:hidden;
	color:#636363;
}

div.work-item img{
	float: left;
	padding: 10px;
}

div.work-information{
	float: right;	
	width: 165px;
	margin: 0 10px 0 0;
	padding: 10px;
}


cite#more-work{
	position: absolute;
	top: 3px;
	right: 0;
	font-size: 0.93em;
}



/* get in touch */

div.contact-row{
	height: 40px;
	background: url(../images/background_dark.jpg);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 10px 0;
	width: 410px;
	position: relative;	
}




div#contact-info-content{
	float: left;
}


div.contact-row img#icon-email{
	margin: 16px 20px 0 20px;	
}

div.contact-row img#icon-twitter, div.contact-row img#icon-linkedin{
	margin: 13px 20px 0 20px;
	
}
div.contact-row a, span{
	text-decoration: none;
	color: #636363;
	position: absolute;
	top: 10px;
}

p.freelance{
	background: url(../images/bubble.jpg) left 5px no-repeat;
	padding: 0 0 0 36px;
	margin: 20px 0 0 20px;
	font-size: 0.93em;
	color: #00a7a7;

}

/* forms  */

div#form-container div.col{
	float: left;	
	
}
	
div#form-container p{
	margin: 0 0 10px 0;	
}

textarea.input-textarea{
	background: url(../images/form.jpg) no-repeat 0px -101px;
	height:121px;
	width: 282px;
	padding: 12px 30px 12px 10px;
	margin: 0 0 0 37px;
	color:#4f4f4f;
	
}

textarea.input-textarea.error{
	background-position: 0px -255px;
	overflow: auto;
}

input.input-text{
	background: url(../images/form.jpg) 0px 0px no-repeat;
	width: 231px;
	color:#4f4f4f;
	padding: 12px 30px 10px 10px;
}


input.input-text.error{
	background-position: 0px -50px;
}

button.submit-button{
	background: url(../images/form.jpg) no-repeat 0px -408px;
	height: 36px;
	width: 135px;
	cursor:pointer;
	float: right;
	margin: 20px 0 0 0;
	text-indent: -9999px;
}

.message-succes{
	margin: 0 0 20px 0;
	color:#00a7a7;

}

.hidden{
	display: none;
}