/**

Rockland Web Design

Website by Rockland Web Design

www.RocklandWebDesign.com

HTML and CSS by David Bridgman-Packer

**/



body {

	margin: 0px;

	padding: 0px;

	background-color: rgb(94,158,220);

	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

	background-image: url(images/bannerbackground2.jpg);

	background-repeat: repeat-x;

	background-position: top;

	text-align: center;

}

H1
{

FONT-WEIGHT: bold;
FONT-SIZE: 16px;
MARGIN: 0px;
COLOR: #000000;
FONT-STYLE: normal;
FONT-FAMILY: Arial, Helvetica, sans-serif

}



#wholepage {
	
	
	background-color: rgb(238,246,253);

	background-image: url(images/contentbackground.gif);
	
	background-repeat: repeat-y;
	
	margin: 0px auto 0px auto;

	width: 850px;

	border: none;

	position: relative;

}

#wholepageContactPage {
	
	
	background-color: rgb(238,246,253);

	background-image: url(images/contentbackground.gif);
	
	background-repeat: repeat-y;
	
	margin: 0px auto 0px auto;

	width: 850px;

	border: none;

	position: relative;

}

#header {

	width: 850px;

	height: 180px;

	background-image: url(images/banner.jpg);

}

#header2 {

	width: 850px;

	height: 180px;

	background-image: url(images/banner.jpg);
	
	margin: 0px auto 0px auto;

}


#navbar {

	width: 850px;

	height: 30px;

	background-image: url(images/navbar.jpg);

	background-position: top;

	background-repeat: no-repeat;

}



#nav, #nav ul {

	padding: 0;

	margin: 0;

	list-style: none;


}





#nav a {

	display: block;

	width: 106px;

	height: 30px;

}



#home:hover {

	background: url(images/navbar.jpg) 0px -30px;

}



#aboutus:hover {

	background: url(images/navbar.jpg) -106px -30px;

}



#services:hover {

	background: url(images/navbar.jpg) -212px -30px;

}



#knowledge:hover {

	background: url(images/navbar.jpg) -318px -30px;

}



#portfolio:hover {

	background: url(images/navbar.jpg) -424px -30px;

}



#news:hover {

	background: url(images/navbar.jpg) -530px -30px;

}



#links:hover {

	background: url(images/navbar.jpg) -636px -30px;

}



#contactus:hover {

	background: url(images/navbar.jpg) -742px -30px;

}







#aboutusdrop {

	background-image: url(images/aboutus.jpg);

	height: 35px;

	width: 106px;

}



			#aboutusdrop .aboutus1:hover {

				background: url(images/aboutus.jpg) -106px 0px;

			}

			

#servicesdrop {

	background-image: url(images/Services.jpg);

	height: 215px;

	width: 106px;

}



			#servicesdrop .services1:hover {

				background: url(images/Services.jpg) -106px 0px;

			}

			

			#servicesdrop .services2:hover {

				background: url(images/Services.jpg) -106px -30px;

			}

			

			#servicesdrop .services3:hover {

				background: url(images/Services.jpg) -106px -60px;

			}

			

			#servicesdrop .services4:hover {

				background: url(images/Services.jpg) -106px -90px;

			}

			

			#servicesdrop .services5:hover {

				background: url(images/Services.jpg) -106px -120px;

			}

			

			#servicesdrop .services6:hover {

				background: url(images/Services.jpg) -106px -150px;

			}

			

			#servicesdrop .services7:hover {

				background: url(images/Services.jpg) -106px -180px;

			}



#knowledgedrop {

	background-image: url(images/knowledge.jpg);

	height: 65px;

	width: 106px;

}



			#knowledgedrop .knowledge1:hover {

				background: url(images/knowledge.jpg) -106px 0px;

			}

			

			#knowledgedrop .knowledge2:hover {

				background: url(images/knowledge.jpg) -106px -30px;

			}



#portfoliodrop {

	background-image: url(images/portfolio.jpg);

	height: 35px;

	width: 106px;

}



			#portfoliodrop .portfolio1:hover {

				background: url(images/portfolio.jpg) -106px 0px;

			}

			

#newsdrop {

	background-image: url(images/news.jpg);

	height: 65px;

	width: 106px;

}



			#newsdrop .news1:hover {

				background: url(images/news.jpg) -106px 0px;

			}

			

			#newsdrop .news2:hover {

				background: url(images/news.jpg) -106px -30px;

			}



					

#nav li {

	float: left;

	width: 106px;

	padding: 0px;

	margin: 0px;

	position:relative;

}



#nav li ul {

	position: absolute;

	width: 106px;

	left: -999em;

	margin:0px;

}



#nav li ul li {

	background-repeat: no-repeat;

	background-position: left;

	width: 106px;

	height: 30px;

	padding: 0px;

	margin: 0px;

}



#nav li:hover ul, #nav li.sfhover ul {

	left: 0px;

}



#nav li a span, #nav li ul li a span {

	display: none;

}



#main {

	width: 850px;

	text-align: left;

}



#content {

	width: 810px;

	margin: 0px 20px 0px 20px;

	padding: 20px 0px 20px 0px;

}



.navlinkbottom {

	color: rgb(0,0,0);

	margin: 15px 0px 0px 0px;

	text-decoration: none;

}



.navlinkbottom:hover {

	color: rgb(0,100,0);

}

a {
	color: rgb(46,119,15);
	text-decoration: none;
}

a:hover {
	color: rgb(74,190,25);
	text-decoration: none;
}

#flash  
	{
	width: 800px;
  	height: 350px;
	margin-top: 0px;
	margin-left: 0px;
	background-image: url(images/slideshowbackground.jpg);
 /**   	position: absolute;
    	z-index: 0;
**/
	}

#flashtext
	{
	width: 250px;
	height: 350px;
	margin-left: 0px;
	margin-right: 0px;
	position: absolute;
	z-index: 1;
	background-color: rgb(0,102,153);
	background-image: url(images/tom09_cta1.jpg);
	}

#flashsidebar
	{
	width: 250px;
	height: 35px;
	margin-top: 261px;
	margin-bottom:0px;
	margin-left: 0px;
	margin-right: 0px;
	position: absolute;
	z-index: 2;
	background-color: rgb(0,102,153);
	background-image: url(images/ssp_menuline1.gif);
	text-align:center;
	line-height:-2px;
	}

#a yellowlink
	{
	font-color: #FFFF99;
	font-family: Helvetica, Arial, sans-serif;
	}

#introtext
	{
	width: 840px;
	height: 200px;
	margin-top: 400px;
	margin-bottom:0px;
	margin-left: 5px;
	margin-right: 5px;
	position: absolute;
	z-index: 2;
	background-color: rgb(238,246,253);
	text-align:center;
	line-height:-2px;
	}