/*---- Layout ----*/
/** {
	margin: 0;
	padding: 0;
}*/
blockquote{ margin:0px 25px;}
#captchaBlock{
	border:1px solid #936506;
	width: 247px;
	position:absolute;	
	left:500px;
	top:500px;
	padding:4px 10px;
	background:#ffffff;
	border: 6px solid #e1d394;
	display:none;
}

.cptHead{
	background-color: #4D340B;
	color: #FFFFFF;
}
p{ padding:10px 0px 5px 0px; margin:0px;}

#pageFrame{
	/*width:950px;*/
	margin:0 auto;
	overflow:hidden;
	background-color: #EDDF9C;
	line-height: 18px;
	font-size: 14px;
	background-image: url(images/pageBg.png);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	background-position: right top;
	min-width: 780px;
	max-width: 1260px;
}


#block-webformblock-23 .node {
	background-image:url(images/formBlocknew_02.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-bottom:15px;
	padding-left:12px;
	display: block;
	width: 264px;
	float:left;
}

#block-webformblock-23  {
	float:left;
	font-size: 13px;
	width: 276px;
	background-image:url(images/formBlocknew_01.jpg);
	background-repeat:no-repeat;
	padding-bottom:0;
	padding-top:5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#block-webformblock-23 h2 {
	font-size:15px;
	height:22px;
	padding:5px 0px 7px 15px;
	font-weight: bold;
	margin:0px;
	color: #FFF2DF;
	display: block;
}

form{ margin:0px; padding:0px;}

#block-webformblock-23 label {
float:left;
font-weight:normal;
width:107px;
_magin-bottom:7px;
display:block;
}
#block-webformblock-23 input, #block-webformblock-23 select 
{
border:1px solid #936506;
float:left;
margin-bottom:7px;
width:140px;
}
#block-webformblock-23 textarea{  border:1px solid #936506; width:245px;}

#block-webformblock-23 .form-submit {
	background-color:#FFF9EA;
	background-image:url(images/submit-btn2.png);
	background-repeat:no-repeat;
	border:medium none;
	color:#F8F8EF;
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	height:36px;
	margin-bottom:0;
	margin-left:110px;
	margin-top:6px;
	width:84px;
	background-position: 0px 6px;
}
#testimonailBlock {
	background-image:url(images/testimonial_block_01.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	color:#000000;
	padding:5px 0px 0px 0px;
	width:275px;
	font-size: 13px;
	background-color: transparent;
}
.testinner{padding:0px 10px; }

body
{
	padding: 0;
	margin: 0;
	font-family: Verdana, sans-serif;
	/*font-family: Sabon, Times, serif;*/
	background:#eddf9c;
}

a {
	color: #ca6;
	text-decoration:underline;
}

a:active {
	color: #fc0;
}

a:hover {
	color:#fd9;
}

.clear {
	clear:both;
	height: 2px;
}
#oldbrowser
{
	text-align: center;
}

/*---- Visual Elements ----*/

#header {
	background: url("images/header_BG.gif") repeat-x;
    overflow: hidden;
	height:140px;
}
.hide
{
	display: none;
}

