﻿html
{
	height:100%
}

body{
	background-color:black;
	color:#8B4513;
	text-align:justify;
	margin:0;
	padding:0; 
	height:100%;
	font-family:Sans-Serif;
	font-weight: bold;
}

h1{
	color: #8B0000;
	font-size: 26px;
	font-weight: bold;	
	text-align:left;
}

h2{
	color:#8B4513;
	font-size: 20px;
	font-weight: bold;	
}


div.title{
	background-image: url(images/header2.jpg);
	text-align:center;
	font-size:1.5em;
	color:#8B0000;
}

div.subTitle{
	text-align:center;
	font-size:1.2em;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	color:#8B4513;
}

div.main
{
	/*background-color:#FAF0E6;*/
	background-color:#f7eed9;
	margin-left:auto;
	margin-right:auto;
	padding:0 5px;
	width:960px;
}

div.content
{
	padding:0;
	background-color:#8B4513;
	color: #f7eed9;

}

div.hr{
	width:100%;
	height:5px;
	background-color:#8B4513;
}

div.nav{
	width:100%;
	margin-bottom:20px;
}

div.alignCenter
{
	text-align:center;
}

div.footer
{
	width:780px;
	margin-top:20px;
	padding-bottom:0px;
	font-size:.6em;
}

div.serviceTitle
{
	padding-top:20px;
	font-weight:bold;
	color: #8B0000;
}


div.quote
{
	padding-top:5px;
	padding-bottom:5px;
	font-size:.9em;
}

a {
	color: #8B0000;
}

a.current_page_item {
	color: yellow;
}

a.nav {
	color: #f7eed9;
}

a.nav:hover {
	color:yellow;
}

a.subNav {
	font-size:1em;
}

a.subNav:hover {
	color:yellow;
}

a.nav_selected {
	font-weight:bold;
	color:yellow;
}

li
{
	padding-bottom:10px
}

table.nav{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

table.center
{
	margin-left:auto;
	margin-right:auto;	
}

table.list{}

table.testimonials
{
	margin-top:15px;
}

table.services
{

}

tr.service
{
	
}

td{
	padding-left:5px;
	padding-right:5px;
}

td.pictures{
	padding-bottom:50px;
}

.smallAlignRight{
	text-align:right;
	font-size: 16px;
	color:#8B4513;
}

.smallerAlignCenter{
	text-align:center;
	font-size: 10px;
	color:#8B4513;
}

td.alignCenter{
	width:55%;		
	text-align:center;
	font-size: 36px;
	font-weight: bold;
	color: white;
}

td.alignLeft{
	width:10%;
	padding:15px;
	text-align:left;
	font-size: 40px;
	font-weight: bold;
}

td.alignRight{
	width:35%;	
	text-align:right;
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
	color: yellow;
}

td.title{
	font-size:1.2em;
}

td.check{
	font-family:Wingdings;
}

td.serviceImage
{
	padding-top:20px;
}

td.quote
{
	padding-bottom:10px;
}

.indent
{
	padding-left:0px;
}

.indentbig
{
	padding-left:420px;
	font-size:18px;
	font-weight: bold;
	margin-bottom:12px;
	margin-top:0px;
	color:#8B4513;
}

.big
{
	font-size:20px;
	font-weight: bold;
	color:#8B4513;
	text-align:left;
}

.bigger
{
	font-size:32px;
	font-weight: bold;
	color:#8B4513;
}

.biggest
{
	font-size:64px;
	font-weight: bold;
	text-align:center;
	line-height:48px;
	color:#8B4513;
}

.large
{
	font-size:48px;
	font-weight: bold;
	color:#8B4513;
}

.leftCol{
	width:21%;
	padding:0;
	float:left;
	background-color:#8B4513;
	color: #f7eed9;
}

.leftCol h1{
	font-size:16px;
	padding:0 10px;
	color:#FFA500;
}

.leftCol p{
	font-size:12px;
	padding:0 10px;
}

.leftCol a{
	font-size:11px;
	padding:0 10px;
}


.centerCol{
	width:53%;
	padding:0;
	margin:0 15px;
	float:left;
	color:#8B4513;
	background-color: #f7eed9;
	font-size:14px;
}

.rightCol{
	width:22%;
	margin:15px 0;
	float:right;
	background-color:#C47535;
	color: white;
}

.centerRightCol{
	width:75%;
	padding:0;
	margin:0 15px;
	float:left;
	color:#8B4513;
	background-color: #f7eed9;
	font-size:14px;
}

.rightCol p{
	font-size:11px;
	padding:0 10px;
}

.rightCol h2{
	color: yellow;
	font-size: 20px;
	font-weight: bold;	
	padding:0 10px;
	text-align:center;
}

.rightCol h3{
	color:#FFA500;
	font-size: 16px;
	font-weight: bold;	
	padding:0 10px;
}

.rightCol li{
	font-size:11px;
	padding:0 10px 10px 10px;
}

/* Menu */

#menu {
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	background-color:#8B4513;
	  display: block;
}


#menu ul {
	margin: 0;
	padding: 10px 0 0 120px;
	list-style: none;
	line-height: normal;
	text-align:center;
}

#menu li {
	float: left;
}

#menu a {
	padding: 20px 10px;
	margin-right: 17px;
	/*text-transform: lowercase;*/
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #f7eed9;
}

