/*
Theme Name: Cwmbran Services
Theme URI: http://www.visiondesignandprint.com/
Description: A Custom theme for Cwmbran Services.
Version: 1.0
Author: Paul Welsby
Author URI: http://www.visiondesignandprint.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Cwmbran Services  v1.0
	 http://www.cwmbranservices.com/

	This theme was designed and built by Paul Welsby,
	whose site you will find at http://www.visiondesignandprint.com/











	

*/
@import url('../../plugins/easy-contact/sample/econtact-basic.css');
/* RESET some sensible defaults */

strong { font-weight: bold; }
em { font-style: italic; }
/*ol, ul, li { list-style:none; }*/

* a { position:relative; } /* Gets links displaying over a PNG background */
a { outline:none; } /* Gets rid of Firefox's dotted borders */
a img { border:none; } /* Gets rid of IE's blue borders */
p {margin: 0;}

/*LAYOUT*/
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17px; color:#1E2B3C; margin:0px; padding:0px;}
p {padding:0 30px 10px 10px; line-height:25px;}

/*DIVS*/
#banner {height: 352px; width: 100%; /*margin-top:242px;*/ background:url(images/banner_bg.jpg) repeat-x; position:absolute; top:0px; left:0px;}
#wrapper {width:850px; height: 100%; margin: 0 auto; position:relative; border-bottom:20px solid #CCCCCC;}
#header {width:850px; height: 195px; font-size:1px; color:#FFFFFF;}
#navbar{width:650px; height:44px; margin-left: 190px; }
#content{width: 550px; margin:50px 0 0 0; padding: 25px 0 300px 0 ;}
#contentwide {width: 850px; height: 100%; margin:50px 0 0 0; padding: 25px 0 300px 0 ;}
#sidebar {width: 290px; height: 100%; float: right;margin-top:-10px; padding-left: 10px; padding-bottom:50px; }
#sidebar2 {width: 290px; height: 100%; float: right;margin-top:-10px; padding-left: 10px; padding-bottom:50px; }
#searchbar {padding:10px 0 10px 10px; background-color:#e5f0ec; margin: 30px 0 30px 0;  border: 2px solid #FFFFFF;}
#footerbanner {height: 110px; width: 100%; margin-top:0px; background-color:#0770B0; }
#footer {height: 40px; width: 850px; background-color: #cccccc; margin: 0 auto; }
#moreinfo {width: 287px; height: 118px; background-color:#e5f0ec; margin-top: 30px;  border: 2px solid #FFFFFF;}


