@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('PTN57F-webfont.eot');
    src: url('PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTN57F-webfont.woff') format('woff'),
         url('PTN57F-webfont.ttf') format('truetype'),
         url('PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansNarrowBold';
    src: url('PTN77F-webfont.eot');
    src: url('PTN77F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTN77F-webfont.woff') format('woff'),
         url('PTN77F-webfont.ttf') format('truetype'),
         url('PTN77F-webfont.svg#PTSansNarrowBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	margin:0;
	padding:0;
	background-color:#2D2D2D;
	font-family:Verdana, Geneva, sans-serif;
	width:100%;
}
.clear {
	clear:both;
}
body.chevin {
	background-image:url(../images/backgrounds/chevin1.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
body.home {
	background-image:url(../images/backgrounds/home.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	
}
body.automation-the-clever-bit {
	background-image:url(../images/backgrounds/automation-the-clever-bit.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
body.automation-the-basics {
	background-image:url(../images/backgrounds/automation-the-basics.jpg);
	background-repeat:no-repeat;
	background-position:center top;	
}
body.automation-security {
	background-image:url(../images/backgrounds/automation-security.jpg);
	background-repeat:no-repeat;
	background-position:center top;	
}
body.automation-lighting {
	background-image:url(../images/backgrounds/automation-lighting.jpg);
	background-repeat:no-repeat;
	background-position:center top;	
}
body.automation-lighting-start {
	background-image:url(../images/backgrounds/automation-lighting.jpg);
	background-repeat:no-repeat;
	background-position:center top;	
}
body.automation-climate-control {
	background-image:url(../images/backgrounds/automation-climate-control.jpg);
	background-repeat:no-repeat;
	background-position:center top;	
}
body.automation-music-movies {
	background-image:url(../images/backgrounds/automation-music-movies.jpg);
	background-repeat:no-repeat;
	background-position:center top;	
}	
body.automation-installation {
	background-image:url(../images/backgrounds/automation-installation.jpg);
	background-repeat:no-repeat;
	background-position:center top;	
}		
body.automation-bang-olufsen {
	background-image:url(../images/backgrounds/automation-bang-olufsen.jpg);
	background-repeat:no-repeat;
	background-position:center top;	
}	
body.automation-example {
	background-image:url(../images/backgrounds/automation-example.jpg);
	background-repeat:no-repeat;
	background-position:center top;	
}	
body.about {
	background-image:url(../images/backgrounds/about.jpg);
	background-repeat:no-repeat;
	background-position:center top;	
}		
body.stores {
	background-image:url(../images/backgrounds/stores.jpg);
	background-repeat:no-repeat;
	background-position:center top;	
}		
body.contact {
	background-image:url(../images/backgrounds/contact.jpg);
	background-repeat:no-repeat;
	background-position:center top;	
}	










body.forum {
	background-image:url(../images/backgrounds/forum.png);
	background-repeat: repeat-y;
	background-position:center top;
	background-color:#2D2D2D;
}
.noborder {
	border:0;
}
.rollover {
	border:0;
}
h1 {
	font-family:'PTSansNarrowBold' Verdana, Geneva, sans-serif;
	padding: 15px 0 10px 0;
	margin:0 0 0 0;
	color:#444;
	font-size:24px;
	text-transform:uppercase;
	font-weight:normal;
}
h2 {
	font-family:'PTSansNarrowBold' Verdana, Geneva, sans-serif;
	padding: 5px 0 10px 0;
	margin:0 0 0 0;
	color:#444;
	font-size:18px;
	text-transform:uppercase;
	font-weight:normal;
}
h3 {
	font-family:'PTSansNarrowBold' Verdana, Geneva, sans-serif;
	margin: 0 0 15px 0;
	padding: 3px 0 0 5px;
	color:#444;
	font-size:14px;
	text-transform:uppercase;
	font-weight:normal;
	



}
h4 {
	font-family:'PTSansNarrowBold' Verdana, Geneva, sans-serif;
	margin: 10px 0 8px 0;
	color:#444;
	font-size:12px;
	text-transform:uppercase;
	font-weight:normal;
}
h4.alt {
	font-size:11px;
	color:#333;
	font-weight:bold;
	margin: 0 0 8px 0;
}
h5 {
	font-size:10px;
	color:#333;
	font-weight:bold;
	padding: 5px 0 0 0;
}
 p {
	 font-family:'PTSansNarrowRegular' Verdana, Geneva, sans-serif;
	color:#555E64;
	font-size:14px;
	padding: 0;
	margin: 0;

}
p.footer {
	
	text-align:left;
	color:#CCC;
	margin:-30px 0 0 0;
	padding: 0 0 5px 10px;

}
p.copyright {
	text-align:right;
	color:#CCC;
	margin:0;
	padding: 5px 10px 5px 0;
}
a {
	color:#06C;
	text-decoration:none;
}
a:hover {
	color:#09F;
}
#container {
	margin: auto;
	width: 955px;

	overflow:visible;
}
#header {
	position:relative;
	top:0px;
	left:0px;
	height:518px;
	width:955px;
	margin: auto;
}
#header.about_alt {
	background-image:url(../images/headers/.jpg);
	background-repeat:no-repeat;
}
#logo {
	position:absolute;
	top: 0px;
	left: 15px;
}
#content {
	position:relative;
	background-color:#fff;
	width:957px;
	padding: 0;
	overflow:visable;
}
#title {
	position:relative;
	top:20px;
	background-color:#1B1C1E;
	height:57px;
	text-align:left;
	border-bottom:6px solid #1B1C1E;
}
#bodycopy {
	position:relative;
	left:22px;
	width:750px;
	min-height:530px;
	text-align:left;	
	margin: 0 0 0 0;
}
#bodycopy p {
	margin: 5px 0 12px 0;
}
#bodycopy p.seperator {
	margin: 5px 0 12px 0;
	padding: 0 20px 25px 0;
	border-bottom: 1px solid #D9D9D5;
}
#bodycopy a{
	color:#0D377D;
}
#bodycopy a:hover{
	color:#9F9FA8;
}

















