body {
margin : 0;
padding : 0;
font : 75% helvetica, "Trebuchet MS", arial, sans-serif;
background : #fffff0;
line-height : 1.7em;
color : #555;
}


#body_wrapper {
	height: 100%;
	width: 100%;
}
#wrapper {
	width: 990px;
	padding 0 10px;
	margin: 0 auto;
	
}

			/*TOP BANNER*/
#header {
width: 100%;
height : 188px;
margin-left: auto;
margin-right: auto;
margin-top : 0;
padding : 0;
background : #e88d33 url(../img/orangebg.jpg) repeat-x;
color : #555;
}

#logo { }
#logo h1 { margin: 0; padding: 0 }
#logo h1 a { display: block; margin-left: auto; margin-right: auto; width: 703px; height: 188px; color: #fff; text-indent: -10000px; background: url(../img/banner2s.png)  no-repeat }

			/*TOP NAVIGATION*/
#topnav ul {
padding : 0.5em 0;
margin : 0 0 5px 0;
list-style-type : none;
background : #885835;
color : #fff;
text-align : center;
font-weight : bold;
}
#topnav li {
display : inline;
}
#topnav li a, #topnav a:visited {
text-decoration : none;
background : #885835;
color : #fff;
padding : 0.6em 1.3em;
border-right : 1px solid #fff;
}
#topnav a:link.active, #topnav a:visited.active, #topnav a:hover {
text-decoration : none;
background : #f17327;
color : #000;
}
			/*3 COLUMNS*/
#gutter {
float : left;
width : 10px; /*1%*/
height : 1px;
}
#col1 {
float : left;
width : 120px; /*10%;*/
height: 600px;
margin-bottom : 1em;
padding-right : 5px;
margin-right : 6px;
}
#col2 {
float : left;
width : 552px; /*55%*/
height: 600px;
margin-bottom : 1em;
border-left : 1px dashed #dda875;
border-right : 1px dashed #dda875;
padding-right : 7px;
padding-left : 7px;
}
#col3 {
float : left;
width : 272px; /*22%;*/
height: 600px;
margin-left : 5px;
margin-bottom : 1em;
padding-right : 5px;
padding-left : 5px;
}
#con1 {
width : 100%;
margin-bottom : 1em;
padding-right : 5px;
padding-left : 5px;
border-bottom : 1px dashed #dda875;
}
#con2 {
width : 100%;
padding-right : 5px;
padding-left : 5px;
}
#address {
	float : left;
	width : 30%;
}
#phone {
	padding-top: 43px;
	float : left;
	width : 65%;
}
	
#clear 
	{
clear:both;
}

#about {
	width : 100%;
	height: 600px;
	margin-left : 1%;
	margin-bottom :1em;
    padding-top: 5px;
	font : 14px helvetica, "Trebuchet MS", arial, sans-serif;
    background : #fffff0;
    line-height : 2em;
    color : #000;
	
}
	
			/*RIGHT NAVIGATION*/
			
			
#navcontainer ul {
margin : 0;
padding : 0;
list-style-type : none;
background : #fffff0;
color : #666;
}
#navcontainer ul li a {
padding : 20px;
color : #885835;
background : transparent url(../img/list-off-orange.gif) no-repeat left center;
text-align : left;
font : 12px "Lucida Grande", "Lucida Sans Unicode", lucida, sans-serif;
text-decoration : none;
}
#navcontainer ul li a:hover {
color : #f17327;
background : transparent url(../img/list-on-orange.gif) no-repeat left center;
}
#navcontainer ul li a#current {
background : transparent url(../img/list-active.gif) no-repeat left center;
color : #000;
}
			/*FOOTER*/
#footer {
clear : both;
float: inherit;
height : 40px;
background : #f17327;
border-top : 5px solid #885835;
color : #000;
padding : 0.2em 0 0 0.5em;
text-align : center;
}
#footer a {
color : #fff;
background : inherit;
}
#footer a:hover {
color : #000;
}
			/*TYPOGRAPHY*/
h1 {
margin : 0;
padding-top : 75px;
text-align : center;
font-size : 2em;
color : #efecdc;
background : inherit;
}
h2 {
margin-top : 0;
padding-top : 0.5em;
padding-bottom : 0.5em;
text-transform : uppercase;
letter-spacing : 3px;
font-size : 1.5em;
color : #885835;
background : inherit;
}
h3 {
margin-top : 0;
font-size : 0.75em;
text-align : center;
color : #666;
background : inherit;
}
blockquote {
	font-weight : bold;
	font-style : italic;
	color : #300;
}
			/*LINKS*/
a {
text-decoration : none;
color : #006699;
background : inherit;
}
a:hover {
text-decoration : underline;
color : #444;
background : inherit;
}
a img {
border : 0;
}
			/*IMAGES*/
.myimage {
float : left;
padding : 10px;
border : 1px solid #aaa;
margin-right : 10px;
}
.myimage2 {
float : right;
padding : 10px;
border : 1px solid #aaa;
margin-left : 10px;
}
#contact_form_holder { 
    font-family: 'Verdana'; 
    font-variant: small-caps; 
	width: 100%; 
	float: left;
}
#contact_form_holder input, #contact_form_holder textarea { 
    width:100%; /* make all the inputs and the textarea same size (100% of the div they are into) */ 
    font-family:inherit; /* we must set this, because it doesn't inherits it */ 
    padding:5px;
}
#contact_form_holder textarea { 
    height:100px; /* i never liked small textareas, so make it 100px in height */ 
}
#send_message { 
    width:200px !important; /* the width of the submit button  */ 
    font-variant: small-caps; /* nicer font-variant (like explained before) */  
    border:1px solid black; /* remove the default border and put a normal black one */
    cursor:pointer;
    cursor:hand;
}
#cf_submit_p { text-align:right; } /* show the submit button aligned with the right side */

.error { display: none; padding:10px; color: #D8000C; font-size:12px;background-color: #FFBABA;}
.success { display: none; padding:10px; color: #044406; font-size:12px;background-color: #B7FBB9;}

#contact_logo { vertical-align: middle; }
.error img { vertical-align:top; }
#contact_details {
	font-family: 'Verdana';
	font-variant: small-caps;
	width: 100%;
	float: left;
}
img.alignright {float:right; margin:0 0 1em 1em; text-indent: -5000px; padding-right: 10px;}
img.alignleft {float:left; margin:0 1em 1em 0; text-indent: -5000px; padding-left: 10px;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; text-indent: -5000px;}
a img.alignright {float:right; margin:0 0 1em 1em; text-indent: -5000px; padding-right: 10px;}
a img.alignleft {float:left; margin:0 1em 1em 0; text-indent: -5000px; padding-left: 10px;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; text-indent: -5000px;}