/*The Basics
------------------------------------------------------------- */
* html { position: relative; }
.clear { clear: both; visibility: hidden; }
a img { border: 0px; }
img { float: right; padding: 10px; margin: 0px; border: none 0px; display: block; }

a { color: #F77D16; text-decoration: none; }
a:hover { color: #000; border-bottom: none; }
a:active { color: #060; border-bottom: none; }

body {
	background: #F2FAFD;
	margin: 0px auto; padding: 0px;
	font-family: eras, Helvetica, Verdana, Arial, sans-serif;
	color: #F77D16; text-align: center;
}

body#home {
	background: #F2FAFD url('images/champagne-chairs-homebgd.jpg') top center no-repeat;
	margin: 0px auto; padding: 0px;
	font-family: eras, Helvetica, Verdana, Arial, sans-serif;
	color: #F77D16; text-align: center;
}

body.gallery {
	background: #FFF;
	margin: 0px auto; padding: 0px;
	font-family: eras, Helvetica, Verdana, Arial, sans-serif;
	color: #F77D16; text-align: center;
}

#container {
	width: 980px; height: auto;
	background: none;
	margin: 0px auto; padding: 0px;
	color: #F77D16; text-align: center;
}

/*Header
------------------------------------------------------------- */
#headerhome { width: 960px; height: auto; margin: 0px; padding: 20px 10px; }
#headerhome h1 { font-size: 48px; font-weight: lighter; line-height: 60px; margin: 0px; padding: 0px; color: #F77D16; text-align: right; border: none; border: none; background: none; }
#headerhome p { font-family: eras; font-size: 16px; line-height: 28px; margin: 0px; padding: 0px; color: #F77D16; text-align: right; }

#header { width: 980px; height: 190px; margin: 0px; padding: 0px; background: url('images/champagne-chairs-header.jpg') no-repeat; }
#header h1 { font-size: 48px; font-weight: lighter; line-height: 60px; margin: 0px; padding: 20px 40px 0px 40px; color: #F77D16; text-align: right; border: none; border: none; background: none; }
#header p { font-family: eras; font-size: 16px; line-height: 28px; margin: 0px; padding: 0px 40px; color: #F77D16; text-align: right; }

/* Navigation Bar
------------------------------------------------------------- */
#homenavbar { width: 960px; height: auto; margin: 0px; padding: 80px 10px 10px 10px; text-align: right; }
#homenavbar ul { list-style: none; padding: 0px; margin: 0px; }	
#homenavbar li { display: block; margin: 0px; padding: 0px; text-align: right; }
#homenavbar a { font-size: 30px; line-height: 45px; margin: 0px; padding: 0px; border: none; background: none; }

#navbar { width: 960px; height: auto; margin: 0px; padding: 5px; text-align: left; }
#navbar ul { list-style: none; padding: 0px; margin: 0px; }	
#navbar li { display: inline; margin: 0px; padding: 5px 20px 5px 10px; font-size: 24px; line-height: 30px; }
#navbar a { margin: 0px; padding: 0px; border: none; background: none; }

body.home a#homenav,
body.gallery a#gallerynav,
body.inspiration a#inspirationnav,
body.about a#aboutnav,
body.contact a#contactnav { color: #060; }

#gallerynavbar { width: auto; height: auto; margin: 0px; padding: 5px 0px; border-bottom: 1px solid #F2FAFD; text-align: left; }
#gallerynavbar ul { list-style: none; padding: 0px; margin: 0px; }	
#gallerynavbar li { display: inline; margin: 0px; padding: 5px 10px; font-size: 12px; line-height: 18px; }
#gallerynavbar a { margin: 0px; padding: 0px; border: none; background: none; }


/*Text Styles
------------------------------------------------------------- */
h1 { font-size: 36px; line-height: 42px; margin: 50px 50px 10px 50px; padding: 0px 0px 5px 0px; color: #000; text-align: left; border: none; border-bottom: 4px solid #000; background: none; }

h2 { font-size: 24px; line-height: 30px; margin: 50px 50px 10px 50px; padding: 5px 0px; color: #000; text-align: left; border: none; background: none; }

h3 { font-size: 24px; line-height: 30px; margin: 5px 50px; padding: 5px 0px; color: #000; text-align: left; border: none; background: none; }

h4 { font-size: 24px; line-height: 30px; margin: 5px 50px; padding: 5px 0px; color: #060; text-align: left; border: none; background: none; }

p { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 14px; line-height: 22px; margin: 10px 50px; padding: 5px 0px; color: #666; text-align: left; }

blockquote { margin: 0px 25px; }

hr { border: 0px; color: #CCC; background-color: #CCC; height: 1px; text-align: left; margin: 10px 0px; padding: 0px; }

small { font-size: 10px; }

code {
	display: block; margin: 10px 0px; padding: 5px 10px;
	color: #333; background: #EFEFEF;
	font-family: Courier New, Courier, mono; text-align: left;
}

ol { list-style-type: decimal; margin: 0px 0px 0px 60px; padding: 0px 0px 10px 0px; }
ol li { font-size: 12px; line-height: 18px; }
ul { list-style-type: square; margin: 0px 0px 0px 60px; padding: 0px 0px 10px 0px; }
ul ul { margin: 0px 0px 0px 25px; padding: 0px 0px 0px 0px; }
li { font-size: 12px; line-height: 18px; text-align: left; }
li li { list-style-type: circle; }
li li li { list-style-type: disc; }

/*Form Styles
------------------------------------------------------------- */
form { margin: 0px; padding: 0px; }
label { font-size: 12px; line-height: 16px; color: #666; padding: 0px 5px; }

textarea {
	font-size: 10px;
	border: 1px solid #999;
	color: #000;
	padding: 5px;
	margin: 2px 0px;
	width: 420px;
	background: #FFF;
	}

textarea:hover {
	background: #EFEFEF;
	border: 1px solid #060;
	color: #000;
	}

select { font: 12px; line-height: 16px; }

.commentfield {
	padding: 2px;
	margin: 2px 0px;
	background: #FFF;
	border: 1px solid #999;
	color: #000;
	width: 220px;
	font-size: 10px;
	height: auto;
}

.commentfield:hover {
	background: #EFEFEF;
	border: 1px solid #060;
	color: #000;
	}
	
.commentfieldmid {
	padding: 2px;
	margin: 2px 0px;
	background: #FFF;
	border: 1px solid #999;
	color: #000;
	width: 150px;
	font-size: 10px;
	height: auto;
}

.commentfieldmid:hover {
	background: #EFEFEF;
	border: 1px solid #060;
	color: #000;
	}

.commentfieldsmall {
	padding: 2px;
	margin: 2px 0px;
	background: #FFF;
	border: 1px solid #999;
	color: #000;
	width: 50px;
	font-size: 10px;
	height: auto;
}

.commentfieldsmall:hover {
	background: #EFEFEF;
	border: 1px solid #060;
	color: #000;
	}