/* */
BODY,P,H1,H2,H3,LI,UL,FORM,TABLE,OBJECT		{	margin:0; padding:0;	}
BODY	{	background:url(../images/1_bg.jpg) repeat-x; background-color:#F5E990; text-align:center  }

/* typography
------------------------------------------------------------------------*/
BODY,P,H1,H2,H3,H4,H5,LI,UL
				{	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; color: #000000; }
BODY,P			{	font-size:11px }
P,H1,H2,H3,H4,H5	{	margin: 0 15px }

a 				{	color: #29451C; font-weight:normal; text-decoration:underline; }
a:hover 		{	color:#8AA053; }

H1				{	font-size:14px; color: #29451C; font-family:"Times New Roman", Times, serif; text-transform:uppercase }
H2				{	font-size:13px; color: #29451C  }
H3				{	font-size:13px; color:#8AA053; font-family:"Times New Roman", Times, serif; text-transform:uppercase	}
H4				{	font-size:12px; color:#B9AC7D	}
H5				{	font-size:11px; color: #29451C; font-weight:bold  }

FORM			{	margin:0;	}

/* Layout
------------------------------------------------------------------------ */
/* set CONTAINER inside CENTERME to align the page to CENTER */
#CONTAINER		{ position:relative; width:800px; margin:0 auto; text-align:left }
	#HDRBOX			{ width:800px; height:90px; background:url(../images/2-header.jpg);}
	/* page navigation with hover state
	------------------------------------------------------------------------ */
	#MIDBOX		{ position:absolute; top:90px; left:0; width:175px; height:361px; background:url(../images/2-nav-bg.jpg) no-repeat}
		#NAVBOX	{ position:absolute; top:170px; left:20px; width:133px; height:126px; background:url(../images/1-nav-0.jpg); }
			#NHOME A, #NABOUT A, #NPROC A, #NPHOTO A, #NTEST A, #NCONT A	{	display:block; width:133px; height:21px;}
			#NHOME A:hover	{	background:url(../images/1-nav-home0.jpg);}
			#NABOUT A:hover	{	background:url(../images/1-nav-about0.jpg);}
			#NPROC A:hover	{	background:url(../images/1-nav-proc0.jpg);}
			#NPHOTO A:hover	{	background:url(../images/1-nav-photo0.jpg);}
			#NTEST A:hover	{	background:url(../images/1-nav-test0.jpg);}
			#NCONT A:hover	{	background:url(../images/1-nav-contact0.jpg);}
			/* This is the text format for the quote ------------------------------ */
	/* SIDE CONTENT UNDER THE NAVIGATION
	------------------------------------------------------------------------ */
	#NEWSBOX			{	position:absolute; background:url(../images/2-side-bg.jpg) repeat; 
							width:175px; top:450px; left:0}
		#NEWSBOX	P,#NEWSBOX H1,#NEWSBOX H2,#NEWSBOX H3			{ margin:0 10px; text-align:center  }
		#NEWSBOX	H1,#NEWSBOX	H3			{ color: #003300;  }
			#NEWSBOX	H3				{ font-size:12px; font-weight:bold}
			#NEWSBOX	H1				{ font-size:16px }

	/* CONTENT section 
	-------------------------------------------------------------------------- */
	#CONTENTBOX		{ position:relative; width:625px; left:175px; top:0; margin:0; background:url(../images/2-content-bg.jpg) repeat;}
		#CONTENTHDRBOX		{ position:relative; width:625px; height:112px; top:0; left:0; margin:0}
			#LINKSBOX		{ position:absolute; left:435px; top:15px; width:160px; height:112px; background-image:url(../images/2-links-0.jpg)}
				/* This is the navigation for the CONSULT & NEWSLETTER  
				------------------------------------------------------------------------ */
				#LNEWSLETTER, #LCONSULT { position:absolute; width:150px; height:56px;  left:0}
				#LNEWSLETTER A, #LCONSULT A { display:block; height:56px;}
				#LNEWSLETTER 			{	top:0 }
				#LNEWSLETTER a:hover {	background:url(../images/2-links-newsletter0.jpg);}
				#LCONSULT 				{	top:56px }
				#LCONSULT a:hover 	{background: url(../images/2-links-consult0.jpg);} 
			#TITLEBOX		{ position:relative; top:52px; left:20px; width:265px; height:75px}
			
		#TEXTBOX			{	position:relative; width:600px; top:0; left:10px;
								line-height:135%;}

		#CONTENTBTMBOX	{	position:relative; left:175px; width:625px; height:36px; margin:0; padding:0; background:url(../images/2-content-btm.jpg) no-repeat; }
				

	/* a separator between the content and the footer. Clear all the formatting from above and give the bottom a clean section */
	#CLRBOX	{	clear:both; height:10px;  }
	#FTRBOX	{	left:0; width:625px; margin-left:175px; padding:0; text-align:center; line-height:115%; }
		#FTRBOX A.nav	{text-decoration:underline overline;}
		/* usually like to set formatting for the footer. */
	
/* other formats 
------------------------------------------------------------------------ */
#CONTENTBOX UL, OL			{	padding-left:30px;}
#CONTENTBOX LI				{	font-size:11px; height:125%; list-style:circle;} 

.clrALL	{	clear:both}
.alignC	{	text-align:center;}
.alignL	{	text-align:left;}
.alignR	{	text-align:right;}
.floatL	{	float:left; margin-bottom:8px; margin-right:10px;}
.floatR	{	float:right; margin-bottom:8px; margin-left:10px;}
.padR10	{	margin-right:10px; vertical-align:middle}
.padL30	{	margin-left:30px;}
.lineH100	{	line-height:100%;}

.procBG	{	background-color:#F8F6D8; border:1px solid #B9AC7D; text-align:center; float:right; margin:0 10px 0 0;}
.procBG P, .procBG H2	{	margin: 2px; text-align:center}

.testBG1	{	background-color:#F8F6D8; border:1px solid #B9AC7D}
.testBG2	{	background-color:#E2E5C0; border:1px solid #B9AC7D}

/* formatting for the FORM. 
------------------------------------------------------------------------ */
.formTBL			{	margin:0 15px; font-size:11px; background-color:#E2E5C0; padding:10px; width:550px; line-height:125%}
.formTBL H2		{	margin:0;}
.formFIELD		{	margin:1px; border:1px solid #B9AC7D; padding:2px; }
INPUT, SELECT, TEXTAREA	{	padding:0; font-family:"Courier New", Courier, mono; font-size:11px; }