body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	margin: 0px;
	color: #FFFFFF;	
	background-image: url(images/bg.jpg);
}

a {
	font-weight: bold;
	text-decoration: none;
	color: #C4C42C;
	font-size: 10px;
}
a:visited:active {
	color: #FF0000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.about:hover {
	background-image: url(images/butaboutH.gif);	
}

.oft {	
	background-image: url(images/bordertop.jpg);
}
.oflt {	
	background-image: url(images/borderleft.jpg);
}
.oflb {	
	background-image: url(images/brdlfb.jpg);
}
.ofr {	
	background-image: url(images/borderright.jpg);
}


.ift {	
	background-image: url(images/bordert.gif);
}
.ifb {	
	background-image: url(images/borderb.gif);
}
.ifl {	
	background-image: url(images/borderl.gif);
}
.ifr {	
	background-image: url(images/borderr.gif);
}


.bgm {
	background-image: url(images/menubg.jpg);
	text-align: center;
	vertical-align: bottom;
}
.bgmabout {
	background-image: url(images/about.jpg);
	text-align: center;
	vertical-align: bottom;
}
.bgmport {
	background-image: url(images/portfolio.jpg);
	text-align: center;
	vertical-align: bottom;
}

.bgmcontact	{
	background-image: url(images/contact.jpg);
	text-align: center;
	vertical-align: bottom;
}

.bgmlinks {
	background-image: url(images/links.jpg);
	text-align: center;
	vertical-align: bottom;
}

.text {
	background-color: #000000;
	text-align: justify;
	padding: 5px;
	vertical-align: top;
	font-size: 10px;
	color: #FFFFFF;
}

.frame {
	color: #000000;
	font-size: 11px;
	border-top: #000000 1px solid;
	border-right: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
}

.red {
	color: #FF0000;
}

.button {
	font-size: 10px;
	font-weight: bold;
}

.shadetabs	{
	padding: 0px;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left;
	margin: 0px;
}
.tabcontentstyle{ /*style of tab content oontainer*/
border: none;
padding: 0 10px;
}