/* ----- BASIC ELEMENTS ----- */

body {
	background-color: #424242;
	color: #000000;
	font-size: 11px;
	font-family: 'Arial';
	text-align: center;
}

p {
	margin: 0px;
	padding: 0px;
	padding-bottom: 15px;
	}

h3 {
	color: #40BF33;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
	}

h4 {
	color: #187313;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
	}

.textSmaller {
	font-size: 11px;
	font-weight: normal;
	}

a {
	text-decoration: none;
	color: #44C538;
	}

a:hover {
	text-decoration: underline;
	}


/*----- MENU ----- */


#nav {
	margin: 0;
	padding: 0;
	height: 130px;
	width: 92px;
	list-style: none;
	overflow: hidden;
	}

#nav li {
	width: 92px;
	overflow: hidden;
	}

#mabout a  {
	display: block;
	width: 92px;
	height: 26px;
	background: url(pic/g_about.gif) no-repeat;
	}

#mservices a  {
	display: block;
	width: 92px;
	height: 26px;
	background: url(pic/g_services.gif) no-repeat;
	}

#mportfolio a  {
	display: block;
	width: 92px;
	height: 26px;
	background: url(pic/g_portfolio.gif) no-repeat;
	}

#mdownload a  {
	display: block;
	width: 92px;
	height: 26px;
	background: url(pic/g_download.gif) no-repeat;
	}

#mcontact a  {
	display: block;
	width: 92px;
	height: 26px;
	background: url(pic/g_contact.gif) no-repeat;
	}


#mabout a:hover, #mservices a:hover, #mportfolio a:hover, #mdownload a:hover, #mcontact a:hover  {
	background-position: 0 -26px;
}

#mabout a:active, #mservices a:active, #mportfolio a:active, #mdownload a:active, #mcontact a:active, #nav a.selected  {
	background-position: 0 -52px;
}



/*----- LAYOUT ----- */

#container {
	width: 661px;
	margin: 0 auto;
	text-align: left;
}

#top {
	height: 50px;
	background: url(pic/logo.gif) no-repeat left;
}

#head {
	width: 661px;
	height: 161px;
	background: url(pic/bg_default.jpg) no-repeat left;
	}

	#headAbout {
		width: 661px;
		height: 161px;
		background: url(pic/bg_about.jpg) no-repeat left;
		}

	#headServices {
		width: 661px;
		height: 161px;
		background: url(pic/bg_services.jpg) no-repeat left;
		}

	#headPortfolio {
		width: 661px;
		height: 161px;
		background: url(pic/bg_portfolio.jpg) no-repeat left;
		}

	#headDownload {
		width: 661px;
		height: 161px;
		background: url(pic/bg_download.jpg) no-repeat left;
		}

	#headContact {
		width: 661px;
		height: 161px;
		background: url(pic/bg_contact.jpg) no-repeat left;
		}

#menu {
	padding-top: 20px;
	padding-left: 12px;
	}

#contentTopFull {
	width: 661px;
	height: 6px;
	background: url(pic/bg_contentTopFull.gif) no-repeat top;
	}

#contentTopHalf {
	width: 661px;
	height: 6px;
	background: url(pic/bg_contentTopHalf.gif) no-repeat top;
	}

#contentTopThird {
	width: 661px;
	height: 6px;
	background: url(pic/bg_contentTopThird.gif) no-repeat top;
	}

#contentFull {
	background: url(pic/bg_contentFull.gif) repeat-y;
	padding: 0px 40px;
	padding-top: 20px;
	text-align: justify;
	}

#contentHalf {
	background: url(pic/bg_contentHalf.gif) repeat-y;
	padding: 0px 40px;
	padding-top: 20px;
	text-align: justify;
	}

#contentThird {
	background: url(pic/bg_contentThird.gif) repeat-y;
	padding: 0px 40px;
	padding-top: 20px;
	text-align: justify;
	}

#contentBottomFull {
	width: 661px;
	height: 14px;
	background: url(pic/bg_contentBottomFull.gif) no-repeat top;
	}

#contentBottomHalf {
	width: 661px;
	height: 14px;
	background: url(pic/bg_contentBottomHalf.gif) no-repeat top;
	}

#contentBottomThird {
	width: 661px;
	height: 14px;
	background: url(pic/bg_contentBottomThird.gif) no-repeat top;
	}

#footer {
	text-align: right;
	padding-right: 20px;
	width: 641px;
	height: 14px;
	font-size: 10px;
	}