@charset "utf-8";
/* CSS Document for Reliable Electric*/

/* IE6 Fix for widths*/
html, body {
margin: 0;
padding: 0;
height: 100%;}

/*End Fix*/

/* CSS Document for TripodSprinklers.com */

/*Gerneral Styles*/

/*** Main Site Wrapper necessary to retain div locations when using zoom with IE7 ***/
#wrapper {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		}

body 	{	
		background-color: #cdb87f;
		font-family: Arial, Helvetica, sans-serif;
		}

.b		{font-weight:bold}
.c		{text-align: center;}
.bc		{text-align: center; font-weight: bold;}
.bcb	{text-align: center; font-weight: bold; color: #005bd3;}
.i		{font-style:italic}

.rb		{color:#e10000;
		font-size: 18pt;
		font-weight: bold}

.rbc	{color: #e10000;
		font-weight: bold;
		text-align: center;}

.bl		{color: #005bd3;}

.grn	{color: #155428;}

h1 		{
		color: #542015;
		font-size: 18pt;
		padding: 0;
		margin: 0 0 0 0;
		}
		
.rbl	{color: #e10000;
		font-weight: bold;
		font-size: 24pt;}

/*Header Styles*/

#header	{
		position: absolute;
		top: 0;
		left: 0;
		width: 101%;
		height: 170px;
		background-image: url(i/gradient.jpg);
		background-repeat: repeat-x;
		z-index: 0;
		}

#logo a:link, #logo a:hover, #logo a:visited {
		position: absolute;
		left: 20px;
		top: 20px;
		width: 320px;
		height: 125px;
		display: block;
		line-height: 187px;
		background-image: url(i/Brueske-Irrigation-Logo-320.png);
		background-repeat: no-repeat;
		z-index: 15;
		}
		
#superduty	a:link, #superduty a:hover, #superduty a:visited {
		position: absolute;
		top: 35px;
		right: 20px;
		width: 300px;
		height: 104px;
		display: block;
		line-height: 112px;
		background-image: url(i/sds-logo-small.gif);
		z-index: 150;
		}
	/*#points {
			background: url(i/gradient.jpg) top left repeat-x;
			height: 187px;
			width: 105%;
			padding: 0px 0px 0px 375px;
			margin: -15px -20px 0px -10px;
			z-index: 100;
			overflow: hidden;
			}
*/
#points {
		position: absolute;
		top: 20px;
		left: 380px;
		height: 120px;
		width: auto;
		margin: 0px -20px 0px -10px;
		padding: 0;
		_padding-top: 10px; /*Hack for IE*/
		z-index: 200;
		}		
		
#points h2 {
		color: #542015;
		font-size: 20px;
		font-weight: bold;
		line-height: 8px;
		padding: 0;
		}
		
#points h1 {
		color: #542015;
		font-size: 28px;
		font-weight: bold;
		line-height: 18px;
		padding: 0;
		}

#fencerule2 {
		position: absolute;
		top: 170px;
		left: 0px;
		width: 101%;
		height: 30px;
		background: url(i/fencerule.gif) top left repeat-x;
		z-index: 25;
		}

/*Holder*/
		
#main {
		position: absolute;
		top: 190px;
		width: 100%;
		height: auto;
		margin: 0 0 0 0;
		z-index: 10;
		}

/*Content Styles*/

#content {
		margin: 10px 10px 0 185px;
		overflow: hidden;
		/*border: solid thin #000;*/
		}

.header	{
		margin: 0 10px 10px 20px;
		border: solid thin #F00;
		}		

#content img {
		float: left;
		margin: 10px 10px 0 0;
		}
		
.para	{
		margin: 0 10px 10px 20px;
		clear: both;
		}

.walkpic {
		float: left;
		margin: 0 2px 0 0;
		}

.para a:link, .para a:visited {
		color: #542015;
		font-size: 12pt;
		font-weight: normal;
		text-decoration: underline;
		padding: 0;
		margin: 0 0 0 0;
		}

.para a:hover {
		color: #542015;
		font-size: 12pt;
		font-weight: bold;
		text-decoration: underline;
		padding: 0;
		margin: 0 0 0 0;
		}

.pararb	{
		margin: 0 10px 10px 20px;
		clear: both;
		}

.pararb a:link, .pararb a:visited {
		color: #542015;
		font-size: 13pt;
		font-weight: bold;
		text-decoration: underline;
		padding: 0;
		margin: 0;
		margin-bottom: 20px;
		}

.pararb a:hover {
		color: #BD0003;
		font-size: 13pt;
		font-weight: bold;
		text-decoration: underline;
		padding: 0;
		margin: 0;
		}

.ul		{
		border-bottom: solid thin #000;
		}
		
.links a:link {
		color: #542015;
		font-size: 16pt;
		font-style: italic;
		text-decoration: none;
		padding: 0;
		margin: 0 0 0 0;
		}

