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

/* 
	Developed for Ron's Electrical by Integris Consulting 
	Author: Dustin Ledden
	email: dustin@integrisconsultingllc.com 
	Date: July 20, 2010
*/
/* Plain PHP template */

/* 
Updates

*/

/********************************************************************* */

/* Fonts size / color */
@font-face {font-family: "swiss911 ucm bt";src: url(../fonts/swz911uc.ttf);}
	
	h1, h2, p, a {font-family:"swiss911 ucm bt", Geneva, sans-serif;margin:0;padding:0; text-align:left;}
	h1 {display:block;font-size:200%;font-weight:bold;margin:7px 0 10px 0;}
	h2 {font-size:160%;font-weight:normal;}
	p {display:block;font-family:Geneva, sans-serif;padding:5px 0 10px 0;}
	a {color:#039;}
	td{
	font-family:Geneva, sans-serif;
	font-size:80%;
	font-weight:normal;
	padding:7px 0 5px;
	text-align:center;
}
	
	div#header_r h2 {clear:both;color:#333;float:right;display:block;margin:57px 20px 0;text-align:right;width:120px;}
	
	div#footer p {color:#F00;font-family:Geneva, sans-serif;font-size:9px;padding-top:25px;text-align:center;}
	div#footer a {color:#F00;font-family:Geneva, sans-serif;font-size:9px;text-decoration:none;}
	
/* End Fonts */

/* Background colors and images */
	body {background:url(../media/bg-slice.png) repeat-x;}
	
	div#container {background:#FFF;}
	
	div#cap {background:url(../media/edge-top.png) no-repeat;}
	
	div#shadow_l {background:url(../media/edge-shadow-left.png) top left repeat-y}
	div#shadow_r {background:url(../media/edge-shadow-right.png) top left repeat-y;}
	
	div#header {background:url(../media/header-slice.png) top left repeat-x;}
	div#header_l {background:transparent url(../media/light-bulb.png) top left no-repeat;}
	div#header_r {background:transparent url(../media/rons-electric-logo.png) bottom left no-repeat;}
	
	div#footer {background:transparent url(../media/edge-bottom.png) top left no-repeat}
/* End Background */


/* Structure */
	/* resets */
	div {display:block;margin:0;overflow:visible;padding:0;}
	img {border:none;display:inline;margin:0;padding:0;}
	
	.clear {clear:both;}
	.center {text-align: center;}
	
	/* containers */
	body {
		height:100%;
		min-height:100%;
		width:100%;
	}
	div#container {
		position:relative;
		margin:20px auto 0;
		height:100%;
		min-height: 600px;
		width: 984px;
	}
	
	div#wrapper {position:relative;margin:0 auto 0;}
	div#content {width:95%}
	
	div#cap {height:20px;margin-left:-13px;width:1010px;visibility:visible;}
	div#shadow_l {position:absolute;margin-left:-13px;height:100%;min-height:100%;width:13px;}
	div#shadow_r {position:absolute;margin-left:984px;height:100%;margin-right:-13px;min-height:100%;width:13px;}
	
	div#header {position:relative;width: 984px;}
	div#header_l {float:left;height:310px;margin-top:-55px;width:984px;}
	div#header_r {display:block;float:right;height:260px;width:750px;}
	
	div#footer {position:relative;margin:0 -13px 0;}

/* End Structure */

/* Main Mennu */
	div#menu {position:absolute;top:200px;width:980px}
	div#menu-line {position:absolute;border-top:1px solid black;float:left;top:59px;width:900px}
	div#menu ul {position:absolute;list-style:none;top: 0px;left:680px;padding: 0;	margin: 0px 0;text-align:center;}
	div#menu li {display:inline;float: left;height:23px;margin: 0 0.15em;}
	
	#menu a {
		height: 113px;
		width: 87px;
		display: block;
		/*border: 0.1em solid #dcdce9;*/
		color: #0d2474;
		text-decoration: none;
		text-align: center;
		text-indent: -9999px;
	}
	/* Hide from IE5-Mac \*/
	#menu li a{float: none}
	/* End hide */
	
	div#menu a {
		line-height:0;
		padding: 113px 0 0 0;
		overflow: hidden;
		height: 0px !important; 
		height /**/:113px; /* for IE5/Win only */
	} 

	#mnu_home a {background:transparent url(../media/home-3-V2.png) bottom left repeat-x;}
	#mnu_gallery a {background:transparent url(../media/gallery-3-V2.png) bottom left repeat-x;}
	#mnu_info a {background:transparent url(../media/about-us-3-V2.png) bottom left repeat-x;}
	
	div#menu li a:hover { 
		background-position: 0 -113px;
		}
	
	div#menu li a:active {
		background-position: 0 -113px;
		}
		
	div#menu li a .selected {
		background-position: 0 -113px;
		}
	
	
/* End Main Menu ,  */

/* Page Specific */
	/* Front page */
	
	div#fp_wrapper {margin:10px 60px 10px 45px;min-height:400px;width: 920px; }
	div#fp_wrapper p {width:440px}
	div#fp_left-column {float:left;width:31%;}
	div#fp_right-column {float:right;width:300px;}
	
	#manufacturers {border-top:2px gray solid; margin:15px auto 0;width:780px;}
	#manufacturers li {list-style:none; float:left; margin-right: 45px;}
	#manufacturers img {float:left;}
	
	/* About page */
	div#about_wrapper {margin:10px 60px 10px 45px;min-height:400px;width: 920px; }
	div#left-column {float:left;width:31%;}
	div#right-column {float:right;width:620px;}
	.gray-border {border:1px gray solid;padding:5px;}
	
	/* Projects Page */
		div#promo {position:absolute;width:220px;border:#039 1px solid;margin-left:665px;margin-top:130px;}
		
		#gallery_wrapper {margin: 10px 0 0;padding:5px 0 0}
		#picasaGallery1, picasaGallery2, #picasaGallery3 {
			border-top:2px gray solid;
			float:left;margin-top:15px;width:95%;
		}
		#picasaGallery1 ul, #picasaGallery3 ul {float:left}
		#picasaGallery1 ul li, #picasaGallery3 ul li {
			display:block;
			margin-bottom:25px;
			padding-top:10px;
			font-weight:bold;
			list-style:none;
			clear:left;
			border-top: 2px #999 solid;
			overflow:hidden;
}
		#picasaGallery1 ul li img, #picasaGallery3 ul li img {float:left}
		.blurb_desc {float:left;margin:0 10px 10px}
		.blurb_desc h3 {text-align:left;margin:0}
		.blurb_desc p {font-weight:normal}
		
		
		#picasaGallery4 {
			float:left;
			margin-top:15px;
			width:95%;
		}

		.picasaGalleryItem {
			border: 1px solid silver;
			margin: 5px;
			padding: 2px;
			float: left;
		}


/* End Page Specific */