/********************************
StyleSheet.css
*********************************/
body {
background: #FFF;
border-top: 8px solid #CCC;
padding: 0;
margin: 0;
text-align: center;
font-family: Arial, helvetica, sans-serif;
}

a:link  {
	color: #DF5E26;
	text-decoration:none;
}

a:hover {
	color: #CC9933;
	text-decoration:none;
}

a:visited {
	color: #DF5E26;
	text-decoration: underline;
}

/**************************************************
Font tips from A List Apart:
http://www.alistapart.com/articles/sizematters/
**************************************************/

body, body div, body p, body th, 
body td, body li, body dd    {
/* more specific to override imported rule */
font-size:    x-small;      
/* false value for WinIE4/5 */
voice-family: "\"}\"";   
/* trick WinIE4/5 into thinking rule is over */
voice-family: inherit;   
/* recover from trick */
font-size:    small
/* intended value for better browsers */
}

html>body, html>body div, html>body p, 
html>body th, html>body td, 
html>body li, html>body dd    {
font-size:    small
/* be nice to Opera */
}


#top {
border-top: 1px solid #666;
}

.alt {
display: none;
}

#wrapper {
width: 800px;
margin: 20px auto 0 auto;
padding: 0;
text-align: left;
border: 1px solid #CCC;
}


#footer {
margin: 0;
padding: 0;
text-align: right;
border-top: 1px solid #CCC;
clear: both;
}

#footer p {
font-size: 80%;
letter-spacing: 1px;
}

#search {
float:left;
padding:5px;	
}
#header {
background: #FFF url(../images/header.gif) no-repeat left top;
height: 60px;
margin: 0;
padding: 0;
}

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

#header p{
	float:right;
	margin: 0;
	padding: 5px;
	color: #666;
}
#pagebody{
padding: 0;
margin: 5px 0;
color: #000;
clear: both;
border-top: 1px solid #CCC;
}

#maincontent {
float:right;
margin: 0; 
padding: 0 10px 20px 10px;
width: 600px;
border-left: 1px solid #CCC;
}

#maincontent h2 {
margin: 20px 0 10px 0;
padding: 0;
color: #DF5E26;
letter-spacing: 1px;
font-size: 1.15em;

}

#maincontent h3 {
	margin: 20px 0 10px 0;
	padding: 0;
	color: #DF5E26;
	font-size: 1.05em;
	border-bottom : 1px solid Black;
}

#maincontent h4 {
	margin: 20px 0 10px 0;
	padding: 0;
	color: #DF5E26;
	font-size: .95em;
}
#home  #maincontent ul{
margin-left: 15px;
list-style: none;
}

#home  #maincontent li{
margin: 0;
padding-left: 20px;
line-height: 20px;
}

#home #maincontent li a{

	color: #DF5E26;
	background-color: transparent;
	text-decoration: none;
}

#home #maincontent li a:hover {
color: #DF5E26;
text-decoration: underline;
}
/****************************
Left navigation
****************************/
#sidebar{
	float: left;
	padding: 10px 0 0 15px;
	margin: 2px;
	height: 200px;
	width: 125px;
}

#subnav {
margin: 0;
padding: 0;
}


#subnav dt {
	color:#000;
	font-weight: bold;
	padding: 8px 0 1px;

}

#subnav dl dd {
margin: 0 0 0 10px;
line-height: 20px;
font-weight: bold;

}

#subnav  a {
	color: #DF5E26;
	text-decoration: underline;
	padding: 1px 10px;
    margin: 0;
}

#subnav  a:hover {
color: #FFF;
background-color: #DF5E26;
text-decoration: none;
}

#subnav  a:active {
color: #000;
text-decoration: none;
font-weight: bold;
}



#email {
margin-left: 10px;
}


#indent{
margin-left: 5px;	
}
.current {
font-weight: bold;
color: #000;
}

#nav {
	border-top: 1px solid #DF5E26;
	border-bottom: 1px solid #DF5E26;
	background: #f2f2f2;
	padding: 2px 0px;
	margin: 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

#nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#nav ul li { 
    display: inline; 
    margin: 0;
    padding: 0;
}
/************************/

.italic {
font-style: italic;
}

.quote {
font-style: italic;
font-weight: bold;
}

.contact{
	font-weight:bold;
}

#ref  #maincontent p, #samples  #maincontent p, #about  #maincontent p {
text-align: justify;
margin-right: 10px;
margin-top: 2px;
}

.subheading{
    color: #DF5E26;
	font-weight:bold;
}

.testimonial{
	border: 1px dashed;
	padding:5px;
	background-color: #f2f2f2;
}

/*****************************
background pics, etc...
******************************/


#samples h4 {
margin: 15px 0 0 0;
font-size: 1em;
}

h3 {
font-size: 1.10em;
}

.smalltext{
	font-size : smaller;
}

.center{
	text-align: center;
}

.green{
color: green;
}

/****** Boxes ******/

			#boxes 
			{
	font-family: Arial, sans-serif;
	list-style-type: none;
	margin: 0px;
	padding: 10px 5px 5px 0px;
	width: 555px;
	text-align: center;
}
			#boxes li
			{
				position: relative;
				float: left;
				width: 72px;
				height: 125px;
				padding-right : 5px;
				padding-left : -5px;
				padding-bottom : 5px;
				padding-top : 5px;
				background-image: none;
				border: none;
				text-align:center;
			}
			
			.box {
	font-size: 12px;
}
			#description
			{
				height: 75px;
				border: none;
			}
			.image {
				border-bottom: #9F9E9A solid 1px;
				border-left: #9F9E9A solid 1px;
				border-right: #9F9E9A solid 1px;
				border-top: #9F9E9A solid 1px;
			}
			.spacer{
				margin-left:20px;
			}
			
			.group:after{
			clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
			}
			
			.ce {
			border: 1px solid gray;
			background: #f2f2f2;
			
			}