#menu a:hover, #menu .current_page_item a {
	text-decoration: none;
	color: yellow;
}

#about
{
	width:560px;
	float:right;
	margin:23px 23px 0 23px;
}

.leftImage
{
	width:220px;
	float:left;
	margin: 10px 10px 0 0;
}

.rightImage
{
	width:220px;
	float:right;
	text-align:right;
	margin: 10px 0 0 10px;
}

.rightImageWide
{
	width:616px;
	margin:0;
	float:right;
}

.yellow
{
	text-align:center;
	color:yellow;
	font-size: 14px;
}

.alignCenter
{
	text-align:center;
}

.red
{
	text-align:center;
	color:red;
	font-size: 14px;
}

#leftCol a:hover, #leftCol a .current_page_item {
	text-decoration: none;
	font-weight: bold;
	color: yellow;
}

.centerCol a:hover, .centerCol a .current_page_item {
	color:#FFA500;
}

.rightCol a {
	color: yellow;
}

.rightCol a:hover, .rightCol a .current_page_item{
	font-weight: bold;
	color:#FFA500;
}

.firefox {
     display: none;
	 }

@-moz-document url-prefix(){
  .firefox {
     display: inline;
	 }
}

.tab_menu{
	display:none;	
}

/*
@media only screen and (min-width : 602px) and (max-width : 980px) {
	.main{
		width:98% !important;	
	}
	
	.leftCol {
  		width: 67%;
	}
	
	.leftCol h1 {
  padding: 0 60px;
	}
	
	.leftCol p {
  padding: 0 65px;
	}
	
	.centerCol {
  width: 64%;
	}
	
.head_tab{
	height: 120px;
}
	
	.rightCol {
  width: 31%;
	}
	
	#menu {
  width: 200px;
  height: 209px;
  position: fixed;
  right: 5px;
  top: 150px;
  display:none;

  border-left: 11px solid #CCC;
}

.TitleBarAddress {
  font-size: 15px ;
}

.alignCenter{
font-size: 18px !important;	
}

.alignRight {
  width: 35%;
  text-align: left;
  font-size: 12px !important;
}

#menu ul {
	background-color: #8B4513;
	padding:0px;
}

#menu li {
  float: left;
  padding: 10px;
}

.tab_menu {
 width: 90px;
  float: right;
  background: #8B4513;
  text-align: center;
  padding: 5px;
  color:#FFF;
  display:block;
    position: fixed;
  right: 0px;
  top: 120px;
}

.footer {
   width: 100% !important;
}
}
*/

/*
@media only screen and (min-width : 479px) and (max-width : 601px) {
	.main{
		width:98% !important;	
	}
	
	.leftCol {
  		width: 57%;
	}
	
	.leftCol h1 {
  padding: 0 60px;
	}
	
	.leftCol p {
  padding: 0 65px;
	}
	
	.centerCol {
  width: 94%;
	}
	
.head_tab{
	height: 150px;
}
	
	.rightCol {
  width: 100%;
	}
	
	.alignCenter{
font-size: 18px  !important;	
}

.alignRight {
  width: 35%;
  text-align: left;
  font-size: 12px  !important;
}
	
	#menu {
  width: 200px;
  height: 209px;
 position: fixed;
  right: 5px;
  top: 134px;
  display:none;

  border-left: 11px solid #CCC;
}

.TitleBarAddress {
  font-size: 15px;
}

#menu ul {
	background-color: #8B4513;
	padding:0px;
}

#menu li {
  float: left;
  padding: 10px;
}

.tab_menu {
 width: 200px;
  float: right;
  background: #8B4513;
  text-align: center;
  padding: 5px;
  color:#FFF;
  display:block;
    position: fixed;
  right: 0px;
  top: 100px;
}

.footer {
   width: 100%  !important;
}
}

*/
@media only screen and (min-width : 319px) and (max-width : 480px) {
	.main{
		width:98% !important;	
	}
	
	.leftCol {
  		width: 100%;
	}
	
	.leftCol h1 {
  padding: 0 60px;
	}
	
	.leftCol p {
  padding: 0 65px;
	}
	
	.centerCol {
  width: 94%;
	}
	
.head_tab{
	height: 150px;
}
	
	.rightCol {
  width: 100%;
	}
	
	#menu {
  width: 200px;
  height: 209px;
  position: fixed;
  right: 5px;
  top: 134px;
  display:none;
  /* margin-left: 5px; */
  border-left: 11px solid #CCC;
}

.TitleBarAddress {
  font-size: 14px;
}

.alignCenter{
font-size: 18px !important;	
}

.alignRight {
  width: 35%;
  text-align: left;
  font-size: 12px !important;
}

#menu ul {
	background-color: #8B4513;
	padding:0px;
}

#menu li {
  float: left;
  padding: 10px;
}

.tab_menu {
 width: 90px;
  float: right;
  background: #8B4513;
  text-align: center;
  padding: 5px;
  color:#FFF;
  display:block;
    position: fixed;
  right: 0px;
  top: 100px;
border: 3px solid #CCC;
}

.TitleBarName{
	font-size:16px;	
}

.form_tab td{
	
}

.form_tab td input{
	width:228px;
}

.form_tab td textarea{
	width:228px;
}

.footer {
   width: 100%  !important;
}
}
