@charset "utf-8";
/* CSS Document */

html {
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 

	}
	

body {
	height:100%; 
	max-height:100%; 
 
	padding:0; 
	margin:0; 
	border:0;
	}


a.home:link { 
   	text-decoration: none;
    color:#1787a0;
	font-size: 1em;
	font-weight: normal;
	font-family:georgia, "times new roman", serif;
	background-color:#1787a0;

}
a.home:active { 
   
	text-decoration: none;
	color:#1787a0;
}
a.home:visited { 
   
	text-decoration: none;
	color:#1787a0;
}
	
a.home:hover {
	text-decoration: none;
    color: #1787a0;
	font-size: 1em;
	font-family: Tahoma;
	font-weight: normal;
	font-family:georgia, "times new roman", serif;

}




a.aboutus:link { 
   	text-decoration: none;
    color:#f65a0e;
	font-size: 1em;
	font-weight: normal;
	font-family:georgia, "times new roman", serif;
	background-color:#f65a0e;

}
a.aboutus:active { 
   
	text-decoration: none;
	color:#f65a0e;

}
a.aboutus:visited { 
   
	text-decoration: none;
	color:#f65a0e;
}
	
a.aboutus:hover {
	text-decoration: none;
    color: #f65a0e;
	font-size: 1em;
	font-family: Tahoma;
	font-weight: normal;
	font-family:georgia, "times new roman", serif;

}



a.services:link { 
   	text-decoration: none;
    color:#99cc00;
	font-size: 1em;
	font-weight: normal;
	font-family:georgia, "times new roman", serif;
	background-color:#99cc00;

}
a.services:active { 
   
	text-decoration: none;
	color:#99cc00;
}
a.services:visited { 
   
	text-decoration: none;
	color:#99cc00;
}
	
a.services:hover {
	text-decoration: none;
    color: #99cc00;
	font-size: 1em;
	font-family: Tahoma;
	font-weight: normal;
	font-family:georgia, "times new roman", serif;

}



a.portfolio:link { 
   	text-decoration: none;
    color:#DF2081;
	font-size: 1em;
	font-weight: normal;
	font-family:georgia, "times new roman", serif;
	background-color:#DF2081;

}
a.portfolio:active { 
   
	text-decoration: none;
	color:#DF2081;
}
a.portfolio:visited { 
   
	text-decoration: none;
	color:#DF2081;
}
	
a.portfolio:hover {
	text-decoration: none;
    color: #DF2081;
	font-size: 1em;
	font-family: Tahoma;
	font-weight: normal;
	font-family:georgia, "times new roman", serif;

}

a.client:link { 
   	text-decoration: none;
    color:#ECAF03;
	font-size: 1em;
	font-weight: normal;
	font-family:georgia, "times new roman", serif;
	background-color:#ECAF03;

}
a.client:active { 
   
	text-decoration: none;
	color:#ECAF03;
}
a.client:visited { 
   
	text-decoration: none;
	color:#ECAF03;
}
	
a.client:hover {
	text-decoration: none;
    color: #ECAF03;
	font-size: 1em;
	font-family: Tahoma;
	font-weight: normal;
	font-family:georgia, "times new roman", serif;

}

a.contact:link { 
   	text-decoration: none;
    color:#9933cc;
	font-size: 1em;
	font-weight: normal;
	font-family:georgia, "times new roman", serif;
	background-color:#9933cc;

}
a.contact:active { 
   
	text-decoration: none;
	color:#9933cc;
}
a.contact:visited { 
   
	text-decoration: none;
	color:#9933cc;
}
	
a.contact:hover {
	text-decoration: none;
    color: #9933cc;
	font-size: 1em;
	font-family: Tahoma;
	font-weight: normal;
	font-family:georgia, "times new roman", serif;

}

