body 	{
  background-image: url('images/bg.gif');
	margin: 0;
	}

html 	{
  background-image: url('images/bg.gif');
	margin: 0;
	}
	
h1 { font-family: tahoma; font-size: 38px; font-weight: bold; color: #97c93c; margin: 7px 0 35px 0; line-height: 32px;}	
h2 { font-family: tahoma; font-size: 20px; font-weight: bold; color: #62573d; margin: 3px 0 3px 0; }	
h3 { font-family: tahoma; font-size: 18px; font-weight: bold; color: #79a42a; margin: 3px 0 3px 0; }	
h3.projecttitle { margin: -5px 0 8px 0; padding: 0; font-family: verdana; font-weight: bold; font-size: 16px; color: #2f8589 }
h3#clientlogin { font-size: 20px; letter-spacing: 1px; color: #e5f2cf; padding: 18px 0 13px 2px; }
h4 { font-family: georgia; font-style: italic; font-size: 11px; font-weight: normal; color: #6aabae; margin: 0 0 6px 0; padding: 0; }

p { font-family: tahoma; font-size: 14px; font-weight: normal; color: #62573d; line-height: 150%; margin: 0 8px 5px 0; }
p.project { font-color: #62573d; font-size: 13px; line-height: 22px; }

td, tr, table { font-family: tahoma; font-size: 14px; font-weight: normal; color: #62573d; line-height: 150%; margin: 0 8px 5px 0; }

hr { border-width: .5px; border-style: dashed; border-color: #91d9dc;}

img { border: 0; }

a:link 
	{
	color: #539b9e;
	text-decoration: underline;
	}
	
a:visited 
	{
	color: #539b9e;
	text-decoration: underline;
	}

a:hover {
	color: #539b9e;
	text-decoration: none;
	}
a:active 
	{
	color: #539b9e;
	text-decoration: none;
	font-weight: bold;
	}
	
a.client:link, a.client:visited, a.client:active {	text-decoration: none; font-weight: bold; font-family: verdana; font-size: 15px; letter-spacing: 1px; color: #e5f2cf; }
a.client:hover {	text-decoration: underline; font-weight: bold; font-family: verdana; font-size: 15px; letter-spacing: 1px; color: #e5f2cf; }


a.footer:link 
	{
	color: #ffffff;
	text-decoration: none;
	}
	
a.footer:visited 
	{
	color: #ffffff;
	text-decoration: none;
	}

a.footer:hover {
	color: #ffffff;
	text-decoration: underline;
	}
a.footer:active 
	{
	color: #ffffff;
	text-decoration: none;

	}

.floatleft { float: left; }	
.floatright {float: right; }
.clear {clear: both;}
.clearright { clear: right }

.green {color: #97c93c;}
.white {color: #ffffff;}
a:link.white, a:visited.white, a:hover.white, a:active.white {color: #ffffff;}

div.projectThumb { width: 420px; padding-right: 18px; }
img.projectThumb { border: 3px solid #97c93c; margin: 0; padding: 0;}	
div.projectBlock { width: 407px; margin-left: 15px; float: left; }
img.tag { margin: 4px 0 12px 0; }
img.hr { margin: 15px 0 15px 0; }
img#logo { margin: 8px 0 0 38px; z-index: 2; position: relative; }

#container {margin: 0 auto 0 auto; width: 1000px; background-color: #ffffff;}

#menu {width: 410px; height: 189px; float: right;}

#maincontent {width: 1000px; background-image: url('images/bg-content.png'); background-repeat: repeat-x; background-color: #ffffff;}

#menuarea {width: 251px; float: left; margin: 12px 5px 0 19px; }

#mainarea {width: 672px; float: right; margin: 20px 27px 0 26px; }

div#containerFortopsection { width: 694px; float: right; margin: 0; }

div#topMenu { width: 356px; }

div#clientLogin { width: 364px; height: 204px; background-color: #91d9dc; }

div#search { margin-left: 5px; float: left; width: 163; height: 51px; background-image: url(/images/searchbg.png); background-repeat: no-repeat; }

div#footer { background-color: #94d6d9;  clear: both; margin: -5px auto 0 auto; width: 1000px; }

div.footerfeature { float: left; margin: 13px 0 0 10px; width: 143px; height: 168px; background-image: url(/images/feature-bg.png); background-repeat: no-repeat; }

div#footeright { width: 670px; margin: 20px 15px 0 8px; float: right; }

h5#footer { color: #ffffff; font-family: verdana; font-weight: bold; font-size: 11.5px; text-align: center; margin: 2px 0; padding: 0; }

div#footertestimonial { margin: 0 0 0 9px; float: left; width: 385px; }

div#footerextra { margin: 0; width: 258px; float: right; }
img.footerfeature { margin: 11px 0 0 12px }

img#featuredProject { margin-top: 28px; }

img#username { margin: 4px 11px 10px 0; }

input#username { font-size: 15px; font-family: georgia; vertical-align: center; color: #6b6761; border: 1px solid #e5f2cf; height: 26px; width: 200px; margin-bottom: 8px; }

img#password { margin: 4px 10px 10px 0; }

input#password { font-size: 15px; font-family: georgia; vertical-align: center; color: #6b6761; border: 1px solid #e5f2cf; height: 26px; width: 200px; }

input.search { margin: 12px 0 0 7px; font-size: 15px; font-family: georgia; vertical-align: center; color: #6b6761; border: 1px solid #e5f2cf; height: 20px; width: 135px; }

#rememberMe { font-weight: bold; font-family: verdana; font-size: 15px; letter-spacing: 1px; color: #e5f2cf; }

#goButton { margin: -35px 25px 0 0; }

/* -------------------------------------- styles for project detail page ------------------------------------- */

div#projectcontainer { width: 673px }
img#projectbigthumb { clear: both; border-top: 8px; border-right: 8px; border-left: 8px; border-style: solid; border-color: #ffffff; margin: 0 8px 8px 0; }
div#projectcaption { width: 673px; height: 50px; background-color: #97c93c; margin-bottom: 20px; }
p#projectcaption { color: #ffffff; font-weight: bold; float: left; margin: 12px 0 0 10px; font-family: verdana; }
img#enlarge { float: right; margin: 0 10px;}
img#launch { float: right; margin: 0; }
img#questionmark { float: left; margin-right: 5px;}
h3#caption { margin-top: 3px;}