/* Generic Selectors */ 

body
{
   margin: 0; /* to avoid margins */
   text-align: center; /* to correct the centering IE bug*/
   min-width: 755px;
   background-color: #999999;
/* background-image: url(../images/bg1.jpg); */
}

/*
body 
{ 
   font-family: Georgia, "Times New Roman", Times, serif; 
   font-size: 14px; 
   color: #333333; 
   background-color: #AFD8E9; 
} 

p 
{ 
   width: 80%; 
} 
*/

h1 
{ 
   color: white;
   font-family: Verdana, Arial, Helvetica;
   font-size: 18px; 
   font-weight: normal; 
} 

h2 
{ 
   font-family: Century Gothic, Verdana, Arial, Helvetica;
   font-size: 16px; 
   font-weight: normal; 
   color: #5AC600;
/*****************
   border-bottom: 1px solid #C6EC8C; 
*****************/
} 

/**************** Pseudo classes ****************/ 

.nav a:link 
{ 
   text-decoration: none; 
   color: #5AC600;
   font-family: Century Gothic, Verdana, Arial, Helvetica;
   font-weight: bold; 
   font-size: 9pt;
} 

.nav a:visited 
{ 
   text-decoration: none; 
   color: #5AC600;
   font-family: Century Gothic, Verdana, Arial, Helvetica;
   font-weight: bold; 
   font-size: 9pt;
} 

.nav a:active 
{ 
   text-decoration: none; 
   color: #8B8D91;
   font-family: Century Gothic, Verdana, Arial, Helvetica;
   font-size: 9pt;
} 

.nav a:hover 
{ 
   text-decoration: none; 
   color: #8B8D91;
   font-weight: bold; 
   font-family: Century Gothic, Verdana, Arial, Helvetica;
   font-size: 9pt;
} 

.foot a:link 
{ 
   text-decoration: none; 
   color: white;
   font-family: Verdana, Arial, Helvetica;
   font-size: 8pt;
} 

.foot a:visited 
{ 
   text-decoration: none; 
   color: white;
   font-family: Verdana, Arial, Helvetica;
   font-size: 8pt;
} 

.foot a:active 
{ 
   text-decoration: none; 
   color: white;
   font-family: Verdana, Arial, Helvetica;
   font-size: 8pt;
} 

.foot a:hover 
{ 
   text-decoration: underline; 
   color: white;
   font-family: Verdana, Arial, Helvetica;
   font-size: 8pt;
} 

.portfolio a:link 
{ 
   text-decoration: none; 
   color: #0077D6;
   font-family: Verdana, Arial, Helvetica;
   font-size: 8pt;
} 

.portfolio a:visited 
{ 
   text-decoration: none; 
   color: #0077D6;
   font-family: Verdana, Arial, Helvetica;
   font-size: 8pt;
} 

.portfolio a:active 
{ 
   text-decoration: none; 
   color: #0077D6;
   font-family: Verdana, Arial, Helvetica;
   font-size: 8pt;
} 

.portfolio a:hover 
{ 
   text-decoration: underline; 
   color: #0077D6;
   font-family: Verdana, Arial, Helvetica;
   font-size: 8pt;
} 

.sitemap a:link 
{ 
   text-decoration: none; 
   color: #8B8D91;
   font-family: Verdana, Arial, Helvetica;
   font-size: 9pt;
} 

.sitemap a:visited 
{ 
   text-decoration: none; 
   color: #8B8D91;
   font-family: Verdana, Arial, Helvetica;
   font-size: 9pt;
} 

.sitemap a:active 
{ 
   text-decoration: none; 
   color: #8B8D91;
   font-family: Verdana, Arial, Helvetica;
   font-size: 9pt;
} 

.sitemap a:hover 
{ 
   text-decoration: underline; 
   color: #0077D6;
   font-family: Verdana, Arial, Helvetica;
   font-size: 9pt;
} 

.portfolio_blue a:link 
{ 
   text-decoration: none; 
   color: #0077D6;
   font-family: Verdana, Arial, Helvetica;
   font-weight: bold;
   font-size: 9pt;
} 

.portfolio_blue a:visited 
{ 
   text-decoration: none; 
   color: #0077D6;
   font-family: Verdana, Arial, Helvetica;
   font-weight: bold;
   font-size: 9pt;
} 

.portfolio_blue a:active 
{ 
   text-decoration: none; 
   color: #0077D6;
   font-family: Verdana, Arial, Helvetica;
   font-weight: bold;
   font-size: 9pt;
} 

