body {
	margin: 0;
	padding: 23px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	background-color: white;
	background-image: url(../common/bodyBackground.gif);
	background-repeat: repeat-y;
	background-position: 100% 0%;
	}

h2 {
	font-family:   Arial, Helvetica, sans-serif;
	text-transform: lowercase;
/* font-style: italic;*/
/* font-weight: normal;*/
	color: #0091F2;
	font-size: 14px;
	margin-top: 0;
	width: 556px;
	border-bottom: 1px solid #0091F2;
	border-left: 1px solid #0091F2;
	padding-left: 2px;
	height: 60px;

	letter-spacing: 1px;
	}

h2:hover {
 	text-transform: uppercase;
	}
 
img {
	margin: 0 0 -3px 0;
	padding: 0;
/*	border-bottom: 1px solid #aaa;*/ 
	}

#footer a {
	text-decoration: underline;
	color: #a6a6a6;
	}
	
#footer a:hover {
	color: #00aeef;
	text-decoration: none;
	}	
	
#container {						/* images are 557px wide */
	width: 790px;
	margin: 0 0 0 auto;
	/*border: 1px solid gray;*/
	/*	margin: 0 auto;*/
	/*background-color: white;*/
	/*float: right;*/	
	}
	
#nav {
	width: 168px;
	height: auto;
	/*border: 1px solid black;*/
	/*float: right;*/
	position: fixed !important;
	position: absolute;
	top: 0;
	right: 0 !important;
	right: 5px;
	margin: 116px 20px 0 5px;
 /*margin: 116px 30px 0 5px;*/
	padding: 0;
	list-style-type: none;
	}
 
 @media screen
	  {
	  div#nav
	    {
	    position: fixed;
	    }
	  /* thanks to http://tagsoup.com/-dev/null-/css/fixed/legacy/0-0-0 for tip */
	  * html
	    {
	    overflow-y: hidden;
	    }
	  * html body
	    {
	    overflow-y: auto;
	    height: 100%;
	    /*padding: 0 1em 0 14em;
	    font-size: 100%;*/
	    }
	  * html div#nav
	    {
	    position: absolute;
	    }
	  /* All done. */
	  }
 

	
#nav li {
	height: 25px;
	width: 168px;
	margin: 0 0 5px 0;
	}

#nav li#resume,
#nav li#blog {
	margin-top: 15px;
	}

#ebukva        a 		{background-image: url(../common/ebukva.gif);}
#interactive   a 		{background-image: url(../common/interactive.gif);}
#environmental a 		{background-image: url(../common/environmental.gif);}
#print         a 		{background-image: url(../common/print.gif);}
#identity      a 		{background-image: url(../common/identity.gif)}
#resume        a 		{background-image: url(../common/resume.gif);}
#contact       a 		{background-image: url(../common/contact.gif);}
#blog          a 		{background-image: url(../common/blog.gif);}

#ebukva        a:hover	{background-position: 0 -25px;}
#interactive   a:hover	{background-position: 0 -25px;}
#environmental a:hover	{background-position: 0 -25px;}
#print         a:hover	{background-position: 0 -25px;}
#identity      a:hover	{background-position: 0 -25px;}
#resume        a:hover	{background-position: 0 -25px;}
#contact       a:hover	{background-position: 0 -25px;}
#blog          a:hover	{background-position: 0 -25px;}

#nav li a {
	display: block;
	height: 25px;
	width: 168px;
	}

#nav li a span {
	display: none;
	}

#content {
	/*border: 1px solid red;*/
	margin: 20px 208px 0 0;
	width: 560px;
	}


#footer {
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	width: 560px;
	clear: both;
	margin-right: 20px;
	text-align: right;
	color: #a6a6a6;
	font-family: arial, helvetica, lucida, sans-serif;
	font-size: smaller;
	/*text-transform: uppercase;*/
	}


.hide {
	display: none;
	}
	
.caption {
	background-color: #eee;
	height: 70px;
	width: 557px;
	margin: -5px 0 40px 0;
	padding: 0;
	}
	
.caption p {
	width: 170px;
	height: 60px;
	margin: 10px 0 0 10px;
	padding: 0;
	float: left;
	font-size: 11px;
	color: #0091F2;
	line-height: 14px;
	}

.caption a, .caption a:visited {color: #0091F2;}
.caption a:hover {color: #444; text-decoration: none;}