/* CSS Document */
* {
margin: 0px auto;
}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*text-align: left;*/
	background-color: #ceb6a1/*url(../images/wallpaper.gif) repeat*/;
	color: #636466;
	font-size: 11px;
	text-align:center;
}

/*-------------global styles------------*/
.cleared
{
	clear:both;
	line-height:0px;
}
img 
{
	border-style:none;
}
a:link, a:visited
{
	text-decoration: none;
	color:#22565f;
}
a:hover, a:active
{
	text-decoration: underline;
	color:#72a5af;
}
.left
{
	float: left;
}

/*-------------structure styles------------*/
#container
{
	margin: 0px auto;
	width: 700px;
	text-align:left;
}
#flash-content{
	float:left;
	width: 658px;
	height: 556px;
	background: url(../images/home_noflash.jpg) no-repeat 40px 100px;
	overflow:hidden;
}
#flash_warning{
	float:left;
	width: 350px;
	margin: 50px 0 0 290px;
}
#home-flash p{
	padding: 20px;
}
#flash-content p a{
	color: #990000;
	text-decoration:none;
}
#flash-content p a:hover{
	color: #990000;
	text-decoration:underline;
}
* html #top{
	width: 658px;
	height: 8px;
	background: url(../images/top_shadow.gif) no-repeat;
}
#top{
	float:left;
	width: 700px;
	height: 8px;
	background: url(../images/top_shadow.png) no-repeat;
	overflow:hidden;
}

* html #middle{
	width: 658px;
	background: url(../images/middle_shadow.gif) repeat-y;
	padding: 0;
}
#middle
{
	float:left;
	width: 679px;
	background: url(../images/middle_shadow.png) repeat-y;
	padding: 0 0 0 21px;
}
#hero, #hero-contact
{
	float:left;
	width: 335px;
	height: 477px;
	overflow:hidden;
}
#hero-contact{
	padding-top: 38px;
}

#content{
	float:left;
	width: 263px;
	padding:0 30px 0 30px;
}

#title{
	float:left;
	width: 263px;
	height: 43px;
	overflow:hidden;
	padding: 20px 0 30px 0;
}

#content p{
	margin:0;
	padding: 0 0 10px 0;
	line-height:14px;
}

* html #bottom{
	width: 658px;
	height: 10px;
	background: url(../images/blank.gif) no-repeat;
}
#bottom{
	float:left;
	width: 700px;
	height: 20px;
	background: url(../images/bottom_shadow.png) no-repeat;
	overflow:hidden;
}
* html #footer{
	margin: -8px 0 0 0;
}
#footer{
	float:left;
	width: 658px;
	margin: -10px 0 20px 10px;
	height: 10px;
	text-align: right;
	color: #545454;
	font-size: 10px;
}
.logo{
	display:block;
	float:left;
	padding:20px 0 0 0;
}

#nav-container
{
	float: left;
	width: 658px;
	height: 75px;
	border-bottom: solid #6fa4ae 1px;
	
}

ul#nav
{
	float:left;
	width: 638px;
	list-style-type:none;
	margin:0;
	padding:0 0 0 30px;
	display:inline;
}


ul#nav li 
{
	display:inline;
	float:left;
	width: 81px;
	height: 35px;
	margin:30px 0 0 0;
	padding:0 0 0 0;
	/*line-height:500px;*/
	overflow:hidden;
}
ul#nav li.blog{
	float:left;
	text-align:right;
	padding:0 0 10px ;
	margin:0;
	width:223px;
	height:60px;
}
ul#nav li a{
	display:block; 
}

ul#nav li a:hover{
	margin:-35px 0 0 0;
}
ul#nav li.on a{
	margin:-35px 0 0 0;
}
ul#nav li.blog a{margin:0; cursor:pointer;}

a:focus{outline:none;}

/*----------------Gallery and Kindwords Styles---------------*/
#content-galleries, #content-kindwords{
	float:left;
	width: 598px;
	padding:20px 30px 30px 30px;
}
#content-container{
	float:left;
	width: 618px;
	height:425px;
	padding:21px 0 21px 21px;
}
#content-home{
	float:left;
	width: 618px;
	height:425px;
	padding:18px 0 0 18px;
	background: url(../images/home_photo_bg.jpg) no-repeat;
}
#home-flash{
	float:left;
	width:578px;
	height:384px;
	/*background: url(../images/home-noflash.jpg) no-repeat;*/
}
#content-kindwords{
	padding-bottom: 184px;
	background: url(../images/hero_kindwords.jpg) bottom no-repeat;
}

