@charset "utf-8";

html, body, div, img, ul, li

	{

		margin:0px; 

		padding:0px;	

	}

html, body 

	{

		background-color: #edcfac; 

		color:#674e00; 

		font-family: Verdana, Arial, Helvetica, san-serif; 

		font-size: 8pt; 

		padding-top: 10px;

	}

:focus

	{

		-moz-outline:none;	

	}

.clear /* FOR CLEARING FLOATS */

	{

		clear:both;	

	}

.left 

	{

		float:left;	

	}

.right

	{

		float:right;	

	}

.INLINEUL

	{

		overflow:auto;	

	}

/* a:link {color:#674e00; font-weight:bold; font-size: 13px; text-decoration: none; } BETTER TO DO JUST A THAN A LINK SO COLORS STAY CONSISTANT */

a { color:#674e00; font-weight:bold; font-size: 13px; text-decoration: none; }

a:hover, a.on { background-color: #d3a84c; }	

#wrapper

	{

		width:900px;

		min-width: 900px;

		text-align:left;

	}

#wrapper #logo

	{

		text-align:right;

		z-index:2;

	}

#wrapper #logo img

	{

		position:relative;

		top:1px;

	}

#wrapper #content /* THIS MEANS A DIV WITH ID OF CONTENT INSIDE A DIV WITH ID OF WRAPPER */

	{

		 background-color: #fff; 

		 /* width:900px; TRY TO NOT REDEFINE WIDTHS MAKES IT DIFFICULT WHEN YOU HAVE TO CHANGE THE WIDTH */

		 border:1px solid #b2a784; 

		 overflow:auto;

		 padding-top: 15px;

		 text-align:left;

	}

#wrapper #content .INLINEUL div ul li/* MEANS A  LI INSIDE A UL INSIDE A DIV INSIDE A DIV WTIH CLAASS CALLED INLINEUL INSIDE A DIV CALLED CONTENT INSIDE A DIV CALLED CONTAINER */

	{

		float:left;

		border-left: 2px solid #674e00; 



	}

#wrapper #content .INLINEUL div ul

	{

	 	margin:5px;

		padding:0px;

		list-style:none;

	 }

#wrapper #content .INLINEUL div ul li a

	{

		padding-left: 5px;

		padding-right: 10px;

		

	}

#wrapper #content .INLINEUL div ul li:first-child /* THIS MEANS THE FIRST LI IN EVERY UL IN THE NAV DIV */

	{

		border-left:none;	

	}

#wrapper #content .INLINEUL div ul li:first-child a

	{

		padding-left: 10px;

		padding-right: 10px;

	}	

#wrapper #packages ul

	{

		position:absolute;	

		clear:both;

		display:block;

		overflow:auto;

		background-color:#e9d3a5;

		width: 140px;

		display:none;

	}

#wrapper #packages ul li

	{

		display:block;

		clear:both;

		margin:0px !important;	

		padding: 0px !important;

		border-left:none !important;

		width: 100%;

	}

#wrapper #packages ul li:first-child a

	{

		padding-left:5px !important;

		display:block;

	}

#wrapper #packages ul li a:hover

	{

		display:block;

		background-color: #9d7b26;

		color:#FFFFFF;

	}

#wrapper #content #main_content

	{

		clear:both;

		padding: 15px;

		min-height: 300px;

	}

#footer 

	{ 

		background-color: #b2a784; 

		color:#fff; 

		font-size:13px; 

		padding: 5px;

		font-weight:bold;

	}

#footer div.right

	{

		margin-top: -5px;

	}

#footer div ul li

	{

		border-left: 2px solid #fff !important ;	

	}

#footer div ul li a

	{

		color:#fff !important ;	

	}	

#footer div ul li:first-child

	{

		border-left:none !important ;	

	}

	

/* BODY COPY */

.copy

	{

		color: #614302 !important;

		font-size: 8pt !important; 

	}

/* contact pact */

.contact_input table

	{

		width: 550px;	

	}

.contact_input table tr td:first-child

	{

		text-align:right;

		width: 30%;

		padding-right: 10px;

		height: 30px;

	}

.contact_input input

	{

		display:block;

		width: 100%;

		height: 100%;

		border:none;

		border-bottom: 1px solid #674e00;

	}

.contact_input textarea

	{

		display:block;

		width: 100%;

		height: 100%;

		border: 1px solid #674e00;

	}



/* plans */

.plans

	{

		color: #674e00;	

	}

.plans h1

	{

		color: #674e00;

		font-style:italic;

	}

.plans h2

	{

		margin:0px;

		padding:0px;	

		color: #d3a84c;

		margin-top: 10px;

		font-size: 11pt;

	}

.plans p

	{

		margin:0px;

		padding:0px;

		display:inline;

	}	

	

/* 	DEMOS */

.demos a

	{

		width: 600px; 

		height: 400px; 

		margin-bottom: 50px;

		display:block;

	}

/* BACKGROUND IMAGES */

.background

	{

		background-position:bottom left;

		background-repeat:no-repeat;

	}

.approach

	{

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

	}

.awards

	{

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

		background-position:left center;

	}

.contact

	{

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

		background-position:left center;

	}
.indent { padding: 12px; }