#masthead {
	background: url("../images/common/header_BG.gif") repeat-x;
	height:168px;
    overflow: hidden;
}
#masthead h1.header_logo, #masthead p.header_logo {
	margin:0;
	width:674px;
    padding-top: 168px;  /*height of the replacement image */
    height: 0px;
    overflow: hidden;
    background: url("../images/common/sparks_head.jpg") no-repeat;
    display:none;
}
#masthead h1#header_logo, #masthead p#header_logo {
	margin:0;
	width:674px;
    padding-top: 138px;  /*height of the replacement image */
    height: 0px;
    overflow: hidden;
    background: url("../images/common/sparks_head.jpg") no-repeat;
    display:block;
}
h1 {
	font-size: 17px; padding-top:15px; margin-top:0px; margin-bottom:7px;
}
#header_info {
	/*position:absolute;
	top: 0px;
	left: 708px;*/
	float:right;
	padding-right:20px;
}
#flash_head {
	width:674px;
	height:138px;
	margin:0;
	padding:0;
    display:none;
}
#masthead p.header_info {
	position:relative;
	top:-130px;
	display:inline;
	right:12px;
	float:right;
	width:200px;
	height:112px;
	background:none;
	color:#28110e;
	text-align:right;
    overflow: hidden;
	font-family: Sabon, Times, serif;
}
#masthead p.header_info a {
	font-size:1.4em;
	text-decoration:none;
}
#masthead p.header_info span.phone {
	font-size:1.5em;
}
#masthead p.header_info span.lic {
	font-size:0.8em;
	line-height:0.8em;
}

#masthead p#header_info {
	position:relative;
	top:-130px;
	display:inline;
	right:12px;
	float:right;
	width:200px;
	height:112px;
	background:none;
	color:#28110e;
	text-align:right;
    overflow: hidden;
	font-family: Sabon, Times, serif;
}
#masthead p#header_info a {
	font-size:1.4em;
	text-decoration:none;
}
#masthead p#header_info span.phone {
	font-size:1.5em;
}
#masthead p#header_info span.lic {
	font-size:0.8em;
	line-height:0.8em;
}

p.testHead{ font-size:16px; font-weight:bold; color:#50380C; margin:0px; padding:10px 0px 0px 0px;}
strong {
	color: #302510;
}
/*#leftcolumn
{
	padding:15px 320px 15px 15px;
}

#contentColumn
{
	width: 280px;
	padding: 10px 10px 10px 0px;
	float:right;
}*/

#leftcolumn
{
	padding:15px 315px 15px 15px;
	_padding:15px 0px 15px 15px;
	_margin:15px 315px 15px 15px;
}

#contentColumn
{
	width: 280px;
	padding: 10px 10px 10px 10px;
	z-index:10000000000+;
	float:right;
	_float:right;
	/*height:700px;*/
}


#innerLeftColumn, #innerContentColumn, #innerFooter
{
	padding: 10px;
}

#innerFooter
{
	text-align: center;
}
#innerContentColumn
{
	overflow: visible;
	text-align:justify;
	height: 100%;	/* fix the Win32 IE float bug */
}
#contentColumn>#innerContentColumn
{
	height: auto;	/* fix Opera 5 which breaks with the above IE fix */
}
#innercontentcolumn
{
	height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
}
#masthead, #footer
{
	z-index: 10;
}

/*---- Simple Horizontal Navigation for IE 4/5.0/NS4 ----*/
.hnav {
background-color:#4C3F36;
background-image:url("images/nav_BG2.gif");
background-repeat:repeat-x;
color:#000000;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
margin:0;
padding:7px 0;
white-space:nowrap;
text-align: center;
z-index:999;
}
.hnav ul
{
	text-align: center;
	list-style-type: none;
	line-height: normal;
	margin: 0;
	padding: 0;
}


div#oldbrowser
{
	display: none;	/* hide the standards compliant warning - this isn't a catch all, but works for old browsers */
}
a img
{
	border-width: 0;	/* remove the border around linked images. <img border="0" ..../> is invalid in XHTML 1.1 */
}
#innerLeftColumn img
{
	display: block;
	margin: 0 auto;
	text-align: center;	/* IE 5 centering hack */
}
#innerLeftColumn, #innerContentColumn
{
	overflow: visible;	/* fix the Win32 IE italics bug */
	height: 100%;		/* ditto */
}
#innerleftcolumn, #innercontentcolumn
{
	overflow: hidden;	/* IE5.0 fix the Win32 IE italics bug */
	width: 100%;
	height: auto;
}
#innerleftcolumn/* hide from IE5.0 */, #innercontentcolumn/* hide from IE5.0 */
{
	overflow: visible;	/* reset IE5.0 fix for 5.5 */
	height: 100%;		/* ditto */
	width: auto;		/* reset Safari after picking up the above IE5.0 fix : it's case insensitive to CSS selectors */
}
* html #masthead
{
	position: relative;
}


/*******************************************************************************
*  vnav.css : 2004-07-21 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  responsible for the vertical navigation elements commonly found in the left
*  and / or right columns.
*******************************************************************************/

.vnav {
	position:relative;
	width:18em;
	
	margin-bottom: 14px;
	
}
.vnav ul, .vnav ul li
{
	margin: auto;
	padding: 0;
	list-style-type: none;
	width:12em;
	display: block;
	text-align:center;
	font-family: Sabon, Times, serif;
}
.vnav ul
{
	border: solid 1px #000;
	border-bottom-width: 0;
	width:12em;
	background:#000;
}
.vnav ul li
{
	border-bottom: solid 1px #000;
}
.vnav ul li strong
{
	display: block;
	text-decoration: none;
	font-weight:bold;
	color:#ccc;
	text-shadow: #333 -1px -1px 0;
	padding:6px 0 0 0;
	background: url("../images/common/nav_BG2.gif");
	height:20px;
	vertical-align:middle;
}
.vnav ul li a
{
	display: block;
	text-decoration: none;
	font-weight:bold;
	color:#333;
	text-shadow: #fff 1px 1px 0;
	padding:6px 0 0 0;
	background: url("../images/common/nav_BG0.gif");
	height:20px;
}
.vnav ul li a:hover
{
	display: block;
	text-decoration: none;
	color:#999;
	text-shadow: #333 -1px -1px 0;
	padding:6px 0 0 0;
	background: url("../images/common/nav_BG1.gif");
	height:20px;
}
* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 1%;
}
* html .vnav ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}
.vnav h3
{
	/* perhaps this belongs partly in gutters.css and partly in 
	   fonts.css. However, the heading size for vnav elements is
	   controlled here because it is a specific vnav visual element
	   rather than something that's going to be applied to the whole
	   layout. So that if you were to remove vnav.css from your
	   layout, you wouldn't have any extra, unused CSS in the rest
	   of your stylesheets. */

	height:0;
	margin-left: -999px;
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 126%;
}
/* Hide from IE-mac \*/
* html .vnav ul li a/* hide from IE 5.0 */ {height: 1%;}
/* End hide */

