/* CSS Document Airplane-AviationAccidents.com */

html { font-size: 100%;}
body {
  background: #333;
  text-align: center;
  position: relative;
  margin: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .8em;
  color: #111111;
}
/* reset HTML defaults */
div, p, ul, ol, dd, dt, th, tr, td, blockquote, h1, h2, h3, h4, pre, dl, dd, dt, li, br, span  { padding: 0; margin: 0;}
table { border-collapse: collapse;}

a { color: #87aa03; text-decoration: none;}
a:hover { color: #996600;}

img { border: none;}
ul {}
ol { margin-left: 20px;}
ol li { margin-left: 10px; }
p { padding: 5px;}

/* preloading images for options bar */
img.hiddenImage { display: none;}

#main ul li, #left_col ul li { list-style: none; margin-left: 5px;}
br {}
hr.brn { color: #8e7451; margin: 3px;}

img, img a { border: none;}

/* headings */
h1 { font-size: 1.5em;}
h2 { font-size: 1.4em;}
h3 { font-size: 1.2em;}
h4 { font-size: 1.1em;}
h5 { font-size: 1em;}

li.none, li.none ul li { list-style-type: none; margin-top: 5px;}
  .h5 { font-size: 1em; font-weight: bold; background: url(../images/arrows.gif) top left no-repeat; padding: 0 0 0 14px;}

dl, dt, dd { padding: 4px;}
  dt { font-weight: bold;}

li, dl, dt, dd { margin: 3px;}
  ul li ul li { margin-left: 10px;}


/* forms and buttons */
#form1, #form2 { font: .9em Arial, Helvetica, sans-serif; line-height: 1.2em; padding: 3px; margin-top: 0; text-align: left;}
#form1 p, #form2 p { padding: 3px; margin: 0;}
#form1.light { line-height: 1em; color: #d9d7a4;}

textarea { width: 152px;}
#contactform textarea { width: 360px;}
#submit, #reset { width: 50px; background: url(../images/bg_nav_hover.gif) top left repeat-x; height: 1.8em; padding-bottom: 3px;}

legend span { font-size: .8em;}

th { text-align: left; color: #596738;}

/* color classes */
.red { color: #990000;}
.white { font-size: .9em; color: #ffffff; font-weight: bold;}
.green { color: #396311;}
  .strong { font-weight: bold;}

/* positioning classes */
.left, p.left { text-align: left;}
.right, p.right { text-align: right; }
.center, p.center { text-align: center; margin: auto;}

.sm { font-size: .8em; color: #cccccc;}

.order, .display { padding: 5px; width: 285px; float: left;}
.display { text-align: center; margin: auto;}
.note {
	color: #c6891f;
	font-size: .85em;
}
.noteright {
	color: #c6891f;
	font-size: 11px;
	float:right; vertical-align:top; position: relative; margin-right: 10px;
}
.sitesleft {
	margin: 5px 8px;
}

/* heading */
#sitemap li a.sitemap { 
	background: url(../images/sitemap.gif) top left no-repeat; 
	padding-left: 20px;
	font-size: .9em;
}
  #sitemap li a.sitemap:hover { 
  	
	background: url(../images/sitemap_hover.gif) top left no-repeat; 
	text-decoration: none;
	}
/* templates */

.search{
width:500px;
height:93px;
border:solid 1px #cccccc;
margin: 6px 12px;
font-size:11px;
}

.categories {
	width:175px;
	background-color: #49310b;
	color:#ffffff;
	font-size: .9em;
	margin-bottom: 10px;
}

.list{
	background-image:url(../images/pointer.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;
	line-height:13px;
}

.list2 a{
color:#cccccc;
text-decoration:none;
}

hr { margin: 5px;}

/* Content Wrapper */
#design { 
	background: transparent;
	width: 860px;
	text-align: center;
	position: relative;
	margin: auto;
}
#container_wrapper {
	float: left;
	clear: both;
	text-align: center;
	width: 860px;
	background: url(../images/container_wrapper.png) top center repeat-y;
	margin: auto;
}
#container {
	float: left;
	clear: both;
	width: 800px;
	text-align: center;
	margin-left: 30px;
	padding: 0;
	border: 1px solid #999999;
}
#masthead { 
	float: left;
	clear: both;
	position: relative; 
	background-color: #ffffff; 
	width: 800px; 
	height: 124px;
}
  #logo { 
    float: left; 
	position: relative;
	}
  
  #earth { float: left; margin: 0px 0px 0px 5px; padding: 0px;}
    #flashheadcontent { 
	  width: 469px; 
	  font-size: .8em; 
	  position: relative;
	}
  #sitemap { position: absolute; top: 5px; right: 5px;}
    #sitemap li { font-size: .8em; list-style: none;}
	
/* line wrapper clearfix */
#subcontainer { 
	float: left; 
	clear: both; 
	width: 800px;
	background: #fcfcf2;
	padding: 0;
	margin: 0;
}

