*						{margin:0px;	padding:0px;	border:none;}
body					{background:#282828;}
body					{font-family: Arial, Verdana, sans-serif;	font-size: 12px;	color:#FFFFFF;	height:100%;}
html					{height:100%}
.wrapper				{width:820px;	height:auto;	text-align:left;	margin:auto;} 
.bkgcell				{width:820px;	height:auto;	float:left;			padding-bottom:20px;		/*background:#090;*/}

h1	{font-family: Arial, Verdana, sans-serif; font-size: 32px; font-weight:bold; color: #fff;	padding:20px 0px 20px 0px;}
h2	{font-family: Arial, Verdana, sans-serif; font-size: 22px; font-weight:bold; color: #fff;	padding: 5px 0px  5px 0px;}
h3	{font-family: Arial, Verdana, sans-serif; font-size: 19px; font-weight:bold; color: #fff;	padding:35px 0px  5px 0px;
	 display:block;	position:relative;	float:left;}
h4	{font-family: Arial, Verdana, sans-serif; font-size: 18px; font-weight:bold; color: #fff;	padding: 5px 0px  5px 0px;}
h5	{font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight:bold; color: #fff;	padding: 5px 0px  5px 0px;}
h6	{font-family: Arial, Verdana, sans-serif; font-size:  8px; font-weight:bold; color: #fff;	padding: 5px 0px  5px 0px;}

.banner1	{position:relative;	float:left;	width:800px;	height:242px;	padding-bottom:10px;		background:no-repeat url(images/header01.jpg);}
.banner2	{position:relative;	float:left;	width:800px;	height:242px;	padding-bottom:10px;		background:no-repeat url(images/header02.jpg);}
.banner3	{position:relative;	float:left;	width:800px;	height:242px;	padding-bottom:10px;		background:no-repeat url(images/header03.jpg);}
.banner4	{position:relative;	float:left;	width:800px;	height:242px;	padding-bottom:10px;		background:no-repeat url(images/header04.jpg);}
.banner5	{position:relative;	float:left;	width:800px;	height:242px;	padding-bottom:10px;		background:no-repeat url(images/header05.jpg);}
.banner6	{position:relative;	float:left;	width:800px;	height:242px;	padding-bottom:10px;		background:no-repeat url(images/header06.jpg);}
.banner7	{position:relative;	float:left;	width:800px;	height:242px;	padding-bottom:10px;		background:no-repeat url(images/header07.jpg);}
.banner8	{position:relative;	float:left;	width:800px;	height:242px;	padding-bottom:10px;		background:no-repeat url(images/header08.jpg);}
.banner9	{position:relative;	float:left;	width:800px;	height:242px;	padding-bottom:10px;		background:no-repeat url(images/header09.jpg);}
.banner10	{position:relative;	float:left;	width:800px;	height:242px;	padding-bottom:10px;		background:no-repeat url(images/header10.jpg);}

.serv			{position:relative;	float:left;	width:820px;	height: auto;	padding: 0px  0px 10px  0px;	font-size:16px;}
.main			{position:relative;	float:left;	width:800px;	height: auto;	padding: 0px 20px 10px  0px;	font-size:16px;}
.main a,.main a:visited			{color:#ccc; text-decoration:none;}
.main a:hover					{color:#fff;}
.main ul,.serv ul				{list-style: disc;	color:#fff;	line-height:1.5;padding: 0px  0px 20px 30px; /*background:#345;*/}

p				{color:#ffffff;	padding:0px  0px 15px 0px; text-align:justify; }

.leftcont		{position:relative;	float:left;	width:560px;	height: auto;	padding: 0px 10px 10px  0px;	font-size:16px;	/*background:#600;*/}
.ritecont		{position:relative;	float:left;	width:230px;	height: auto;	padding: 0px  0px 10px  0px;	font-size:16px;	/*background:#600;*/}
.ritelinx		{position:relative;	float:left;	width:250px;	height: auto;	padding: 0px  0px 10px  0px;	font-size:16px;	/*background:#600;*/}
.ritelinx img	{position:relative;	float:left;									padding: 0px  0px 20px 17px;}

img.business	{width:230px; height:60px;}
img.developer	{width:230px; height:80px;}
img.contractor	{width:230px; height:60px;}
img.leed		{width:230px; height:60px;}

.picbox			{position:relative;	float:left;	width:800px;	height: auto;	padding:30px  0px 30px  0px;	/*background:#900;*/}
.picbox img		{position:relative;	float:left;	width:140px;	height:140px;	margin:  0px 10px  0px 10px;}
a.pic01			{position:relative;	float:left;	width:140px;	height:140px;	margin:  0px 10px  0px 10px;	display:block;
				 background:no-repeat top left url(images/iloveschools/pic01.jpg);}
a:hover.pic01	{background:no-repeat top left url(images/iloveschools/pic01bw.jpg);}
a.pic02			{position:relative;	float:left;	width:140px;	height:140px;	margin:  0px 10px  0px 10px;	display:block;
				 background:no-repeat top left url(images/iloveschools/pic02.jpg);}
a:hover.pic02	{background:no-repeat top left url(images/iloveschools/pic02bw.jpg);}
a.pic03			{position:relative;	float:left;	width:140px;	height:140px;	margin:  0px 10px  0px 10px;	display:block;
				 background:no-repeat top left url(images/iloveschools/pic03.jpg);}
a:hover.pic03	{background:no-repeat top left url(images/iloveschools/pic03bw.jpg);}
a.pic04			{position:relative;	float:left;	width:140px;	height:140px;	margin:  0px 10px  0px 10px;	display:block;
				 background:no-repeat top left url(images/iloveschools/pic04.jpg);}
a:hover.pic04	{background:no-repeat top left url(images/iloveschools/pic04bw.jpg);}



.mini			{position:relative;	float:left;	width:800px;	height: auto;	padding: 0px 20px 10px  0px;	font-size:10px;	color:#ccc;}
.mini a,.mini a:visited			{color:#fff;	text-decoration:none;}
.mini a:hover					{color:#fff;	text-decoration:underline;}
.minileft		{position:relative;	float:left;	width:380px;	height: auto;	padding-bottom:10px;			text-align:right;}
.minispac		{position:relative;	float:left;	width: 40px;	height: auto;	padding-bottom:10px;}
.minirite		{position:relative;	float:left;	width:380px;	height: auto;	padding-bottom:10px;			text-align:left;}

.projpix		{position:relative;	float:left;	width:800px;	height: auto;	padding: 0px 20px 10px  0px;	font-size:16px;}
.projpix a		{color:#fff; text-decoration:none;}
.scrollbox		{position:relative;	float:left; width:800px;	height:280px;	overflow:auto;}
.scrollboxspecial {position:relative;	float:left; width:800px;	height:280px;	overflow:auto; margin-top:15px;}
.project		{position:relative;	float:left;}
.project img	{position:relative;	float:left;	width:250px;	height:250px;	padding-right:10px}
.pix2			{width: 530px;}
.pix3			{width: 790px;}
.pix4			{width:1050px;}
.pix5			{width:1310px;}
.pix6			{width:1570px;}
.pix7			{width:1830px;}
.pix8			{width:2090px;}

.spotpic		{padding:30px 0px 20px 20px;}

.galpicbox		{position:relative;	float:left;	width:800px;	height: auto;									/*background:#900;*/}
.galpicbox img	{position:relative;	float:left;	/*width:250px;	height:250px;*/	padding: 0px  0px 25px  0px;}
.galpicbox span	{position:relative;	float:left;	width: 25px;	height:250px;	padding: 0px  0px 25px  0px;	display:block;}

.footer 		{position:relative;	float:left;	width:800px;	height: auto;	padding:20px  0px 20px  0px;	text-align:center;	/*background:#606;*/
				 font-size:12px; color:#ccc; line-height:1.8;}
.footer a,.footer a:visited		{color:#ccc; text-decoration:none;}
.footer a:hover					{color:#fff;}




/*MAINCENTERCELL FORMS---width----------height----------position------------float-----------positioning elements--------------------misc------------------ */
.FormInput				{width:450px;	height: auto;	position:relative;						padding:5px;}
.FormSubmit				{width:450px;	height: 20px;	position:relative;						padding:5px;}
.FormInput input		{width:250px;	height: 18px;						margin:0px;			padding:0px; border:2px;}
.FormInput textarea		{width:450px;	height:300px;						margin:0px;			padding:0px; border:2px;}
.FormSubmit input		{width:125px;	height: 30px;						margin:0px 50px;	padding:0px;}




/*NAV BAR-----------------------------------------------------------------------------------------------------------------------------------*/
.navwrap				{width:800px;	height: auto;	padding:30px 0px 30px 0px;		float:left;		z-index:1000;	/*background:#009;*/}
.navwrap *				{padding:0px;	margin:0px;		border:none;}
.navmain				{/*DIV HEIGHT: LINK PADDING + A HEIGHT(+ BORDER) = DIV HEIGHT*/	margin:auto;	height:30px;	width:800px;}/*Be precise here.*/
.navmain,
.navmain ul li table	{font-family:Arial, Helvetica, sans-serif;	font-weight:normal;	font-size:12px;	text-align:left;}
.navmain ul li table	{border-collapse:collapse;}
.navmain ul				{line-height:1.5em;				list-style-type:none;}
.navmain    li			{float:left;					position:relative;}
.navmain ul li ul		{display:none;}
.navmain img			{vertical-align:top;}

/*TOP LINKS---------------------------------------------------------------------------------------------------------------------------------------------*/
/*NOTE: The xxON and ON classes are used to define the look of the CURRENT LINK*/
.navmain ul li             span		{width:10px;}
.navmain ul li             span,
.navmain ul li             a,
.navmain ul li.ON          a		{float:left;	display:block;
									font-size:18px;	text-decoration:none;	text-align:center;	padding-top:5px;	height:25px;	/*background:#066;*/}

/*TOP LINK NORMAL AND CURRENT STATES - LINK WIDTHS, BACKGROUNDS, BORDERS, and TEXT COLOR for both the normal and current states*/
.navmain ul li             a				{/*NORMAL  LINK*/											color:#bbb;}
.navmain ul li.ON          a				{/*CURRENT LINK*/	font-weight:bold;						color:#fff;}
.navmain ul li.l1          a,
.navmain ul li.l1ON        a				{width: 80px; text-align:left;}
.navmain ul li.l2          a,
.navmain ul li.l2ON        a				{width:135px;}
.navmain ul li.l3          a,
.navmain ul li.l3ON        a				{width:135px;}
.navmain ul li.l4          a,
.navmain ul li.l4ON        a				{width:120px;}
.navmain ul li.l5          a,
.navmain ul li.l5ON        a				{width:165px;}
.navmain ul li.l6          a,
.navmain ul li.l6ON        a				{width:115px; text-align:right;}

/*TOP LINK VISITED STATE DEFINITIONS for NORMAL and CURRENT LINKS - you can comment out the color definitions if you wont use them.*/
.navmain ul li             a:visited		{/*VISITED NORMAL*/	text-decoration:none;					color:#999;}
.navmain ul li.ON          a:visited		{/*VISITED CURRENT*/text-decoration:none;					color:#fff;}

/*TOP LINK HOVER STATES - LINK WIDTH, BACKGROUNDS, BORDERS, and TEXT COLOR for both the normal and current HOVER states.*/
.navmain ul li:hover       a,	.navmain ul li       a:hover,
.navmain ul li:hover.ON    a,	.navmain ul li.ON    a:hover	{text-decoration:none;					color:#fff;}

a {outline:0px;}