/* CSS Document */

body
{
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right:0px;
	background-color: #373737;
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	min-width: 762px;
	text-align: center;
}

a:link
{
	text-decoration: underline;
	color: #798c78;
	background-color: transparent;
}

a:visited
{
	text-decoration: underline;
	color: #798c78;
}

a:hover
{
	text-decoration: none;
	background-color: #ccff00;
	color: #333;
}
img { text-decoration:none;
}

/*-- GENERAL --*/
#container {
	width: 764px;
	padding: 0;
	border: 0;
	position: relative;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 449px;
}

ul.bullet  {
	position: relative;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
	list-style-type: none;
}

li.bullet  {
	position: relative;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
	vertical-align: middle;
	height: 20px;
	list-style-type: none;
	background-image: url(img/bullet_info.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}


/*-- HEADER--*/

#header {
	position: relative;
	float: left;
	display: inline;
	width: 762px;
	height: 122px;
	padding: 0;
	border-bottom: 1px solid #444444;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

	#header ul {display: inline; list-style: none; margin: 0; padding: 0;}
	#header li {display: inline; float: left; margin: 0 0 0 40px;}
	#header li a {
	display: inline;
	float: left;
	height: 22px;
	color: #ccc;
}

	#header li a:hover {
	display: inline;
	float: left;
	height: 22px;
	color: #333;
}
	#header li span {display: none;}


#headerLogo {
	position: absolute;
	top: 18px;
	left: 0px;
	width: 213px;
	height: 94px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}

#headerNavBar {
	position: absolute;
	top: 88px;
	left: 217px;
	height: 22px;
	width: 545px;
	display: inline;
}


/*-- HOME PAGE --*/

#homeContainer {
	position: relative;
	float: none;
	display: inline;
	padding: 0;
	width: 762px;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#homeleft {
	width: 310px;
	float: left;
	position: relative;
	padding-right: 20px;
	height: 511px;
}

#homeleft h1 {
	font-size: 40px;
	margin-bottom: -40px;
	margin-top: 20px;
}

#homeright {
	float: right;
	position: relative;
	width: 420px;
	margin-top: 30px;
	text-align: center;
	height: 481px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(img/sitemapsplash.jpg);
}

#homeright ul {
	list-style: none;
	position: relative;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#homeright li {padding: 0 0 5px 15px; background-image: url(img/bullet_info.gif); background-repeat: no-repeat; background-position: 4px 6px;}

/*-- PORTFOLIO --*/

#portfolioleft {
	width: 330px;
	float: left;
	position: relative;
	padding-right: 0px;
	height: 511px;
}

#portfolioleft h1 {
	font-size: 40px;
	margin-bottom: -40px;
	margin-top: 20px;
}

#portfolioleft ul {display: inline; list-style: none; margin: 0; padding: 0;}


#portfolioright {
	float: right;
	position: relative;
	width: 420px;
	margin-top: 30px;
	text-align: center;
}

#portfolioright ul {
	list-style: none;
	position: relative;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#portfolioright li {padding: 0 0 5px 15px; background-image: url(img/bullet_info.gif); background-repeat: no-repeat; background-position: 4px 6px;}

.portfolioright a:link {	
text-decoration: none; 
background-color: transparent;}

.portfolioright a:visited {	
text-decoration: none; 
background-color: transparent;}

.portfolioright a:hover {	
text-decoration: none; 
background-color: transparent;}

	a.thumb {
	width:50px; /* 50% image width */
	height:60px; /* 50% image height */
	margin-right:5px;
	margin-bottom:5px;
	float:left;
	}
	a.thumb:hover {
		background-color:#FFFFFF; /* background needed for IE */
	}
	a.thumb img {
	width:50px; /* 50% image width */
	height:60px; /* 50% image height */
	border:1px solid #000000;
	
	}
	a.thumb:hover img {
		width:100px;
		height:120px;
		margin-left:-32px; /* 25% image width */
		margin-top:-32px; /* 25% image height */
		position:absolute;
		z-index:1;
	}



/*-- KNOWLEDGE --*/

#knowledgeright {
	width: 170px;
	float: left;
	position: relative;
}

#knowledgeright ul {
	list-style: none;
	position: relative;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 35px;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	width: 170px;
}
#knowledgeright li {padding: 0 0 5px 15px; background-image: url(img/bullet_info.gif); background-repeat: no-repeat; background-position: 4px 6px;}

#knowledgerightright {
	width: 220px;
	float: right;
	position: relative;
}

#knowledgerightright ul {
	list-style: none;
	position: relative;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#knowledgerightright li {padding: 0 0 5px 15px; background-image: url(img/bullet_info.gif); background-repeat: no-repeat; background-position: 4px 6px;}

#knowledgeleft {
	width: 330px;
	float: left;
	position: relative;
	padding-right: 0px;
	height: 511px;
	background-image: url(img/bulb.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#knowledgeleft h1 {
	font-size: 40px;
	margin-bottom: -40px;
	margin-top: 20px;
}

