html, body {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #000000;
	/*background: #2D4343;*/
	background-image: url(bg.jpg);
	background-attachment: fixed;
}



a.clear:hover {
	text-decoration: none;
	background-color: transparent;
}

body a {
	color: #001C5C;
	text-decoration: none;
	text-transform: none;
	font-weight: bolder;
}

body a:hover{
	color: #D6DCEC;
	background: #001C5C;
}



.hidden {
	display: none;
}

#page-container{
   width: 780px;
	margin: auto;
	background-color: #E7EDF9;
	border: 6px double #253a55;
}

#page-container .padding{
	padding: 10px 50px 25px 50px;
}


#main-nav { height: 20px;  padding-bottom: 0px; }

#header {
	height: 300px;
	background: transparent;
	background-image: url(banner.jpg)
}



#navigation {
padding-top: 0px; 
padding-bottom: 0px;
/*padding-left: 287px;*/
padding-left: 198px;
border-bottom: 0px solid white;
margin: 10px 0px 3px 0px;
font: bold 12px Verdana, sans-serif;
}

#navigation li {list-style: none; margin: 0;
  display: inline;}
#navigation li a {padding: 3px 0.5em; margin-left: 3px;
  border: 1px solid #E7EDF9;
  background: #051B1B;
  text-decoration: none;}
#navigation li a:link {color: white;

}
#navigation li a:visited {color: white;}
#navigation li a#current {
	color: #001C5C; background: #E7EDF9;
  border-color: Black Black #E7EDF9 Black;
}

body.home #navigation li a#current {
	color: #001C5C; 
	background: url(loocy.png);
   border-color: Black Black transparent Black;
}


#navigation li a:hover {color: #001C5C; background: #E7EDF9;
  border-color: Black Black #E7EDF9 Black;}
  
  .container {
        width: 480px;
        padding: 15px;
        margin: 3px auto 20px auto;
        border: 1px solid #ccc;
        background: #fff;
}

#navPyra {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #9FB1BC;
}

#navPyra li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navPyra a:link, #navPyra a:visited {
        float: left;
        font-size: 10px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491;
}

#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
        color: #000;
        background: url(pyramid.gif) no-repeat bottom center;
}
  
#sidebar-a {
	float: left;
	width: 190px;
	line-height: 18px;
	background-color: #E7EDF9;
	border: 4px double #051B1B;
}

#sidebar-a .padding {
	padding: 0 0 0 0px;
}

#sidebar-a p{
font-size: .8em;
color: black;

}

#sidebar-a a {
	color: black;
	text-decoration: none;
}


#sidebar-a a:hover {
	background: black;
	color: white;
}



body.home #content {
   margin-left: 200px;
	line-height: 18px;
	font-weight: 700;
	background: url(loocy.png);

}

body.about #content {
   margin: auto;
	line-height: 18px;
	border: 1px solid black;
	background-color: #E7EDF9;
}

body.image #content {
   margin-left: 200px;
	line-height: 18px;
	border: 1px solid black;
	background-color: #E7EDF9;
}

body.speed #content {
   margin-left: 200px;
	line-height: 18px;
	border: 1px solid black;
	background-color: #E7EDF9;
}

body.demo #content {
   margin-left: 200px;
	line-height: 18px;
	border: 1px solid black;
	background-color: #E7EDF9;
}

#content .padding{
	padding: 5px 25px 25px 25px;
}

#content .padding2{
	padding: 0px 25px 25px 25px;
}


#content h2 {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

#content p {
	margin: 0;
	padding: 0;
   padding-bottom: 15px;
}



#extra-content {

	line-height: 14px;
	border: 1px solid black;
	clear: both;
	background-color: #D6DCEC;
}

#extra-content .padding{
	padding: 10px;
}

#extra-content h2 {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

#extra-content p {
	margin: 0;
	padding: 0;
   padding-bottom: 0px;
}



#footer {
   clear: both;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #8f8f8f;
	border-top: 1px solid black;
	padding: 10px 10px;
	line-height: 14px;
	background-color: black;
	
}

body.home #footer {
   clear: both;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #8f8f8f;
	border-top: 0;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	padding: 10px 10px;
	line-height: 14px;
	background-color: transparent;
	
}

#footer a {
	color: #c9c9c9;
	text-decoration: none;
}


#footer a:hover {
	background: #c9c9c9;
	color: black;
}

#footer #altnav {
	width: 300px;
	float: right;
	text-align: right;
}

h1 {
	margin: 0;
	padding: 0;
	float: right;
	margin-top: 57px;
	padding-right: 31px;
}

h2{
font-family: Arial, Helvetica, Sans-Serif;
font-size: medium;
color: black;
}

body.home h2{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: medium;
	color: #E5E7EA;
}

h4{
	color: white;
	font-size: 1em;	
	font-weight: 600;
	padding: 0px;
	margin: 0px;
}

/*h3 {

font-family: Arial, Helvetica, Sans-Serif;
font-size: normal;
font-style: normal;
font-weight: bold;
padding: 0;
margin: 0;

}*/

h3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: Black;
}	

b {
	color: #FFFFFF;
	background-color:#000000;
	padding:2px;
	font-size:12px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}