/* Team Chevin Template */

#clear {
	clear:both;
}
#page.chevin {
	min-height:900px;

}
#content.chevin {

	background-image:url(../images/backgrounds/content/team-chevin.jpg);
	background-repeat:no-repeat;
	border-top: 6px solid #09286A;
}
#content.chevinalt {

	background-image:url(../images/backgrounds/content/team-chevin-blank.jpg);
	background-repeat:no-repeat;
	border-top: 6px solid #09286A;
}
#title.chevin {
	border-bottom:6px solid #09286A;
	width:350px;
}
#bodycopy.chevin {
	min-height:500px;
	width:500px;

}
#bodycopy.chevin-news {
	margin: 40px 0 0 0;	
	float:left;
	height:348px;
	width:600px;
}
#bodycopy.chevin a{
	color:#0D377D;
}
#bodycopy.chevin a:hover{
	color:#9F9FA8;
}
#bodycopy.chevinalt { 
	height:348px;
width:510px;
}
#bodycopy.chevinmugs { 
	height:348px;
width:940px;
}
#bodycopy.chevinprofile { 
	min-height:348px;
width:920px;
}
#bodycopy.chevinalt a{
	color:#0D377D;
}
#bodycopy.chevinalt a:hover{
	color:#9F9FA8;
}
#footer.chevin {
	border-top:6px solid #09286A;
}
#teamrow1 {
	position:relative;
	height:145px;
	width:930px;
	overflow:hidden;
	}
#teamrow2 {
	position:relative;
	height:145px;
	width:930px;
	}
#teamrow3 {
	position:relative;
	height:145px;
	width:930px;
	}
