/*******************************************************************************************************************************************************/
/*******************************************************************************************************************************************************/
/****************************************************************STATIC LAYOUT**************************************************************************/
/*******************************************************************************************************************************************************/
/*******************************************************************************************************************************************************/


html {
	background-color:#FFFFFF;
}

body {
	background-color:#FFFFFF;
	margin: 0px;
	min-width: 980px;
	padding: 15px;
	text-align: center;
}

#header {
	background-image:url(../images/ROEheader.jpg);
	background-position: left;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	height: auto;
	position: relative;
	height: 125px;
	width: 980px;
	font: normal 75% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
	text-align: left;
}

#container {
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	position: relative;
	width: 980px;
	height: auto;
	text-align: left;
	margin-bottom:  10px;
}

#navmenu {
	float: left;
	background-position: left;
	background-repeat: no-repeat;
	background-color:#a8b2ff; 
	height: auto;
	position: relative;
	height: 30px;
	width: 976px;
	font: normal 75% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
	text-align: left;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	z-index:10;
	border-width: 2px;
	border-style: solid ;
	border-color: #122190;
}


#content {
	float: left;
	background-position: left;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	position: relative;
	min-height: 570px;
	width: 940px;
	z-index:1;
	font: normal 80% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
	text-align:left;
	text-indent: 0px;
	padding: 15px 15px 15px 15px;
	margin:  0 auto 0 auto;
	border-style:solid;
	border-width: 5px;
	border-color: #0a5209;
}

#footer {
	clear: both;
	float: none;
	width: 980px;
	height: auto;
	background-color:#FFFFFF;
	font: normal 75% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	text-align:  center;
	color: #555555;
}

/*******************************************************************************************************************************************************/
/*******************************************************************************************************************************************************/
/****************************************************************DYNAMIC LAYOUT*************************************************************************/
/*******************************************************************************************************************************************************/
/*******************************************************************************************************************************************************/


/*********************************************SHARED CLASSES***************************************/
span.copyright{
	font:normal 85% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
}

span.green{
	color:#0a5209;
}

span.grey{
	color:#333333;
}

span.title{
	text-align:left;
	position: relative;
	font:normal 210% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
}

/*********************************************ABOUT US***************************************/
p.about{
	padding:15px;
	background-color:#CCCCCC;
	text-align:center;
	width:320px;
	position: relative;
	font:normal 120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
	border-style:solid;
	border-color:#000000;
	border-width:2px; 
}

p.about2{
	color:#000000;
	padding:15px;
	background-color:#a8b2ff;
	text-align:center;
	width:302px;
	position: relative;
	left:300px;
	bottom:45px;
	font:normal 120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
	border-style:solid;
	border-color:#000000;
	border-width:2px; 
	z-index:5;
}

p.about3{
	color:#000000;
	padding:15px;
	background-color:#CCCCCC;
	text-align:center;
	width:320px;
	position: absolute;
	right:15px;
	bottom:15px;
	font:normal 120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
	border-style:solid;
	border-color:#000000;
	border-width:2px; 
	z-index:4;
}

span.about4{
	position:absolute;
	left:50px;
	bottom:30px;
}

span.about5{
	padding:15px;
	position:absolute;
	text-align:left;
	font:normal 210% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
	right:35px;
	top:0px;
}

span.about6{
	padding:15px;
	position:absolute;
	text-align:left;
	font:normal 160% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
	right:35px;
	Top:115px;
}

span.about7{
	padding:15px;
	position:absolute;
	text-align:left;
	font:normal 160% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
	right:35px;
	Top:165px;
}

span.about8{
	padding:15px;
	position:absolute;
	text-align:left;
	font:normal 160% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
	right:35px;
	Top:215px;
}
/*********************************************CAREERS***************************************/
p.careers{
	font:normal 150% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
}

p.CareersContact{
	font:normal 120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
}

