/* GENERAL STYLES */
* {padding: 0; margin: 0;}
a {outline: none;}
body {text-align: center; background: #fff url(../images/bg.jpg) 0 0 repeat-x ; font-family: helvetica, Arial, verdana, sans-serif; font-size: 13px; color: #333;}
p {line-height: 19px; margin: 10px;}
button {cursor:pointer; border:0; background: none;}
.hide {display: none;}
.clear {clear: both;}
a img {border: none;}
a:link, a:visited {text-decoration: none; color: #333;}
a:hover, a:active {text-decoration: none; color: #666;}
.left49 {float: left; width: 49%;}
.right49 {float: right; width: 49%;}
li {list-style: none;}

/* LAYOUT */

#container {width: 810px; text-align: left; margin: 0 auto; position: relative;}
#logo {margin: 45px 0 0 55px;}
#nav {margin-top: 36px; float: left; width: 53px; }
#flash_content, #text_content {margin-top: 18px; float: right; width: 750px; margin-right: 4px;}
#text_content {background: #fff; height: 620px; overflow: hidden; margin-top: 36px; background: #fff url(../images/text_bg.jpg) bottom right no-repeat;margin-right: 7px;}
#text_left {float: left; width: 430px;}
#right_text {padding-top: 49px; float: right; width: 310px; margin-right: 10px;}
#footer {background: transparent url(../images/flash_content_bg.jpg) top left repeat-x; margin-left: 52px; width: 750px; padding-top: 0px; clear: both;}

/* TEXT */
#text_left p {font-size: 11px;}
#logo h1 a:link, #logo h1 a:visited {display: block; text-indent: -99999px; height: 43px; width: 620px; background: url(../images/logo.gif) 0 0 no-repeat;}
#logo h1 a:hover, #logo h1 a:active {background: url(../images/logo.gif) 0 -43px no-repeat;}
#footer ul li, #right_text ul li {padding-left: 25px; margin: 3px 0; line-height: 22px;}
#right_text ul {margin-left: 10px;}
#footer ul li#email, #right_text ul li#email {background: transparent url(../images/email.gif) 0 3px no-repeat;}
#footer ul li#phone, #right_text ul li#phone {background: transparent url(../images/phone.gif) 0 3px no-repeat;}
#footer ul li#gallery, #right_text ul li#gallery {background: transparent url(../images/gallery_icon.gif) 0 0 no-repeat; display: none;}
#gallery_page #footer ul li#gallery {display: block;}
p.caption {color: #ccc; text-align: center; font-size: 11px; text-transform: uppercase;}
p.caption a:link, p.caption a:visited, p.caption a:hover, p.caption a:active {color: #ccc;}
#right_text img.stephen {border: 14px solid #eaeaea; margin-right: 2px;}
h2 {font-size: 15px; line-height: 25px; margin: 10px; font-weight: normal;}
#right_text p {font-size: 11px;}
#right_text p a {text-decoration: underline;}
/* NAV */

#nav ul li {display: block;}
#nav ul li a {display: block; width: 53px; overflow: hidden; text-indent: -9999px;}
#nav li#nav_1 a:link, #nav li#nav_1 a:visited {height: 75px; background: url(../images/nav/home.png) -53px 0 no-repeat;}
#nav li#nav_2 a:link, #nav li#nav_2 a:visited {height: 100px; background: url(../images/nav/galleries.png) -53px 0 no-repeat;}
#nav li#nav_3 a:link, #nav li#nav_3 a:visited {height: 100px; background: url(../images/nav/biog.png) -53px 0 no-repeat;}
#nav li#nav_4 a:link, #nav li#nav_4 a:visited {height: 100px; background: url(../images/nav/how.png) -53px 0 no-repeat;}
#nav li#nav_5 a:link, #nav li#nav_5 a:visited {height: 75px; background: url(../images/nav/contact.png) -53px 0 no-repeat;}

#nav li#nav_1 a:hover, #nav li#nav_1 a:active {height: 75px; background: url(../images/nav/home.png) 0 0 no-repeat;}
#nav li#nav_2 a:hover, #nav li#nav_2 a:active {height: 100px; background: url(../images/nav/galleries.png) 0 0 no-repeat;}
#nav li#nav_3 a:hover, #nav li#nav_3 a:active {height: 100px; background: url(../images/nav/biog.png) 0 0 no-repeat;}
#nav li#nav_4 a:hover, #nav li#nav_4 a:active {height: 100px; background: url(../images/nav/how.png) 0 0 no-repeat;}
#nav li#nav_5 a:hover, #nav li#nav_5 a:active {height: 75px; background: url(../images/nav/contact.png) 0 0 no-repeat;}

#home_page #nav li#nav_1 a,
#gallery_page #nav li#nav_2 a,
#bio_page #nav li#nav_3 a,
#how_page #nav li#nav_4 a,
#contact_page #nav li#nav_5 a
 {background-position: 0 0;}


/* FORMS */
form {margin-left: 40px;}
input, textarea, select {width: 200px; border: 1px solid #ccc; margin: 5px 0; font-size: 11px; height: 20px; padding: 1px 0 0 5px;}
input:focus, textarea:focus {background: #eaeaea; color: #000;}
label {font-family: helvetica, arial, sans-serif; font-size: 11px; margin: 5px 0; display: block;}
textarea {height: 100px;}
input.image_butt {height: 30px;}