p.moreinfo { font-size:15px;text-align:center; line-height:25px; color:#0770b0; padding:15px 0 0 5px;}
p.moreinfo span { font-weight:bold; color: #1D283A;}
p.moreinfo span a{ font-weight:bold; color: #1D283A;}
p.footer {font-size:12px; padding: 0px 0 0 10px;}

#areas_covered {width: 287px; height: 112px; background:url(images/areas_covered.jpg) no-repeat; margin-top: 30px;  border: 2px solid #FFFFFF; padding:0;}
p.areas_covered { font-size:15px;text-align:center; line-height:25px; color:#0770b0; padding:25px 55px 0 3px;}
p.areas_covered span { font-weight:bold; color: #1D283A;}


/*LINKS*/
a {text-decoration: none; color:#0796ff;}
a:hover {text-decoration:underline; color:#002cd4;}
a:visited {text-decoration:none; color:#c9d857;}

/*HEADINGS*/
h2 {display:block; width:100%; height: 30px; color:#FFFFFF; font-size:20px; background-color:#0770b0; padding-left:*1px;}
h2.banner {font-size:20px; color:#FFFFFF; padding:20px 0 0 10px; }
h1.header {width:850px; height:195px; position: relative; }
h1.header span {background:url(images/header.jpg); position:absolute; width: 100%; height: 100%; overflow:hidden; }
#sidebar h2 {width:264px; list-style:none; height:40px;}
.widget_links {list-style:none; padding-left: 0px;}
.widget_text {list-style:none;}

/*homepage lists*/
#content h3 {padding-left: 200px; padding-top:20px; font-weight:bold;}
#content ul { padding-left:200px;}
#content img {float:left;}

/*CSS IR DROPDOWN NAVIGATION*/

/*<![CDATA[*/
	#nav * { margin: 0; padding: 0; }
	#nav body { 	
		margin: 1em;	
		font: 83%/140% Verdana,Arial,Helvetica,sans-serif; 
		behavior: url(csshover.htc);
	}
	#nav h2 { 
		font: normal 100% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
	}
	
	#nav h3 { 
		margin-bottom: 1em;
		font: normal 100% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
	}
	
	#nav p { margin: 0.5em 0; }
	#nav a { text-decoration: none; font-weight: bold; }
	#nav a:hover { text-decoration: underline; }
	#nav a:hover { text-decoration: none; }
	#nav h4.tested { margin-top: 2em; }
	#nav small { line-height: 120%; }
	
	#nav.clear:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	#nav.clear { display: inline-block; }
	
	/* Hides from IE-mac \*/
	#nav * html .clear { height: 1%; }
	#nav .clear { display: block; }
	/* End hide from IE-mac */
	
	/* image replacement general properties */
	#nav ul.IR li { 
		position: relative;
		/* The original method recommends setting this so that the text doesn't peak out if you resize the text.But overflow also includes our dropdown list, so we need the overflow to be visible. */
		/*overflow: hidden; */
		font-size: 0.8em;
	}
			
	#nav .IR em {
		display: block;
		position: absolute;
		top: 0; left: 0;
		z-index: 1;
	}
	
	/* For IE5.x mac only */
	#nav * html>body	.IR { 
		position: static;
		overflow: visible;
		font-size: 10px;
  }
	#nav * html>body .IR em  { position: static; }
	
	/* image replacement specific properties */
	.nav { list-style: none; }
	.nav li { float: left; padding-bottom: 50px; } /* add a little bottom padding to make sure the sub menus don't disappear before selecting them */
	.nav li, .nav li em { width: 130px; height: 44px; }
	
	* html>body ul.nav li em { margin-bottom: -44px; } /* for ie5.x/mac only */
	
	.link1 em, .link2 em, .link3 em, .link4 em, .link5 em, .link6 em{ 
		background: url(images/navlinks.gif) no-repeat; 
		cursor: pointer;
		/* IE5 requires cursor: hand; however this is not valid CSS2 */
	/*  
Handy measurements for the nav image replacement:

	The distance from the top to the...
	
	Link1 button = 0 / 44px
	Link2 button = 0 / 44px
	Link3 button = 0 / 44px
	Link4 button = 0 / 44px
	Link5 button = 0 / 44px
	Link6 button = 0 / 44px

	The distance from the far-left to the...
	
	Link1 button = 0
	Link2 button = 130
	Link3 button = 260
	Link4 button = 390
	Link5 button = 520
	Link6 button = 650
	
	The width of all buttons = 130px
*/
	}
	.link1 { left: 0; }
	.link1 em { background-position: 0 0; }
	.link1:hover em { background-position: 0 -44px; }
	 body#home .link1 em{ background-position:0 -44px }
	 
	 
	
	.link2 { left: 0px; }
	.link2 em { background-position: -130px 0; }
	.link2:hover em { background-position: -130px -44px; }
	 body#services .link2 em{ background-position:-130px -44px }
	 body#fixed-wiring-safety .link2 em{ background-position:-130px -44px }
	 body#portable-appliance-testing-pat .link2 em{ background-position:-130px -44px }
	 body#gas-installation .link2 em{ background-position:-130px -44px }
	 body#other-services .link2 em{ background-position:-130px -44px }
	 body#costs .link2 em{ background-position:-130px -44px }

	 
	.link3 { left: 0px; }
	.link3 em { background-position: -260px 0; }
	.link3:hover em { background-position: -260px -44px; }
	 body#news .link3 em{ background-position:-260px -44px }
	 
	.link4 { left: 0px; }
	.link4 em { background-position: -390px 0; }
	.link4:hover em { background-position: -390px -44px; }
	 body#about-us .link4 em{ background-position:-390px -44px }
	 
	.link5 { left: 0px; }
	.link5 em { background-position: -520px 0; }
	.link5:hover em { background-position: -520px -44px; }
	body#contact-us .link5 em{ background-position:-520px -44px }
	

	
	/* suckerfish styles */
	.nav a { display: block; font-weight: normal; }
	* html .nav a { height: 1%; }
	
	.nav li ul {
		position: absolute;
		z-index: 10; /* show the dropdowns above the images */
		top: 30px; /* position the dropdowns a set distance from the top of the image */
		left: -999em;
		list-style: none;
		border: 1px solid #002cd4;
	}
	
	.nav li:hover ul { left: auto; }
	
	.nav li li {
		height: auto; /* reset the height and padding set on the IR list items */
		padding-bottom: 0;
		font-size: 100%;
		border-bottom: 1px solid #002cd4;
	}
	
	.nav li ul a {
		height: 20px;
		padding-top: 15px;
		text-align:center;
		/*color: #FF6600;*/
		color: #1e2b3c;
		background: #e5f0ec;
	}
	.nav li ul a:hover {
		color: #0770b0;
		background: #e5f0ec;
	}
	/*]]>*/