/*******************************************************************************
News Style
********************************************************************************/
#news_div,
#press_div {
	background:#28110e;
	color:#fff;
	width:18em;
	
	overflow:auto;
	padding-bottom:7px;
	margin-top: 14px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#news_div h4,
#press_div h4
{
	font-family: Sabon, Times, serif;
	text-decoration: none;
	font-weight:bold;
	color:#ccc;
	background:url("images/nav_BG2.gif") repeat-x;
	text-shadow: #333 -1px -1px 0;
	padding:6px 0 3px 0;
	margin:0;
	height:20px;
	text-align:center;
}
.news_item h3,
.press_item h3
{
	font-weight:bold;
	margin:7px 0px 5px 0px;
}
#news_div p,
#press_div p 
{
	text-align:left;
	font-size:0.85em;
	width:17em;
	margin:0;
	font-weight:normal;
	border-bottom:1px solid #cc9;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-left:2px;
}

.news_item,
.press_item {
	width:34em;
	position:absolute;
	
	left:18.5em;
	z-index:99;
	padding:4px 10px;
	background:#ffffff;
	border: 6px solid #e1d394;
	display:none;
}

.news_item  p, .press_item  p {	z-index:99;}

#news_div a, #press_div a {color:#FFFFCC; text-decoration:none;}

#news_div a:hover, #press_div a:hover {color:#FFFFCC; text-decoration:none;}

