body,td,th,a {
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight:400;
	font-size: 15px;
	letter-spacing:1px;
	line-height:150%;
	color:#333;
	text-decoration:none;
	border:none;
	}

a:hover {
	text-decoration:underline;
}

h1	{
	color:#333333;
	font-size:28px;
	font-weight:300;
	letter-spacing:2px;
	}

h3	{
	color:#111;
	font-size:22px;
	font-weight:300;
	font-style:italic;
	letter-spacing:1px;
	line-height:125%;
	}
	
	
body {
	background-image: url(images/background.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;
	background-size:cover; 
	}
	
#wrapper {
	width:1100px;
	min-height:670px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	box-shadow: 10px 10px 10px #191919;
	}

img#logo {
	width:340px;
	margin-left:30px;
	margin-top:7px;
	float:left;
	border:none;
	text-decoration:none;
	}

img#circle {
	width:230px;
	margin-left:65px;
	float:left;
	}


#navbar {
	width:390px;
	float:left;
	margin-top:53px;
	position:relative;
	border:none;
	text-decoration:none;
	}

#navbar	li	{
	margin-right:15px;
	padding:0px;
	list-style:none;
	float:left;
	}

#navbar li, #navbar a	{
	height:19px;
	display:block;
	border:none;
	text-decoration:none;
	}


#home-page	{		
	left:0px;
	width:67px;
	background:url("images/navbar.png") 0px -38px;
	}

#home	{
	left:0px;
	width:67px;
	}
		
#home 	{
	background:url("images/navbar.png") 0px 0px;
	}

#home a:hover	{
	background:url("images/navbar.png") 0px -19px;
	}

/*-----------*/


#work-page	{		
	left:107px;
	width:67px;
	background:url("images/navbar.png") -107px -38px;
	}

#work	{
	left:107px;
	width:67px;
	}
		
#work 	{
	background:url("images/navbar.png") -107px 0px;
	}

#work a:hover	{
	background:url("images/navbar.png") -107px -19px;
	}
	
/*-----------*/

#about-page	{		
	left:215px;
	width:78px;
	background:url("images/navbar.png") -215px -38px;
	}

#about	{
	left:215px;
	width:78px;
	}
		
#about 	{
	background:url("images/navbar.png") -215px 0px;
	}

#about a:hover	{
	background:url("images/navbar.png") -215px -19px;
	}

/*-----------*/

#contact-page	{		
	left:330px;
	width:107px;
	background:url("images/navbar.png") -330px -38px;
	}

#contact	{
	left:330px;
	width:107px;
	}
		
#contact 	{
	background:url("images/navbar.png") -330px 0px;
	}

#contact a:hover	{
	background:url("images/navbar.png") -330px -19px;
	}

/*---END NAVIGATION---*/


#center {
	width:1100px;
	margin-top:20px;
	position:relative;
	}


/*---BUCKETS---*/


#buckets {
	width:876px;
	margin-left:117px;
	margin-top:20px;
	float:left;
	position:relative;
	}

#buckets	li	{
	margin-right:79px;
	padding:0px;
	list-style:none;
	float:left;
	}

#buckets li, #buckets a	{
	height:198px;
	display:block;	
	}

#bucket-work	{
	left:0px;
	width:213px;
	}
		
#bucket-work 	{
	background:url("images/home-buckets.jpg") 0px 0px;
	}

#bucket-work a:hover	{
	background:url("images/home-buckets.jpg") 0px -196px;
	}

/*-----------*/

#bucket-about	{
	left:287px;
	width:213px;
	}
		
#bucket-about 	{
	background:url("images/home-buckets.jpg") -287px 0px;
	}

#bucket-about a:hover	{
	background:url("images/home-buckets.jpg") -287px -196px;
	}
	
/*-----------*/

#bucket-contact	{
	left:587px;
	width:213px;
	}
		
#bucket-contact 	{
	background:url("images/home-buckets.jpg") -587px 0px;
	}

#bucket-contact a:hover	{
	background:url("images/home-buckets.jpg") -587px -196px;
	}


/*------WORK-----*/


#menu {
	border:0px solid #000;
	width:240px;
	height:480px;
	margin-top:40px;
	overflow:hidden;
	float:left;
	clear:both;
	}

#print {
	height:59px;
	margin-left:30px;
	background:url("images/menu-print.png") no-repeat;
	}
	
#web {
	height:59px;
	margin-left:30px;
	background:url("images/menu-web.png") no-repeat;
	}

#identity {
	height:59px;
	margin-left:30px;
	background:url("images/menu-identity.png") no-repeat;
	}

#video {
	height:59px;
	margin-left:30px;
	background:url("images/menu-video.png") no-repeat;
	}

