/*
  Main Layout
*/

body {
  text-align: left;
  background: #EFF0F8 url('background.jpg') no-repeat;
background-attachment: scroll;
background-position: top;}

#content{width:950px;background-color: #ffffff}

/*
  Base Font
*/

* {
  font-family: Arial;
  font-size: 10pt;

}

/*
  Links
  a - all links
*/

 a.menu1link {
   display: block;
   font-weight : normal;
   font-family: serif;
   font-size: 14pt;
   color : #ffffff;
   background-color: #927f62;
   text-decoration: none;
   text-align:center;
   padding-left : 10px;
   padding-right : 10px;
   padding-top : 5px;
   padding-bottom : 5px;

 }

 a.menu1link:hover {
   display: block;
   font-weight : normal;
   font-family: serif;
   font-size: 14pt;
   color : #ffffff;
   background-color: #01aef0;
   text-decoration: none;
   text-align:center;
   padding-left : 10px;
   padding-right : 10px;
   padding-top : 5px;
   padding-bottom : 5px;
 }

 a.menu2link {
   display: block;
   font-weight : normal;
   font-family: serif;
   font-size: 14pt;
   color : #ffffff;
   background-color: #bdd88a;
   text-decoration: none;
   text-align:center;
   padding-left : 10px;
   padding-right : 10px;
   padding-top : 5px;
   padding-bottom : 5px;

 }

 a.menu2link:hover {
   display: block;
   font-weight : normal;
   font-family: serif;
   font-size: 14pt;
   color : #ffffff;
   background-color: #01aef0;
   text-decoration: none;
   text-align:center;
   padding-left : 10px;
   padding-right : 10px;
   padding-top : 5px;
   padding-bottom : 5px;
 }

a.menu3link {
   display: block;
   font-weight : normal;
   font-family: serif;
   font-size: 14pt;
   color : #ffffff;
   background-color: #e90080;
   text-decoration: none;
   text-align:center;
   padding-left : 10px;
   padding-right : 10px;
   padding-top : 5px;
   padding-bottom : 5px;

 }

 a.menu3link:hover {
   display: block;
   font-weight : normal;
   font-family: serif;
   font-size: 14pt;
   color : #ffffff;
   background-color: #01aef0;
   text-decoration: none;
   text-align:center;
   padding-left : 10px;
   padding-right : 10px;
   padding-top : 5px;
   padding-bottom : 5px;
 }

a.menu4link {
   display: block;
   font-weight : normal;
   font-family: serif;
   font-size: 14pt;
   color : #ffffff;
   background-color: #00a991;
   text-decoration: none;
   text-align:center;
   padding-left : 10px;
   padding-right : 10px;
   padding-top : 5px;
   padding-bottom : 5px;

 }

 a.menu4link:hover {
   display: block;
   font-weight : normal;
   font-family: serif;
   font-size: 14pt;
   color : #ffffff;
   background-color: #01aef0;
   text-decoration: none;
   text-align:center;
   padding-left : 10px;
   padding-right : 10px;
   padding-top : 5px;
   padding-bottom : 5px;
 }

a.menu5link {
   display: block;
   font-weight : normal;
   font-family: serif;
   font-size: 14pt;
   color : #ffffff;
   background-color: #7c9ed2;
   text-decoration: none;
   text-align:center;
   padding-left : 10px;
   padding-right : 10px;
   padding-top : 5px;
   padding-bottom : 5px;

 }

 a.menu5link:hover {
   display: block;
   font-weight : normal;
   font-family: serif;
   font-size: 14pt;
   color : #ffffff;
   background-color: #01aef0;
   text-decoration: none;
   text-align:center;
   padding-left : 10px;
   padding-right : 10px;
   padding-top : 5px;
   padding-bottom : 5px;
 }

a.menu6link {
   display: block;
   font-weight : normal;
   font-family: serif;
   font-size: 14pt;
   color : #ffffff;
   background-color: #F7BC5B;
   text-decoration: none;
   text-align:center;
   padding-left : 10px;
   padding-right : 10px;
   padding-top : 5px;
   padding-bottom : 5px;

 }

 a.menu6link:hover {
   display: block;
   font-weight : normal;
   font-family: serif;
   font-size: 14pt;
   color : #ffffff;
   background-color: #01aef0;
   text-decoration: none;
   text-align:center;
   padding-left : 10px;
   padding-right : 10px;
   padding-top : 5px;
   padding-bottom : 5px;
 }

a.menu7link {
   display: block;
   font-weight : normal;
   font-family: serif;
   font-size: 14pt;
   color : #ffffff;
   background-color: #c675ec;
   text-decoration: none;
   text-align:center;
   padding-left : 10px;
   padding-right : 10px;
   padding-top : 5px;
   padding-bottom : 5px;

 }

 a.menu7link:hover {
   display: block;
   font-weight : normal;
   font-family: serif;
   font-size: 14pt;
   color : #ffffff;
   background-color: #01aef0;
   text-decoration: none;
   text-align:center;
   padding-left : 10px;
   padding-right : 10px;
   padding-top : 5px;
   padding-bottom : 5px;
 }

a.menu8link {
   display: block;
   font-weight : normal;
   font-family: serif;
   font-size: 14pt;
   color : #ffffff;
   background-color: #6BC3CB;
   text-decoration: none;
   text-align:center;
   padding-left : 10px;
   padding-right : 10px;
   padding-top : 5px;
   padding-bottom : 5px;

 }

 a.menu8link:hover {
   display: block;
   font-weight : normal;
   font-family: serif;
   font-size: 14pt;
   color : #ffffff;
   background-color: #01aef0;
   text-decoration: none;
   text-align:center;
   padding-left : 10px;
   padding-right : 10px;
   padding-top : 5px;
   padding-bottom : 5px;
 }