.home_text0 {
	margin:12px auto;
	padding:0 12px;
	background:#dcce8b;
	border: 1px solid #28110e;	
}

.home_text1 {
	margin:12px auto;
	padding:0 12px 0 0;	
}

/******************************************************************************/

/*******************************************************************************
Slideshow Style
********************************************************************************/

#ss_img_div {
	position:relative;
	top:0px;
	left:0px;
	width:640px;
	height:262px;
	z-index:0;
	overflow:hidden;
	padding:0;
 	border:0;
}
#ss_img_div img {
	width:640px;
	height:262px;
	filter:progid:DXImageTransform.Microsoft.Fade();
	-moz-opacity:100;
	opacity:100;
	border:0;
}
#ss_title, #ss_text {
	position:relative;
	top:0px;
	left:0px;
	width:634px;
	z-index:0;
	overflow:hidden;
	padding:4px 2px;
	background:#fff;
}
#ss_title {
	border:1px solid #000;
	border-top:0;
	text-align:center;
	font-weight: bold;
}
#ss_text {
 	border-left:1px solid #000;
 	border-right:1px solid #000;
 	border-bottom:1px solid #000;
 	font-size:0.8em;
}
a {
	color: #53411C;
	text-decoration:none;
}

a:hover {
	color:#7D5500;
text-decoration:underline;
}


#ss_img_div_sm {
	position:relative;
	top:0px;
	left:0px;
	width:200px;
	height:82px;
	z-index:0;
	overflow:hidden;
	padding:0;
	margin:0 auto;
 	border:0;
}
#ss_img_div_sm img {
	width:200px;
	height:82px;
	filter:progid:DXImageTransform.Microsoft.Fade();
	-moz-opacity:100;
	opacity:100;
	border:0;
}
#side_slides{ width:200px; margin-left:35px;}
#side_slides h4
{
	text-decoration: none;
	font-weight:bold;
	color:#ccc;
	background:url("images/nav_BG2.gif") repeat-x;
	text-shadow: #333 -1px -1px 0;
	padding:6px 0 3px 0;
	margin:0 auto;
	width:200px;
	height:20px;
	text-align:center;
}
#side_slides  #ss_title {
 	border:1px solid #000;
 	width:198px;
 	font-size:0.8em;
 	text-align:center;
 	margin:0 auto;
 	padding:4px 0;
}


/******************************************************************************/

/******************************************************************************/

/* about us css */

#about_head {
	margin:0 0 36px 0;
	width:580px;
    padding-top: 39px;  /*height of the replacement image */
    height: 0px;
    overflow: hidden;
    background: url("../images/about/about.jpg") no-repeat;
}

/******************************************************************************/

/******************************************************************************/

/* filmstrip css */

#film_head {
	margin:0 0 36px 0;
	width:580px;
    padding-top: 39px;  /*height of the replacement image */
    height: 0px;
    overflow: hidden;
    background: url("../images/featured_projects/featured_projects.jpg") no-repeat;
}
#filmstrip {
	position:relative;
	padding:0;
	/*margin:0 auto;*/
	background:#000;
	width:600px;
	height:108px; /* give it enough space for the images and the scrollbar*/
	overflow: hidden;
	margin-top:10px;
	margin-left:20px;
}

#filmstrip_content {
	position:relative;
	left:0;
	width: 2600px; /*width of all of your images plus the margins/padding you use*/
	height:82px;
	margin:0;
	padding:0;
}

#filmstrip_content li {
	float: left;
	display: block;
	padding: 0px;
	margin: 0px;
}

#filmstrip_content li img {
	border: 0px;
	height: 82px; /* just incase the images are a different size */
	width: 200px; /* ditto */
	margin: 0px;
	padding:0px;
}

#filmstrip_frame {
	position: relative;
	background:#000;
	width:600px;
	height:19px;
} 

#filmstrip_previous {
	float: left;
	margin-left:6px;
	border:0;
	cursor:default;
} 

