@charset "utf-8";
/*------------------------------------------
Created:	30 November, 2009
Author:		Adam Alexander
Contact:	4dam4lexander@gmail.com
Website:	www.websitedesignglasgow.co.uk
-------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#333;
	margin:0px;
	padding:0px;
	background: url(../images/red-background.gif);
}
/* ----- Generic styles ----- */

p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin:0px;
	padding:0px 0px 12px 0px;
}
div {
	padding:0px;
	margin:0px;
}
abbr {
	cursor:help;
}
.clear {
	clear:both;
}
.bold {
	font-weight:bold;
}
.micro {
	font-size:0.8em;
}
img {
	border: none;
}
a:active, a:focus {
	outline: 0;
}
ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
/* ----- Anchors ----- */
	
a:link, a:visited, a:active {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#666;
	text-decoration:none;
}

.footer a:link, .footer a:visited, .footer a:active {
	color: #999999;
	text-decoration:none;
}
.footer a:hover {
	color:#FFF;
	text-decoration:none;
}

/* ----- Headers ----- */

h1 {
/*	font-family: "Times New Roman", Times, serif;*/
	padding:0px 0px 15px 0px;
	margin: 0px;
	color:#333;
	font-size:2.5em;
}

h2 {
	padding:0px 0px 3px 0px;
	margin:0px;
	color:#333;
	font-size:1.5em;
}
h3 {
	padding:0px 0px 5px;
	margin: 0px 0px 10px;
	background: url(../images/heading.gif) repeat-x bottom;
	color: #FF0000;
	font-size:1.9em;
}
/* ----- Main Containers ----- */
	
.width960 {
	width: 960px;
	margin: 0px auto;
	padding: 0px 8px;
}

.wide {
	width: 100%;
	background-color: #FFFFFF;
	}
/* ----- Content divs ----- */

.header {
	height: 100px;
	position: relative;
}

.mainlogo {
	position: absolute;
	z-index: 10000;
	}

.telephone {
	position: absolute;
	right: 20px;
	top: 10px;
	font-size: 1.8em;
	font-weight: bold;
	color: #FFF;
	text-align: right;
	}
	
.telephone span {
	font-size: 1.3em;
	}
	
#mycontent {
	z-index: 01;
	}
	
.flashpanel {
	background: url(../images/placeholder.jpg) no-repeat;
	height: 250px;
	z-index: 1;
	position: relative;
	}
	
.aboutpanel {
	background: url(../images/van-panel.jpg) no-repeat;
	height: 250px;
	position: relative;
}

.contactpanel {
	background: url(../images/van-panel.jpg) no-repeat;
	height: 250px;
	position: relative;
}
	
.content {
	background: url(../images/body-background.png) repeat-y;
	}

.leftcolumns {
	width: 670px;
	float: left;
	}
	
.doublecol {
	background: url(../images/2col-lines.gif) repeat-y left;
	margin: 10px 0px;
	}
	
.leftcol {
	width: 295px;
	padding: 0px 20px;
	float: left;
	}
	
.leftcol img {
	padding: 5px 0px;
	}
	
.doubleheading {
	background-color: #FFFFFF;
	padding: 0px 20px;
	width: 628px;
	clear:both;
	}

.maincol {
	width: 630px;
	padding: 0px 20px;
	margin: 10px 0px;
	border-right: #CCCCCC 1px solid;
	}
	
.rightcolumn {
	width: 250px;
	padding: 10px 20px;
	float: right;
	}

.divider {
	width: 100%;
	background: #333 url(../images/divider.jpg) repeat-x;
	height: 10px;
	clear: both;
}

.footer {
	background-color: #000000;
	color: #ccc;
	font-size: 1.2em;
	}
	
.footer .leftcol {
	padding: 20px;
	}
	
.footer .rightcolumn {
	padding: 20px;
	text-align: right;
	}

.welcometxt {
	width: 300px;
	padding: 20px;
	position: absolute;
	color: #FFFFFF;
	left:0;
	top:0;
	}
	
.welcometxt h1 {
	color: #fff;
	font-size: 2.2em;
	}
	
.welcometxt a:link, .welcometxt a:visited {
	color: #CCCCCC;
	font-weight: bold;
}

.welcometxt a:hover {
	color: #CC0000;
	}

.contact {
	padding: 10px 10px 0px;
	}
	
ul.services {
	list-style-type: disc!important;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0px 0px 10px 20px;
	}
/* ----- Navigation ----- */

ul.mainnav {
	position: absolute;
	bottom: 0px;
	right: 18px;
/*	width: 620px;*/
}
ul.mainnav li {
/*	float:left;*/	
	padding: 0px;
	margin: 0px;
	display:inline-block;
}
ul.mainnav li a {
	display: inline-block;
	background: #000 url(../images/tab1.jpg) no-repeat left top;
	padding:  0px;
	margin: 0px;
	color: #ccc;
	font-size: 1.2em;
	font-weight: bold;
}
ul.mainnav li a span {
	display: inline-block;
	background: url(../images/tab2.jpg) no-repeat right top;
	padding: 5px 25px 0px;
	height: 21px;
	}
	
ul.mainnav li a:hover, #home ul.mainnav li a.home, #about ul.mainnav li a.about, #blinds ul.mainnav li a.blinds, #furniture ul.mainnav li a.furniture, #flooring ul.mainnav li a.floor, #testimonials ul.mainnav li a.testimonials, #contact ul.mainnav li a.contact {
	background-position: left bottom;
	color: #fff;
}
ul.mainnav li a span:hover, #home ul.mainnav li a.home span, #about ul.mainnav li a.about span, #blinds ul.mainnav li a.blinds span, #furniture ul.mainnav li a.furniture span, #flooring ul.mainnav li a.floor span, #testimonials ul.mainnav li a.testimonials span, #contact ul.mainnav li a.contact span {
	background-position: right bottom;
}

/********* Gallery ****************/

ul.gallery li {
	display: inline;
	
}
ul.gallery li img {
	padding: 0px 5px 0px 0px;
	}
	
.ender {
	padding: 0px!important;
	}
	
/************* Sticky footer ***********************/

* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 142px; /* .push must be the same height as .footer */
	clear: both;
}