.mugshot {
	float:left;
	margin:10px 0 5px 0;
	width:93px;
	height:135px;
	text-align:center;
	font-size:12px;

}
#mugshot {
	display:block;
	float:left;
	width:220px;
	margin:0 0 0 -20px;
}
#stats {
	float:left;
	width:320px;
}
#actionshot{
	display:block;
	float:right;
	width:350px;
	margin:0 30px 0 0;
}
#news-image {
	float:right;
	width:250px;
	margin: 40px 0 0 0;	
}

dt {
	font-size:10px;
	text-transform:uppercase;
	color:#666;
}
dd {
	font-size:11px;
	color:#000;
	margin: 0 0 8px 0;
}

.centre {
	margin:auto;
	width:1260px;
}
.centreforum {
	margin:auto;
	width:956px;
}












/* Homepage Template */
#page.home {
	height:1000px;

}
#header.home {
	background-image:url(../images/headers/home.jpg);
	background-repeat:no-repeat;

}
#content.home {
	background-image:url(../images/backgrounds/content/home.jpg);
	background-repeat:no-repeat;
	border-top: 6px solid #09286A;
}
#title.home {
	border-bottom:6px solid #09286A;
	width:200px;
}
#bodycopy.home { 
	height:386px;
	width:660px;
}
#bodycopy.home a{
	color:#0D377D;
}
#bodycopy.home a:hover{
	color:#9F9FA8;
}
#footer.home {
	border-top:6px solid #09286A;
}
#bodycopy p.chevinintro {
	margin: 5px 0 12px 0;
	padding: 0 20px 25px 0;
	width:420px;
}
#homelogos {
	float:right;
	width:200px;
	margin: 0 15px 0 0;
}









/* Automation Template */
#page.automation-the-clever-bit {
	height:1150px;

}
#page.automation-the-basics {
	height:1150px;

}
#page.automation-security {
	height:1150px;
}
#page.automation-lighting {
	min-height:1000px;
}
#page.automation-lighting-start {
	min-height:1150px;
}
#page.automation-climate-control {
	height:1150px;
}
#page.automation-music-movies {
	height:1150px;
}
#page.automation-installation {
	height:1150px;
}
#page.automation-bang-olufsen {
	height:1150px;
}
#page.automation-example {
	height:1700px;
}
#header.automation {
	background-image:url(../images/headers/automation.jpg);
	background-repeat:no-repeat;

}
#content.automation-basics {
	background-image:url(../images/backgrounds/content/automation-the-basics.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	border-top: 6px solid #09286A;
}
#content.automation-security {
	background-image:url(../images/backgrounds/content/automation-security.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	border-top: 6px solid #09286A;
}
#content.automation-security-cctv {
	background-image:url(../images/backgrounds/content/automation-security.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	border-top: 6px solid #09286A;
}
#content.automation-lighting-start {
	background-image:url(../images/backgrounds/content/automation-lighting-start.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	border-top: 6px solid #09286A;
}
#content.automation-lighting {
	background-image:url(../images/backgrounds/content/automation-lighting.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	border-top: 6px solid #09286A;
}