#left_col {
	float: left;
	width: 175px;
	text-align: left;
	overflow: hidden;
	padding: 10px 0;
}
  #left_col p.white, #left_col p.white a {
	margin: 0;
	color: #ffffff;
  }
  #left_col a:hover { color: #dad8a7;}
  
  #left_col #generic { 
	float: left; 
	width: 175px;	
	text-align: center; 
	font-size: .8em;
	}
	#left_col #generic .logos { padding: 10px 10px 0 20px;}
	#left_col #generic p {
	padding-left: 3px;
	font-size: .9em;
	}
	  #left_col h3, #left_col h4 { padding-left: 3px;}
  
#contactusbox {
	width: 172px;
	float:left;
	padding-left: 2px;
}
#contactusbox2 {
	width: 400px;
	margin: 10px;
	float:left;
	font-size: .8em;
}
#cb_shadow	{
	float: left;
	background: url(../images/shadow_bot.png) top center no-repeat;
	width: 175px;
	height: 13px;
}
#content {
	float: left;
	width: 625px;
	background-color: #ffffff;
}
  
  #main { float: left; text-align: left; width: 607px;}
    #main p, #main table { margin: 0; padding: 5px;} 
	  #main form { margin: 0; padding: 0 0 5px 5px;}  
    #content #main h2, #content #main h3, #content #main h4 { margin-top: 0; padding: 8px;}
	#content #main p { padding: 8px;}
	#content #main ul { padding: 8px; margin-left: 15px;}
	  #content #main ul li ul { font-size: 1em;}
		#content #main ul.sitemap {
			text-align: left;
			list-style: none;
			line-height: 25px;
			font-size: .9em;
			}
			#content #main ul.sitemap ul {font-size: 1em;}
		#content #main ul.clientlist {
			text-align: left;
			list-style: none;
			line-height: 15px;
			}
		#content #main div.floatleft { padding: 0 0 10px 10px;}
		
		#main .browsers { width: 350px; float: left;}
		#main .standards { width: 250px; float: left;}
		
      /* fix included header for practice areas page */ 
	  #main #practice_areas p.white { font-size: 1em; font-weight: bold; color: #3a5a3f;}

div.services p { float: left; text-align: center; font-weight: bold;}
div.services img { width: 180px;}  
	
  #recent_designs { float: left; width: 585px; margin: 0 3px 0 3px;}
    #recent_designs a { text-decoration: none;}


/* logo box for logo portfolio page */	
#logobox { text-align: center; margin: 10px auto; width: 450px;}
  #logobox .thumbs img { padding: 5px; }
  
  #logobox_logos{ text-align: center; margin: 10px auto; width: 600px;}
  
  /* logo box for logo options page */
    .logos { float: left; text-align: center; margin: 5px 3px;}
	.logos .thumbs img { padding: 5px;}
	.logos h4 { margin: 20px 0 0 0; color: #87aa03; font-size: 1.4em; padding-bottom: 5px;}
	.logos h4, .logos p { text-align: left;}
	
#sites { text-align: center; margin: auto;}

#clientshtml {
	width: 615px;
	float: left;
	background-color: #ffffff;
	background-repeat: repeat;
	overflow: visible;
}
#clientshtml p {
	padding: 10px 4px;
	text-align: center;
}
  #clientshtml p.left { text-align: left;}

/* bottom shadow */
#bottom {
	float: left;
	position: relative;
	text-align: center;
	background: url(../images/bottom_shdw.png) top center no-repeat;
	width: 860px;
	height: 47px;
	margin: 0;
	padding: 0;
}

/* templates footer */

.footer2{
	height:35px;
	text-align:center;
	color:#ccc;
	padding-top:10px;
	font: .70em Arial, Helvetica, sans-serif;
}
.footer2 a{
	text-decoration:none;
	padding:0 5px 0 5px;
	color:#ccc;
}

/* copyright info */
#copyright, #copyright a { text-align: center; color: #ccc;}
#copyright p {
	font: .75em Arial, Helvetica, sans-serif;
	padding: 2px;
	margin: 2px;
}
  #copyright p.tall { padding: 8px 0;}
  #copyright p.comm { font-size: .75em;}

/* browser clearfixes and floats */

.clear { clear: both; height: 0px; line-height: 1px; font-size: 1px;}

.floatleft { float: left; vertical-align: top; padding: 3px;}
  .floatleft img { margin: 0 5px; }
  
.floatright { float: right; vertical-align: top; padding: 3px;}
  .floatright img { margin: 0 5px; }

.clearfix:after {
  content: ".";
  display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block;}
/* end hide from IE-mac */