/* #####  CSS for Blue Ribbon Landscape index "splash" pages ##### */

body         
{
background : #ffffff ;
text-align: center; 
margin: 0 ; 
padding: 0 ;
border : 0 ;
color: #333333;
line-height: 1.166;
font-family : 'Trebuchet MS', Tahoma, Arial, sans-serif;
font-size : 18px;
}

a
{
	color: #0000ff;
	text-decoration: none;
}

a:link, a:visited, a:active
{
	color: #000180;
	text-decoration: none;
}

a:hover, a:focus
{
	color: #ab0000;
	text-decoration: underline;
}

.hiddenimages
{
	display : none ;
}

#preloadimages
{
	display : none ;
}

a img
{
	border : none ;
	text-decoration: none;
}

a:link img, a:visited img, a:active img
{
	border : none ;
	text-decoration: none;
}

a:hover img, a:focus img
{
	border : none ;
	text-decoration: none;
}

img
{
	border : none ;
	padding : 0 ;
	margin : 0 ;
}


.clearer
{
	clear : both ;
	height : 10px ;
	height : 0 ;
	margin : 0 ;
	padding : 0 ;
	background : #efefef ;
}

.center
{
	text-align: center;
	margin: 0 auto ;
}

.left
{
	float : left ;
}

.right
{
	float : right ;
}

.divider
{
	margin : 25px 75px ;
	height : 2px ;
	border-bottom : 2px dotted #04754d ;
}

h1
{
	font-family: georgia, sans-serif;
	font-size: 125% ;
	color: #334d55 ;
	margin: 0 ;
	padding: 0 ;
	text-transform : none ;
	text-align:left ;
}

h2
{
	font-family: georgia, sans-serif;
	font-size: 110%;
	color: #334d55 ;
	margin: 0;
	padding: 0;
	text-transform : none ;
}

h3
{
	font-family: Arial,sans-serif;
	font-size: 100%;
	color: #334d55;
	margin: 0;
	padding: 0;
	text-transform : none ;
}

h4
{
	font-family: Arial,sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #333333;
	margin: 0;
	padding: 0;
	text-transform : none ;
}

h5
{
	font-family: georgia, sans-serif;
	font-size: 130%;
	color: #00754f ;
	margin: 0 ;
	padding: 0 ;
	text-transform : none ;
}


/* ##### general layout CSS  ##### */


#container
{
	width: 725px ;
	margin : 10px auto 0px;
	padding : 0  ;
	text-align: center ;
	border : none ;
	background : #ffffff ;
}

#header
{
	margin : 0 auto ;
	padding : 0 ;
	text-align : center ;
}

#midsection
{
	margin : 0  ;
	padding : 0  ;
	border-right : none ;
}

.lcoltop
{
	width : 350px ;
	height : 50px ;
	float : left ;
	margin : 0 ;
	padding : 0 ;
	border : none ;
	background : #ffffff url('http://waterandwalls.com/images-css/postcards/green.jpg') ;
	background-repeat: no-repeat ;
	background-position: bottom right ;
}

.lcolmiddle
{
	width : 350px ;
	height : 231px ;
	float : left ;
	margin : 0 ;
	padding : 0 ;
	border : none ;
	background : #ffffff url('http://waterandwalls.com/images-css/postcards/turq.jpg') ;
	background-repeat: no-repeat ;
	background-position: top right ;
}

.lcolmiddle img
{
	float : right ;
	border : none ;
	margin : 3px 0 0 0 ;
}

.lcolbottom
{
	width : 350px ;
	height : 100px ;
	padding : 30px 0 0 0px ;
	float : left ;
	margin : 0 ;
	border : none ;
	background : #ffffff url('http://waterandwalls.com/images-css/postcards/green.jpg') ;
	background-repeat: no-repeat ;
	background-position: top right ;
	color: #000180;
	text-align : center ;
	font-style: italic ;
	font-weight : 800 ;
	font-size : 18px ;
	font-family : arial, sans-serif ;
	line-height : 130% ;
}

