/* CSS Style Sheet Definition
 * -----------------------------------------------------
 * Author: Duncan McMillan
 * 
 * Copyright (c) September 2011 Art & Soul
 * http://www.artandsoul.co.uk
 *
 */
 
/* Import HTML5 Boilerplate Reset ---------------------- */

@import url("html5-boilerplate/reset.css");

/* Import 960 framework -------------------------------- */

/* 960 Reset is deprecated in favour of above */
/* @import url("960/reset.css"); */
@import url("960/text.css");
@import url("960/grid.css");

/* Fonts ----------------------------------------------- */

/* Layout ---------------------------------------------- */

.container_24, #page-header, #page-footer { overflow:auto; }

#background-gradient { 
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:200px;
	background:url(img/bg-grad-tile.png) repeat-x;
	z-index:-10;
}

#header-logo, #header-strapline { float:left; margin:10px; }
#page-header { padding-bottom:20px; }

#attribution { display:block; width:960px; margin:10px auto; }

#rh-column img:first-child { margin-top:30px; }

#map { height:400px; border:#CCC solid 1px; }
#map-frame { padding:10px; background:#F8F8F8; border:#E8E8E8 solid 1px; }

.sprite { display:block; text-indent:-2000px; overflow:hidden; }

/* Colours, graphics, textures, etc. -------------------
 *
 * #006633	:	Green
 * #003A00	:	Dark Green
 *
 * #E6F0EB	:	Green 10%
 * #CCE0D6	:	Green 20%
 * #99C2AD	:	Green 40%
 *
 * #887733	:	Gold
 *
 */
body { color:#333; background:#063 url(img/bg-grid-tile.png) center; }

#container { background:#FFF url(img/ampersand.png) no-repeat -20px 200px; }

#header-logo {
	width:300px;
	height:85px;
	background:url(img/eyws-logo-300px.png) no-repeat;
}
#header-strapline {
	width:580px;
	height:85px;
	background:url(img/safe-secure-strapline.png) no-repeat;
}

