.footer {
	font-family : "Century Gothic", Arial, Verdana;
	font-size : 18px;
	padding: 5px 0px 5px 10px;
}
.aboutyou {
	background-image:url(../images/aboutmetitle.png);
	background-repeat:no-repeat;
	height:64px;
	margin: 20px 20px 0px 20px;
	padding: 5px 0px 5px 10px;
}
.portfolio {
	background-image:url(../images/portfoliotitle.gif);
	background-repeat:no-repeat;
	height:64px;
	margin: 20px 20px 0px 20px;
	padding: 5px 0px 5px 10px;
}
.contact {
	background-image:url(../images/contacttitle.gif);
	background-repeat:no-repeat;
	height:64px;
	margin: 20px 20px 0px 20px;
	padding: 5px 0px 5px 10px;
}
.servicetitle {
	background-image:url(../images/servicestitle.png);
	background-repeat:no-repeat;
	height:64px;
	margin: 20px 20px 0px 20px;
	padding: 5px 0px 5px 10px;
}


.purple {
	background-color : #ff0451;
	font-family : "Century Gothic", Arial, Verdana;
	font-size : 24px;
	padding: 5px 0px 5px 10px;
	margin: 20px 20px 0px 20px;
}
.orange {
	background-color : #f8991d;
	font-family : "Century Gothic", Arial, Verdana;
	font-size : 24px;
	margin: 20px 20px 0px 20px;
	padding: 5px 0px 5px 10px;
}
.red {
	background-color : #fac903;
	font-family : "Century Gothic", Arial, Verdana;
	font-size : 24px;
	margin: 20px 20px 0px 20px;
	padding: 5px 0px 5px 10px;
}
#red {
	background-color : #fac903;
	font-family : "Century Gothic", Arial, Verdana;
	font-size : 18px;
	margin: 20px 20px 0px 20px;
	padding: 0px 0px 0px 10px;
}
#red a {
text-decoration : none;
color : #000000;
}
#red:hover {
background-color : #000000;
color : #ffffff;
text-decoration : none;
}
#red a:hover {
background-color : #000000;
color : #ffffff;
text-decoration : none;
}
#orange {
	background-color:#f8991d ;
	font-family : "Century Gothic", Arial, Verdana;
	font-size : 18px;
	margin: 20px 20px 0px 20px;
	padding: 0px 0px 0px 10px;
}
#orange a {
text-decoration : none;
color : #000000;
}
#orange:hover {
background-color : #000000;
color : #ffffff;
text-decoration : none;
}
#orange a:hover {
background-color : #000000;
color : #ffffff;
text-decoration : none;
}
.lightorange {
	background-color : #ff8042;
	font-family : "Century Gothic", Arial, Verdana;
	font-family : "Century Gothic", Arial, Verdana;
	font-size : 24px;
	margin: 20px 20px 0px 20px;
	padding: 5px 0px 5px 10px;
}
#lightorange {
	background-color : #ff8042;
	font-family : "Century Gothic", Arial, Verdana;
	font-size : 18px;
	margin: 20px 20px 0px 20px;
	padding: 0px 0px 00px 10px;
}
#lightorange a {
text-decoration : none;
color : #000000;
}
#lightorange:hover {
background-color : #000000;
color : #ffffff;
text-decoration : none;
}
#lightorange a:hover {
background-color : #000000;
color : #ffffff;
text-decoration : none;
}
.yellow {
	background-color : #f2cb32;
	font-family : "Century Gothic", Arial, Verdana;
	font-size : 18px;
	margin: 20px 20px 0px 20px;
	padding: 0px 0px 0px 10px;
}
.text {
	margin: 10px 20px 0px 20px;
	font-family : "Century Gothic", Arial, Verdana;
	font-size : 12px;
	text-align:justify;
}

.placer {
	margin: 10px 20px 0px 20px;
	font-size : 12px;
	text-align:justify;
	clear:both;
}

/* div containers */

#leftcol {
	float : left;
	width : 400px;
}
#rightcol {
	width : 375px;
	float : right;
}
#leftport {
	float : left;
	width : 200px;
}
#rightport {
	width : 575px;
	float : right;
}
#margincontrol {
	margin:10px 0px 0px 20px;
}
	
	/* headline for news */

.headline {
	font-weight:bold;
	font-size:16px;
	font-family : "Century Gothic", Arial, Verdana;
}
.newlinks {
	font-size:12px;
	font-weight:lighter;
	color:#F60;
}
hr {
	color:#F06;
	border:thick;
}