a.etctera:link { 
   	text-decoration: none;
    color:#cc0000;
	font-size: 1em;
	font-weight: normal;
	font-family:georgia, "times new roman", serif;
	background-color:#cc0000;

}
a.etctera:active { 
   
	text-decoration: none;
	color:#cc0000;
}
a.etctera:visited { 
   
	text-decoration: none;
	color:#cc0000;
}
	
a.etctera:hover {
	text-decoration: none;
    color: #cc0000;
	font-size: 1em;
	font-family: Tahoma;
	font-weight: normal;
	font-family:georgia, "times new roman", serif;

}


.MainDIV
{
position:absolute;
height:750px;
width:350px;
min-width:350px; 
margin:0 0 0 -175px;
left:50%; 
top:0; 
background-color:#06bacd;
}

.AboutUsMainDIV
{
position:absolute;
height:750px;
width:350px;
min-width:350px; 
margin:0 0 0 -175px;
left:50%; 
top:0; 
background-color:#f86d00;
}
.ServicesMainDIV
{
position:absolute;
height:800px;
width:350px;
min-width:350px; 
margin:0 0 0 -175px;
left:50%; 
top:0; 
background-color:#69bb00;
border:thick;
border-top:#CCCCCC;
}


.PortfolioMainDIV
{
	position:absolute;
	height:700px;
	width:350px;
	min-width:350px; 
	margin:0 0 0 -175px;
	left:50%; 
	top:0; 
	background-color:#e4268d;
	border:thick;
	border-top:#CCCCCC;
}


.ClientListMainDIV
{
position:absolute;
height:750px;
width:350px;
min-width:350px; 
margin:0 0 0 -175px;
left:50%; 
top:0; 
background-color:#e6aa00;
}

.ContactListMainDIV
{
position:absolute;
height:1300px;
width:350px;
margin:0 0 0 -175px;
left:50%; 
top:0; 
background-color:#a53bbd;
min-width:350px; 
}


.CareerMainDIV
{
position:absolute;
height:900px;
width:350px;
min-width:350px; 
left:50%;
top:0; 
margin:0px 0 0 -175px;
background-color:#ae0b00;
}



.BodyTextDIV
{
width:290px;
position:absolute;
margin:200px 0 0 30px;
background-color:#06bacd;
}

.AboutUSBodyTextDIV
{
width:290px;
position:absolute;
margin:200px 0 0 30px;
background-color:#f86d00;
}

.ServicesBodyTextDIV
{
width:290px;
position:absolute;
margin:200px 0 0 30px;
background-color:#69bb00;
}
.PortfolioBodyTextDIV
{
width:290px;
position:absolute;
margin:200px 0 0 30px;
background-color:#e4268d;
}
.ClientListBodyTextDIV
{
width:290px;
position:absolute;
margin:200px 0 0 30px;
background-color:#e6aa00;
}
.ContactListBodyTextDIV
{
width:290px;
position:absolute;
margin:200px 0 0 30px;
background-color:#a53bbd;
}
.CareerBodyTextDIV
{
width:290px;
position:absolute;
margin:200px 0 0 30px;
background-color:#ae0b00;
}

#bodytext
{
color:#ffffff ;
	font-size: 11px;
	font-family: Tahoma;
	font-weight: normal;
	}

.LogoDIV
{
position:absolute;
margin:-90px 0 0 340px;
}

.text1
{
background-color: #9636ac;
border:thin;
border-style:solid;
border-color:4d0e5c;
width:170px;
font-size:12px;
color:#FFFFFF;
overflow:auto;
}
.button {
    border: 1px solid #006;
    background: #4d0e5c;
	color:#FFFFFF;
}
.button:hover {
    border: 1px solid #FFFFFF;
    background:#333333;
	color:#FFFFFF;
}






<a href="" class="home">home</a>
<a href="" class="blue">blue</a>
<a href="" class="green">green</a>
<a href="" class="yellow">yellow</a>
<a href="" class="red">red</a>
<a href="" class="purple">purple</a>