/*
	Barrett Electrical CSS Stylesheet
	
	Created by Paul Barrett (www.pbarrett.co.uk)
	
	Copyright (c) 2010
*/


* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 175px;}  /* must be same height as the footer */

#footer-wrap {position: relative;
	margin-top: -175px; /* negative value of footer height */
	height: 175px;
	clear:both;} 

/* Clear fix */
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hide from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* IE6 PNG Fix */
#box-sports-lighting, #box-electrical-contracts, #box-construction, #three-col-wrap li, #three-col-wrap ul, #three-col-wrap { behavior: url(iepngfix.htc) }



/* ************ */
/*    Layout    */
/* ************ */
body {
	background: #194698 url(../images/barrett_header_repeater.png) repeat-x center top;
	color: #F1F1F1;
	text-align: center;
	font-family: Verdana, Tahoma, arial, sans-serif;
	font-size: 70%;
	line-height: 1.5em;
}

 
#wrap {
    /*min-height: 100%;
	height:auto;
    height: 100%;
	margin: 0 auto -175px;
	padding: 0;*/
	
	margin-right: auto;
	margin-left: auto;

	width: 800px;
	background: #fff url(../images/barrett_body_repeater.png) repeat-y center top;
	text-align: left;
}

#content-wrap {
	clear: both;
	width: 800px;
	padding: 0; 
	margin: 0 auto;
}

#main {
	/*float: right;*/ /* Causes gap at bottom of content before footer */
	width: 100%;
	background: url(../images/barrett_body_top.jpg) no-repeat;	

	clear:both;
	
	height:auto;
	min-height: 352px;
	
	/*border: 1px solid #00FF00;*/
}


#main-content {
	padding: 0;
	width: 760px;
	margin-top: auto;
	margin-right: 20px;
	margin-bottom: auto;
	margin-left: 20px;
	
	/*padding: auto 20px auto 20px;*/
	
	/*border: 1px solid #FF0000;*/
}

#main-content p, #main-content li {
	font-size: 105%;
}




/* *********** */
/*    Links    */
/* *********** */
a, a:visited {text-decoration:none;}

#content-wrap a, #content-wrap a:visited {
	text-decoration:none;
	color: #ff6629;
	background: inherit;
	font-weight:bold;
}

#content-wrap a:hover {
	background: inherit;
	text-decoration:underline;
}

#footer a, #footer a:visited {
	text-decoration: none;
	color: #194698; 
	background: inherit;
}

#footer a:hover {
	color: #ff7738;
	background: inherit;
}


/* *************** */
/*    Text Tags    */
/* *************** */
h1, h2, h3 {
	font-family: Arial, Tahoma, Verdana, 'Trebuchet MS', Sans-serif;
	font-weight: Bold; 		
}

h3, p {
	padding: 10px;		
	margin: 0;
}

h1 {
	/*font-size: 130%;*/
	
	padding-top: 10px;
	color: #fefefe;
	padding: 5px 0 5px 25px;
	border-bottom: 1px solid #EFF0F1;
	/*font-family: Arial, Verdana, 'Trebuchet MS', Sans-serif;*/
	font-size: 200%;
	/*font-weight: bold;*/
	font-variant: small-caps;
	letter-spacing: 10px;
	word-spacing: 5px;
	
	
	
}

h2 {
	font-size: 120%;
	text-transform: uppercase;
	color: #F0F0F0 ;
	
	margin: 0;
	font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-weight: normal;
	font-variant: small-caps;
	text-transform: none;
	font-size: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6081bf;
	clear: both;
}

h3 {
	font-size: 120%;
	color: #666666; 
}




/* ************ */
/*    Lists    */
/* ************ */
ul, ol {
	margin: 0px 20px 10px;
	list-style-type:square;
	padding: 0 20px;
}
ul span, ol span {
	color: #666666;
}


/* ************ */
/*    Images    */
/* ************ */
img {
	/*border: 2px solid #CCC;*/
	border:none;
}
img.float-right {
  margin: 10px 10px 18px 10px;  
}
img.float-left {
  margin: 10px 10px 18px 10px;
}

