a:hover { color: #e3a55c; }

h1, h2, a { color: #6DBD1A; }

h1, h2 {
	font: bold 1.3em Trebuchet Ms, Tahoma, Arial, Verdana;
	margin-top: 20px;
	margin-bottom: -10px;
	padding-bottom: 0;
}

h2 { font-weight: normal; }

body  {
	font: .83em/1.35em Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #666666;
	background: url(images/bg2.gif) top left repeat-x;
}

#container { 
	width: 780px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
}

/* ---------------------HEADER CLASSES--------------------- */

#header { 
	width: 780px;
	margin: 0 auto 5px auto;
	text-align: left;
	height: 75px;
	background=color: none;
	border: 0px solid red;
}

#header img {
	padding-top: 5px;
}

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0;
}
#header ul {
	margin: 0;
	padding: 0;
	float: right;
	list-style-type: none;
}
#header ul li {
	display: inline;
	font: normal 1em Tahoma, Arial, Verdana;
}
#header ul li a {
	border-left: 2px solid #fff;
	border-right: 1px solid #fff;
	padding: 30px 12px 0 12px;
	display: block;
	float: left;
	margin: 0px -1px 0px 0px;
	height: 45px;
	text-decoration: none;
	background: url(images/topnav-bg.gif) top left repeat-x;
/*	background-color: #EBF8DD;*/
}
#header ul li a:hover {
/*	background-color: #fff;*/
	background: url(images/topnav-bg-hover.gif) top left repeat-x;
	color: #e3a55c;
}
#header ul li.active a {
	background: url(/images/nav_a.gif) repeat-x;
	color: #fff;
}

/* ---------------------SIDEBAR CLASSES--------------------- */

#sidebar1 {
	float: left;
	width: 170px;
	padding: 20px 20px 15px 20px;
	background-color: #ffffff;
}

#sidebar1 #subnav
{
margin: 0 -20px 10px 0;
padding: 0 0 1px;
font-family: verdana;
background: #c6eb9e;

}

#sidebar1 #subnav li
{
list-style: none;
margin: 0;
border-top: 1px solid #c6eb9e;
text-align: left;
}

#sidebar1 #subnav li a
{
display: block;
padding: 0.5em 0.5em 0.5em 0.75em;
border-left: .3em solid #c6eb9e;
background: #fff;
text-decoration: none;
}

#sidebar1 #subnav li a:hover
{
background: #EBF8DD;
}

.retun-to-main-section {
	text-align: right;
	font-size: .7em;
	clear: both;
	margin: auto -20px 20px 0;
	padding-bottom: 20px;
	padding-right: 20px;
	border-bottom: 1px solid #DDDDDD;
}

/*  ---------------------PAGE BODY CLASSES--------------------- */
	
#mainContent { 
	margin: 0 0 0 210px;
	padding: 20px;
	border-left: 1px solid #DDDDDD;
	background-color: #ffffff;
	min-height: 500px;
}

/*  ---------------------FOOTER CLASSES--------------------- */

#footer { 
	width: 100%;
	background:#e7e7e7; 
	font: normal .7em Tahoma, Arial, Verdana;
} 

#footer a {
	text-decoration: none;
}

#footer p {
	margin: 0 auto;
	padding: 3px 0;
	width: 780px;
	text-align: right;
}

#content-below-footer {
	margin: 0 auto;
	padding: 10px auto;
	width: 780px;
	text-align: right;
}

#content-below-footer p { margin: 10px 0; padding: 0; }

/*  ---------------------MISCELLANEOUS CLASSES--------------------- */

.fltrt {
	float: right;
	margin-left: 8px;
}

.fltlft {
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.hr {
	clear: both;
	margin: 20px -20px 20px 0;
	height: 1px;
	border-top: 1px solid #DDDDDD;
}

.mainbanner {
/*	margin: 0 0 20px 0;*/
	border-bottom: 3px solid #DDDDDD;
}


p.title {
	color: #e3a55c;
	font: normal 1.1em Tahoma, Arial, Verdana;
	margin-top: 0;
	margin-bottom: -13px;
}

img.portfolio-banner { margin: 10px 0 0 0; border: 4px solid #e7e7e7; }
p.portfolio-icons img { padding: 1px; border: 3px solid #e7e7e7; margin-right: 5px; margin-bottom: 5px; }
p.portfolio-icons img.active { padding: 1px; border: 3px solid #E58A99; margin-right: 5px; margin-bottom: 5px; }

.testimonial {
	float: right;
	width: 250px;
	font-size: .81em;
	line-height: 1.5em;
/*	border: 3px solid #FD34A1;*/
	background-color: #e7e7e7;
	padding: 10px 15px;
	text-align: justify;
}

.sitemeter { display: none; }

ul.graphic-design-portfolio { list-style-type: none; margin: 20px 0 0 0; padding: 0; }
ul.graphic-design-portfolio li { float: left; padding-right: 20px; }

.eightpt { font-size: 8pt; line-height: 11pt; }