#filmstrip_next {
	float: right;
	margin-right:6px;
	border:0;
} 

#show_model {
	margin:24px auto 0 auto;
	width:640px;
	height:260px;
	text-align:center;
}

#display_model {
	margin:0 auto;
	width:640px;
	/*height:262px;*/
}

/*******************************************************************************/

/*******************************************************************************
Testimonials Style
********************************************************************************/

#info_head {
	margin:0 0 36px 0;
	width:580px;
    padding-top: 39px;  /*height of the replacement image */
    height: 0px;
    overflow: hidden;
    background: url("../images/info/information.jpg") no-repeat;
}
#info_subhead {
	margin:36px 0;
	width:580px;
    padding-top: 39px;  /*height of the replacement image */
    height: 0px;
    overflow: hidden;
    background: url("../images/info/links.jpg") no-repeat;
}
#info_div ul
{
	font-family: Sabon, Times, serif;
	border:0;
	border-bottom-width: 0;
	width:400px;
	margin:0 2px;
}
#info_div table, #info_div td
{
	border:0;
	margin:0;
	padding:0;
}

#info_div ul, #info_div ul li {
	padding: 0;
	list-style-type: none;
	width:12em;
	display: inline;
	text-align:center;
	height:24px;
}
#info_div ul li
{
	width:80px;
	margin:0;
}
#info_div ul li strong
{
	display: inline;
	text-decoration: none;
	font-weight:bold;
	color:#ccc;
	text-shadow: #333 -1px -1px 0;
	padding:6px 6px 3px 6px;
	background: url(images/nav_BG2.gif);
	border: solid 1px #000;
	height:24px;
	vertical-align:middle;
}
#info_div ul li a
{
	display: inline;
	text-decoration: none;
	font-weight:bold;
	color:#333;
	text-shadow: #fff 1px 1px 0;
	padding:6px 6px 3px 6px;
	background: url(images/nav_BG0.gif);
	border: solid 1px #000;
	height:24px;
	vertical-align:middle;
	width:80px;
}
#info_div ul li a:hover
{
	display: inline;
	text-decoration: none;
	color:#999;
	text-shadow: #333 -1px -1px 0;
	background: url(images/nav_BG1.gif);
	height:24px;
	vertical-align:middle;
}

#info_div div.info_content {
	width:420px;
	margin:3px 0;
	padding: 12px;
	background:#fff url(images/florida.jpg) no-repeat right 0;
	border: solid 1px #000;
	height:470px;
}

.info_para_a {
	width:280px;
	margin:60px 0 0 0;
	background:#fff;
	font-weight:bold;
}

.info_para {
	display:none;
	width:280px;
	overflow:auto;
	margin:60px 0 0 0;
	background:#fff;
}

div.info_div {
	position:relative;
	_width:288px;
	_margin:48px 0 0 0;
	display:block;
	display:none;
}

.info_div table {
	position:relative;
	_width:272px;
	display:block;
	font-size:0.8em;
}

.info_div th {
	_vertical-align:top;
	padding:4px 2px;
}

.info_div td {
	border-top:1px solid #333 !important;
	text-align:left !important;
	vertical-align:top !important;
	padding:4px 2px;
}

#weather_div {
	position:relative;
	margin-top:0;
	height:494px;
}

/*******************************************************************************
Contact Style
********************************************************************************/
#contact_div {
	width:650px;
	margin:24px 0;
	position:relative;
}
#contact_head {
	margin:0 0 36px 0;
	width:580px;
    padding-top: 39px;  /*height of the replacement image */
    height: 0px;
    overflow: hidden;
    background: url("../images/contact/contact.jpg") no-repeat;
}
.contact_info {
	text-align:center;
	font-size:0.8em;
	margin:24px;
	float:left;
}
.contact_map {
	width: 270px;
	height: 185;
	border:1px solid #000;
	float:right;
}
/***** CONTACT FORM *****/