#main-content img {
	/*border: 6px solid #6081bf;*/
	border:none;
}

#main-content img.hz_strip {
	clear:both;
	margin:20px 10px 0 10px;
}

#main-content img.no_img_border {
	border:none;
}

#main-content img.thumb {
border: 4px solid #103689; /*#194698;*/
}

#main-content img.thumb:hover {
border: 4px solid #ff7738;
}


/* ************** */
/*    Alignment   */
/* ************** */
.float-left  { float: left; }
.float-right { float: right;}
.float-middle {
	float:none;
	text-align:center;
}

.align-left  { text-align: left; }
.align-right { text-align: right; }

/* ************ */
/*    Tables    */
/* ************ */
table.tbl-with-image {

	width: 525px;
	border: none;
	margin: 0 10px 0 10px;;
	padding: 0;
	text-align:left;
	
	font-size:110%;
}

table.tbl-with-image th {width: 175px; padding: 0.5em 0 0.5em 0;}
table.tbl-with-image td {width: 350px}

table.bectable
{ 
	width:760px;
	border: none;
	margin: 0 10px 0 10px;
	padding: 0;
	font-size:110%;
}

th.bectable
{
	text-align:left;
	padding: 10px 0 10px 0;
}


tr.bectable
{ 
	vertical-align:top;
}

td.bectable
{  
	text-align:left;	
	padding: 10px 0 10px 0;
}

th.bectblpt{width:150px;}
th.bectblcl{width:75px;}
th.bectbldt{width:150px;}
th.bectblbd{width:auto;}







/* ************ */
/*    Header    */
/* ************ */
#header { 	
	position:relative;
	left:0px;
	top:0px;
	width:800px; 
	height:170px;	
}

#header img{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#barrett-logo a{
	position:absolute;
	left:0px;
	top:0px;
	width:400px;
	height:170px;
	background-image: url(../images/barrett_logo.jpg);
	background-repeat: no-repeat;
}

#barrett-02 {
	position:absolute;
	left:400px;
	top:0px;
	width:350px;
	height:25px;
	background-image: url(../images/barrett_02.jpg);
	background-repeat: no-repeat;
}

#barrett-03 {
	position:absolute;
	left:750px;
	top:0px;
	width:50px;
	height:5px;
	background-image: url(../images/barrett_03.jpg);
	background-repeat: no-repeat;
}

#barrett-small-home {
	position:absolute;
	left:750px;
	top:5px;
	width:15px;
	height:20px;
}

#barrett-small-contact {
	position:absolute;
	left:765px;
	top:5px;
	width:15px;
	height:20px;
}

#barrett-06 {
	position:absolute;
	left:780px;
	top:5px;
	width:20px;
	height:20px;
	background-image: url(../images/barrett_06.jpg);
	background-repeat: no-repeat;
}

#barrett-photo {
	position:absolute;
	left:400px;
	top:25px;
	width:380px;
	height:110px;
}

#barrett-08 {
	position:absolute;
	left:780px;
	top:25px;
	width:20px;
	height:145px;
	background-image: url(../images/barrett_08.jpg);
	background-repeat: no-repeat;
}

#barrett-09 {
	position:absolute;
	left:400px;
	top:150px;
	width:380px;
	height:20px;
	background-image: url(../images/barrett_09.jpg);
	background-repeat: no-repeat;
}



/* ********** */
/*    Menu    */
/* ********** */
 
li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

/* Menu background */
#nav-menu  {
	background: url(../images/barrett_menu_background.jpg) repeat-y center top;
	height: 30px;
	
	font: bold 12px/26px Verdana, Arial, Tahoma, Sans-serif;
}

#nav-menu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	/* Indent start of menu. */
	padding: 0 0 0 40px;
}
 
#nav-menu li { /* all list items */
	float: left;
	position: relative;
	width: 100px;
	text-align: center;
	background-image: url(../images/barrett_menu_rep_nrm.jpg);
	background-repeat: no-repeat;
}
 
