body {background-color:#FFFFFF;background:url(/css/img/_bg-pttrn.png);background-repeat:repeat;font-family:'Roboto', sans-serif;color:#290613;}

#website {width:100%; text-align:center;margin:auto;-webkit-font-smoothing:antialiased;}
.topline {height:8px;width:100%;background-color:#290613;margin-bottom:160px;}
.hub {background-color:#290613;}

.quote {font-size:14px;color:#695b5f;line-height:22px;padding-bottom:40px;}
.quote p {font-style:italic; font-size: 16px;}

#header img{padding:20px;}

h1 {font-family:'Sansita One', cursive;font-size:34px;padding-bottom:4px;}
h2 {font-size:20px;color:#FFFFFF;padding:10px 0;text-transform:uppercase;}
h3 {font-size:14px;padding-bottom:20px;color:#695b5f;}

.nav {height :33px;width:249px;margin:auto;position:relative;padding-bottom:126px;padding-top:8px;}

.mail a       {height:33px;width:33px;background:url(/css/img/social-sprite.png) 0px 0px no-repeat;float:left;margin-right:10px;}
.mail a:hover {background:url(/css/img/social-sprite.png) 0px -33px no-repeat;}
.behance a       {height:33px;width:33px;background:url(/css/img/social-sprite.png) -33px 0px no-repeat;float:left;margin-right:10px;}
.behance a:hover {background:url(/css/img/social-sprite.png) -33px -33px no-repeat;}
.linkedin a       {height:33px;width:33px;background:url(/css/img/social-sprite.png) -66px 0px no-repeat;float:left;margin-right:10px;}
.linkedin a:hover {background:url(/css/img/social-sprite.png) -66px -33px no-repeat;}
.pinterest a       {height:33px;width:33px;background:url(/css/img/social-sprite.png) -99px 0px no-repeat;float:left;margin-right:10px;}
.pinterest a:hover {background:url(/css/img/social-sprite.png) -99px -33px no-repeat;}
.twitter a       {height:33px;width:33px;background:url(/css/img/social-sprite.png) -132px 0px no-repeat;float:left;margin-right:10px;}
.twitter a:hover {background:url(/css/img/social-sprite.png) -132px -33px no-repeat;}
.cvpdf a       {height:33px;width:33px;background:url(/css/img/social-sprite.png) -165px 0px no-repeat;float:left;}
.cvpdf a:hover {background:url(/css/img/social-sprite.png) -165px -33px no-repeat;}

.arrow {height:35px;background:url(/css/img/down-arrow.png) no-repeat;background-position:50%;}

.title {font-family:'Sansita One', cursive;font-size:24px;line-height:80px;}

#work {height:800px;}
.line1, .line2 {width:1092px;height:282px;position:relative;margin:auto;}
.crea                 {display:block;position:relative;float:left;width:364px;height:282px;}
.crea .hover          {display:block;position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;opacity:0;}
.crea .hover .bg      {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#e36786;opacity:0.8;}
.crea .hover .content {display:block;position:absolute;top:0;left:0;width:100%;height:100%;line-height:1em;}
.crea .hover .content .name      {display:block;position:absolute;bottom:162px;left:0;width:100%;font-size:20px;text-transform:uppercase;font-weight:bold;}
.crea .hover .content .category  {display:block;position:absolute;top:141px;left:0;width:100%;font-size:18px;font-weight:bold;}
.crea .hover .content .separator {position:absolute;top:132px;left:40px;right:40px;height:2px;background:#fff;}
.crea .hover .content .icon      {display:block;position:absolute;top:176px;left:50%;width:35px;height:36px;margin:0 0 0 -17px;background:url('../img/magnifier-icon.png');}
.crea img             {position:absolute;top:0;left:0;}
.crea:hover .hover    {opacity:1;}
.crea .hover          {
	-webkit-transition:opacity 0.15s;
	   -moz-transition:opacity 0.15s;
         -o-transition:opacity 0.15s;
		    transition:opacity 0.15s;
}

#work .caption {display:none;}

.button         {height:45px;width:160px;background-color:#FFF;color:#290613;border:2px; border-color:#290613;border-style:solid;display:block;line-height:45px;margin:40px auto;font-size:18px;text-transform:uppercase;text-decoration: none;}
.button:hover 	{height:45px;width:160px;background-color: #290613;color:#FFF; text-decoration: none;}

.button a {text-decoration:none; color:#290613; display: block;}
.button a:hover {color:#FFF;} 


.rotate {
	-webkit-transform:rotate(180deg); 
		-moz-transform:rotate(180deg); 
			-o-transform:rotate(180deg); 
}


#footer{height:35px;background-color:#290613;font-size:12px;color:#FFFFFF;line-height:40px;}