/*
Theme Name: Richard Earngey
Description: Semantic, SEO Optimised, Custom Wordpress Theme for Richard Earngey
Author: HMD
Author URI: #
*/

@font-face {
    font-family: 'helvetica_neue_roman';
    src: url('fonts/helveticaneue-roman-webfont.eot');
    src: url('fonts/helveticaneue-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue-roman-webfont.woff') format('woff'),
         url('fonts/helveticaneue-roman-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue-roman-webfont.svg#helvetica_neue_lt_w1g55_roman') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneuelight';
    src: url('fonts/helveticaneue-light-webfont.eot');
    src: url('fonts/helveticaneue-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue-light-webfont.woff') format('woff'),
         url('fonts/helveticaneue-light-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue-light-webfont.svg#helveticaneuelight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
body{color:#000000; background: #58595b; font: 16px/19px 'helveticaneuelight', sans-serif; position:relative;}
html,body{height:100%;margin:0; }
img{border-style:none}
a{text-decoration:none;color:#5ccbf0}
a:hover{text-decoration:underline; color:#58cbf1;}
input,textarea,select{font:100% 'helveticaneuelight', sans-serif; vertical-align:middle}
form,fieldset{border-style:none;margin:0;padding:0;font:100% 'helveticaneuelight', sans-serif;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box; box-sizing: content-box;}
.clear{clear: both;}
img.alignleft {
    margin: 0 10px 10px 0;
}
.alignleft {
    float: left;
}
img.alignright {
    margin: 0 0 10px 10px;
}
.alignright {
    float: right;
}

/* header */
.site-title, .site-description{
	height:0;
	visibility:hidden;
}
#masthead{
	background:#fff;
	height:218px;
}
#before-menu{
	margin:auto;
	width:1025px;
	padding:0 27px;
}
#logo{
	margin:56px 0 0;
}
#header-left{
	float:left;
	width:435px;
}
#header-right{
	float:right;
	width:510px;
	text-align:right;
}
#number{
	font:16px 'helvetica_neue_roman';
	color:#4f4f51;
	margin:14px 0 0;
}
#number a{
	color:#4f4f51;
}
#number strong{
	font-weight:700;
	color:#5ccbf0;
}
#social{
	margin:22px 0 26px;
}
.facebook{
	background:url(images/facebook.gif);
	display:inline-block;
	width:35px;
	height:34px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	margin-left:9px;
}
.linkedin{
	background:url(images/linkedin.gif);
	display:inline-block;
	width:35px;
	height:34px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	margin-left:9px;
}
#site-intro{
	font:18px 'helvetica_neue_roman';
	color:#4f4f51;
}
#site-intro strong{
	color:#5ccbf0;
}
#navbar{
	height:68px;
	text-align:right;
	width:1079px;
	margin:auto;
}
#navbar ul li{
	list-style:none;
	display:inline-block;
	height:68px;
	position:relative;
	z-index:50;
}
#navbar .current-menu-item a,#navbar .current-menu-parent a,#navbar ul li:hover a{
	background:#4f4f51 url(images/menu.gif) no-repeat bottom right;
	text-decoration:none;
}
#navbar ul li a{
	display:block;
	width:116px;
	height:68px;
	background:#4f4f51;
	text-align:center;
	text-transform:uppercase;
	font: 700 16px/68px 'helvetica_neue_roman';
	color:#fff;
}
#navbar .sub-menu{
	position:absolute;
	display:none;
}
#navbar li:hover .sub-menu{
	display:block;
}
#navbar .sub-menu li{
	width:205px;
	height:100%;
}
#navbar ul li .sub-menu li a{
	width:185px;
	padding:10px 10px 9px;
	font: 12px/14px 'helvetica_neue_roman';
	background:#58cbf1;
	height:100%;
	text-align:left;
}
#navbar ul li .sub-menu li:hover a,#navbar .sub-menu .current-menu-item a{
	background:#33acd4;
	text-decoration:none;
}
#main{
	width:1079px;
	margin:auto;
}
#primary{
	padding:27px 27px 80px;
	background:#eae8e8;
}
#header-image-wrapper{
	position:relative;
	width:1025px;
	height:483px;
	overflow:hidden;
}
#header-image-wrapper img{
	width:1025px;
	position:relative;
}
.header-image-cut{
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 0 131px 118px;
	border-color: transparent transparent #eae8e8 transparent;
	position:absolute;
	right:0;
	bottom:0;
	 -webkit-transform:rotate(360deg);
	z-index:5;
}
#header-message-wrapper{
	position:absolute;
	z-index:10;
	width:454px;
	top:63px;
	left:54px;
}
#header-message-cut{
	background:url(images/header-message.gif);
	width:454px;
	height:27px;
}
#header-message-container{
	background:#fff;
	padding:0 16px 2px 21px;
	position:relative;
}
#header-message{
	font:18px/28px 'helvetica_neue_roman';
	color:#58595b;
	position:relative;
	top:-12px;
}