#nav-menu li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 26px;
	left: 0;
	padding: 0;
	background-color: #FFFFFF;
}

#nav-menu li ul li{ /* second-level lists */
	width: 210px;
	text-align: left;
	background-color:#c0c0c0;
	border-left:2px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	background-image: none;
}
 
#nav-menu li:hover ul, #nav-menu li.over ul { /* lists nested under hovered list items */
	display: block;
}



/* Hyperlinks */
/* Top horizontal hyperlinks */
#nav-menu li a, #nav-menu li a:visited {
	color:#7d7d88;
	display:block;
}

#nav-menu li a:hover {
	background-color: #194698;
	display:block;
	background-image: url(../images/barrett_menu_rep_hov.jpg);
	background-repeat: no-repeat;
	color:#FFFFFF;
}

/* Drop-down vertical hyperlinks */
#nav-menu li ul li a, #nav-menu li ul li a:visited, #nav-menu #current ul li a, #nav-menu #current ul li a:visited {
	color:#fefefe;
	display:block;
	padding-left: 8px;
	padding-right: 0px;
	background-image:none;
}

#nav-menu li ul li a:hover, #nav-menu #current ul li a:hover {
	background-color: #194698;
	display:block;
	background-image:none;
}

/* Currently selected page link*/
#nav-menu #current a, #nav-menu #current a:visited {
	background-image: url(../images/barrett_menu_rep_cur.jpg);
	background-repeat: no-repeat;
	color: #fefefe; /*#194698;*/
}




/* ************ */
/*    Footer    */
/* ************ */
#footer-wrap {
	/*margin: 0 auto;*/
	width: 100%;
	/*clear: both;
	overflow:hidden;*/
	background: #fff url(../images/barrett_footer_repeater.png) repeat-x center top;
	/*height:175px;*/
}

#footer {
	color: #666666;
	width: 800px;
	/*height: 130px;*/
	text-align:left;
	font-size: 92%;
	background-image: url(../images/barrett_footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	
	/*margin: 0 auto;*/	
	margin-left:auto;
	margin-right:auto;
}

/*#footer a { text-decoration: none; }*/

#footer p {
	/*margin: 0px;*/
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#footer #credit {
	text-align: center;
	padding-top: 20px;
	/*height: 100px;*/
}

#footer #ftr-right{
	float:right; 
	clear:right; 
	text-align:right;
}





/* ************* */
/*    Content    */
/* ************* */

/* Start Home Page */
#box-sports-lighting, #box-electrical-contracts, #box-construction, #box-bullets {
	width:380px;
	height:200px;
	background-repeat: no-repeat;
	margin: 0;
}

#box-sports-lighting {
	background-image: url(../images/barrett_box_sports_lighting.png);
	float: left;
}

#box-electrical-contracts {
	background-image: url(../images/barrett_box_electrical.png);
	float: right;
}

#box-construction {
	background-image: url(../images/barrett_box_construction.png);
	float: left;
	margin-top: 20px;
}

#box-bullets {
	float: right;
	margin-top: 30px;
	/*line-height:28px;*/
}

#box-sports-lighting p, #box-electrical-contracts p, #box-construction p {
	margin: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	padding-top: 80px;
	color: #fefefe;
	font-size: 12px;
}

#boxes-padding {
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 200px;
	margin: 0px;
	
}

#boxes-padding p {
	color: #444444;
}


#boxes-padding a, #boxes-padding a:visited {
	color: #103689;
	font-weight: bold;
	text-align: right;
	float: right;
	padding: 9px 28px 0 0;
	
}

#boxes-padding a:hover {
	text-decoration: underline;
}

#box-bullets p {
	color:#fefefe;
	margin-left: 20px;
}


/* Tick Bullet Points */
#box-bullets ul {
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#box-bullets ul li {	
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/barrett_bp.gif) no-repeat scroll 0 7px;
	
	line-height:24px;
	padding-left:20px;
}

/* End Home Page */