/* CSS Document */

body
{
 background :  url(../images/background.gif) no-repeat fixed #ffffff;
 font-family        : Verdana, Tahoma, Sans-serif;
 margin             : 0px 0px 0px 0px;
 font-size          : 62.5%;
 height             : 100%;
 line-height        : 1.4;
 text-align         : center;
 width              : 100%;
}

/*positioning of elements*/

div#bg_container
{
height             : 612px;
position           : relative;
top                : 0;
width              : 804px;
z-index            : 1;
background-color   : #ffffff;
margin-left        : auto;
margin-right       : auto;
overflow           : visible;
text-align         : left;
}

div#logo
{
height             : 75px;
width              : 802px;
position           : absolute;
top                : 0px;
left               : 0px;
z-index            : 2;
background-color   : #006E81;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}

div#navigation
{
height             : 25px;
width              : 802px;
position           : absolute;
top                : 75px;
left               : 0px;
z-index            : 3;
background-color   : #006E81;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
}

div#mainimage
{
height             : 472px;
width              : 544px;
position           : absolute;
top                : 120px;
left               : 20px;
z-index            : 4;
background-color   : #ffffff;
}

div#words
{
height             : 387px;
width              : 200px;
position           : absolute;
top                : 172px;
left               : 584px;
z-index            : 7;
background-color   : #ffffff;
overflow           : auto;
}

div#sidenav
{
height             : 40px;
width              : 200px;
position           : absolute;
top                : 120px;
left               : 584px;
z-index            : 6;
background-color   : #ffffff;
border-bottom: 1px solid #666666;
}

div#validation
{
height             : 31px;
width              : 200px;
position           : absolute;
top                : 561px;
left               : 584px;
z-index            : 5;
background-color   : #ffffff;
}

div#footer
{
height             : 30px;
width              : 764px;
position           : absolute;
top                : 637px;
left               : 20px;
z-index            : 8;
background-color   : #ffffff;
}

div#homewords
{
height             : 427px;
width              : 200px;
position           : absolute;
top                : 120px;
left               : 584px;
z-index            : 7;
background-color   : #ffffff;
overflow           : auto;
}

div#about_words
{
height             : 472px;
width              : 394px;
position           : absolute;
top                : 120px;
left               : 20px;
z-index            : 4;
background-color   : #ffffff;
overflow           : auto;
}

div#about_image
{
height             : 387px;
width              : 350px;
position           : absolute;
top                : 120px;
left               : 434px;
z-index            : 5;
background-color   : #ffffff;
}

div#git_words
{
height             : 387px;
width              : 200px;
position           : absolute;
top                : 120px;
left               : 584px;
z-index            : 7;
background-color   : #ffffff;
}

div#clientsimage
{
height             : 440px;
width              : 764px;
position           : absolute;
top                : 120px;
left               : 20px;
z-index            : 4;
background-color   : #ffffff;
}

/*General styles*/

p
{
font-size          : 1.1em;
color              : #333333;
background         : none;
margin             : 0px 0px 10px 0px;
}

div#sidenav p
{
margin             : 10px 0px 10px 0px;
}

.sand {
color              : #DCE3AF;
}

b, em {
font-weight        : bold;
font-style         : normal; 
}

H1
{
font-size          : 1.4em;
margin-top         : 0;
color              : #006E81;
background         : none;
margin             : 0px 0px 9px 0px;
}

a:visited {  
color              : #333333;
background         : none;
text-decoration    : underline;
line-height        : 100%;
}

a:link {  
color              : #333333;
background         : none;
text-decoration    : underline;
line-height        : 100%;
}

a:hover {  
color              : #006E81;
background         : none;
text-decoration    : underline;
line-height        : 100%;
}

a:active {  
color              : #333333;
background         : none;
text-decoration    : underline;
line-height        : 100%;
}

div#about_words ul
{
font-size          : 1.1em;
list-style-type    : square;
}

/*Top navigation bar*/

div#navigation ul
{
font-size          : 1.15em;
margin             : 0px 0px 0px 0px;
padding            : 5px 0px 0px 0px;
}

div#navigation a:visited {  
color              : #FFFFFF; 
background         : none;
text-decoration    : none;
}

div#navigation a:link {  
color              : #FFFFFF;
background         : none;
text-decoration    : none;
}

div#navigation a:hover {  
color              : #DCE3AF;
background         : none; 
text-decoration    : underline;
}

div#navigation a:active {  
color              : #000000;
background         : none; 
text-decoration    : underline;
}

div#navigation ul li
{
 display            : inline;
 margin	            : 0 20px 0 20px;
}