/*-----------------------  
			GENERAL */

body, html {margin: 0; padding: 0;}
img {border: 0;}

p {margin: 0;}

/*-----------------------  
			COLOR SCHEME */

body {background-color: #CCC;}
#container {background-color: #FFF;}
#header {background-color: #FFF;}
#content, #side_bar {background-color: #FFF;}
#content {background: url(../images/logo2.gif) bottom right no-repeat;}
#footer {background-color: #CCC;}

body, #header {color: #000;}
#content, #side_bar, #footer {color: #000;}

/*-----------------------  
			FONT PROPERTIES */

body {text-align: center; font-family: trebuchet, sans-serif; font-size: 90%;}

#header, #content {text-align: left;}

a:link {color: #00008B}     /* unvisited link */
a:visited {color: #00008B}  /* visited link */
a:hover {color: #DC143C}   /* mouse over link */
a:active {color: #00008B}   /* selected link */

a {text-decoration: none;}

/*-----------------------
			LAYOUT */
            
#container {
  width: 850px;
  height: auto;
  z-index: 1;
  margin: 20px auto;
  padding: 15px 15px 0 15px;
  display: block;
  }                          
   
#header,#content,#footer {z-index: 2; }   
/*--------------------------------
				         HEADER */                         

#title {
  width: 818px;
  height: 75px;
  background-color: transparent;
  margin: 0 auto 15px;
  }                         

#header {
  width: 818px;
  height: 180px;
  padding: 0;
  margin: 0 auto 15px;
  background: url(../images/header_side.gif) 0 0 no-repeat;
  }

.header_spacer {width: 1px; height: 180px; float: right;}

/*--------------------------------
				                  NAVIGATION */
                                  
#navigation {
  width: 778px;
  height: 25px;
  padding: 0 20px 0 20px;
  margin: 3px auto 3px;
  }
  
#nav_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  }
  
#nav_list li {
  list-style-type: none;
  margin: 0 5px 0 0;
  padding: 3px 0 3px 0;
  width: 125px;
  height: auto;
  background-color: #E1AC7C;
  float: left;
  }

#nav_list li a:link {color: #000}     /* unvisited link */
#nav_list li a:visited {color: #000}  /* visited link */
#nav_list li a:hover {color: #FFF;}   /* mouse over link */
#nav_list li a:active {color: #FFF}   /* selected link */

#nav_list li a.current {color: #FFF}                                      
  
/*--------------------------------
				         CONTENT */
                         
#content {
  width: 818px;
  height: auto;
  margin: 0 auto;
  padding: 10px 0  45px 0;
  text-align: center;
  }
  
#content h2, #content h3 {
  margin: 0 0 10px 0;  
  padding: 3px 10px 3px 10px;
  }
  
#content h2 {
  font-size: 15px;
  background-color: #DCDCDC;
  }

#content h3 {
  font-size: 12px;
  }
  
#content p {
  padding: 0 15px 0px 20px;
  margin-bottom: 1em;
  }
  
#content ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 20px;
  }     
   
/*--------------------------------
				         INNER CONTENT */
  
.clear {border: 0; margin: 0; padding: 0; height: 0; width: 0; clear: both;}

.content_block1,.content_block2 {text-align: left;}

.content_block1 {width: 718px; height: auto; margin: 0 auto; padding: 0; margin-bottom: 20px;}
.content_block1 .inner_con {padding: 15px;}
#content p {text-indent: 2em;}
.content_block2 {width: 100%; height: auto; margin: 5px 0 0 0; padding: 0;}

.inner_con {float: left; width: 400px;}

#quote {
  width: 413px;
  height: 63px;
  margin: 0;
  }
  
#gallery_container {
	margin-bottom: 110px;
}

/*--------------------------------
				                  ABOUT SITE SECTION */  

.dashed_border {border: 1px dashed #B5B5B5; background-color: #E8E8E8;}

.developer {width: 280px; height: auto; float: left; margin: 0 0 0 20px; padding: 0;}

.tools {width: 480px; height: auto; float: right; margin: 0 20px 0 0; padding: 0;}

.tools img {display: block; margin: 0 0 10px 5px;}
.about_website h4 {font-size: 11px; color: #4F4F4F; margin: 0 0 10px 10px;}


/*--------------------------------
				                  CONTACT PAGE */
div#contact_sidebar, div#contact_sidebar p {
	float: left;
	width: 200px;
	text-align: left;
}

div#contact_sidebar p {
	text-indent: 0;
	text-align: left;
	padding-left: 0;
}

div#contact {
	float: left;
	text-align: left; 
	font-size: 11px;
	width: 618px;
	margin-bottom: 20px;
}				                  
				                  
span.required_field {color: #FF6347; font-size: 9px;}

.contact_form_cell {height: 30px; float: left; padding: 10px;}                         
						 
/*--------------------------------
				         SIDEBAR */

#side_bar {
  width: 180px;
  height: auto;
  float: right;
  padding: 10px;
  padding-top: 0;
  }                         
                         
.services_list {
  margin: 0 0 0 15px;
  padding: 0;
  text-align: left;
  }                         
                                              
#content, #side_bar {margin-bottom: 10px;} 
/*--------------------------------
				         FOOTER */

#footer_wrapper {
	margin-top: -20px;
}

#ja_footer {
	height: 20px;
	font-size: 11px;
}

.tilde {
	vertical-align: baseline;
}
                         
#footer {
  width: 818px;
  height: auto;
  clear: both;
  margin: 0 auto 20px;
  padding: 5px;
  }
  
#footer h4 {
  margin: 5px;
  }
  
#footer table td {font-size: 10px;}
#footer table td {text-align: left;}
#footer table td.right {text-align: right;}
  
#below_footer {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  text-align: center;
  }