/* -----------------------------------------------*/
/*  Amish Home Main Stylesheet				  

Primary Site Colors:

Light Blue: #72d6ff
Black: #000

/* -----------------------------------------------*/


/* -----------------------------------------------*/
/*  Reset 							 			  */
/* -----------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%;font-family: inherit; font-weight: normal;vertical-align: baseline;}

a:focus {border: none !important;}


/* -----------------------------------------------*/
/*  Float Control								  */
/* -----------------------------------------------*/

.float-left {float: left;}
.float-right {float: right;}
.clear-right {clear: right;}
.clear-left {clear: left;}
.clearer {clear: both; height: 0; line-height: 0; padding: 0; margin: 0;}
.float-clear {clear: both; height: 0; line-height: 0; padding: 0; margin: 0;}

/* -----------------------------------------------*/
/*  Header tag styles							  */
/* -----------------------------------------------*/

h1 {font-size: 36px; color: #9ed2ff; margin-top: 42px; margin-bottom: 42px;}
h2 {font-size: 18px; color: #4fb22c; margin-top: 24px; margin-bottom: 16px; font-family: Trebuchet MS, Lucida Grande, sans-serif; letter-spacing: .05em;}
h3 {}

h1.tour-title {width: 423px; margin: 42px auto 24px; color: #4fb22c; }

/* -----------------------------------------------*/
/*  Body Styles     							  */
/* -----------------------------------------------*/

body {font-size: 13px; line-height: 22px; letter-spacing: .13em; font-family: Georgia, serif; font-weight: normal; text-align: center; background: #000 url(/images/site-bg.png) 0 0 repeat-x; color: #fff;}

a {text-decoration: none; color: #72d6ff;}
a:hover {color: #fff;}

/* -----------------------------------------------*/
/*  Main Layout Styles 							  */
/* -----------------------------------------------*/

.wrapper {width: 990px; margin: 0 auto; text-align: left; position: relative;}

#header {position: relative; padding: 0 24px; height: 154px;}

.designer-login {position: absolute; right: 0px; top: 0px;}
.designer-login:hover {}

#logo {float: left; width: 282px; height: 71px; margin-top: 40px;}

#top-nav {float: right; width: 608px; padding-left: 24px; height: 38px; margin-top: 42px; list-style-type: none; }
#top-nav li {display: block; float: left; padding: 0 14px;}
#top-nav li a {padding: 14px 0px; margin: 0 8px; float: left; font-size: 15px; color: #000; letter-spacing: 1px;}
#top-nav li a:hover {border-bottom: 2px solid #333;}

.top-nav-last {padding-top: 6px; width: 150px;}

.content-container {font-family: Georgia, serif; position: relative; padding: 0px 24px 42px;}

.footer-text {position: relative; clear: both; float: right; margin-top: 42px; margin-bottom: 24px; font-size: 12px; color: #5b5b5b;}

.third-width { display: block; float: left; width: 33%; text-align: center; }

/* -----------------------------------------------*/
/*  Home Page Styles 							  */
/* -----------------------------------------------*/

#home-content-container {background: url(/images/sub-splash-bg.jpg) 0 0 no-repeat; margin-top: 42px;}
#home-content {}
#home-content td {padding: 0 16px 42px; font-size: 12px; line-height: 1.4em; color: #0ba4a4; font-family: georgia; border-top: 1px solid #1b1b1b; border-bottom: 1px solid #1a1a1a;}
#home-content h1 {font-size: 15px; text-transform: uppercase; color: #2cb549; line-height: 1.1em; margin-bottom: 16px; margin-top: 42px; text-shadow: -1px -1px 3px #000;}


.bottom-nav {width: 914px; height: 50px; margin-top: 62px; background: transparent url(/images/sub-menu-bg.png) 0 0 repeat-x; list-style-type: none;}
.bottom-nav li {display: block; float: left;}
.bottom-nav li a {display: block; float: left; color: #fff; font-size: 13px; letter-spacing: 1px; padding: 16px 32px 16px 24px; text-transform: uppercase; background: transparent url(/images/sub-menu-bullets.png) 100% 50% no-repeat;}
.bottom-nav li a:hover {color: #72d6ff;}

.bottom-nav-first {margin-left: 32px;}
.bottom-nav-last {background: none !important;}

.bottom-nav-left {float: left;}
.bottom-nav-right {float: right !important;}

.home-ornament {position: relative; margin: auto; margin-top: 30px; width: 78px; height: 25px;}

/* -----------------------------------------------*/
/*  Subpage Styles  							  */
/* -----------------------------------------------*/

.page-title {margin-top: 42px; margin-bottom: 62px; text-align: center;}

.content-left, .content-right, .page-form {font-family: lucida grande; letter-spacing: .05em; color: #ebf8e6;}

.content-left {position: relative; z-index: 99; width: 436px; float: left;}

.content-right {position: relative; float: right; z-index: 99; width: 436px;}

.photo-right {position: relative; z-index: 1; float: right;}
.photo-left {position: relative; z-index: 1; float: left;}

.contact-form {margin: 0 8px;}
.contact-form .label {width:150px; text-align: left; vertical-align: middle;}
.contact-form .project { vertical-align: top;}
.contact-form td {padding: 8px;}
.contact-form thead td {padding: 0;}
.contact-form input {margin: 4px; background: #242424; border: 1px solid #363636; padding: 6px; color: #d4d4d4; font-size: 13px;} 
.contact-form textarea {background: #242424; border: 1px solid #363636; padding: 6px; color: #f7f7f7; font-size: 13px; float: right; margin: 4px; width: 300px;} 
.contact-form .submit-btn {background: none; border: none;}
.contact-form label {vertical-align: top; color: #b3c3ff; float: right; padding-top: 0px; font-size: 13px; text-align: right;}

.page-form {margin-top: 42px; float: right; padding: 24px 0; clear: right; width: 450px; }

.bullet-list {}
.bullet-list li {padding: 10px; padding-left: 30px; background: url(/images/bullet.png) 0 14px no-repeat; list-style-type: none;}

/* -----------------------------------------------*/
/*  Widget styles    							  */
/* -----------------------------------------------*/
.image-gallery {width: 450px; float: right;}
.gallery_menu {margin-top: 16px; height: 50px; width: 450px;}
.gallery_menu li {display: block; float: left; width: 50px; height: 50px; margin: 0 19px; border: 3px double #111;}


/* -----------------------------------------------*/
/*  Autocomplete styles    							  */
/* -----------------------------------------------*/
div.auto_complete { width: 350px; background: #333; }
div.auto_complete ul { border:1px solid #999; margin:0; padding:0; width:100%; list-style-type:none; }
div.auto_complete ul li { margin:0; padding:3px; }
div.auto_complete ul li.selected { background-color: #666; }
div.auto_complete ul strong.highlight { color: #fff; margin:0; padding:0; }

/* -----------------------------------------------*/
/*  Portal Tour Styles     						  */
/* -----------------------------------------------*/

.stripNavL a, .stripNavR a {display: block; margin-top: 64px; width: 14px; height: 100px; text-indent: -3500px;}
.stripNavR a { background: url(/images/slider-right.png) 0 0 no-repeat;}
.stripNavL a { background: url(/images/slider-left.png) 0 0 no-repeat;}
.stripNavL {float: left;}
.stripNavR {float: left;}
.slider-wrap {height: 232px; width: 908px; margin: 0 auto;}
.stripViewer {position: relative; width: 880px; float: left; overflow: hidden; padding-bottom: 42px; background: url(/images/slider-bottom.png) 50% 116px no-repeat;}
.panelContainer {position: relative; padding: 24px 24px 0;}
.panel {position: relative; width: 850px; height: 232px; float: left;}

.panel-description {float: left; width: 372px; margin-left: 24px; }
.panel-description h1 {font-size: 22px; margin-bottom: 18px; margin-top: 0;}
.panel-description p {font-size: 13px; line-height: 21px; letter-spacing: .06em; color: #f7f7f7; font-weight: normal;}

.panel-pic {float: left; width: 424px;}
.panel-pic img {float: right;}