/*
* style.css - Style Sheet for Queens Road Flooring - 09/03/10 - JD
*/

/* Colours */
	
* { margin: 0; padding: 0; }

html { height: 100%; }
		
body { background: #000 url(../images/queens-road-bg.jpg) top center no-repeat; color: #f7f7f7; font: 87.5%/1.5 Tahoma, Arial, Helvetica, sans-serif; height: 100%; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.85); }

::selection { background: #f9f9f9; color: #111; text-shadow: none !important; }
::-moz-selection { background: #f9f9f9; color: #111; }
		
/* Typography */

h1 { font-size: 48px; margin: 42px 0 21px; line-height: 1.2; }
h2, h3 { font-weight: 100; margin-bottom: 21px; letter-spacing: 1px; }
h2 { font-size: 21px; line-height: 1; }
h3 { font-size: 18px; line-height: 1.1666; }

p { margin-bottom: 21px; }
.highlight, .intro { color: #eee; }
.highlight { font-size: 16px; }

li { display: inline; }

.intro { line-height: 1.45; }

#footer p { margin-bottom: 10px; }

/* Links */

a { color: #f7f7f7; text-decoration: none; }
a:visited, a:active, a:hover { outline: none; }
a:visited { /*color: #;*/ }
a:active { xposition: relative; xtop: 1px; }
a:hover { color: #fff; }

#header-link:active { position: static !important; }

.gallery_thumb a:focus { outline: none; }

.gallery_thumb a { display :inline; }
.gallery_thumb a:active { position: static !important; }

.location { font-size: 18px; }

/* Images */

img { border: 1px solid #fff; margin-bottom: 42px; }

.rcol img:first-child { -moz-box-shadow: 0 5px 30px rgba(0,0,0,.85); -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.85); }

/* Layout */

.col { float: left; width: 425px; text-align: left; }
.rcol { text-align: right; float: right; width: 425px; }

#header, #nav, #content, #footer { margin: 0 auto; width: 850px; }

#header img { border: 0; margin: 21px auto 0; display: block; }

#header { display: block; padding-top: 16px; position: relative; }

#nav {  margin: 16px auto 32px; text-align: center; }
#nav li { margin: 0 21px; font-size: 15px; }

#content { text-align: left; }
#content a, #footer a { text-decoration: underline; }

#home #content { padding-bottom: 42px; }

.ftr-wrapper { background: black; background: url(../images/footer-gradient2.png) repeat-x; xbackground: -moz-linear-gradient(90deg,#000,#191919); border-top: 1px solid #292929; /*9a8989 - original*/ height: 175px; }

#footer { height: 150px; font-size: 13px; padding-top: 20px; }
#footer .col { padding-top: 9px; }
.credit { margin-top: 38px; }

/* Clears */
#header:after, #content:after, #footer:after, .col:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }

#header, #content, #footer, .col { *zoom: 1;}

/* Presentation */

.strap { margin-top: 42px; }
.strap img { border: none; }

.gomc { background: url(../images/gomc.png) no-repeat center; height: 129px; width: 128px; margin: 42px auto 21px; display: block; clear: both; }

.top { font-size: 21px; clear: both !important; }
.top a { text-decoration: none !important; }

#home .top { display: none; }

.main-pic { position: relative; }

/* Offers */

.promotion { background: url(../images/1x1.png); background: rgba(0,0,0,.4); height: 85px; position: absolute; text-align: center; right: 1px; bottom: 48px; width: 375px; z-index: 50; font-size: 16px; line-height: 1.6; }
.promotion p { margin-top: 11px; letter-spacing: 1px; font-size: 14px; }
.promotion span { font-size: 12px; }
.promotion strong { color: #fff; font-size: 21px; font-weight: 400; line-height: 1; letter-spacing: 1px; font-family: "Lucida Handwriting"; }
.promotion span.clause { display: block; color: #bbb; }

/*.christmas-offer { position: absolute; top: -100px; right: 0px; width: 125px; background: url(../images/advert-bg.png) repeat-x;
background: -moz-linear-gradient(90deg, rgba(0,0,0,0.5) 30%, rgba(125,125,125,0.2));
-moz-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
border: 1px solid #545454; height: 80px; padding-top: 5px; }
.christmas-offer span { display: block; text-transform: uppercase; font-size: 18px; }*/

.fn { display: none; }

.clear { clear: both; }

.logo { text-align: center; margin-top: 42px; }

.logo img { display: block; margin: 42px auto; }

/* Gallery */

.gallery_thumb img {
	display: inline-block;
    margin-left: 38px;
    opacity: .65;
    filter: alpha(opacity = 65);
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
}

.gallery_thumb a { width: auto; height: auto; display: inline-block;}

.gallery_thumb a:hover { cursor: pointer; }

.gallery_thumb img:hover { opacity: 1; filter: alpha(opacity = 100); }

.gallery_thumb img:nth-child(4n) { border: 1px solid; clear: left; }

/* Map */

#map_canvas {
    margin: 21px auto;
    height: 450px;
    color: #333;
    text-shadow: none;
    width: 800px;
}

.map-location {
	clear: both;
}

.contact-form {
	float: right;
	width: 425px;
}
.contact-details {
	float: left;
}

/* Form */

fieldset { border: 0; margin-bottom: 42px; width: auto; }
input, textarea {
	color: #fff;
	display: block; margin-bottom: 21px; padding: 4px;
	background: #1f1f1f;
	background: rgba(245,245,245,0.1);
	font-size: inherit; font-family: inherit;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3) inset; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.9) inset; box-shadow: 0 1px 1px rgba(0,0,0,0.9) inset;
	border: 1px solid #444;
}

input:focus, textarea:focus { outline: none; }

#name { width: 415px; }
#email { width: 415px; }
#telephone { width: 75%; }

textarea { width: 415px; height: 90px; }

button {
	color: #fff;
	border: 1px solid #ccc;
	border-color: #777 #444 #333;
	height: 30px; padding: 0 10px; overflow: visible; /* IE7 */
	font-family: inherit; font-size: inherit;
	background: #111;
	background: rgba(245,245,245,0.1);
	text-shadow: 0 1px 2px rgba(0,0,0,.85);
	cursor: pointer;
	width: 80px;
	float: right;
}

button:active {
	color: #aaa;
	border: 1px solid #222;
}