.links a:visited {
		color: #960;
		font-size: 16pt;
		font-style: italic;
		text-decoration: none;
		padding: 0;
		margin: 0 0 0 0;
		}
		
.links a:hover {
		color: #960;
		font-size: 16pt;
		font-style: italic;
		text-decoration: underline;
		padding: 0;
		margin: 0 0 0 0;
		}

#content h2 {
		color: #542015;
		font-size: 22pt;
		font-weight: bold;
		text-align: left;
		padding: 0 0 0 0;
		margin: 5px 0 0 0;
		}
		
.rb		{font-size: 18pt;
		padding: 0;
		margin: 0 0 0 0;
		color:#e10000;
		}

#content h3 {
		color: #542015;
		font-size: 14pt;
		padding: 0 0 10px 0;
		margin: 0 0 0 0;
		}
		
#content h4 {
		color: #000;
		font-size: 14pt;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		}

#content p {
		color: #000;
		font-size: 12pt;
		padding: 10px 0 10px 0;
		margin: 0 0 0 0;
		}

#content ul {
		margin: 0 0 0 0;
		padding: 0 0 0 10px;
		}

#content li {
		color: #003300;
		font-size: 12pt;
		padding: 0 0 10px 0;
		margin: 0 0 0 10px;
		}

/*Table Styles*/

table 	{
		width: 540px;
		background-color: #efe0b5;
		border: 3px solid #542015;
		border-collapse: collapse;
		margin-top: 15px;
		overflow: hidden;
		
		}

td		{
		text-align: center;
		border: solid #542015;
		border-width: 1px;
		padding: 6px 8px 4px 8px;
		}

td a:link, .para a:visited {
		color: #542015;
		font-size: 12pt;
		font-weight: normal;
		text-decoration: underline;
		padding: 0;
		margin: 0 0 0 0;
		}

td a:hover {
		color: #542015;
		font-size: 12pt;
		font-weight: bold;
		text-decoration: underline;
		padding: 0;
		margin: 0 0 0 0;
		}

/*Sprinkler Photo Links*/

#sd100 a:link, #sd100 a:hover, #sd100 a:visited	{
		float: left;
		display: block;
		width: 140px;
		height: 200px;
		margin: 10px 10px 0 0;
		line-height: 200px;
		background-image: url(i/sd100.jpg);
		}

#sd150 a:link, #sd150 a:hover, #sd150 a:visited	{
		float: left;
		display: block;
		width: 140px;
		height: 200px;
		margin: 10px 10px 0 0;
		line-height: 200px;
		background-image: url(i/sd150.jpg);
		}

#sd250 a:link, #sd250 a:hover, #sd250 a:visited	{
		float: left;
		display: block;
		width: 140px;
		height: 200px;
		margin: 10px 10px 0 0;
		line-height: 200px;
		background-image: url(i/sd250.jpg);
		}

#sd300 a:link, #sd300 a:hover, #sd300 a:visited	{
		float: left;
		display: block;
		width: 140px;
		height: 200px;
		margin: 10px 10px 0 0;
		line-height: 200px;
		background-image: url(i/sd300.jpg);
		}

#sd350 a:link, #sd350 a:hover, #sd350 a:visited	{
		float: left;
		display: block;
		width: 140px;
		height: 200px;
		margin: 10px 10px 0 0;
		line-height: 200px;
		background-image: url(i/sd350.jpg);
		}

#sd400 a:link, #sd400 a:hover, #sd400 a:visited	{
		float: left;
		display: block;
		width: 140px;
		height: 200px;
		margin: 10px 10px 0 0;
		line-height: 200px;
		background-image: url(i/sd300.jpg);
		}

#sd450 a:link, #sd450 a:hover, #sd450 a:visited	{
		float: left;
		display: block;
		width: 140px;
		height: 200px;
		margin: 10px 10px 0 0;
		line-height: 200px;
		background-image: url(i/sd450.jpg);
		}

/*CONTACT PAGE*/

#contact {
		margin: 0 10px 0 50px;
		overflow: hidden;
		}

#contact img {
		margin: 0 0 10px 0;
		}

#contact h1 {
		color: #542015;
		font-size: 22pt;
		font-weight: bold;
		text-align: left;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		}
		
#contact h2 {
		color: #542015;
		font-size: 18pt;
		padding: 0;
		margin: 0 0 10px 0;
		}

#contact h3 {
		color: #542015;
		font-size: 14pt;
		padding: 0;
		margin: 0 0 0 0;
		}
		
#contact h4 {
		color: #000;
		font-size: 14pt;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		}

#contact h5 {
		color: #542015;
		font-size: 18pt;
		padding: 0 0 20px 0;
		margin: 0 0 0 0;
		}

#contact p {
		color: #000;
		font-size: 12pt;
		padding: 10px 0 10px 0;
		margin: 0 0 0 0;
		}