#viewall {
	height:59px;
	margin-left:30px;
	background:url("images/menu-viewall.png") no-repeat;
	}

.descr	{
	width:220px;
	margin-left:0px;
	margin-top:0px;
	margin-right:28px;
	line-height:150%;
	float:left;
	}

.descr a	{
	color:#f1666b;
	}

.descr h3	{
	margin-top:15px;
	}

#image {
	width:550px;
	height:500px;
	overflow-x:hidden;
	overflow-y:auto;
	float:left; 
	}
	
#image2	{
	width:550px;
	height:500px;
	overflow:hidden;
	float:left;
}

#zero h3	{
	margin-top:0px;
	}

/*--------*/

#social {
	border:0px solid #000;
	width:230px;
	margin-top:40px;
	position:relative;
	float:left;
	clear:both;
	}

#social li {
	margin-bottom:10px;
	list-style:none;
	}

#social li, #social a {
	height:57px;
	display:block;
	}

#linkedin {
	width:160px;
	}

#linkedin {	
	background:url("images/social-linkedin.jpg") 0px 0px;
	}

#linkedin a:hover {
	background:url("images/social-linkedin.jpg") 0px -57px;
	}

#facebook {
	width:160px;
	}

#facebook {
	background:url("images/social-fb.jpg") 0px 0px;
	}

#facebook a:hover {
	background:url("images/social-fb.jpg") 0px -57px;
	}

#google {
	width:160px;
	}

#google {
	background:url("images/social-google.jpg") 0px 0px;
	}

#google a:hover {
	background:url("images/social-google.jpg") 0px -57px;
	}

/*---ABOUT----*/

#wrapper-about	{
	width:1100px;
	height:900px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	box-shadow: 10px 10px 10px #191919;
	}

#content {
	width:625px;
	margin-top:30px;
	position:relative;
	float:left;
	display:inline;
	}

/*---CONTACT----*/

#contact-content {
	width:700px;
	margin-top:30px;
	position:relative;
	float:left;
	display:inline;
	}

#contact-content a	{
	color:#048e91;
	font-weight:400;
	}

label {
	color:#333;
	font-family: 'Lato', sans-serif;
	font-size : 14px; 
	font-weight:400;
	letter-spacing:0px;
}

#contactbox	{
	width:630px;
	margin-top:25px;
	float:left;
	}

#input	{
	width:220px;
	float:left;
	}
	
input {
	border:1px solid #333;
	text-shadow: none;
	display: inline-block;
	width:200px;
	height:17px;
	font-size:.8em;
	color:#111;
	padding:3px;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
	}

#textarea	{
	margin-left:25px;
	float:left;
	}

textarea	{
	border:1px solid #504A38;
	text-shadow: none;
	display:inline-block;
	width:345px;
	height:138px;
	font-size:.9em;
	color:#333333;
	padding:3px;
	text-align:left;
	margin-top:1px;
}

#submit	{
	background: url('images/submit.jpg') no-repeat top left;
	display: block;
	width: 137px;
	height: 57px;
	margin-left:240px;
	margin-top:10px;
	border: none;
	cursor: pointer;
	clear:left;
	}

#submit:hover	{
	background: url('images/submit.jpg') no-repeat bottom right;
}



/*----404----*/

#404header	{
	margin-top:200px;
	width:200px;
	font-size:20px;
	position:relative;
	}

#404text {
	width:625px;
	margin-top:40px;
	}

#footer	{
	background-color:#fff;
	width:1100px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	box-shadow: 10px 10px 10px #191919;
	margin-bottom:50px;
	text-align:center;
	font-size:11px;
	color:#666;
	}

#social2 {
	border:0px solid #000;
	width:130px;
	position:absolute;
	margin-top:0px;
	float:left;
	}

#social2 li {
	list-style:none;
	margin-right:5px;
	float:left;
	}

#social2 li, #social2 a {
	height:25px;
	display:block;
	}

#sm-linkedin {
	width:25px;
	}

#sm-linkedin {	
	background:url("images/sm-linkedin.jpg") 0px 0px;
	}

#sm-linkedin a:hover {
	background:url("images/sm-linkedin.jpg") 0px -25px;
	}

#sm-facebook {
	width:25px;
	}

#sm-facebook {
	background:url("images/sm-facebook.jpg") 0px 0px;
	}

#sm-facebook a:hover {
	background:url("images/sm-facebook.jpg") 0px -25px;
	}

#sm-google {
	width:25px;
	}

#sm-google {
	background:url("images/sm-google.jpg") 0px 0px;
	}

#sm-google a:hover {
	background:url("images/sm-google.jpg") 0px -25px;
	}