/*footer */
#colophon{
	background:#939598;
	height:233px;
}
.site-info{
	width:1079px;
	margin:auto;
	color:#58595b;
	font:12px 'Helvetica';
	padding:12px 0 0;
}
.site-info a{
	color:#58595b;
	font:12px 'helvetica_neue_roman';
}	

/*home */
.box{
	display:inline-block;
	padding:27px 44px 0;
	background:#fff;
	margin:0 30px 38px	0;
	height:253px;
	width:230px;
	position:relative;
}
#home-box .box:nth-child(3n){
	margin-right:0;
}
#home-box{
	margin:28px 0 0 0;
}
.box-name{
	color:#36a9e0;
	font:22px/25px 'helveticaneuelight';
	margin:5px 0 0;
}
.box-name strong{
	font:700 22px/25px 'helveticaneuelight';
}
.box-cut{
	position:absolute;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 0 63px 63px;
	border-color: transparent transparent #36a9e0 transparent;
	position:absolute;
	right:0;
	bottom:0;
	 -webkit-transform:rotate(360deg);
}
.rollover{
	position:absolute;
	top:0;
	left:0;
	width:318px;
	height:280px;
	background:#36a3d8;
	opacity:0.9;
	z-index:5;
	display:none;
}
.rollover span{
	color:#fff;
	font:24px 'helvetica_neue_roman';
	display:block;
	text-align:center;
	opacity:1;
	margin:131px 0 0;
}
.box:hover .rollover{
	display:block;
}

/* about */
#about-content{
	background:#fff;
	margin:40px 0 0;
	padding:16px 13px 50px;
	position:relative;
}
h1{
	font:24px 'helvetica_neue_roman';
}
.page-title{
	text-transform:uppercase;
	color:#fff;
	background:#58cbf1;
	height:56px;
	padding:0 0 0 28px;
	line-height:56px;
	position:relative;
	z-index:20;
	opacity:0.8;
}
#about-left{
	float:left;
	width:607px;
	padding:0 0 0 28px;
}
#about-right{
	float:right;
	width:329px;
}
#about-right img{
	width:329px;
	margin-top:23px;
}
.image-caption{
	font:12px 'helvetica_neue_roman';
	color:#58595b;
}
.image-caption strong{
	color:#58cbf1;
	font-weight:normal;
}
.entry-content p{
	margin:22px 0;
}
.entry-content li{
	list-style:none;
	padding-left:18px;
	position:relative;
	margin-bottom:10px;
}
.entry-content li:before{
	content:'\2022';
	color:#58cbf1;
	position:absolute;
	left:0;
	top:0;
	font-size:12px;
}