span.careerimage{
	position: absolute;
	left: 530px;
	top: 170px;
}

span.careeraddress{
	width:906px;
	border-style:solid;
	border-color:#666666;
	border-width:2px; 
	position:absolute;
	left:15px;
	bottom: 15px;
	padding:15px;
}

/*********************************************CONTACT***************************************/
span.contacttitle{
	text-align:left;
	position: relative;
	font:normal 210% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
}

table.contactinfo2{
/*	position: absolute;
	background-color:#a8b2ff;
	width:300px;
	right: 44px;
	bottom: 10px;*/	
	border-style:solid;
	border-color:#000000;
	border-width:2px;
	padding:5px;
}

table.contactinfo{
	position: absolute;
	width:300px;
	right: 50px;
	top: 50px;
}
/*********************************************GREEN SOLUTIONS***************************************/
span.greensolutions{
	padding:5px;
	text-align:left;
	position: relative;
	font:normal 210% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
}

span.gogreen{
	position:absolute;
	right:50px;
	bottom:30px;
}
/*********************************************INSTALLATION***************************************/
span.installation{
	width:300px;
	padding:15px;
	position:absolute;
	text-align:left;
	font:normal 110% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
	left: 50px;
	Bottom:25px;
	background-color:#CCCCCC;
	border-style:solid;
	border-color:#000000;
	border-width:3px; 
}

span.installation2{
	width:400px;
	padding:15px;
	position:absolute;
	text-align:left;
	font:normal 110% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
	right: 50px;
	Bottom:25px;
	background-color:#CCCCCC;
	border-style:solid;
	border-color:#000000;
	border-width:3px; 
}

p.installation3{
	text-align:left;
	position: relative;
	font:normal 210% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
}

span.installation4{
	text-align:left;
	position: relative;
	font:normal 110% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
}
/*********************************************INVENTORY***************************************/
img.printbutton{
	position:absolute;
	top:60px;
	right:145px;
}

img.dealercomplete{
	position:absolute;
	top:60px;
	right:125px;
}

p.inventoryitem{
	background-image:url(../images/inventorybar.jpg);
	width:275px;
	border:3px solid #000;
	padding-top:5px;
	padding-bottom:7px;
	margin-bottom: 7px;
	font:normal 100% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
	
}


/*********************************************INSTALLATION***************************************/
/*********************************************INSTALLATION***************************************/
a {
	text-decoration: none;
	color: #2C347F;
}

a:active {
	text-decoration: none;	
}

a:visited {
	color: #2C347F;	
}

a:hover {
	color: #566D7E;	
}
/*****************************************Paragraph***************************************/

p {	
	font: normal 120% 
	text-align:left;
	color:#000000;
}



div.welcome1{
	font:normal 275% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
	text-align:center;
	padding-top:1px;
}

p.welcome2{
	font:normal 190% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
	text-align:center;
	color:#0a5209;
	margin-top:-10px;
}



p.contact{
	font:normal 100% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
}


p.greensolutions2{
	padding:15px;
	background-color:#CCCCCC;
	text-align:left;
	width:470px;
	position: relative;
	font:normal 120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
	border-style:solid;
	border-color:#000000;
	border-width:2px; 
}


LI.list1{
	list-position:outside; 
	color:#000000;
	list-style-type:circle;
}

span.liq{
	font:normal 80% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
}

p.services{
	text-align:left;
	position: relative;
	font:normal 210% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
}



span.services2{
	text-align:left;
	position: relative;
	font:normal 110% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
}

span.installation{
	width:300px;
	padding:15px;
	position:absolute;
	text-align:left;
	font:normal 110% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
	left: 50px;
	Bottom:25px;
	background-color:#CCCCCC;
	border-style:solid;
	border-color:#000000;
	border-width:3px; 
}

span.installation2{
	width:400px;
	padding:15px;
	position:absolute;
	text-align:left;
	font:normal 110% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
	right: 50px;
	Bottom:25px;
	background-color:#CCCCCC;
	border-style:solid;
	border-color:#000000;
	border-width:3px; 
}