.portfolio_blue a:hover 
{ 
   text-decoration: underline; 
   color: #0077D6;
   font-family: Verdana, Arial, Helvetica;
   font-weight: bold;
   font-size: 9pt;
} 

td.grayText 
{ 
   font-weight: normal;
   /*font-family: Century Gothic, Verdana, Arial, Helvetica;*/
   font-family: Verdana, Arial, Helvetica;
   font-size: 12px;
   text-align: justify;
   background-color: white;
   color: #8B8D91;
} 

td.greenText 
{ 
   font-weight: normal;
   font-family: Century Gothic, Verdana, Arial, Helvetica;
   font-size: 14px;
   text-align: justify;
   background-color: white;
   color: #5AC600;
} 

td.blueText,span.blueText
{ 
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica;
   font-size: 12px;
   text-align: justify;
/* background-color: white; */
   color: #0077D6;
}

span.portf
{
   font-weight: normal;
   font-family: Verdana, Arial, Helvetica;
   font-size: 8pt;
   /*background-color: white;*/
   color: #8B8D91;
}

span.star
{
   font-weight: normal;
   font-family: Arial, Helvetica;
   font-size: 9pt;
   background-color: white;
   color: red;
}

span.tiny
{
   font-weight: normal;
   font-family: Verdana, Arial, Helvetica;
   font-size: 7pt;
   background-color: white;
   color: #5AC600;
}

/************************* ID's *************************/ 
#wrapper
{
   /*position: absolute;*/
   position: relative;
   z-index: 1; 
   margin-left: auto;
   margin-right: auto;
   width: 770px;
   height: 665px; 
   top: 20px;
   left: 0px;
   text-align: left; /* to realign your text */
   background-color: white;
}

#mainDiv 
{ 
   position: absolute;
   /*position: relative; */
   z-index: 3; 
   width: 770px; 
   height: 665px; 
   margin-left: auto;
   margin-right: auto;
   top: 10px;
   left: 0px;
   background-color: white; 
} 

#website-design 
{ 
   position: absolute;
   /*position: relative; */
   z-index: 5; 
   width: 290px; 
   height: 74px; 
   margin-left: auto;
   margin-right: auto;
   top: 5px;
   left: 400px;
   background-color: white;
/*************
   margin: 0; 
   margin-top: 0px; 
   background-color: green;
   background-image: url(images/bg_image.gif);
   border-right: 1px solid #C6EC8C;
*************/
} 

#navigation 
{ 
   position: absolute; 
   z-index: 10; 
   width: 350px; 
   height: 15px; 
   margin-left: auto;
   margin-right: auto;
   top: 90px;
   left: 20px;
   font-family: Century Gothic, Verdana, Arial, Helvetica;
   font-size: 9pt;
   text-align: left;
   background-color: white;
/*************
   margin: 0; 
   margin-top: 0px; 
   border-right: 1px solid #C6EC8C;
   font-weight: normal;
   background-color: silver;
*************/
}

#greenLine 
{ 
   position: absolute;
   z-index: 15; 
   width: 730px; 
   height: 4px; 
   margin-left: auto;
   margin-right: auto;
   top: 110px;
   left: 20px;
   background-color: white; 
/*************
   margin: 0; 
   margin-top: 0px; 
*************/
} 

#mainImg 
{ 
   position: absolute; 
   z-index: 27; 
   margin-left: auto;
   margin-right: auto;
   width: 250px; 
   height: 400px;
   top: 160px;
   left: 20px;
   background-color: blue;
/**********
   background-image: url(../images/vertical_img.jpg);
   background-repeat: no-repeat;
**********/
}

#mainText 
{ 
   position: absolute; 
   z-index: 25; 
   margin-left: auto;
   margin-right: auto;
   width: 420px; 
   top: 160px;
   left: 300px;
   font-weight: normal;
   font-family: Verdana, Arial, Helvetica;
   font-size: 12px;
   text-align: justify;
// background-color: #CEEAB8;
   background-color: white;
   color: #8B8D91;
} 

#footer
{ 
   position: absolute; 
   z-index: 30; 
   width: 400px; 
   height: 40px; 
   margin-left: auto;
   margin-right: auto;
   top: 675px;
   left: 180px;
   font-weight: normal;
   font-family: Verdana, Arial, Helvetica;
   font-size: 8pt;
   text-align: justify;
   color: white;
/*************
   margin: 0; 
   margin-top: 0px; 
   border-right: 1px solid #C6EC8C;
   font-weight: normal;
   background-color: silver;
*************/
}