#content.automation-climate-control {
	background-image:url(../images/backgrounds/content/automation-climate-control.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	border-top: 6px solid #09286A;
}
#content.automation-example{
	background-image:url(../images/backgrounds/content/automation-example.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	border-top: 6px solid #09286A;
}
#content.automation-clever{
	background-image:url(../images/backgrounds/content/automation-clever.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	border-top: 6px solid #09286A;
}
#content.automation-bang{
	background-image:url(../images/backgrounds/content/automation-bang.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	border-top: 6px solid #09286A;
}
#content.automation-music{
	background-image:url(../images/backgrounds/content/automation-music.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	border-top: 6px solid #09286A;
}
#content.automation-install{
	background-image:url(../images/backgrounds/content/automation-install.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	border-top: 6px solid #09286A;
}
#title.automation {
	border-bottom:6px solid #09286A;
	width:300px;
}
#bodycopy.automation { 
	min-height:600px;
	width:510px;
	margin: 25px 0 0 165px;
	padding:0 0 20px 0;
}
#bodycopy.automation-lighting { 
	min-height:650px;
	width:750px;
	margin: 25px 0 0 165px;
	padding:0 0 20px 0;
}
#bodycopy.automation-lighting-sub { 
	min-height:580px;
	width:510px;
	margin: 25px 0 0 165px;
	padding:0 0 20px 0;
}
#bodycopy.automation-example { 
	min-height:500px;
	width:700px;
	height: 1140px;
	margin: 25px 0 0 165px;
	padding:0 0 20px 0;
}
#bodycopy.automation-example ul {
	list-style:none;
	margin: 5px 0 12px 5px;
	padding: 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#555E64;
}
#bodycopy.automation-example li { 
	margin: 0;
	padding:0 0 10px 0;
}
#bodycopy.automation-example li strong { 
	margin: 0;
	padding:0 0 3px 0;
	font-size:10px;
	text-transform:uppercase;
	display:block;
}
#bodycopy.automation a{
	color:#0D377D;
}
#bodycopy.automation a:hover{
	color:#9F9FA8;
}
#footer.automation {
	border-top:6px solid #09286A;
}
#bodycopy.automation p{
	margin: 5px 0 12px 5px;
}
#bodycopy.automation-lighting-sub p{
	margin: 5px 0 12px 5px;
}
#bodycopy.automation-example p{
	margin: 5px 0 12px 5px;
}
#homelogos {
	float:right;
	width:200px;
	margin: 0 15px 0 0;
}

#slideshow {

}

#slideshow {
    position:relative;
    height:22px;
}

#slideshow a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	cursor:default;

}

#slideshow a.active {
    z-index:10;

}

#slideshow a.last-active {
    z-index:9;

}

.noborder {
	border:0;
}








/* New Text Layouts */

#txttopleft-example {
	float:left;
	width:380px;
	margin: 15px 0 20px 10px;
	padding: 8px;
	background-color:#F1F2F3;
}

#txtmiddleright-example {
	float:right;
	width:235px;
	margin: 175px 0 20px 0;
	padding: 8px;
	background-color:#F1F2F3;
}

#txtbottomleft-example {
	float:left;
	width:370px;
	margin: 15px 0 40px 40px;
	padding: 8px;
	background-color:#F1F2F3;
	
}


#txttopleft-lighting {
	float:left;
	width:365px;
	margin: 15px 0 20px 10px;
	padding: 0;
	background-color:#fff;
}

#txttopright-lighting {
	float:right;
	width:350px;
	height:250px;
	margin: 0 0 20px 0;
	padding: 0;
	background-color:#fff;
}

#txtbottomright-lighting {
	float:right;
	width:475px;
	margin: 0 15px 0 0;
	padding: 0;
	background-color:#fff;
	
}






/* About Us Template */
#page.about {
	height:1100px;
}
#header.about {
	background-image:url(../images/headers/about.jpg);
	background-repeat:no-repeat;
	height:452px;
}
#content.about {
	background-image:url(../images/backgrounds/content/about.jpg);
	background-repeat:no-repeat;
	border-top: 6px solid #09286A;
}
#title.about {
	border-bottom:6px solid #09286A;
	width:200px;
}
#bodycopy.about { 
	min-height:386px;
width:670px;
}
#bodycopy.about a{
	color:#0D377D;
}
#bodycopy.about a:hover{
	color:#9F9FA8;
}
#footer.about {
	border-top:6px solid #09286A;
}














/* Our Stores Template */
#page.stores {
	height:1100px;
}
#header.stores {
	background-image:url(../images/headers/stores.jpg);
	background-repeat:no-repeat;
}
#content.stores {
	background-image:url(../images/content/stores.jpg);
	background-repeat:no-repeat;
	border-top: 6px solid #09286A;
}
#title.stores {
	border-bottom:6px solid #09286A;
	width:200px;
}
#bodycopy.stores { 
	height:386px;
