/*
Night Owl Labs css
copyright 2009 Night Owl Labs
*/
/* Nested levels of the web page using div id's
body
  pagecontent
    pagehead
      headlogo
      headcontent
    menutabs
    pagebody
      faqs
    pagefoot
      copyright

*/

body {
/* background: #fff url("images/bg.gif") fixed; */
background-color: black;
color: white;
margin: 0;
padding: 0;
}

img {border: 1px solid black;}

code, pre {
font: 1em Courier, "Courier New", monospace;
}

#pagecontent {
padding: 0;
margin: 3px auto 15px auto; 
width: 450px;
background-color: black;
font-family: Helvetica, Arial, sans-serif;
}

#pagecontent a:visited {
color: #ffff99;
}
#pagecontent a:active {
color: #ee0000;
}
#pagehead {
/* height: 200px; */
/*border: 1px solid red; */
}

#headlogo {
/* margin: 0; */
float: left;
width: 130px;
/* border: 1px solid yellow; */
/* padding: 20px; */
}

#headcontent {
float: right;
/* margin: 0px; */
width: 300px;
/* border: 1px solid green; */
/* padding-top:20px;
padding-bottom:20px;
padding-right:20px; */
}

#headcontent h1 {
margin: 0;
padding-top: 10px;
padding-bottom: 5px;
font-size: 2.5em;
}
#headcontent h2 {
margin: 0;
padding-top: 10px;
padding-bottom: 5px;
font-size: 1em;
}
#clearfloat {
	clear: both;
	margin: 0;
	padding: 0;
 /* border: 1px solid green; */ 
}
#menutabs {
	margin-bottom: 24px;
	margin-top: 10px;
/*	padding-top: 2px; */
	clear: both;
}
#menutabs ul {
	margin: 0 ;
	padding: 8px 0 8px 0;
	list-style: none ;
	display: block ;
}
#menutabs ul li {
	color: #000 ;
	margin: 0 ;
	padding: 0 ;
	display: inline ;
	text-align: center ;
	list-style: none ;
	font-family: Arial, Helvetica, sans-serif ;
}
#menutabs li a {
	color: #000 ;
	background-color: #ffe500 ;
	border: 1px outset #b3a000 ;
	padding: 8px ;
	text-decoration: none ;
	display: inline ;
}
#menutabs li a:link {
	color: #000 ;
}
#menutabs li a:visited {
	color: #000 ;
}
#menutabs li a:hover {
	color: #000 ;
	background-color: #b3a000 ;
}
#menutabs li a:active {
	color: #000 ;
	background-color: #b3a000 ; 
}
/* Keep selected tab highlighted */
body#home a#ahome,
body#about a#aabout,
body#services a#aservices,
body#projects a#aprojects,
body#faq a#afaq,
body#contact a#acontact {
	color: #000 ;
	background-color: #b3a000 ; 
}
#faqs h3 { /* FAQ title */
	color:#FFF ; /* WHITE */
}
#faqs h4 { /* QUESTIONS */
	color:#C00 ; /* RED */
}
#pagefoot {
padding: 20px;
font-size: xx-small;
text-align: center;
}
