/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

html,body,div,table,tr,td,th,img,hr,ul,ol,li,h1,h2,h3,h4,p,a { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-size: 12px; font-family: Verdana; color: #E7B466; line-height: 21px;  font-weight: normal; }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; } /* Forces IE & FF to treat padding the same */
html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 135px 0px 0px 0px; background: #670000; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: solid; height: 1px; overflow: hidden; }

ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
li { list-style-type: square; }

.bordered { border: 1px solid #33CCFF; }

h1, h2, h3, h4, h5 { font-family: Arial; font-weight: bold; }

h1 { color: #E7B466; font-size: 16px; margin: 0px 0px 15px 0px; }
h2 { color: #E7B466; font-size: 14px; margin: 0px 0px 15px 0px; }
h3 { color: #E7B466; font-size: 12px; margin: 0px 0px 15px 0px; }
h4 {
	color: #E7B466;
	font-size: 14px;
	margin: 0px 0px 15px 0px;
	font-weight: bold;
}
p  { color: #E7B466; font-size: 12px; margin: 0px 0px 15px 0px; font-weight: normal; }
a  { color: #E7B466; font: normal 12px Verdana; text-decoration: underline; }
a:hover { text-decoration: underline; }



a.u { text-decoration: none; }
a.u:hover { text-decoration: underline; }


/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#headerBG {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 20px;
}

#headerContainer {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 20px;
}

#header { width: 900px; margin: 0px auto; text-align: left; }
    #header #logo { margin: 20px 0px 0px 30px; float: left; }

    #navContainer { width: auto; float: right; margin-top: 45px; margin-right: 10px;  }

        #nav { margin-bottom: 5px;  }


        #navContainer div { color: #670000; }
        #navContainer a { color: #670000; text-decoration: none; padding: 0px 8px 0px 8px; font-weight: bold; }
        #navContainer a.s { text-decoration: underline; }


        #aboutFieldstone, #galleryEvents, #fieldstoneExperience, #contactUs
            { display: none; text-align: center; }
        #aboutFieldstone a, #galleryEvents a, #fieldstoneExperience a, #contactUs a {
            font-weight: normal;
        }
        #aboutFieldstone a.s2, #galleryEvents a.s2, #fieldstoneExperience a.s2, #contactUs a.s2 {
            text-decoration: underline;
        }






#main {
	width: 900px; /* Main Content Width */
	margin: 0px auto; /* Align to Center */
    border-width: 2px;
    border-color: #B13501;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    background: url('../images/layout/mainbg.jpg');
}

#body { margin: 5px 10px 10px 10px; padding: 10px 0px 10px 0px; background: url('../images/layout/white_bg.png'); }
#bodyInner { padding: 0px 25px 0px 25px; min-height: 500px; }



#footer { width: 900px; margin: 0px auto; margin-top: 2px;  }
#footer div a { text-decoration: none; font-size: 12px; }
#footer div a:hover { text-decoration: underline; }




/***************************************************************************************/
/* PAGE CONTENT */
/***************************************************************************************/

#fade_home { list-style-type: none; margin: 0px; }
    #fade_home li { list-style-type: none; }
    #fade_home img { border: 10px solid #bc8c46; }


#fade_sculpturegarden { list-style-type: none; margin: 0px; }
    #fade_sculpturegarden li { list-style-type: none; width: 380px; }

#fade_sculptureindoor { list-style-type: none; margin: 0px; }
    #fade_sculptureindoor li { list-style-type: none; width: 380px; }

#fade_fieldstonevision { list-style-type: none; margin: 0px; }
    #fade_fieldstonevision li { list-style-type: none; width: 380px; }


#fade_ramsey { list-style-type: none; margin: 0px; }
    #fade_ramsey li { list-style-type: none; width: 380px; }

#fade_dater { list-style-type: none; margin: 0px; }
    #fade_dater li { list-style-type: none; width: 380px; }


.arrow {  font-family: Tahoma; font-size: 22px; }
.arrow:hover { text-decoration: none; color: #000000; }
.arrowHolder { text-align: right; position: absolute; top: 580px;  width: 820px; }



/* Contact Form */

.contactForm {   }
.contactForm th { font-weight: normal; text-align: left; padding-top: 5px; padding-right: 5px; width: 120px; }
.contactForm td { padding-top: 5px; }
.contactForm input { width: 200px; }

.contactForm .checkbox input { width: 16px; margin-right: 10px; }
.contactForm .checkbox div { margin-top: 2px; width: 150px; float: left; }

.contactForm .radio input { width: 16px; margin-right: 10px; }
.contactForm .radio div { margin-top: 2px; width: 150px; float: left; }

.mand { color: #FF0000; }

#artistListing {
	clear: none;
	float: left;
	width: 850px;
}

.artistTable {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E7B466;
	padding-top: 5px;
}
tr {
	padding-right: 15px;
	padding-left: 15px;
}