body{
	font-family: arial;
	/*background-color: #0c0806;  //optional color*/
	/*background-image: url(../images/grad_up.gif);
	background-repeat: repeat-x;
	background-position: 0px 36px;*/
}


/* 	FRAMEWORK 	*/

/*  //optional background for above gradient
#blacktop{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #69c;
	z-index: 1;
	width: 100%;
	height: 100px;
}
//ie gap fix
#blacktop2{
	position: absolute;
	top: 0;
	right: 0;
	background-color: #69c;
	z-index: 1;
	width: 100%;
	height: 100px;
}
*/
	/*top*/
#top{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -375px;
	width: 750px;	
	z-index: 2;

}
#Rain_logo{
	float: left;
	width: 470px;
}
#top_text{
	padding-top: 5px;
	float: left;
	width: 160px;
	font-weight: bold;
	font-size: .7em;
	color: gray;
	overflow: hidden;
}
#Titan_logo{
	float: left;
	padding-top: 7px;
	width: 117px;
}

#gradient{
	position: absolute;
	top:81px;
	left: 0;
	height: 24px;
	width: 100%;
	background-image: url(../images/gradient_top.jpg);
	background-repeat: repeat-x;
}
/* this section fixes the gap that would normally be in IE on the right side */
#gradient2{
	position: absolute;
	top:81px;
	right: 0;
	height: 24px;
	width: 100%;
	background-image: url(../images/gradient_top.jpg);
	background-repeat: repeat-x;
}



#frame{
	position: absolute;
	top: 105px;
	left: 50%;
	margin-left: -375px;
	width: 750px;
	z-index: 1;
}

#top_nav{
	clear: both;
	float: left;
	background-color: #99ccff;
	background-image: url(../images/nav_curves.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 45px;
	width: 100%;
}
#top_nav ul{
	padding: 2px;
	margin: 0px 0;
	text-align: center;
	list-style-type: none;
}
#top_nav li{
	display: inline;
	float: left;
	color: #fff;
	font-weight: bold;
	font-size: .8em;
	width: 140px;
	line-height: 20px;
	
}

	/*mid*/
#content{
	background-color: #fff;
	clear: both;
	float: left;
	width: 100%;
	padding-bottom: 10px;
}

.side{
	float: left;
	width: 150px;
	margin-top: 10px;
	text-align: left;
	overflow: hidden;

}

.side ul{
	margin-top: 0px;
	margin-left: 15px;
	padding-left: 5px;
	margin-bottom: 0;
	list-style-type: none;
	border-left: 2px solid #000;
}
.side ul li{
	line-height: 20px;
	font-size: .8em;
	font-weight: bold;
	padding-left: 5px;
	text-indent: -5px;
}
.side p{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 15px;
	margin-right: 5px;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size: .8em;
	border-left: 2px solid #000;
	font-weight: bold;
	color: #69c;
	border-bottom: 1px dashed blue;
}
#home_image{
	position: relative;
	float: left;
	left: 0;
	top: 12px;
	width: 450px;
	height: 455px;
	/*mother with son on sundown kiss by nose. long. wat © Pavel Losevsky #994990 - fotolia.com*/
	background: url(../images/Fotolia_994990_Sw450b.jpg);
	background-repeat: no-repeat;
	background-position: -150px 0px;
	margin-bottom: 5px;
}
#home_Lside{
	float: left;
	width: 150px;
	margin-top: 10px;
	text-align: left;
	overflow: hidden;
	height: 457px;
	background-image: url(../images/Fotolia_994990_Sw450b.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#home_Lside ul{
	margin-top: 0px;
	margin-left: 15px;
	padding-left: 5px;
	margin-bottom: 0;
	list-style-type: none;
	border-left: 2px solid #000;
}
#home_Lside ul li{
	line-height: 20px;
	font-size: .8em;
	font-weight: bold;
	padding-left: 5px;
	text-indent: -5px;
}
#home_Lside p{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 15px;
	margin-right: 5px;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size: .8em;
	border-left: 2px solid #000;
	font-weight: bold;
	color: #69c;
	border-bottom: 1px dashed blue;

}
#home_Rside{
	float: left;
	width: 150px;
	margin-top: 10px;
	text-align: left;
	overflow: hidden;
	height: 457px;
	background-image: url(../images/Fotolia_994990_Sw450b.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#home_Rside ul{
	margin-top: 0px;
	margin-left: 15px;
	padding-left: 5px;
	margin-bottom: 0;
	list-style-type: none;
	border-left: 2px solid #000;
}
#home_Rside ul li{
	line-height: 20px;
	font-size: .8em;
	font-weight: bold;
	padding-left: 5px;
	text-indent: -5px;
}
#home_Rside p{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 15px;
	margin-right: 5px;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size: .8em;
	border-left: 2px solid #000;
	font-weight: bold;
	color: #69c;
	border-bottom: 1px dashed blue;
}
#home_image p{
	visibility: hidden;
}
#movie{
	float: left;
	width: 395px;
	margin-top: 50px;
	margin-left: 55px;
}


