body
{ background-color:#000;
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#logo
{
margin-top:-65px;
position:relative;
z-index:2;

}
#container
{ 
	width:100px;
	margin:0px;
	padding:0px;
	width:100%;
}

#header
{
background-image:url(lay/header_span.jpg);
background-position:left;
background-repeat:repeat-x;
height:76px;
width:100%;
position:relative;
z-index:1;
}

#footer
{
background-image:url(lay/footer.jpg);
background-position:left;
background-repeat:repeat-x;
clear:both; 
height:90px; 
width:100%;
 

}
#footer .nav
{margin-left:auto;
margin-right:auto; 
 width:1000px;
}
#footer .nav ul
{

display:block; 
height:20px; 
width:780px;
list-style-type:none;
padding:0px 0px 0px 80px;
margin:0px;

}
#footer .nav ul li
{ background-image:url(lay/footer_separator.jpg);
background-position:left top;
background-repeat:no-repeat;

  color:#999;
  float:left;
  font-size:9px; 
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding:0px 8px 0px 8px;
  margin-top: 10px;
 
  
}

#footer .nav a,#footer .nav a:active,#footer .nav a:visited
{ color:#999;
text-decoration:none;}
#footer .nav a:hover
{color:#ffb500;}

/*****************/
#main
{ margin-left:auto;
  margin-right:auto;
   
  padding-left:10px;
  width:1000px;
 }

#whatido
{
 
float:left;
width:325px;
}
#nav
{
float:left;
margin:0px 10px 0px 30px;
width:200px;
}
#whoiam
{
float:left;
width:300px;
}

#whoiam hr 
{
border:none;
border-top:1px solid #ffb500;
color:#ffb500;
height:1px;
display:block;


}
#whoiam #content
{color:#fff;
font-size:11px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}

#whoiam li:before
{content:"\00bb  \0020";   }
 #whoiam li 
 {list-style-type:none;}
/************************/

h1
{ color:#ffb500;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:24px;
  font-weight:bold;
}

#whoiam a,#whoiam  a:active,#whoiam a:visited
{color:#287bd7;
text-decoration:none;
 
}
#whoiam a:hover
{color:#999;}
#whoiam h2
{ color:#fff;
font-size:14px !important;
margin:0px;
padding:2px 0px 6px 0px;
}

/************************/

#whatido .portfolio
{ background-color:#3d4341;

background-image:url(lay/whatido_spantop.jpg);
background-repeat:repeat-x;
background-position:top;
border:1px solid #a3a5a4;
padding-top:16px;
width:325px;
}

#whatido img.large
{
 margin:8px 0px 5px 14px;
 width:300px;
}
#whatido .portfolio ul
{
height:40px;
margin:0px 0px 7px 25px;
padding:0px; 
}
#whatido .portfolio ul li
{
background-color:#6c6a6a;
float:left;
height:37px;
list-style:none;
margin:3px; 
width:50px;


}
#whatido h3
{ color:#f97000;
font-size:14px;
margin:0px;
padding:2px 0px 6px 0px;
}

#whatido .textbox
{
background-color:#0b0d0c;
background-image:url(lay/whoami_footer.jpg);
background-position:bottom;
background-repeat:no-repeat;
clear:both;
color:#fff;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
min-height:139px;
 
padding:6px 3px 14px 5px;
 
}

#whatido .textbox a,#whatido .textbox a:visited,#whatido .textbox a:active
{
color:#287bd7;
 text-decoration:none;
}
#whatido .textbox a:hover
{
color:#999;
}
/************************/

#nav ul
{ color:#999;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:18px;
  list-style:none;
   
  margin:10px 0px 0px 0px;
  padding:0px; 
  width:170px;
}

#nav ul li
{ 

}
 
#nav  ul a, #nav  ul a:active,#nav  ul a:visited
{ color:#999;
 text-decoration:none;
 background-image:url(lay/buttons.jpg);
background-repeat:no-repeat;
background-position:right 5px;
display:block;
width:122px;
 
padding:5px 50px 5px 0px;
text-align:right; 
 }
#nav ul a:hover
{ color:#fff;
 background-image:url(lay/buttons.jpg);
background-repeat:no-repeat;
background-position:right bottom;
}


/************* icons **************/

.icon_notepad
{
background-image:url(lay/icons.jpg);
background-repeat:no-repeat;
background-position:right top;
padding-right:40px;
min-height:35px;
padding-top:6px; 
display:block;

}
.icon_gear
{
background-image:url(lay/icons.jpg);
background-repeat:no-repeat;
background-position:right -35px;
padding-right:40px;
min-height:35px;
padding-top:6px; 
display:block;
}
.icon_document
{
background-image:url(lay/icons.jpg);
background-repeat:no-repeat;
background-position:right -75px;
padding-right:40px;
min-height:35px;
padding-top:15px; 
display:block;
}
.icon_envelope
{
background-image:url(lay/icons.jpg);
background-repeat:no-repeat;
background-position:right -120px;
padding-right:40px;
min-height:35px;
padding-top:6px; 
display:block;
}
.icon_people
{
background-image:url(lay/icons.jpg);
background-repeat:no-repeat;
background-position:right -160px;
padding-right:40px;
min-height:35px; 
padding-top:15px; 
display:block;
}
.icon_bubble
{
background-image:url(lay/icons.jpg);
background-repeat:no-repeat;
background-position:right -210px;
padding-right:40px;
min-height:35px;
padding-top:15px; 
display:block;
}

.icon_pdf
{
background-image:url(lay/adobe-pdf.png);
background-repeat:no-repeat;
background-position:right top;
padding-right:40px;
min-height:35px;
padding-top:15px; 
display:block;
}

#message
{color:#ffb500; text-align:center; display:none;}

.hidden
{ display:none; color:#000000;}
 
 
.right
{ float:right; padding-right:4px;  }