/* SSO CSS Document */

/*Gerneral Styles*/

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

.b		{font-weight:bold}
.c		{text-align: center;}
.cb		{text-align: center; font-weight: bold;}
.i		{font-style:italic}

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

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

/*Header Styles*/

#logo a:link, #logo a:hover, #logo a:visited {
		position: absolute;
		left: 20px;
		top: 0px;
		width: 330px;
		height: 187px;
		display: block;
		line-height: 187px;
		background-image: url(i/logolrg.jpg)	
		}
		
#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: 25px 0px 0px 375px;
		margin: -15px -20px 0px -10px;
		z-index: 100;
		overflow: hidden;
		}		
		
#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: 8px;
		padding: 0;
		}

#fencerule2 {
		background: url(i/fencerule.gif) top left repeat-x;
		display: block;
		width: 105%;
		height: 30px;
		margin: 0 0 0 -10px;
		}

/*Holder*/
		
#main {
		position: absolute;
		top: 240px;
		width: 100%;
		margin: 20px 0 0 -10px;
		}

/*Navigation*/
		
#navcontainer {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 140px;
		height: auto;
		margin: 0 0 0 25px;
		}

.nav	{
		height: 30px;
		width: 140px;
		margin-bottom: 20px;
		padding: 0;
		}
		
.nav a:link, .nav a:visited {
		color: #e8e7b0;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		display: block;
		line-height: 30px;
		margin: 0 0 15px 0;
		background-image: url(i/buttonup.gif);
		}

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

.navb	{
		height: 30px;
		width: 140px;
		margin-bottom: 15px;
		padding: 0;
		}
		
.navb a:link, .navb a:visited {
		color: #e8e7b0;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		display: block;
		line-height: 30px;
		margin: 0;
		background-image: url(i/buttonbu.gif);
		}

.navb a:hover {
		color: #e8e7b0;
		background-image: url(i/buttonbd.gif);
		}

.navo	{
		height: 30px;
		width: 140px;
		margin-bottom: 15px;
		padding: 0;
		}
		
.navo a:link, .navo a:visited {
		color: #e8e7b0;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		display: block;
		line-height: 30px;
		margin: 0;
		background-image: url(i/buttonbu.gif);
		}

.navo a:hover {
		color: #e8e7b0;
		background-image: url(i/buttonbd.gif);
		}
		
.navr	{
		height: 30px;
		width: 140px;
		margin-bottom: 20px;
		padding: 0;
		}
		
.navr a:link, .navr a:visited {
		color: #e8e7b0;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		display: block;
		line-height: 30px;
		margin: 0;
		background-image: url(i/buttonru.gif);
		}

.navr a:hover {
		color: #e8e7b0;
		background-image: url(i/buttonrd.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;
		}

/*Main Content*/

#content {
		margin: 0 10px 0 185px;
		overflow: hidden;
		}

.header	{
		margin: 0 10px 10px 20px;
		}		

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

.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: #e10000;
		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 h1 {
		color: #542015;
		font-size: 22pt;
		font-weight: bold;
		text-align: left;
		padding: 0 0 0 0;
		margin: 5px 0 0 0;
		}
		
#content h2 {
		color: #542015;
		font-size: 18pt;
		padding: 0;
		margin: 0 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;
		}
		
/*Home Page Photo Links*/

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

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

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

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

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

/*#cf a:link, #cf a:hover, #cf a:visited	{
		float: left;
		display: block;
		margin: 10px 10px 0 0;
		width: 200px;
		height: 140px;
		line-height: 140px;
		background-image: url(i/hp5.jpg);
		}*/
		
#cpa a:link, #cpa a:hover, #cpa a:visited	{
		float: left;
		display: block;
		margin: 10px 10px 0 0;
		width: 200px;
		height: 140px;
		line-height: 140px;
		background-image: url(i/hp6.jpg);
		}
		
#ps a:link, #ps a:hover, #ps a:visited	{
		float: left;
		display: block;
		margin: 10px 10px 0 0;
		width: 200px;
		height: 140px;
		line-height: 140px;
		background-image: url(i/hp7.jpg);
		}
		
#pap a:link, #pap a:hover, #pap a:visited	{
		float: left;
		display: block;
		margin: 10px 10px 0 0;
		width: 200px;
		height: 140px;
		line-height: 140px;
		background-image: url(i/hp8.jpg);
		}
		
/*Sprinkler Photo Links*/

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

#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/sd400.jpg);
		}

/*CONTACT PAGE*/

#contact {
		margin: 0 10px 0 185px;
		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 0 10px 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;
		}
		
/*Footer Styles*/

#footer {
		margin: 15px 0 0 -10px;
		width: 105%;
		}
		
#phone {
		color: #542015;
		font-size: 28pt;
		font-weight: bolder;
		text-align: center;
		padding: 0 0 0 0;
		margin: 10px 0;
		}
		
#footerbar {
		background-color: #542015;
		width: 105%;
		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;
		}