/* contact */
#contact-left{
	width:506px;
	padding:0 0 0 28px;
	background:#fff;
}
#contact-image{
	position:absolute;
	right:0;
	top:0;
	background:#eae8e8;
	height:100%;
}
.contact-cut{
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 0 137px 118px;
	border-color: transparent transparent #eae8e8 transparent;
	position:absolute;
	right:0;
	top:347px;
	 -webkit-transform:rotate(360deg);
	z-index:5;
}
#contact-left .entry-content p:first-child{
	margin-top:0;
}
.contact-intro{
	margin-top:36px;
	color:#58cbf1;
}
h2{
	font-size:20px;
}
#contact-left{
	line-height:22px;
}
#contact-form{
	margin-top:46px;
}
.label{
	width:116px;
	display:inline-block;
	font:16px 'helvetica_neue_roman';
	vertical-align: top;
	padding-top:5px;
}
#contact-form input[type="text"], #contact-form input[type="email"], #contact-form input[type="tel"] {
    height: 32px;
	margin-bottom:26px;
    padding: 0 5px;
    width: 331px;
	background:#e9e7e7;
	border:none;
	box-shadow: 0 0 1px 1px #CCCCCC;
}
#contact-form textarea{
	height: 142px;
	margin-bottom:26px;
    padding: 0 5px;
    width: 331px;
	background:#e9e7e7;
	border:none;
	box-shadow: 0 0 1px 1px #CCCCCC;
}
.wpcf7-form{
	margin-top:22px;
}
#contact-form input[type="submit"]{
	cursor:pointer;
	border:none;
	height:32px;
	background:#4f4f51;
	color:#fff;
	text-align:center;
	font:700 16px 'helvetica_neue_roman';
	margin-left:394px;
}
#contact-content{
	background:#fff;
	margin:11px 0 0;
	padding:16px 13px 50px;
	position:relative;
}


/* gallery */
#gallery-content{
	margin:11px 0 0;
	padding:0 13px 50px;
	position:relative;
}
.project{
	width:284px;
	display:inline-block;
	margin: 57px 66px 0 0;
}
#gallery .project:nth-child(3n){
	margin-right:0;
}
.description{
	color:#939598;
	font-size:14px;
	line-height:19px;
	text-align:center;
	height:95px;
	padding-top:7px;
}
#pa-container{
	text-align:right;
	margin:15px 0 0 0;
}
.page-numbers{
	color:#939598;
	display:inline-block;
	margin-right:5px;
	font-weight:700;
}
.current{
	color:#36a9e0;
}
.contact-button{
	display:block;
	width:398px;
	height:60px;
	background:#36a9e0;
	text-align:center;
	font:700 24px/60px 'helvetica_neue_roman';
	color:#fff;
	margin:66px 0 0 290px;
}

/* Service */
#service-left{
	padding:0 0 0 28px;
	width:480px;
	min-height:646px;
}
#service-right{
	height:100%;
	background:#EAE8E8;
	width:474px;
	position:absolute;
	right:0;
	top:0;
}
#service-image-wrapper{
	position:relative;
	height:790px;
}
#service-image{
	position:relative;
}
.service-cut{
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 0 216px 194px;
	border-color: transparent transparent #eae8e8 transparent;
	position:absolute;
	right:0;
	bottom:0;
	 -webkit-transform:rotate(360deg);
	z-index:5;
}
#foo2 li img{
	width:135px;
	height:129px;
}
#foo2 li{
	display:inline-block;
	list-style:none;
	margin-right:27px;
	width:135px;
	cursor:pointer;
}
#slider{
	position:relative;
	padding:0 0 0 33px;
	margin:58px 0 0;
}
.prev2{
	position:absolute;
	left:0;
	top:45px;
	background: url(images/prev.gif);
	width:19px;
	height:36px;
	display:block;
}
.next2{
	position:absolute;
	right:-5px;
	top:45px;
	background: url(images/next.gif);
	width:19px;
	height:36px;
	display:block;
}
#bottom-intro{
	color:#58595b;
	font:italic 16px 'helvetica_neue_roman';
	text-align:center;
	margin:62px 0 0;
}
.contact-service{
	margin-top:31px;
}
#default-page{
	padding:0 28px;
}