width:930px;
}
#bodycopy.stores a{
	color:#0D377D;
}
#bodycopy.stores a:hover{
	color:#9F9FA8;
}
#footer.stores {
	border-top:6px solid #09286A;
}



.store {
	float:left;
	width:160px;
	height:345px;
	margin: 0 5px 0 0;
	padding:5px;
	border: 1px solid #000;
}
.google {
	float:right;
	width:450px;
	height:355px;
	border: 1px solid #ccc;
	margin: 0 10px 0 0;
	padding:0;
}
.leeds {
	float:left;
	width:160px;
	height:345px;
	margin: 0 5px 0 0;
	padding:5px;
    border: 1px solid #333;	
}
.harrogate {
		float:left;
	width:160px;
	height:345px;
	margin: 0 5px 0 0;
	padding:5px;
	border: 1px solid #333;	
}
.york {
		float:left;
	width:160px;
	height:345px;
	margin: 0 5px 0 0;
	padding:5px;
	border: 1px solid #333;	
}
.thumbnail {
	margin: -5px 0 10px 0;
}
#bodycopy ol {
	font-size:11px;
	list-style-type:none;
	margin:0;
	padding:0;
}
#bodycopy li {
	margin:0;
	padding:1px 0 2px 0;
}
#bodycopy li.indent {
	margin-left: 190px;
	padding:0;
}
#bodycopy li.deep {
	margin:0;
	padding:12px 0 2px 0;
}











/* Contact Us Template */
#page.contact {
	height:1000px;

}
#header.contact {
	background-image:url(../images/headers/contact.jpg);
	background-repeat:no-repeat;
}
#content.contact {
	background-image:url(../images/content/contact.jpg);
	background-repeat:no-repeat;
	border-top: 6px solid #09286A;
}
#title.contact {
	border-bottom:6px solid #09286A;
	width:200px;
}
#bodycopy.contact { 
	height:386px;
width:840px;
}
#bodycopy.contact a{
	color:#0D377D;
}
#bodycopy.contact a:hover{
	color:#9F9FA8;
}
#footer.contact {
	border-top:6px solid #09286A;
}













/* Main Navigation */
#nav {
	position:relative;
	float:right;

	top:494px;
}

#nav ul {
	list-style:none;
	margin: 0;
	padding:0;
}
#nav li{
	float: left;
	margin:0 0 0 0;
	padding: 0;
	background-image:url(../images/nav/off.gif);
	background-repeat:no-repeat;
}
#nav li:hover{
	background-image:url(../images/nav/over.gif);
	background-repeat:no-repeat;
}
#nav li.active{
	background-image:url(../images/nav/over.gif);
}
#nav li a{
	font-family:'PTSansNarrowRegular' Verdana, Geneva, sans-serif;
	float: left;
	text-align:right;
	text-decoration: none;
	text-transform:uppercase;
	font-size:12px;
	padding:0 14px 0 28px;
	color:#E1E1E1;
}
#nav li a.active{
	color:#fff;
}
#nav li a:hover{
	color:#fff;
}













/* Sub Navigation Horizontal */
#subnav {
	position:relative;
	top: 25px;
	left:20px;
	height: 55px;
	width:500px;

}
#subnav ul {
	list-style:none;
	margin: 0;
	padding:0 0 25px 0;
	border-bottom: 1px solid #D9D9D5;	
}
#subnav li{
	float: left;
	margin:0 0 0 0;
	padding: 0;
}
#subnav li a{
	float: left;
	text-align:right;
	text-decoration: none;
	text-transform:uppercase;
	font-size:14px;
	padding:0 25px 0 0;
	color:#0D377D;
}
#subnav li a.active{
	color:#9F9FA8;
}

#subnav li a:hover{
	color:#9F9FA8;
}
#subnav.active {
		color:#9F9FA8;
}