#page-footer {
	color:#FFF;
	background: #063;
	background: -moz-linear-gradient(top, #006633 0%, #003a00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006633), color-stop(100%,#003a00));
	background: -webkit-linear-gradient(top, #006633 0%,#003a00 100%);
	background: -o-linear-gradient(top, #006633 0%,#003a00 100%);
	background: -ms-linear-gradient(top, #006633 0%,#003a00 100%);
	background: linear-gradient(top, #006633 0%,#003a00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006633', endColorstr='#003a00',GradientType=0 );
	border-color:#003A00;
	border-style: solid;
	border-width: 0 1px;
	
	text-shadow:-1px -1px 1px #000;
}

h1 { color:#887733; }
h2 { color:#063; }
h3 { color:#666; }

.form-error, .required { color:#C00; }

#attribution { color:#99C2AD; }

::-moz-selection{ background: #333; color:#fff; text-shadow: none; }
::selection { background:#333; color:#fff; text-shadow: none; }

/* Typography ------------------------------------------ */
body { font: 14px/1.5em "Helvetica Neue", Helvetica, Arial, sans serif; }

b { font-weight:bold; }
i { font-style:italic; }

h1,
#big-tel-num { font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; }

h1 { font-size:2.6em; line-height:.85em; margin-bottom:10px; }
h2 { font-size:1.7em; line-height:1.25em; margin-bottom:20px; margin-left:40px; }
h3 { font-size:1.25em; line-height:1.25em; margin-bottom:10px; font-weight:bold; }

#main li { margin:0 0 10px 0; text-indent:0; }

#footer-navigation { font-size:1.25em; line-height:1em; }
#big-tel-num { font-size:2.4em; line-height:1em; margin-bottom:0; text-align:right; }


#attribution { font-size:.9em; text-align:center; }

/* Navigation & Links ---------------------------------- */

#primary-navigation li {
	margin:0 0 6px 0;
}

#primary-navigation a, #primary-navigation li.inactive {
	display:block;
	width:220px;
	height:30px;
	background:url(img/primary-navigation-sprite.png) no-repeat;
	text-indent:-2000px;
}

#primary-navigation li.home a:link,
#primary-navigation li.home a:visited { background-position: -10px -10px; }
#primary-navigation li.home a:hover,
#primary-navigation li.home a:active { background-position: -240px -10px; }
#primary-navigation li.home.inactive { background-position: -470px -10px; }

#primary-navigation li.document-storage-services a:link,
#primary-navigation li.document-storage-services a:visited { background-position: -10px -46px; }
#primary-navigation li.document-storage-services a:hover,
#primary-navigation li.document-storage-services a:active { background-position: -240px -46px; }
#primary-navigation li.document-storage-services.inactive { background-position: -470px -46px; }

#primary-navigation li.document-storage-prices a:link,
#primary-navigation li.document-storage-prices a:visited { background-position: -10px -82px; }
#primary-navigation li.document-storage-prices a:hover,
#primary-navigation li.document-storage-prices a:active { background-position: -240px -82px; }
#primary-navigation li.document-storage-prices.inactive { background-position: -470px -82px; }

#primary-navigation li.about-east-yorkshire-will-storage a:link,
#primary-navigation li.about-east-yorkshire-will-storage a:visited { background-position: -10px -118px; }
#primary-navigation li.about-east-yorkshire-will-storage a:hover,
#primary-navigation li.about-east-yorkshire-will-storage a:active { background-position: -240px -118px; }
#primary-navigation li.about-east-yorkshire-will-storage { background-position: -470px -118px; }

#primary-navigation li.contact-us a:link,
#primary-navigation li.contact-us a:visited { background-position: -10px -154px; }
#primary-navigation li.contact-us a:hover,
#primary-navigation li.contact-us a:active { background-position: -240px -154px; }
#primary-navigation li.contact-us.inactive { background-position: -470px -154px; }

#primary-navigation li.links a:link,
#primary-navigation li.links a:visited { background-position: -10px -190px; }
#primary-navigation li.links a:hover,
#primary-navigation li.links a:active { background-position: -240px -190px; }
#primary-navigation li.links.inactive { background-position: -470px -190px; }

#footer-navigation { margin:10px 0 20px 0; overflow:hidden; }

#footer-navigation ul { position:relative; float:left; left:50%; }

#footer-navigation li { display:inline; position:relative; right:50%; }
#footer-navigation li:before { content:"·"; padding:0 10px; }
#footer-navigation li:first-child:before { content:none; } 

a { text-decoration:none; }
a:link { -webkit-tap-highlight-color: #FC0; }

a:link, a:visited { color:#063; }
a:hover, a:active { color:#99C2AD; }

#footer-navigation .inactive { color:#99C2AD; }
#footer-navigation a:link, #footer-navigation a:visited { color:#FFF; }
#footer-navigation a:hover, #footer-navigation a:active { color:#CCE0D6; }

#attribution a:link, #attribution a:visited { color:#CCE0D6; }
#attribution a:hover, #attribution a:active { color:#FFF; }

/* Forms ----------------------------------------------- */

#contact-form {
	background-color:#E6F0EB;
	border:#CCE0D6 solid 1px;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	padding:10px;
	margin-bottom:20px;
}

label {
	display:block;
	margin-bottom:5px;
	
	color:#063;
}

input[type="text"], textarea {
	display:block;
	width:348px;
	padding:5px;
	margin-bottom:10px;
	
	border:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	color:#999;
	font-size:1.25em;
	line-height:1.125em;
}

input#email {
    display:none;
}

/* Tables ---------------------------------------------- */

/* Incidentals / Overrides ----------------------------- */


/* Import HTML5 Boilerplate Helper --------------------- */

@import url("html5-boilerplate/helper.css");