<!--
	/* River Designs Notes */
	/* Background Color Code: #1240B4 */
	/* Image hover works. The order for it to work is: visited, link, hover.
	
	/* Miscellaneous Style Sheets */	
	
	html, body {
		margin: 0;
		padding: 0;
		background: #00037E;
		
		/* Direct copy from the "web design background style" . Fixes scroll horizontal problem */
		width: 100%;
		background: #00037E;
		background-image: url(../images/RiverDesigns-BackgroundGradient.jpg); 
		background-repeat: repeat-x; 
	}
	
	h1 { font-size: 1.5em; line-height: 130%;}
	h2 { font-size: 2em; line-height: normal;}
	h3 { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 1em; line-height: normal; }
	
	/* img.floatLeft { float: left; }*/

	.imagefloatleft { float: left; position: relative; }

	
	ul { list-style-type: circle; }
	
	a:visited {
		color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
	}
	
	a:link {
		border: none;
		color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
	}
	
	a:hover	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FF9900;
		font-weight: bold;
		text-decoration: underline;
	}
	
	.stylelink a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	
	/* ----------------------------- */	
	
	
	/* Portfolio Style Sheets */	
	
	.portfoliocontainer { width: 100%; }
	
	a:visited img {
		border: solid;
		border-width: medium;
		color: #1240B4;
		border-color: #1240B4;
	}
	
	a:link img {
		border: solid;
		border-width: medium;
		color: #1240B4;
		border-color: #1240B4;
	}
	
	a:hover img {
		border: solid;
		border-width: medium;
		color: #00a2ff;
		border-color: #00a2ff;
		background: none;
	}
	
	/* ------------------------------- */	

	
	/* Background, Top Logo and Big Image Style Sheets */	

	.backgroundgradientstyle {
		width: 100%;
		background: #00037E;
		background-image: url(../images/RiverDesigns-BackgroundGradient.jpg); 
		background-repeat: repeat-x; 
		background-position: top center; 
		/*max-width: 100%;**/
		min-width: 780px; 
		height: auto;
		height: 100%;
		position: absolute;
	}
	
	.toplogopositionstyle {
		left: 0px;
		position: absolute;
		top:0px;
		width:595px;
		height:188px;
	}
	
	.web-design-bigimage {
		left: 0px;
		position:absolute;
		top:222px;
		width:234px;
		height:190px;
	}
	
	.signuptextcolor
	{
		color:#000;
	}
	
	.signuptextcolor-header
	{
		color: #8a000c;
		font-size: 18px;
	}
	
	/* ----------------------------- */	
	
	
	/* Menu Link Style Sheets */	
	
	.menustyle {
		/*width: 483px; */
		width: 483px;
		top: 190px; 
		left: 234px; 
		/*float: left;  */
		position: absolute; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #FFFFFF;
	}
	
	.menulinkstyle {
		color: #000000;
	}

	/* ----------------------------- */	
	
	/* Main Content Style Sheets */	
	
	.contentcontainerstyle {
		border-style:solid;
		border-color:#1952c2;
		border-width: 1pt;
		background-color: #1240b4;
		padding: 20px 50px 50px 50px;
		/* for firefox **/
		min-width: 220px;
		
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #FFFFFF;
	}
	
	/* ----------------------------- */
	
	
	/* Web Design Clients Style Sheets */
	
	.content2 
	{
		margin-left: 218px;
		/*margin-right: 215px;*/
		padding: 1em;
		/*max-width: 100%;*/
	}	
	
	.contentcontainerstyle2 
	{
		border-style:solid;
		border-color:#1952c2;
		border-width: 1pt;
		background-color: #00113d;
		padding: 20px 50px 50px 50px;
		/* for firefox **/
		min-width: 220px;
		
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #FFFFFF;
	}
	
	.testimonials { font-size: 2.5em; font-style: italic; line-height: 130%;}
	
	
	
	/* ----------------------------- */
	
	
	/* Right Container Style Sheets */	
	
	.rightcontainerstyle {
		width: 180px;
		position: absolute;
		right: 15px;
		top: 17px;
		border-style:solid;
		border-color:#0018A9;
		border-width: 1pt;
		background-color: #00148F;
		padding: 10px 10px 10px 10px;
		
		font-size: 14px;
		font-family: Arial, Helvetica, sans-serif;
		color: #FFFFFF;
	
	}
	
	/* ----------------------------- */	
	
	
	/* Left Container Style Sheets */	
		
	.leftcontainerstyle {
		width: 170px;
		position: absolute;
		top: 200px;
		border-style:solid;
		border-color:#0018A9;
		border-width: 1pt;
		background-color: #00148F;
		padding: 10px 10px 10px 10px;
		
		font-size: 14px;
		font-family: Arial, Helvetica, sans-serif;
		color: #FFFFFF;
	}
	
	/* ----------------------------- */	
	
	
	/* Comment Style Sheets */	
	
	.quotestyle {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-style: italic;
		color: #FFFFFF;
	}
	
	.clientnamestyle {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #FFFFFF;
	}
	
	.clientlinkstyle {
		font-size: 10px;
		color: #FFFFFF;
	}
	
	/* ------------------------ */	
	
	
	/* Main, Left, Right Containers Style Sheets */	
	
	.container {
		margin: 220px auto;
		line-height: 130%;
		position: absolute;
		
	}

	.leftnav {
		float: left;
		padding: 1em;
	}
	
	.rightnav {
		float: right;
		padding: 1em;
	}
	
	.content {
		margin-left: 218px;
		margin-right: 215px;
		padding: 1em;
		max-width: 100%;
	}
	
	/* --------------------------------------------- */	
	
	/* Contact Form Style Sheets */	
	
	.contactmandatoryfieldsstyle
	{	
		font-size: 12pt; 
		font-family: Arial, Helvetica, sans-serif;
		color: #FFFF00;
	}
	.contactformborder
	{
		border-style:solid;
		border-color:#448FDC;
		border-width: 1pt;
	}
	
	.contactformheaderstyle
	{	
		font-size: 8pt; 
		color: #F2F2F2; 
		font-family: Arial, Helvetica, sans-serif;
	}

	.contactformstyle
	{	
		font-size: 8pt; 
		color: #ffffff;
		background-color: #2673C2;
		font-family: Arial, Helvetica, sans-serif;
		border-style:solid;
		border-color:#448FDC;
		border-width: 1pt;
	}
	
	/* --------------------------------------------- */	
	
	
	
	/* Image Link Style */
	.imagelinkstyle
	{
		border: medium none;
	}
	/* --------------------------------------------- */