#subnavteams {
	position:relative;
	top: 5px;
	left:20px;
	height: 30px;


}
#subnavteams ul {
	list-style:none;
	margin: 0;
	padding:0 0 0 0;
	
}
#subnavteams li{
	float: left;
	margin:0 0 0 0;
	padding: 0;
}
#subnavteams li a{
	float: left;
	text-align:right;
	text-decoration: none;
	text-transform:uppercase;
	font-size:12px;
	padding:0 25px 0 0;
	color:#0D377D;
}
#subnavteams li a.active{
	color:#9F9FA8;
}

#subnavteams li a:hover{
	color:#9F9FA8;
}
#subnavteams.active {
		color:#9F9FA8;
}



/* Sub Navigation Vertical */
#subnavalt {
	float:left;
	position:relative;
	top: 25px;
	left:15px;
	height: 55px;


}
#subnavalt ul {

	list-style:none;
	margin: 0;
	padding:0;

}
#subnavalt li{
	width:135px;
	margin:3px;
	background-color:#F1F2F3;
	padding:10px;
	color:#09286A;
}
#subnavalt li:hover{
	background-color:#09286A;
	color:#FFF;
}

#subnavalt li a{

	text-align:right;
	text-decoration: none;
	text-transform:uppercase;
	font-size:11px;


}
#subnavalt li a.active{
	color:#9F9FA8;
}

#subnavalt li a:hover{
	color:#fff;
		background-color:#09286A;
}
#subnavalt li.indentlist{
	width:137px;
	margin:-6px 0 0 3px;
	padding:7px 0 13px 18px;
}
#subnavalt li.indentlist a{

	text-align:right;
	text-decoration: none;
	text-transform:uppercase;
	font-size:10px;

}
#subnavalt li.indentlist a.active{

}

#subnavalt li.indentlist a:hover{

}


#subnavalt.active {
		color:#9F9FA8;
}








/* The Forms */

fieldset {
	text-align:left;
	font-size:12px;
	border:0;
}
fieldset ol {
	list-style-type:none;
	margin:0;
	padding:0;
}
fieldset li {
	height:30px;
	margin:0;
	padding:0;
}
fieldset li.indent {
	margin-left: 190px;
	padding:0;
}
fieldset li.deep {
	height:30px;
	margin:0;
	padding:0;
}
fieldset li.superdeep {
	height:60px;
	margin:0;
	padding:0;
}
label {
	text-transform: uppercase;
	font-size:10px;
}
label.indent {
	position:absolute;
	left: 200px;
	padding:0;
}
input.indent {
	position:absolute;
	left: 200px;
	padding:0;
}
input.textbox {
	position:absolute;
	left: 200px;
	border: 1px solid #ccc;
	color:#333;
	padding: 6px;
	outline:none;
	width:200px;
}
textarea {
	position:absolute;
	left: 200px;
	border: 1px solid #ccc;
	color:#333;
	padding: 6px;
	outline:none;
}
select{
	position:absolute;
	left: 200px;
	border: 1px solid #ccc;
	color:#333;
	font-size:12px;
	text-transform: capitalize;
	padding: 6px;
	outline:none;
	margin: 10px 0 0 0;

}
input.submit {
	margin: 10px 0 0 170px;
	padding: 6px;
	outline:none;
	font-size:12px;
	text-transform: capitalize;
	border: 1px solid #ccc;
	color:#333;
}






#footerHolder {
	position: relative;
	top:0px;
	background-image:url(../images/backgrounds/footer-background.jpg);
	background-repeat:no-repeat;
	height:100px;
	width:1260px;
	margin:auto;
}

#footer {
	position:relative;
	top:0;
	background-color:#1B1B1B;
	height:22px;
	margin: auto;
	padding:5px 0 0 0;
	width: 955px;
	border-top:6px solid #1B1B1B;
}

#footer a {
	color:#ccc;
	text-decoration:none;
}
#footer a:hover {
	color:#fff;
}