.lcolbottom span
{
	padding-left : 100px ;
	font: italic 800 18px arial ;
	color: #000180;
}

.lcolmiddle ul
{
	margin : 13px 0 -10px 65px ;
	padding : 0 ;
	list-style-type : none ;
}

.lcolmiddle li
{
	margin : 7px 0 0 0 ;
	padding : 0 ;	
	text-align : left ;
	color: #000180;
	font-size : 16px ;
	font-weight : 900 ;
	font-family : georgia, serif ;
}

.lcolmiddle li a, 
.lcolmiddle li a:link, 
.lcolmiddle li a:visited, 
.lcolmiddle li a:hover,
.lcolmiddle li a:active

{
	text-align : left ;
	color: #000180 ;
	font-size : 16px ;
	font-weight : 900 ;
	font-family : georgia, serif ;
	background-image: url('http://waterandwalls.com/images-css/arrow-blue.gif') ;
	background-repeat : no-repeat ;
	background-position : -2000px 50% ;
	padding : 0 0 0 15px ;
}

.lcolmiddle li a:hover
{
	background-image: url('http://waterandwalls.com/images-css/arrow-blue.gif') ;
	background-repeat : no-repeat ;
	background-position : 0px 50% ;
}

.rcoltop
{
	float : left ;
	width : 350px ;
	height : 50px ;
	margin : 0 ;
	padding : 0 ;
	border : none ;
	border-left : 7px solid #000000 ;
	background : #ffffff url('http://waterandwalls.com/images-css/postcards/tan.jpg') ;
	background-repeat: no-repeat ;
	background-position: bottom left ;
}

.rcolmiddle
{
	float : left ;
	width : 350px ;
	height : 231px ;
	margin : 0 ;
	padding : 0 ;
	background : #ffffff ;
	border : none ;
	border-left : 7px solid #000000 ;
}

.rcolbottom
{
	float : left ;
	width : 350px ;
	height : 100px ;
	margin : 0 ;
	padding : 15px 0 0 5px ;
	background : #ffffff url('http://waterandwalls.com/images-css/postcards/turq.jpg') ;
	border : none ;
	border-left : 7px solid #000000 ;
	background-image :  ;
	background-repeat: no-repeat ;
	background-position: top left ;
}

.clearer1
{
	clear : both ;
	height : 7px ;
	margin : 0 ;
	padding : 0 ;
	background : #000000 ;
}

.clearer2
{
	float : right ;
	width : 550px ;
	height : 7px ;
	margin : 0 0 0 70px ;
	padding : 0 ;
	background : #000000 ;
}

#footer
{
	width : 700px ;
	margin : 0 auto ;
	text-align: center ;
	padding : 0  ;
}


/* ##### sparks CSS ##### */

#sparks 
{
	background : url('http://waterandwalls.com/images-css/separator-sparks.gif') no-repeat center top ;
	margin: 0px 15px 10px 0px ;	
	padding : 15px 0 10px 0 ;
	text-align: center ;
	white-space: nowrap ; 
	line-height : 170% ;
	text-align: center ;
	color : #000000 ; 
	font-size: 11px ; 
	font-family: Verdana, arial, sans-serif ; 
}

#sparks a, #sparks a:link, #sparks a:visited, #sparks a:active
{
	margin : 0px 3px 22px 3px ;
	padding : 1px 3px 1px 3px ;
	text-align: center ;
	font-variant: small-caps ; 
	text-align: center ;
	color : #000180 ; 
	font-size: 11px ; 
	font-family: Verdana, arial, sans-serif ; 
}

#sparks a:hover, #sparks a:focus
{	
	margin : 0px 3px 22px 3px ;
	padding : 1px 3px 1px 3px ;
	border-top : 1px dashed #a50018 ;
	border-bottom : 1px dashed #a50018 ;
	text-decoration : none ;
}