/*--------------------------------------------------------------------------
Author: Kevin Henney
Website: http://www.spotlightstudio.co.uk
Email: info@spotlightstudio.co.uk
Version: 1
--------------------------------------------------------------------------*/
* {
margin:0;
padding:0;
}

body{
background: #fff;
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
color:#666;
}

a:link, a:visited{
color:#ff8025;
text-decoration:none;
font-weight:bold;
}

a:hover{
color:#666;
text-decoration:underline;
font-weight:bold;
}

a.skip{
position:absolute;
right:0px;
top:0;
font-size:1.3em;
padding:2px;
color:#fff;
}

h1, h2, h3, h4, h5, h6{
font-size:1.5em;
letter-spacing:0.1em;
margin:10px 0 0 0;
}

h2.column{
text-align:center;
margin-top:160px;
}

h2.product{
color:#ff8228;
}

p{
line-height:1.5em;
font-size:1.3em;
margin:10px 0;
}

strong{
font-weight:bold;
}

address{
font-size:1.3em;
line-height:1.5em;
font-style:normal;
padding:10px;
}

.logo{
height:102px;
width:149px;
background:url(images/logo.jpg) no-repeat;
margin:10px 0 0 10px;
float:left;
}

ul#brands{
width:633px;
margin:0 0 0 50px;
font-size:1.3em;
}

	ul#brands li{
	margin-top:10px;
	line-height:1.5em;
	list-style:none;
	}
	
	ul#brands li.eclectics{
	background:url(images/eclectics.jpg) no-repeat right top;
	padding:0 12.3em 0 0;
	}
				
	ul#brands li.luxaflex{
	background:url(images/luxaflex.gif) no-repeat right top;
	padding:0 12.3em 0 0;
	}

	ul#brands li.faber{
	background:url(images/faber.gif) no-repeat right top;
	padding:0 12.3em 0 0;
	}
	
	ul#brands li.silentGliss{
	background:url(images/silentgliss.gif) no-repeat right top;
	padding:0 12.3em 0 0;
	}
	
	ul#brands li.sunway{
	background:url(images/sunway.gif) no-repeat right top;
	padding:0 12.3em 0 0;
	}
	
	ul#brands li.velux{
	background:url(images/velux.gif) no-repeat right top;
	padding:0 12.3em 0 0;
	}				
	
.service{
width:220px;
margin:0 16px 0 0;
float:right;
background:url(images/column1.jpg) no-repeat center top;
}

.experience{
width:230px;
float:left;
background:url(images/column2.jpg) no-repeat center top;
padding-right:10px;
border-right:1px solid #ccc;
}

.promise{
width:230px;
float:right;
background:url(images/column3.jpg) no-repeat center top;
padding-left:10px;
border-left:1px solid #ccc;
}

img.floated{
float:right;
margin-left:20px;
}

span.highlight{
color:#ff8228;
}

#contactDetails{
position:absolute;
right:20px;
top:0;
width:300px;
}

p.companyName{
float:left;
}

.footerNav{
float:right;
}

#container{
width:753px;
text-align:justify;
background:#fff url(images/bg.png) repeat-y top center;
padding:0 15px;
position: relative;
left:50%;
margin-left:-375px;
}

#header{
height:112px;
width:753px;
}

#imageFlashContainer{
height:224px;
margin-left:1px;
}

ul#mainNav{
margin:80px 0 0 0;
padding:0 10px 0 10px;
list-style-type: none;
float:right;
display:inline;
}

	ul#mainNav li{
	display:inline;
	line-height:2.2em;
	text-decoration:none;
	font-size:1.3em;
	letter-spacing:0.1em;
	margin:0 10px 0 10px;
	}

	ul#mainNav li a{
	text-decoration:none;
	color:#666;
	}
	
	ul#mainNav li a:visited{
	text-decoration:none;
	color:#666;
	}
	
	ul#mainNav li a:hover{
	color:#ff8025;
	text-decoration:underline;
	}

#content{
clear:both;
width:733px;
padding:10px;
}

#information{
width:733px;
margin-top:20px;
padding:10px 0;
border-bottom:1px solid #ccc;
}

#footer{
widows:733px;
clear:both;
padding:20px 10px 5px 10px;
}

.clearfix{
clear:both;
}

/*-----------------------------------------------------------------------
FORM ------------------------------------------------------------------*/
form{
margin-bottom:20px;
position:relative;
padding:0;
}

fieldset {
margin: 10px 0;
padding: 1em;
border : 1px solid #999;
width:350px;
}

legend {
font-weight: bold;
color:#ff8027;
}

label {
display: block;
}

input {
width: 200px;
}

input#Submit, input#Reset{
color:#ff7f27;
border:none;
background:#fff;
width:auto;
display:inline;
}

textarea {
width: 300px;
height: 100px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
}

input:focus, textarea:focus {
background: #eee;
}