#center_content{
	float: left;
	padding-top: 10px;
	width: 450px;
}
#cent_img{
	float: right;
	width: 227px;
}

#center_content p{
	padding-left: 20px;
	font-size: .8em;
}
#center_content form{
	font-size: .9em;
}
#option{
	float: left;
	width: 100%;
	text-align: right;
	padding: 0;
	margin: 0;
}
#option ul {
	display: inline;
}
#option ul li{
	list-style-type: none;
	font-weight: bold;
	font-size: 0.9em;
	padding-right: 10px;
}
.product{
	float: left;
	clear: both;
	width: 370px;
	margin-left: 20px;
	margin-bottom: 25px;
}
.product .image {
	float: left;
	clear: both;
	width: 50px;
}
.product p{
	float: left;
	left: 235px;
	width: 300px;
	margin-top: 10px;
	
}
.product h4{
	float: left;
	left: 230px;
	width: 300px;
	margin: 0 0 10px 15px;
}

#faq ul li{
	list-style-type: none;
	text-indent: -20px;
	
	font-size: .9em;
	margin-bottom: 15px;
}

#faq dl dt{
	font-weight: bold;
	font-size: .9em;
	color: #333;
	
	padding: 5px;
	border-left: 2px solid #000;
	border-top: 1px solid #000;
}
#faq dl dd{
	margin-bottom: 20px;
	margin-top: 4px;
	margin-left: 5px;
	
	padding: 4px;
	font-size: .9em;
	
}
#watersol{
	text-align: center;
}

	/*foot*/
#footer{
	clear: both;
	float: left;
	background-color: #fff;
	height: 50px;
	width: 100%;
	text-align: center;
	font-size: .7em;
	margin-bottom: 10px;
	padding-top: 7px;

}
#footer ul {
	margin: 0;
	padding: 0px 0;
	list-style-type: none;
}
#footer ul li{
	display: inline;
}
#footer p{
	margin-top: 0;
}

/*	HEADERS	*/
h1{
	visibility: hidden;
}

h2{
	padding-left: 17px;
	margin: 0;
	background-image: url(../images/header_bar.gif);
	background-repeat: no-repeat;
	font-size: .8em;
	line-height: 30px;
	color: #fff;
	width: 130px;
}


h3{
	padding-left: 10px;
	border-bottom: 1px solid gray;
	font-size: 1.1em;
	font-weight: 500;
	margin-bottom: 5px;
}
h4{
	font-size: 0.8em;
	color: #336699;
}
h5{
	padding-left: 17px;
	margin: 0;
	background-image: url(../images/header_barL.gif);
	background-repeat: no-repeat;
	font-size: .8em;
	line-height: 30px;
	color: #fff;
	width: 130px;
}
h6{
	padding-left: 17px;
	margin: 0;
	background-image: url(../images/header_barR.gif);
	background-repeat: no-repeat;
	font-size: .8em;
	line-height: 30px;
	color: #fff;
	width: 130px;
}

/*	MISC	*/
p{line-height: 18px;
}

#gray{
	color: gray;
	text-align: center;
	padding-top: 20px;
}
.cite {
	font-size: .6em;
}
/*	LINKS	*/
a:link{
	text-decoration: none;
	color: blue;
}
a:visited{
	text-decoration: none;
	color: blue;
}
a:hover{
	text-decoration: underline;
	color: #7A7AFF;	
}
a:active{}
a img {border: none;}
/*	FAQ anchors		*/
#center_content a{
	color: #369;
}
#center_content a:hover{
	color: #3c3;
}


/*	top_nav link behavior 	*/
#top_nav a:link {
	color: #000;
	text-decoration: none;
	width: 140px;
	float: left;
}
#top_nav a:visited{
	color: #000;
	text-decoration: none;
}	
#top_nav a:hover{
	color: #fff;
}
#top_nav a:active{}

/*	.side link behavior	*/
.side a:link{
	
	font-weight: bold;
	color: #369;
}
.side a:visited{
	
	color: #369;
}
.side a:hover{
	text-decoration: none;
	
	color: #3c3;
}
.side a:active{
}
.side a img{
	border: 4px solid white;
}
.side a:hover img{
	border-bottom: 4px solid #ccddff;

}

#home_Rside a:link{
	
	font-weight: bold;
	color: #369;
}
#home_Rside a:visited{
	
	color: #369;
}
#home_Rside a:hover{
	text-decoration: none;
	
	color: #3c3;
}
#home_Rside a:active{
}
#home_Rside a img{
	border: 4px solid white;
}
#home_Rside a:hover img{
	border-bottom: 4px solid #ccddff;
}
#home_Lside a:link{
	border-bottom: 1px solid gray;
	font-weight: bold;
	color: #369;
}
#home_Lsidea:visited{
	border-bottom: 1px solid gray;
	color: #369;
}
#home_Lside a:hover{
	text-decoration: none;
	border-bottom: 1px solid gray;
	color: #3c3;
}
#home_Lside a:active{
}
#home_Lside a img{
	border: 4px solid white;
}
#home_Lside a:hover img{
	border-bottom: 4px solid #ccddff;
}