/*------[GENERAL]--------*/
* { margin: 0; padding: 0; }

body{
	
	color: #000; 
   	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:11px;
background-color: #8c8c8c;
background-image:url(../images/13.png);
background-position:top left;
	background-repeat:no-repeat;
	
}
.zemContactForm fieldset {
   border: none;
   }
.zemContactForm legend {
   padding: 0.5em 10px 0.5em 0;
   width: 60px;
   }
.zemContactForm label {
   float: left;
   width: 60px;
   margin: 0.3em 10px 0 0;
   text-align: right;
   }
.zemContactForm br {
   clear: left;
   }
.zemContactForm .zemSubmit {
   margin: 0.5em 0 0 70px;
   }

img{
	border:0;
	}
#supersize img{
	width:100%;
	height:100%;
	position:fixed;
	}
a {
	color: #009D00;
	text-decoration: underline;
}
a:hover { color: #FF0000;}


h1,h2,h3,h4,h5,h6 { color: #110; font-family: Arial, Georgia, "Times New Roman", Times, serif; }

/*-------[   Layout   ]---------*/
#wrap{
	position:relative;
	margin:auto auto;
	width:882px;
	height:512px;
	background-image:url(../images/4.png);
	}


/*-------[ Logo + Navigation ]---------*/
#header{}

	#logo
	{
	z-index:200;
	position:absolute;
	top:3px;
	left:20px;
	width:262px;
	height:83px;
	text-align:center;
	}
	
		#logo a
		{
			line-height:20px;
			
			color:#fff;
			font-size:23px;
			text-decoration:none;
		}
		
			#logo a:hover{
				text-decoration:underline;
			}
	
	
	#nav{ position:absolute; top:40px; right:20px; }
	
	#nav #about{
	color:#f06826
}


	#nav #news{
	color:#f107f4
}



	#nav #business{
	color:#3df04e
}

#nav #education{
	color:#f7DD26
}
	
#nav #mental{
	color:#18a6ea
}	

#nav #personal{
	color:#662222
}

#nav #contact{
	color:#c350c2
}
	
		#nav ul{ padding:0; list-style: none; }
		
			#nav li{ display: inline; }
		
				#nav a
					{
	display: block;
	float: left;
	margin-right:1px;
	padding:5px 5px 5px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	text-transform:uppercase;
	outline:none;
	font-weight: bold;
					}
		
					#nav a:hover{
	text-decoration:underline;
	color: #3df;
}
		
			#nav .active a{
	background-color:#009D00;
	color:#fff;
			}
			
/*----------------------------*/
#content{
	background-color: #ecefcb;
	position:absolute;
	top:85px;
	left:20px;
	width:840px;
	height:390px;
}

	#img-holder{
		position:absolute;
		width:512px;
		left:0px; 
		top:0;
	}
	
	#text{
	position:absolute;
	top:0;
	right:0;
	width:500px;
	height:390px;
	overflow:hidden;
	text-align:justify;
		}
	
		#text h1{ margin:20px 0 10px 10px; border-bottom:1px solid #fff; font-size:22px; }

#text h2{ margin:10px 100px 20px 0px; font-size:18px; color:#006221; line-height:24px; }
		
		#text p{
	line-height:22px;
	text-indent:0px;
	margin-bottom:15px;
}
	
		#text ul { margin-bottom:5px; text-align:left;}
			#text ul li{ margin-left:20px; margin-right:10px; line-height:20px;}
			
	#gallery a{ display:block; float:left; padding:3px; border:1px solid #fff; margin-left:5px; margin-bottom:5px;}
		#gallery a:hover {background-color:#fff;}
		#gallery a img{ width:88px; height:55px; border:none;}
		
			
/*-------------------------------------*/
#footer{ position:absolute; left:20px; top:485px; }
	#footer a { color:#111; text-decoration:none; }	
	
	
	form { padding-left:20px;}
		input.text{ width:245px;}
		input.button{ margin-top:5px;}
		label{ width:150px; display:block; margin-top:5px; font-size:11px;}