span.installation3{
	position:absolute;
	text-align:center;
	font:normal 110% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
	right: 100px;
	Bottom:75px;
}

span.installationpictures{
	position:absolute;
	text-align:left;
	font:normal 110% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
	right: 50px;
	Bottom:150px;
}

span.uppercase {text-transform: uppercase}
span.lowercase {text-transform: lowercase}
span.capitalize {text-transform: capitalize}

p.blacktext{
	color:#000000;
}



span.company2{
	text-align:center;
}

span.company3{
	text-align:center;
}

span.greensolutions2{
	text-align:left;
	font:normal 130% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
}



span.inventoryGallery{
	position:absolute;
	right: 20px;
	Bottom: 50px;
}

span.ProductGalleryControl{
	position:absolute;
	right:150px;
	top:100px;
}

span.ProductGalleryNext{
	position:absolute;
	right:150px;
	top:100px;
}


span.ProductGalleryPrevious{
	position:absolute;
	right:250px;
	top:100px;
}

span.welcome3{
	font:normal 110% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
	text-align:left;
}

span.leed{
	position:absolute;
	left:15px;
	bottom:40px;
}

span.leed2{
	text-align:left;
	position: relative;
	font:normal 210% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
}
span.leed3{
	text-align:left;
	position: absolute;
	bottom: 45px;
	left: 200px;
	font:normal 210% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
}
span.leed4{
		text-align:left;
		position:absolute;
		left:15px;
		bottom:10px;
		font:normal 70% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
}
span.leed5{
	position:absolute;
	right:55px;
	bottom:15px;
}

span.beinggreen{
	font:normal 175% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
	position:absolute;
	left:15px;
	text-align:center;
}

span.beinggreen2{
	font:normal 175% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
	position:absolute;
	right:15px;
	text-align:center;
}

span.beinggreen3{
	text-align:left;
	position: relative;
	font:normal 210% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;	
}

span.beinggreen4{
	text-align:left;
	position: absolute;
	left:15px;
	bottom:40px;
	font:normal 175% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;	
}

p.remanufactured{
	width:550px;
	padding:15px;
	border:solid #000 2px;
	font:normal 105% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
	position:absolute;
	right:15px;
	bottom:30px;
	background-color:#a8b2ff;
}
p.used2{
	width: 9x;
	padding:15px;
	border:solid #000 2px;
	font:normal 105% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
	position:relative;
	background-color:#a8b2ff;
}

p.worksurfaces{
	width:225px;
	font:normal 110% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;	
	text-align:center;
	background-color:#a8b2ff;
	border:solid #000 2px;	
}


span.products2{
	width:900px;
	text-align:left;
	position: relative;
	font:normal 110% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;	
}

p.used{	
	position:absolute;
	right:25px;
	bottom:25px;
	font:normal 170% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;	
	text-align:center;
}

p.new{
	width:225px;
	position:relative;
	font:normal 110% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;	
	text-align:center;
	background-color:#a8b2ff;
	border:solid #000 2px;	
}

p.design{
	width:300px;
	padding:15px;
	border:solid #000 2px;
	font:normal 105% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
	position:relative;
	background-color:#a8b2ff;
}

span.design2{
	position:absolute;
	bottom:30px;
	right:60px;
}

span.login{
	position:absolute;
	right:15px;
	top: 3px;
}

span.logout{
	position:absolute;
	right:15px;
	top: 3px;
}

span.ManageUsers{
	position:absolute;
	top:200px;
	right:200px;
}

span.ManageUsers2{
	position:absolute;
	top:150px;
	right:150px;
}

span.EditUserGoBack{
	position:absolute;
	top:25px;
	right:25px;
}

span.printsheets{
	position:absolute;
	top:475px;
	right:160px;
}

span.inventory{

}