/* CSS Document */

* {	margin:0; padding:0; font-size:100%; vertical-align:top;}

body{background:#FFFFFF; text-align:center;}
.top-tail{ background:url(../images/top-tail.jpg) top repeat-x;}
.top-tail2{ background:url(../images/top-tail2.jpg) top repeat-x; position:absolute; height:750px; width:50%; right:0;}
#main{ background:url(../images/main-bg.jpg) no-repeat 0 0; position:relative;}

img {vertical-align:top;}
a img { border:0;}
/*
.imgleft  { float:left;  padding-right:1em; padding-bottom:.5em; margin-top:.5em; }
.imgright { float:right; padding-left :1em; padding-bottom:.5em; margin-top:.5em; }
*/
.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:"Gilda Display",Georgia, "Times New Roman", Times, serif; font-size:0.75em; line-height:1.333em; color:#443933;}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#443933; outline:none; text-decoration: none; border-bottom: 1px solid #AA9955;}
a:hover{text-decoration:none; border-bottom-style: none }
/* p {padding-top:16px;} */
p { margin-bottom: 16px}
h3{ font-size:1.75em;}
strong{ font-weight:normal; display:block; color:#eea800;}

/* ============================= main layout ====================== */
.imgindent {margin:0 10px 0 0; float:left;}
.phone{ float:right; padding-right:55px;}
.margin0{ margin-top:0 !important;}
.padding1{ padding-top:22px;}
.padding2{ padding-top:9px;}

/* ============================= header ====================== */
#header{ width:100%; overflow:hidden;}
#header .logo{ padding:36px 0 0 53px; position: absolute;}
#header .logo img { position: absolute; left: -10px; }

#header .logo h1
{
	font-size: 55px;
	font-weight: lighter;
	font-variant: small-caps;
	color: white;
	line-height: 0.7;
	margin-bottom: 10px;
}

#header .logo h2
{
	font-size: 22px;
	font-weight: lighter;
/*	font-variant: small-caps;	*/
	color: white;
	line-height: 0.7;
	margin-bottom: 10px;
}

#header .text{ position: absolute; left: 600px; padding-top:36px;}

#header .text h1
{
	font-size: 22px;
	font-weight: lighter;
	font-variant: small-caps;
	color: white;
	line-height: 0.7;
	margin-bottom: 10px;
}

#header .text h2
{
	font-size: 14px;
	font-weight: lighter;
/*	font-variant: small-caps;	*/
	color: white;
	line-height: 0.7;
	margin-bottom: 10px;
}

#header .text h3
{
	font-size: 19px;
	font-weight: lighter;
/*	font-variant: small-caps;	*/
	color: white;
	line-height: 0.7;
	margin-top: 15px;
	margin-bottom: 10px;
}

/* ============================= content ====================== */
.content{ background:url(../images/content-bg.jpg) no-repeat 0 0; height:364px; padding:28px 17px 10px 26px; position:relative; margin:0 317px 0 30px;}
.up{ position:absolute; margin:320px 0 0 519px;}
.down{ position:absolute; margin:320px 0 0 555px;}
.column-2{ margin-left:50px;}
.line{ background:url(../images/line.gif) repeat-y 325px 0; padding:12px 0 16px 0;}
.indent{ padding:12px 20px 0 0;}

.content h1
{
	font-size: 48px;
	font-weight: lighter;
	font-variant: small-caps;
	color: rgb(233, 159, 0);
	line-height: 0.7;
	margin-bottom: 10px;
}
.content h2
{
	font-size: 2.6em;
	font-weight: lighter;
	font-variant: small-caps;
	color: rgb(233, 159, 0);
	line-height: 0.7;
	margin-bottom: 25px;
}

.content h3 { font-size: 1.3em; }
.content h4 { font-size: 1.2em; }
.content h5 { font-size: 1.1em; }

.title{ padding-bottom:22px;}
.link{ display:inline-block; color:#eea800; margin-top:7px;}
.link1{ color:#776a55;}
.link2{ color:#eea800;}

.content ul { list-style-image:url(../images/list-marker.gif); padding-left:2.5em;}
.content ul li { padding-bottom: .5em }

.content hr { background-color:#eea800; height:1px; border: none; }

.menu{ background:url(../images/menu-left-bg.gif) left top no-repeat #fff; margin:20px 51px 0 17px; position:relative;}
.menu .extra{ position:absolute; width:14px; height:7px; background:url(../images/extra-bg.gif) no-repeat 0 0; margin:-7px 0 0 80px;}
.menu .right-bg{ background:url(../images/menu-right-bg.gif) right top no-repeat; height:76px; width:100%; overflow:hidden;}
.menu ul{ padding:25px 0 0 52px; list-style-type:none;}
.menu li{ float:left; padding: .3em 1.1em 0 0; font-size: 170%; font-variant: small-caps;  }
.menu li .nav-selected { text-decoration:none; border-bottom-style: none; }

.list{ margin:-5px 0;}
.list li{ line-height:1.833em; background:url(../images/list-marker.gif) no-repeat 0 7px; padding-left:20px;}
.list a{ color:#eea800; text-decoration:none;}
.list a:hover{ color:#443933;}

.list1{ margin:-5px 0;}
.list1 li{ line-height:1.833em; background:url(../images/list1-marker.gif) no-repeat 0 7px; padding-left:20px;}
.list1 a{ color:#928675; text-decoration:none;}
.list1 a:hover{ color:#eea800;}


.ccm-block-next-previous-wrapper       { position: absolute; bottom: 15px; right: 20px; }
.ccm-area-block-list 
 .ccm-block-next-previous-wrapper      { bottom: -15px }			/* when in editing mode, need to fix position a bit */
.ccm-block-next-previous-header        { display: inline-block; padding-right: 8px; }
.ccm-block-next-previous-previous-link,
.ccm-block-next-previous-next-link     { display: inline-block; font-size: 1.2em; }
div.ccm-block-next-previous-header     { padding-left: 20px }		/* space between Prev & Next */
.ccm-block-next-previous-parent-link   { display: none; }			/* Hide the "Up" link in the Testimonial pagers */

/* ============================= page1 ====================== */
#page1 #main{ background:url(../images/page1-bg.jpg) no-repeat 0 0;}
#page1 .logo{ padding:55px 0 0 54px;}
#page1 .menu{ background:url(../images/page1-menu-bg.jpg) no-repeat 0 0; margin:100px 0 0 31px; height:76px;}

/* ============================= footer ====================== */
#footer{ font-size:1.083em; font-variant: small-caps;}
#footer p{ padding:75px 0 0 60px; color:#5a4f3c;}
/* #footer a{ color:#5a4f3c; text-decoration:none;} */
/* #footer a:hover{ text-decoration:underline;} */

/* ============================= forms ============================= */
#ContactForm{ margin-top:-3px;}
#ContactForm label{ display:block; height:40px;}
#ContactForm span{ display:block; font-size:0.917em; font-family:Tahoma, Geneva, sans-serif;}
#ContactForm input{ border:solid 1px #7d7d7d; background:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; color:#000; padding:0 2px 0 3px; width:285px;}
#ContactForm textarea{ border:solid 1px #7d7d7d; background:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; color:#000; padding:0 2px 0 3px; width:285px; height:120px; overflow:auto;}
#ContactForm .link{  margin:8px 6px 0 0;}

/* OVERRIDES FOR CONCRETE5 CMS */

/* So that the HTML code editor box appears above our template, not below it */
/* .redactor-editor, .redactor-box, .redactor-box textarea { z-index: 500 !important; }
   div.text .ccm-block-edit-inline-active .redactor-box { background-color: gray; } 
   div.logo .ccm-block-edit-inline-active .redactor-box { background-color: gray; } */
/* Hide the silly warning box that pushes down the content so that we can't effectively edit it in-place */
div.logo div.ccm-ui div.alert-warning { display: none }
div.text div.ccm-ui div.alert-warning { display: none }