.error {
	color:#fc0;
}

/******************************************************************************/

/*******************************************************************************
*  complex_hnav.css : 2005-08-31 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  NOTE: This is just a copy of the hnav.css stylesheet found as part of the
*	 skidoo layout found at:
*	 http://webhost.bridgew.edu/etribou/layouts/skidoo/
*
*	 Only one minor modification is made to that stylesheet to fit with
*	 the HTML structure of the 2col.v5 layout.
* ------------------------------------------------------------------------------
*  responsible for the horizontal navigation elements, one of which is usually
*  placed below the masthead but on top of the columns.
*
*  this seems awfully complex for something seemingly so simple, no? the big
*  issue here is we need to make the menu items inline elements. we could make
*  them block elements and float them left or right, but that creates a lot of
*  problems with compatibility and how elements are ordered on-screen versus
*  source. just trust me on this, inline is the way to go here.
*
*  the main reason people would float these elements rather than go inline is
*  because padding and margin values have an effect on surrounding elements.
*  meaning if an element is 20 pixels tall, and has 5 pixels of padding on
*  top and bottom, a browser is going to treat that element as 30 pixels tall 
*  when rendering the page. but for an inline element (versus a block element)
*  the browser treats it as 20 pixels tall. That padding will still be applied
*  and if you've got a background color on this element, you'll see that color
*  extend 5 pixels into the elements immediately above and below this inline
*  element with padding. 
*
*  in short: vertical padding on inline elements can make things look really
*            bad. 

*  so we need to work around it. thus all of the hacks you see in this 
*  stylesheet.
*******************************************************************************/

.hnav ul li
{
	padding: 2px 15px 2px 0px;
	display:inline;
white-space:nowrap;
}
.hnav ul li a
{
	white-space: nowrap;
	text-decoration: none;
	color: #E9E1CF;
	padding-right: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C1B8AE;
}
.hnav ul li a:hover{ color:#FFFFFF; text-decoration:none;}

* html .hnav ul li, * html .hnav ul li a
{
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline; 
	/* reset above hack */
}
* html .hnav, * html .hnav ul a
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html .HNAV
{
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}

/******************************************************************************/

/*** Footer ***/

#footer {
background-color:#4A4037;
background-image:url("images/footBg.png");
/*background-image:url("images/nav_BG2.gif");*/
background-repeat:repeat-x;
border-bottom:1px solid #E5D797;
border-top:1px solid #EDDF9C;
clear:both;
color:#EDDF9C;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:0.8em;
padding:10px 0;
text-align:center;
height:70px;
}
#footer div{ padding:0px 10px; text-align:left;}

#footer a{ text-decoration:none; color:#EDDF9C;}
#footer a:hover{ text-decoration: underline; color:#EDDF9C;}

#footer p {
	font-size:0.8em;
	border: 0;
	border-top: 1px solid #eddf9c;
	margin:0;
	padding:6px;
	color: #eddf9c;
}
#contact_form {
	color:#28110e;
	margin:10px 0px 10px 0px;
	clear:both;
	position:absolute;
	top:200px;
	left:0px;
}
#contact_form input {
	width:200px;
	border: 1px solid #996600;
	float: left;
	clear: right;
}
#contact_form label {
	float: left;
	width: 150px;
	display: block;
	margin-bottom: 10px;
}

#contact_form input.submit{
	background-color:#EDDF9C;
	background-image:url(images/submit-btn1.png);
	background-repeat:no-repeat;
	border:medium none;
	color:#F8F8EF;
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	height:36px;
	margin-bottom:0;
	margin-left:150px;
	margin-top:6px;
	width:84px;
	background-position: 0px 6px;
}

#contact_form textarea {
	width:350px;
	height:70px;
	border: 1px solid #996600;
	float: left;

}
#contact_form .inputChk {
	width: 15px;
}