/*

Patios & Driveways - Global Stylesheet
Handwritten by Richard Wilmot (AztecMedia.eu)
http://www.patiodriveways.co.uk

*/

																					/* ------------ Toolbox ------------ */

.float-left { float: left; }
.float-right { float: right; }
.align-right { text-align: right; }
.cleared { clear: both; }
.hide { display: none; }
.smaller { font-size: 90%; }
.larger { font-size: 110%; }
.normal { font-weight: normal; }

hr { display: none; }
strong { font-weight: bold; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

																					/* ------------ Defaults ------------ */

body, html {
	font-size:18px;
	color:#859c88;
	line-height:28px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	height: 100%;
	}
	
h1,
h2 {
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:35px;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:30px;
	line-height: 35px;
}

h2 {
	font-size:30px;
	margin-bottom:20px;
}

p {
	margin-bottom:20px;
	text-align:center
}

a {
	text-decoration:none;
	font-weight:bold;
	color:#d3d7b2
}

a:hover {
	text-decoration: underline;
}

a.facebook {
	width:139px;
	height:139px;
	display:block;
	background:url(../images/facebook.png)  no-repeat top left;
	position:fixed;
	right:-50px;
	top:300px;
	text-indent:-25000px;
	z-index:3000;
	-webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
            transition: all .5s ease;
}


a.facebook:hover {
	background:url(../images/facebook-on.png)  no-repeat top left;
	right:0px;
}





	
																					/* ------------ Header ------------ */

#header-container {
	width:100%;
	height:50%;
	position:relative
}

#patios-driveways #header-container {
	height:100%;
}

#header-wrap {
	width:100%;
	height:100px;
	background:#FFF
}

#header {
	width:100%;
	max-width:960px;
	height:100px;
	margin:auto;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	position: relative;
}

#header #logo {
	display:block;
	height:160px;
	width:240px;
	text-indent:-25000px;
	background:url(../images/patios-driveways.png) no-repeat top left;
	margin:auto
}

#header a.tel,
#header a.email {
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	position:absolute;
	left:20px;
	top:10px;
	text-decoration:none;
	color:#859c88;
	background:url(../images/icon-tel.gif) no-repeat top left;
	height:38px;
	display:block;
	line-height:38px;
	padding:0 0 0 30px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
}

#header a.email {
	background:url(../images/icon-email.gif) no-repeat top left;
	top:50px
}


#header ul.logos {
    text-align: right;
	position:absolute;
	top:10px;
	right:20px;
}

#header ul.logos li {
	float:right;
	margin:10px 2px;
	font-size:0;
	height:60px;
}

#header ul.logos li a {
	display: block;
	width: 100%;
	height: 100%
}

.which-trusted-trader {
	background:url(../images/which-trusted-trader.gif) no-repeat top left;
	width:78px;
}
.natural-paving-approved-installer {
	background: url(../images/natural-paving-approved-installer.gif) no-repeat top left;
	width:124px;
}
.brett-approved-installer {
	background: url(../images/brett-approved-installer.gif) no-repeat top left;
	width:88px;
}


																					/* ------------ Nav ------------ */

#nav-container {
	width:100%;
	height:40px;
	background:url(../images/nav-bg.gif) repeat-x top left;
}

#nav {
	max-width:960px;
	margin:auto;
	height:40px;
	padding:0 20px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}


#nav .menu,
#nav .mobile-menu {
    display: none;
}

#nav .standard-menu li {
	float:left;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	text-transform:uppercase;
	width:17%;
	font-size:16px;
}

#nav .standard-menu li a {
	color:#fbfbfb;
	display:block;
	width:auto;
	height:40px;
	line-height:40px;
	padding: 0 20px;
	text-decoration:none;
	text-align:center;
	font-weight:normal;
}

#nav .standard-menu li.projects,
#nav .standard-menu li.contact {
	float:right;
}


#nav .standard-menu li a:hover,
#nav .standard-menu li.menuactive a {
	position: relative;
	background: url(../images/nav-btn.png) no-repeat top center;
	color:#869d89;
}



																				/* ------------ Content ------------ */

#content-container {
	width:100%;
	background-color:#FFF;
}

#content-arrow {
	width:100%;
	height:110px;
	background:url(../images/content-bg.png) no-repeat top center;
	position:absolute;
	bottom:0;
}

#content-arrow a {
	display:block;
	height:50px;
	width:220px;
	background:#0F6;
	margin:auto;
	margin-top:10px;
	text-indent:-25000px;
	background:url(../images/skip-link.png) top center no-repeat
}

#content-arrow a:hover {
	background-position: center -50px;
}

#content {
	width:100%;
	max-width:960px;
	margin:auto;
	padding:0 40px 40px 40px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

																				/* ------------ Which ------------ */

#which {
	background: #FFFFFF;
	text-align: center
}
																				/* ------------ Footer ------------ */

#footer-container {
	width:100%;
	height:100%;
	background: #869c89 url(../images/nav-bg.gif) repeat-x top left;
	height:40px;
	
}

#footer {
	width:100%;
	max-width:960px;
	height:40px;
	margin:auto;
	font-size:11px;
	 color: #fff;
}

#footer a {
    color: #fff;
	font-weight: normal
}

#footer p.copyright {
    float: left;
	text-align:left
}

#footer p.reg-no {
    float: right;
    text-align: right;
}
#footer p {
    margin: 3px 0 0 0;
    width: 50%;
	line-height:17px;
   width: 50%;	
}