.cl		{
		margin: 0 10px 450px 20px;
		clear: both;
		}
		
#contact a:link {
		color: #000;
		font-size: 12pt;
		font-weight: bold;
		text-decoration: underline;
		padding: 0;
		margin: 0 0 0 0;
		}

#contact a:visited {
		color: #542015;
		font-size: 12pt;
		text-decoration: underline;
		padding: 0;
		margin: 0 0 0 0;
		}
		
#contact a:hover {
		color: #542015;
		font-size: 12pt;
		font-weight: bold;
		text-decoration: underline;
		padding: 0;
		margin: 0 0 0 0;
		}

/*Navigation*/
		
#nav {
		position: absolute;
		top: 220px;
		left: 0px;
		width: 140px;
		height: auto;
		margin: 0 0 0 25px;
		z-index: 20;
		}

#nav ul {
	list-style-type: none;
	list-style-position: outside;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	z-index: 20;
	}

#nav li {
	margin-top: 5px;
	padding: 0;
	}
	
.nav0 img	{
		margin: -6px 0 10px 0;
		_margin: -8px 0 10px 0; /*Hack for IE*/
		border: solid 1px #30C;
		_border: solid 1px #30C; /*Hack for IE*/
		}
		
.nav0 a:link, .nav0 a:visited, .nav0 a:hover {margin: 0;}
		
.nav1 a:link, .nav1 a:visited {
		color: #e8e7b0;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		display: block;
		line-height: 45px;
		margin: 0;
		_margin: 0 0 -15px 0; /*Hack for IE*/
		padding: 0;
		background-image: url(i/buttonup.gif);
		}

.nav1 a:hover {
		color: #d8d7a3;
		background-image: url(i/buttondown.gif);
		}
		
.nav2 a:link, .nav2 a:visited {
		color: #e8e7b0;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		display: block;
		line-height: 15px;
		margin: 0;
		_margin: 0 0 -15px 0; /*Hack for IE*/
		padding: 7px 0 8px 0;
		background-image: url(i/buttonup.gif);
		}

.nav2 a:hover {
		color: #d8d7a3;
		background-image: url(i/buttondown.gif);
		}

.nav3 a:link, .nav3 a:visited {
		color: #e8e7b0;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		display: block;
		line-height: 45px;
		margin: 0 0 20px 0;
		_margin: 0 0 5px 0; /*Hack for IE*/
		padding: 0;
		background-image: url(i/buttonup.gif);
		}

.nav3 a:hover {
		color: #d8d7a3;
		background-image: url(i/buttondown.gif);
		}

#nav h3 {
		color: #542015;
		font-size: 16pt;
		text-align: center;
		margin: 5px 0 15px 0;
		}

#keywords {
		margin: 0 0 0 15px;
		}
		
#keywords ul {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		}

#keywords li {
		color: #542015;
		font-size: 10pt;
		margin: 10px 0 0 0;
		}

/*Footer Styles*/

#footer {
		margin: 0px 0 0 -10px;
		width: 101%;
		}
		
#phone {
		color: #542015;
		font-size: 28pt;
		font-weight: bolder;
		text-align: center;
		padding: 0 0 0 0;
		margin: 10px 0;
		}
		
#footerbar {
		background-color: #005bd3;
		width: 101%;
		height: 30px;
		text-align: center;
		margin: 0 0 10px 0;
		}
		
#footerlink a:link {
		color: #e8e7b0;
		font-size: 26px;
		font-weight: bold;
		padding: 5px 0 0 0;
		text-decoration: none;
		}

#footerlink a:hover {
		color: #e8e7b0;
		font-size: 26px;
		font-weight: bold;
		padding: 5px 0 0 0;
		text-decoration: none;
		}

#footerlink a:visited {
		color: #e8e7b0;
		font-size: 26px;
		font-weight: bold;
		padding: 5px 0 0 0;
		text-decoration: none;
		}

#mininav {
		font-size: 10pt;
		color:#006600;
		font-weight: normal;
		text-align: center;
		margin: 0 0 10px 15px;
		}
		
#mininav a:link {
		font-size: 10pt;
		color: #542015;
		text-decoration: none;
		}
		
#mininav a:hover {
		font-size: 10pt;
		color: #542015;
		font-weight: bold;
		}

#mininav a:visited {
		font-size: 10pt;
		color: #542015;
		text-decoration: none;
		}
			
#design p {
		color: #000;
		font-size: 8pt;
		text-align: center;
		margin: 5px 0 10px 10px;
		}
		
#design a:link, a:visited {
		color: #000;
		font-size: 8pt;
		font-weight: normal;
		text-align: center;
		text-decoration: none;
		margin: 5px 0 10px 10px;
		}
		
#design a:hover {
		font-weight: bold;
		text-decoration: underline;
		}