
body {
	margin: 0;
	padding: 0;

	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;

	font-size: 13px;

	line-height: 1.8em;
	background: #222 url(images/pagebg.png) repeat-x fixed;
	color: white;
	
	/*background: #fff;
	
	color: #333;
	*/
}

H1{
/*color:#3676AF;
*/
font-family:  "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
font-weight: normal;
font-size: 20px;
color: #fff;
text-shadow: 0.1em 0.1em 0.05em #000;
}

H2{
/*color:#3676AF;
*/
color: #993333;
font-family: Georgia, serif;
font-size: 18px;
text-shadow: 0.1em 0.1em 0.05em #000;
}

.after_table{
padding-top: 15px;
}

/*links*/

a{color: #3676AF;
}

a:hover{
color: #993333; 
}

img{border: none;}

/*lists*/
ul{
list-style: none;
margin: 0;
padding: 5px;
}

ul li{ 
background-image: url(images/arrow3.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
color: white;
padding: 0 0 10px 25px; 
}


ol li{
list-style: decimal;
color: white;
padding: 5px 0; 
}

/*forms*/

form{
margin:0 auto;
padding: 0;

}

/*tables*/

table {
	border-spacing:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	background:#E7E7E7;
	color: #666666;
	margin: 0 auto;
	padding:0;	

}



caption {
	font-weight: bold;
	background: #50ADEA;
	border-bottom:2px solid #1975d7;
	color: #FFF;
	text-transform:uppercase;

}

.rounded div {
   background: url(images/left.jpg) no-repeat top left;
}
.rounded {
   background: url(images/right.jpg) no-repeat top right;
}

.rounded div, .rounded {
   width: 100%;
   height: 20px;
   font-size: 1px;
}



td, th {
	padding: 4px;
}

td.right{text-align: right;}

thead th {
	text-align: center;
	background: #F5F5F5;
	color: #666;
	border: 1px solid #FFF;
	text-transform:uppercase;
	margin:0;
	padding: 0;	
}

.col3{ 
width: 6em;
text-align: center;
}

/*

background-image: url(images/checkbox.gif);
background-repeat: no-repeat;
background-position: .4em 10px;
margin: 0;
padding: 0;

}
*/

thead th.left{
	text-align: left;
}


thead tr td{
font-weight: bold;}

tbody th {font-weight: normal;
}

tbody tr		{
	background-color:#FFF; 
	text-align:left;
	}
tbody tr.odd 	{
	background: #f9f9f9;
	border-top:1px solid #FFF;
}

tbody th a:link, tbody th a:visited{
	color:#96D030;
/*	background:url(http://infectedfx.net/css/tables/layout.gif) no-repeat;  */  /*   PUT CIRCLE IMAGE HERE */
	padding:3px 0px 0px 18px;
	}
tbody th a:hover{
	color:#FF8601;
	}

tbody tr td { 
   margin: 0;
   padding: 0;
	height:50px;
	background: #FFF;
	border: 1px solid #FFF;
	}

tbody tr.odd td{ 
	background: #f9f9f9;
	border-top:1px solid #FFF;
	}

table td a:link, table td a:visited {
	color: #1975D7;
	text-decoration: none;
}

table td a:hover {
	color: #50ADEA;
	border-bottom:2px solid #8FD5FF;
	text-decoration: none ;
}

#samples td a:hover{
	border-bottom: none;
}

tfoot th, tfoot td {
	background-color:#E7E7E7; padding:5px;
	text-align:center; 
	font-style:italic;
	border-bottom:3px solid #CCC;
	border-top:1px solid #DFDFDF;
}


/*page setup*/

#container
{
width: 967px;
margin: 10px auto;
color: #fff;
line-height: 130%;
}



#top
{
background: #000 url(images/p360_header.jpg) no-repeat center top;
/*
background: #000 url(images/topmenubg_wide.png) no-repeat center top;
*/
width: 967px;
height: 140px;
	border-bottom: 3px solid #3676AF;
}

#top h1
{
padding: 0;
margin: 0;
}


#content{
clear: both;
width: 967px;
background: #333;
/*background: #333 url(images/bkg.gif);
*/
margin: 0;
padding: 0;
z-index: 100;
}

#left{
width: 450px;
float: left;
padding: 10px 15px 10px 20px;
background: #333;
/*background: #333 url(images/bkg.gif);
*/
}

#right{
background: #333;
/*background: #333 url(images/bkg.gif);
*/
float: right;
margin:60px 0;
padding: 5px;
width: 450px;
text-align: center;

}

#middle{
background: #333;
/*background: #333 url(images/bkg.gif);
*/
float:left;
width: 900px;
padding: 10px 20px;
}

#contact{
margin: 0 auto;
}


#samples{ width: 540px;
margin: 0 auto;
}

#samples img{
		margin: 10px;
		padding: 0;
		border: 4px solid #fff;
		}
		
#samples a:hover img {
		margin: 10px;
		padding: 0;

		border: 4px solid #213B64;
	}
		
#samples a:link, a:visited { text-decoration: none; } 


#samples ul{
list-style: none;
margin: 0;
padding: 5px;
}

#samples ul li{ 
display: inline;
background-image: none;
color: white;
padding: 0; 
}




#footer
{
clear: both;
margin: 0;
padding: 5px 20px;
color: #333;
background-color: #000;
border-top: 2px solid #3676AF;
}


#right p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

/*
#logo {
	background: #000;
	text-align: left;
	height: 100px;
	padding: 0 12px ;
	border-bottom: 3px solid #3676AF;
	}
	
#logo img{
position:absolute;
top: 15px

}	
*/

/* Navigation */

#menu {
	float: right;
	margin: 90px 0 0 0;
}

#menu ul {
	font-family:  "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
	font-size: 14.4px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

#menu ul li {
	float: left;
	display: inline; list-style: none;
	background: none;
	margin: 0px;
	padding: 0px;
    border-left: 1px solid #3676AF; 
    }

#menu a {
	display: block;
	margin: 0 15px;
	padding-bottom:  3px;
	text-decoration: none;
	color: white;
	
}


#menu .first {
	background: none;
}


#menu li.current a, #menu a:hover {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #993333;
	color: #274457;
	color: #3676AF;	
}
#menu li.left{ border: none; }


/* special */
#contact{
margin: 10px;
padding: 10px;
}

.hidden{display:none;}


/* home rotate images */
#display {
    width:450px;
    line-height:30px;
    text-align:center;
    margin:5px auto;
 }
 
 
/* 
  Secure and Accessible PHP Contact Form v.2.0 Basic Styles by Mike Cherim 
  THESE ARE THE VARIOUS ELEMENTS, CLASSES, IDS, AND SELECTORS YOU MAY NEED FOR STYING THIS FORM
  Anchors or link elements have not been included, but everythig else is :-)
*/

/* for main form wrapping div */
div#gb_form_div {

margin: 0px auto;

}

/* id for the form itself */
form#gb_form { 
width: 400px; 
margin: 0 auto;
}

div#gb_form_div h2{ 
color: #993333;
font-family: Verdana;
font-size: 14px;
text-shadow: 0.1em 0.1em 0.05em #000;

}
