/* GENERAL STYLES */

* {margin: 0; padding: 0;}
body {font-family: "Gill Sans", Helvetica, Arial, Verdana, Sans-Serif; font-size: 13px; color: #333; text-align: center; background: #fff url(../images/body_bg.gif) 0 0 repeat-x;}
h1, h2, h3 {font-family: "Gill Sans", Helvetica, Arial, Verdana, Sans-Serif; line-height: 25px;}
a {text-decoration: none; color: #1a923b; text-decoration: none;}
a:hover, a:active {color: #333; text-decoration: underline;}
.left49 {float: left; width: 49%;}
.right49  {float: right; width: 49%;}
.clear {clear: both;}
.hide {display: none;}
li, ol {list-style: none;}
p {line-height: 19px; margin: 10px 0;}
button {border: none; background: none; cursor: pointer;}
h2, h3 {color: #1a923b; font-size: 20px; font-weight: normal; line-height: 25px; margin: 15px 0 0 0;}

/* LAYOUT */

#container {width: 900px; text-align: left; margin: 0 auto;}
#header {height: 175px; position: relative;}
#left_content {float: left; width: 430px; margin-top: 0px;}
#right_content {float: right; width: 440px; background: #f6f6f6 url(../images/right_bg.jpg) 0 0 no-repeat; margin-top: 3px; padding-bottom: 20px; min-height: 400px;}
#logo {position: relative;}
#logo h1 {text-indent: -999999px; background: #fff url(../images/logo.gif) 0 0 no-repeat; height: 93px; position: absolute; top: 20px; left: 0px;}
#logo h1 a {display: block; height: 69px; width: 252px;}
#head_contact {float: right; margin-top: 5px;}
#footer {clear: both; text-align: center; padding: 30px 0;}
.pic {margin-left: 20px;}
#photodiv {width: 370px; height: 245px; border: 15px solid #fff;}
#teaser {min-height: 230px;}
#credits {margin-top: 80px; text-align: center; color: #ccc;}

/* NAVIGATION */

#nav {position: absolute; top: 126px; left: 0;}
#nav ul li {display: inline;}
#nav {background:url(../images/nav.gif) repeat-x left bottom; float:left; height: 29px; overflow: hidden; }
#nav a {color: #fff; float:left; display:block; padding:11px 25px 13px 11px;background: url(../images/nav.gif) no-repeat 100% 0px;text-decoration:none}
#nav li {float:left; background:url(../images/nav.gif) no-repeat 0px 0px; padding: 0 0 0 7px;}
#home_page #nav_1, 
#how_page #nav_2, 
#about_page #nav_3, 
#case_page #nav_4, 
#contact_page #nav_5 
{background:url(../images/nav.gif) no-repeat 0 -29px;}
#home_page #nav_1 a, 
#how_page #nav_2 a, 
#about_page #nav_3 a, 
#case_page #nav_4 a, 
#contact_page #nav_5 a
{background:url(../images/nav.gif) no-repeat 100% -29px; padding:11px 20px 13px 11px; color:#000;}
#nav a:hover, #nav a:active {color: #000;}

/* TEXT */
#head_contact p, #head_contact a {color: #fff; margin: 0;}
h3 {font-size: 17px;}
#teaser h2 {font-size: 23px; margin-top: 5px; line-height: 33px; font-weight: normal; color: #333;}
#right_content h3 {margin-left: 15px;}
#teaser ul {margin-left: 10px;}
ul.arrow_list {margin-left: 20px;}
#teaser ul {margin-top: -10px;}
#teaser ul li, ul.arrow_list li {padding-left: 20px; background: transparent url(../images/bullet.gif) 0 5px no-repeat; line-height: 21px;}
#teaser {color: #333;}
#left_content img {padding: 4px; border: 1px solid #999;}
#right_content p {margin: 10px 20px;}
h5.news_date {text-transform: uppercase; font-weight: normal; margin: 10px 20px; padding-left: 15px; background: transparent url(../images/note.gif) 0 0 no-repeat;}
#credits p {text-transform: uppercase; font-size: 11px;}
#credits a {color: #ccc;}
div.quote {background: transparent url(../images/quote.png) 10px 0 no-repeat; margin: 20px 10px;}
div.quote p {padding-left: 40px; margin-right: 10px; font-family: Georgia, Times, Helvetica, serif; font-size: 22px; line-height: 28px; color: #999;}



/* FORMS */
form#contact_form {margin-left: 35px;}
div, label {display: block;}
input, textarea, select {width: 300px; 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;}
textarea {height: 100px; font-size: 12px; font-family: "Gill Sans", Helvetica, Arial, Verdana, Sans-Serif;}
input.img_button {width: 210px; border: none; background: none;}
fieldset {border: none;}
input.submit {cursor: pointer;}