ul#kindwords-list{
	float:left;
	width: 598px;
	list-style-type:none;
	margin:0;
	padding:5px 0 0 0;
}
ul#kindwords-list li{
	float:left;
	width: 272px;
	list-style-type:none;
	margin:0;
	padding:0 0 25px 0;
}
ul#kindwords-list li.left{
	padding:0 54px 0 0;
}
span.kindwords-author{
	display: block;
	padding-top: 5px;
	font-weight:bold;
	color:#70a4ae;
}
#title-galleries, #title-kindwords{
	float:left;
	text-align:right;
	width: 598px;
	height: 43px;
	overflow:hidden;
	padding: 0 0 20px 0;
}
#title-kindwords{
	width: 558px;
	padding: 0 60px 20px 0;
}

#gallery-tabs{
	float:left;
	width: 598px;
	height: 30px;
}
#gallery-container{
	float:left;
	width: 596px;
	background: url(../images/gallery_gradient.jpg) repeat-x;
	border-left: solid #e4e0d3 1px;
	border-right: solid #e4e0d3 1px;
	border-bottom: solid #e4e0d3 1px;
}

ul.tab-menu {
	float:left;
	width: 598px;
	height: 30px;
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.tab-menu li {
	float:left;
	width:100px;
	height: 30px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
ul.tab-menu li a {
	background:url(../images/tab_gradient_off.jpg) repeat-x;
	height: 29px;
	font-family: Helvetica,Verdana, Arial, sans-serif;
	font-size: 13px;
	text-align:center;
	color:#e7f4f6;
	display:block;
	margin:0px;
	overflow:hidden;
	padding:5px 10px 3px;
	text-decoration:none;
	border-left:1px solid #b5b5b5;
	border-right:1px solid #b5b5b5;
	border-top:1px solid #b5b5b5;
	border-bottom:1px solid #000000;
}
ul.tab-menu li a:visited{
	color:#e7f4f6;
	text-decoration:none
}
ul.tab-menu li a:hover, ul.tab-menu li a:focus {
	background:url(../images/tab_gradient_none.jpg) repeat-x;
	text-decoration:none;
	color:#6fa4ae;
}
ul.tab-menu li.tab-selected a, ul.tab-menu li.tab-selected a:visited {
	background:url(../images/tab_gradient_selected.jpg) repeat-x;
	border:1px solid #d1cfcf;
	color:#528690;
	display:block;
	margin:0px;
	padding:5px 10px 3px;
	text-decoration:none;
}
ul.tab-menu li.tab-selected a:hover {
	background:url(../images/tab_gradient_selected.jpg) repeat-x;
	border-bottom:1px solid #d1cfcf;
	color:#528690;
	display:block;
	margin:0pt;
	padding:5px 10px 3px;
	text-decoration:none;
}
ul.thumbnail-list{
	float:left;
	width: 560px;
	list-style-type:none;
	margin:0;
	padding:20px 12px 20px 22px;
}
ul.thumbnail-list li{
	float:left;
	width:68px;
	border: 1px solid #888888;
	height: 68px;
	margin:0 10px 10px 0;
	padding:0px;
	overflow:hidden;
}


/* Form CSS */

/**********************************  Input Stuff  ***************************************/
form {margin:0; padding:0;}
fieldset {float:left; width:262px; margin:0; padding:10px 0 0 0; border:none;}
label {font-size:10px; color:#245760;}
label.right {float:left;}
label a, a.link, a.hover, a.visited {color:#244904; text-decoration:underline;}

ul.form-list {float:left; width:262px; margin:0; padding:0; list-style:none;}
ul.form-list li {float:left; margin:0; padding:0 0 8px 0; font-size:11px; color:#244904; display:inline;}
ul.form-list li.first {width:100px; margin:0; padding:0;}

input.text {width:163px; padding:2px; border:1px solid #6fa4ae;}
input.text.short {width:39px; padding:2px; border:1px solid #6fa4ae;}
textarea.text {width:255px; height:100px; border:1px solid #6fa4ae; margin-top: 5px;}
select.text.long {width:157px; padding:2px; border:1px solid #6fa4ae;}
.required{font-size: 10px; color:#000000;}
.validation-advice{float:left; width: 150px; font-size: 10px; color:#245760;}

/**********************************  Validation Stuff  *********************************/
#errorDiv { font-size: 9px; color:#ad5b05; font-weight:bold; background-color:#ebdec1; padding:4px 8px 4px 8px; margin-bottom:10px; border: 1px solid #ffffff;  }
.red { padding:2px; border: 1px solid #000000; }
label.red { border: none; }
.customRed { border: none; }
.errorMessage { margin-left: 10px; font-size: 9px; color:#176877; font-weight:bold; background-color:#ffffff; padding:4px 8px 4px 8px; border: 1px solid #176877; }
.error { padding:2px; border:1px solid #6fa4ae; }
.exists, .email, .phone { width:150px; padding:2px; border:1px solid #6fa4ae;}
.btns{padding-left: 30px;}