#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 90px;
	height: 90px;
	position: relative;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: left bottom;
}
#menu a:hover span{
	display: block;
}
#menu .portfolio {
	width: 390px;
	height: 40px;
	background: url('images/portfoliolinkoff.png') no-repeat;
	left: 0px;
	top: 0px;
}
#menu .portfolio span {
	width: 320px;
	height: 50px;
	background: url('images/portfoliolinkon.png') no-repeat;
	left: 20px;
	top: 40px;
}

#menu .websites {
	width: 390px;
	height: 90px;
	background: url('images/websitelinkoff.png') no-repeat;
	left: 0px;
	top: 0px;
}
#menu .websites span {
	width: 200px;
	height: 57px;
	background: url('images/websitelinkon.png') no-repeat;
	left: 190px;
	top: 33px;
}

#menu .graphics {
	width: 300px;
	height: 400px;
	background: url('images/graphiclinkoff.png') no-repeat;
	left: 0px;
	top: 0px;
}
#menu .graphics span {
	width: 300px;
	height: 130px;
	background: url('images/graphiclinkon.png') no-repeat;
	left: 0px;
	top: 270px;
}

#menu .graphicspage {
	width: 250px;
	height: 185px;
	background: url('images/graphicpagelinkoff.png') no-repeat;
	left: 0px;
	top: 0px;
}
#menu .graphicspage span {
	width: 250px;
	height: 115px;
	background: url('images/graphicpagelinkon.png') no-repeat;
	left: 0px;
	top: 185px;
}
#menu .websitespage {
	width: 278px;
	height: 90px;
	background: url('images/websitepagelink2off.png') no-repeat;
	left: 0px;
	top: 0px;
}
#menu .websitespage span {
	width: 200px;
	height: 57px;
	background: url('images/websitepagelink2on.png') no-repeat;
	left: 150px;
	top: 50px;
}

a.content1:link { COLOR: #01aef0; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 10pt }
a.content1:visited { COLOR: #01aef0; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 10pt }
a.content1:active { COLOR: #01aef0; TEXT-DECORATION: none; font-family: Arial; font-size: 10pt }
a.content1:hover { COLOR: #01aef0; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 10pt }

a.content2:link { COLOR: #bdd88a; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 10pt }
a.content2:visited { COLOR: #bdd88a; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 10pt }
a.content2:active { COLOR: #bdd88a; TEXT-DECORATION: none; font-family: Arial; font-size: 10pt }
a.content2:hover { COLOR: #01aef0; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 10pt }

a.content3:link { COLOR: #e90080; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 10pt }
a.content3:visited { COLOR: #e90080; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 10pt }
a.content3:active { COLOR: #e90080; TEXT-DECORATION: none; font-family: Arial; font-size: 10pt }
a.content3:hover { COLOR: #01aef0; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 10pt }

a.content4:link { COLOR: #00a991; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 10pt }
a.content4:visited { COLOR: #00a991; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 10pt }
a.content4:active { COLOR: #00a991; TEXT-DECORATION: none; font-family: Arial; font-size: 10pt }
a.content4:hover { COLOR: #01aef0; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 10pt }

a.content5:link { COLOR: #7c9ed2; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 14pt }
a.content5:visited { COLOR: #7c9ed2; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 14pt }
a.content5:active { COLOR: #7c9ed2; TEXT-DECORATION: none; font-family: Arial; font-size: 14pt }
a.content5:hover { COLOR: #01aef0; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 14pt }

a.content5b:link { COLOR: #ffffff; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 10pt }
a.content5b:visited { COLOR: #ffffff; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 10pt }
a.content5b:active { COLOR: #ffffff; TEXT-DECORATION: none; font-family: Arial; font-size: 10pt }
a.content5b:hover { COLOR: #01aef0; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 10pt }

a.content6:link { COLOR: #01aef0; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 10pt }
a.content6:visited { COLOR: #01aef0; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 10pt }
a.content6:active { COLOR: #01aef0; TEXT-DECORATION: none; font-family: Arial; font-size: 10pt }
a.content6:hover { COLOR: #01aef0; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 10pt }

a.content7:link { COLOR: #c675ec; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 10pt }
a.content7:visited { COLOR: #c675ec; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 10pt }
a.content7:active { COLOR: #c675ec; TEXT-DECORATION: none; font-family: Arial; font-size: 10pt }
a.content7:hover { COLOR: #01aef0; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 10pt }

a.content8:link { COLOR: #6bc3cb; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 10pt }
a.content8:visited { COLOR: #6bc3cb; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 10pt }
a.content8:active { COLOR: #6bc3cb; TEXT-DECORATION: none; font-family: Arial; font-size: 10pt }
a.content8:hover { COLOR: #01aef0; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 10pt }

a.footer:link { COLOR: #ffffff; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 7pt }
a.footer:visited { COLOR: #ffffff; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 7pt }
a.footer:active { COLOR: #ffffff; TEXT-DECORATION: none; font-family: Arial; font-size: 7pt }
a.footer:hover { COLOR: #C40000; TEXT-DECORATION: none; font-weight: bold; font-family: Arial; font-size: 7pt }


/*
  Headings
*/

h1 { 
  font-size: 12pt; color:#000000;
  
}

h2 { 
  font-size: 16pt; font-weight: bold; color:#000000;
  
}

h3 { 
  font-size: 8pt; color:#927f62;

}

}


  Paragraph margin
*/
p { margin-bottom : 20px; margin-left : 20px; }

/*
  Highlights to text
*/


p.hilite{ 
  font-size: 10pt; color:#FF6600; 
  font-weight: bold;
  font-style:italic
}

/*
  Paragraphs and Other Text
*/

p {
  line-height: 150%;
}