/*-- CONTACT --*/

#contactContainer {
	position: relative;
	float: none;
	display: inline;
	padding: 0;
	width: 762px;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#contactleft {
	width: 310px;
	float: left;
	position: relative;
	padding-right: 20px;
	height: 511px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

#contactleft h1 {
	font-size: 40px;
	margin-bottom: -40px;
	margin-top: 20px;
}

#contactright {
	float: right;
	position: relative;
	width: 400px;
	margin-top: 30px;
	text-align: left;
	padding-left: 20px;
}

#contactright ul {
	list-style: none;
	position: relative;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.formInput { border: 1px solid #444444; background-color: #FFFFFF; width: 383px; padding: 4px 0 0 3px; height: 24px; font-size: 14px; color: #333333;}
.formTextarea {
	border: 1px solid #444444;
	background-color: #FFFFFF;
	width: 383px;
	height: 180px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	margin: 0;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 3px;
}
.formButton { border: 1px solid #696; background-color: #444444; width: 100px; padding: 5px 0 5px 0; font-size: 12px; color: #ccc;}
	
/*-- FOOTER --*/
#footerMain {
	width: 762px;
	color: #666666;
	position: relative;
	float: left;
	display: inline;
	margin: 20px 0 0 0;
	padding: 0;
	border-top: 1px solid #444444;
}

#footerMain p {
	font-size: 10px;
	margin: 15px 0 20px 0;
}

#footerMain img {margin: 0px 08px 0px 08px; text-decoration:none;}

.footerMain a:link {	
text-decoration: none; 
background-color: transparent;}

.footerMain a:visited {	
text-decoration: none; 
background-color: transparent;}

.footerMain a:hover {	
text-decoration: none; 
background-color: transparent;}

/*-- WEB DESIGN --*/

#wdContainer {
	position: relative;
	float: none;
	display: inline;
	padding: 0;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#wdleft {
	width: 740px;
	float: left;
	position: relative;
	padding-right: 20px;
	height: 511px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

#wdleft h1 {
	font-size: 40px;
	margin-bottom: -40px;
	margin-top: 20px;
}

#wdright {
	float: right;
	position: relative;
	width: 400px;
	margin-top: 30px;
	text-align: left;
	padding-left: 20px;
}

#wdright ul {
	list-style: none;
	position: relative;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

/*-- SITE MAP --*/

#sitemapContainer {
	position: relative;
	float: none;
	display: inline;
	padding: 0;
	width: 762px;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#sitemapleft {
	width: 310px;
	float: left;
	position: relative;
	padding-right: 10px;
	font-size: 12px;
}

#sitemapleft h1 {
	font-size: 40px;
	margin-bottom: -40px;
	margin-top: 20px;
}

#sitemapleft ul {
	list-style: none;
	position: relative;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#sitemapleft li {padding: 0 0 5px 15px; background-image: url(img/bullet_info.gif); background-repeat: no-repeat; background-position: 4px 6px;}

#sitemapright {
	float: left;
	position: relative;
	width: 200px;
	margin-top: 30px;
	text-align: left;
	height: 481px;
	clear: right;
}

#sitemapright ul {
	list-style: none;
	position: relative;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	width: 200px;
	clear: right;
	float: left;
}
#sitemapright li {padding: 0 0 5px 15px; background-image: url(img/bullet_info.gif); background-repeat: no-repeat; background-position: 4px 6px;}

/*-- SERVICES AREAS --*/

#servicesContainer {
	position: relative;
	float: none;
	display: inline;
	padding: 0;
	width: 762px;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#servicesleft {
	width: 310px;
	float: left;
	position: relative;
	padding-right: 10px;
	height: 511px;
	font-size: 12px;
}

#servicesleft h1 {
	font-size: 40px;
	margin-bottom: -40px;
	margin-top: 20px;
}

#servicesleft ul {
	list-style: none;
	position: relative;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#servicesleft li {padding: 0 0 5px 15px; background-image: url(img/bullet_info.gif); background-repeat: no-repeat; background-position: 4px 6px;}

#servicesright {
	float: left;
	width: 220px;
	margin-top: 30px;
	text-align: left;
	height: 481px;
	clear: right;
}

#servicesright ul {
	list-style: none;
	position: relative;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	font-size: 12px;
}
#servicesright li {padding: 0 0 5px 15px; background-image: url(img/bullet_info.gif); background-repeat: no-repeat; background-position: 4px 6px;}

#servicesrightright {
	float: right;
	margin-top: 30px;
	text-align: left;
	height: 481px;
	width: 205px;
	font-size: 12px;
}

#servicesrightright ul {
	list-style: none;
	position: relative;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#servicesrightright li {padding: 0 0 5px 15px; background-image: url(img/bullet_info.gif); background-repeat: no-repeat; background-position: 4px 6px;}