* { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
}
img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}
object { 
	vertical-align:top; 
	outline:none;
}
ul, ol { 
	list-style:none;
}


a, div, li, p, h1, h2, h3, input, label {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
a, div {
	outline: 0 none;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
p {
	text-align:justify;
}

body {
	font-size:100%;
	width: 100%;
	height: 100%;
}
.work-container {
	margin: 9px auto;
	width:1181px;
	text-align:center;
}
.work-container .work-container-grey {
	float:left;
	background:#f8f8f8;
	padding:0 0 130px;
}
.work-container .work-container-grey .work-header-container {
	width:100%;
	height:329px;
	float:left;
}
.work-container .work-container-grey .work-header-container .work-header-title {
	margin: 124px 0 0;
	width:100%;
	font-size: 21px;
	text-transform: uppercase;
	color: #3b3b3b;
	font-weight:500;
	letter-spacing: 2px;
}
.work-container .work-container-grey .work-header-container .work-type-container {
	width:100%;
	text-align:center;
	float:left;
}
.work-container .work-container-grey .work-header-container .work-type-container .work-type {
	margin: 7px 0 0;
	font-size: 12px;
	color: #838383;
	letter-spacing: 2px;
	font-weight: 500;
}
.work-container .work-container-grey .work-header-container .work-type-container .work-type .separator-dot {
	margin:6px 15px;
}
.work-container .work-container-grey .work-header-container .work-description {
	margin: 50px auto 0;
	width:73%;
	font-size: 15px;
	color: #000;
	letter-spacing: 2px;
	font-weight:100;
	text-align:center;
}
.work-container .work-container-grey .work-layout-container {
	margin:58px 0 0;
	width:100%;
	float:left;
	text-align:center;
}
.work-container .work-container-grey .work-layout-container .work-layout-shadow {
	-webkit-box-shadow: 0 4px 6px rgba(76,59,42,.18);
	-moz-box-shadow: 0 4px 6px rgba(76,59,42,.18);
	box-shadow: 0 4px 6px rgba(76,59,42,.18);
}
.work-container .previous-next-container {
	float:left;
	background:url(images/bg-previous-next.jpg) repeat-x;
	width:100%;
	height:180px;
}
.work-container .previous-next-container .previous-btn-container {
	float:left;
	width:220px;
}
.work-container .previous-next-container .previous-btn-container .previous-btn,
.work-container .previous-next-container .next-btn-container .next-btn {
	padding:13px 0;
	border-bottom:#f5f5f5 1px solid;
	font-size: 13px;
	text-transform: uppercase;
	color: #8a8a8a;
	text-decoration:none;
}
.work-container .previous-next-container .previous-btn-container .previous-btn:hover, 
.work-container .previous-next-container .next-btn-container .next-btn:hover, 
.work-container .previous-next-container .visit-the-website .visit-the-website-website-container .visit-the-website-website:hover {
	color:#4b4b4b;
	border-bottom:#cccccc 1px solid;
}
.work-container .previous-next-container .previous-btn-container .previous-btn {
	margin:60px 0 0 80px;
	float:left;
	letter-spacing: 2px;
}
.work-container .previous-next-container .next-btn-container {
	float:right;
	width:220px;
}
.work-container .previous-next-container .next-btn-container .next-btn {
	margin:60px 80px 0 0;
	float:right;
	letter-spacing: 2px;
}
.work-container .previous-next-container .visit-the-website {
	width:740px;
	float:left;
	text-align:center;
}
.work-container .previous-next-container .visit-the-website .visit-the-website-header {
	width:100%;
	float:left;
	margin:61px 0 0;
	text-transform: uppercase;
	color: #464545;
	font-size:13px;
	text-align:center;
	letter-spacing: 2px;
}
.work-container .previous-next-container .visit-the-website .visit-the-website-website-container {
	float:left;
	width:100%;
	margin:18px 0 0;
}
.work-container .previous-next-container .visit-the-website .visit-the-website-website-container .visit-the-website-website {
	text-transform: uppercase;
	color: #464545;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	padding:13px 0;
	border-bottom:#f5f5f5 1px solid;
	letter-spacing: 2px;
}
.navi-container {
	width:100%;
	height:289px;
	background:url(../images/bg-navi.png) repeat-x;
	text-align:center;
	position:relative;
	z-index:100;
}
.navi-container a {
	text-decoration:none;
	color:#999999;
}
.navi-container a:hover{
	color: #5e5e5e;
}
.hover-red-transparent {
	float:left;
	width:100%;
	height:100%;
	text-decoration:none;
	opacity:0;
	filter:alpha(opacity=0);
}
.hover-red-transparent:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
.hover-red-transparent .hover-red-transparent-background {
	width:100%;
	height:100%;
	float:left;
	opacity:0.8;
	filter:alpha(opacity=80);
	background:#e24a37;
}
.hover-red-transparent .hover-red-transparent-text {
	position:relative;
	top:-58%;
	float:left;
	width:100%;
}
.hover-red-transparent .hover-red-transparent-text h2 {
	width:100%;
	text-align:center;
	font-size: 21px;
	text-transform: uppercase;
	color: #fff;
	font-weight:600;
	letter-spacing: 2px;
}
.hover-red-transparent .hover-red-transparent-text p {
	width:100%;
	text-align:center;
	font-size: 14px;
	color: #fff;
	font-weight:500;
	letter-spacing: 2px;
}
.work-thumbnail-container {
	float:left;
	width:380px;
	height:363px;
	text-align:center;
}
.work-thumbnail-container .work-type-container {
	width:70%;
	text-align:center;
	margin:0 auto;
}
.work-thumbnail-container .work-type-container .work-type {
	margin: 7px 0 0;
	font-size: 12px;
	color: #fff;
	letter-spacing: 2px;
	font-weight: 500;
}
.work-thumbnail-container .work-type-container .work-type .separator-dot {
	margin:5px 15px 0;
}
.hover-red-transparent .hover-red-transparent-contact-background {
	width:100%;
	height:100%;
	float:left;
	opacity:0.9;
	filter:alpha(opacity=90);
	background:url(../images/bg-red-transparent-contact.jpg) repeat-x;
}
.hover-red-transparent .hover-red-transparent-contact-text {
	position:relative;
	top:-58%;
	float:left;
	width:100%;
}
.hover-red-transparent .hover-red-transparent-contact-text .label {
	width:100%;
	text-align:center;
	font-size: 10px;
	color: #f1b2aa;
	font-weight:500;
	letter-spacing: 2px;
	text-decoration:none;
	text-transform: uppercase;
}
.hover-red-transparent .hover-red-transparent-contact-text .details {
	width:100%;
	text-align:center;
	font-size: 13px;
	color: #fff;
	font-weight:500;
	letter-spacing: 2px;
	text-decoration:none;
	margin:5px 0 0;
	line-height:20px;
	border-bottom:#ec8679 solid 1px;
	padding:0 0 6px;
}
.hover-red-transparent .hover-red-transparent-contact-text .details:hover {
	border-bottom:#ee9387 solid 1px;
}
.contact-icon-container {
	width:215px;
	height:203px;
	float:left;
}