/* GENERAL STYLES */

* {margin: 0; padding: 0;}
body {font-family: Helvetica, Arial, Verdana, Sans-Serif; font-size: 12px; color: #333; text-align: center; background: #fff url(../images/body_bg.gif) 0 0 repeat-x;}
h1, h2, h3 {font-family: Helvetica, Arial, Verdana, Sans-Serif; line-height: 25px;}
a {text-decoration: none; color: #2863AE;}
a:hover, a:active {color: #333; text-decoration: underline;}
a img {border: none; text-decoration: none;}
.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: #2863AE; font-size: 20px; 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: 420px; margin-top: 15px;}
#right_content {float: right; width: 440px; background: #f6f6f6 url(../images/right_bg.jpg) 0 0 no-repeat; margin-top: 23px; padding-bottom: 20px;}
#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: 93px; width: 291px;}
#head_contact {float: right; margin-top: 5px;}
#footer {clear: both; text-align: center; padding: 30px 0;}
.pic {margin-left: 20px; }
#photodiv {width: 370px; height: 254px; border: 15px solid #fff;}
#teaser {min-height: 210px;}

/* NAVIGATION */

#nav {position: absolute; top: 146px; left: 150px;}
#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 9px;}
#home_page #nav_1, #history_page #nav_2, #about_page #nav_3, #profiles_page #nav_3, #vision_page #nav_4, #what_page #nav_5, #links_page #nav_6, #contact_page #nav_7
{background:url(../images/nav.gif) no-repeat 0 -29px;}
#home_page #nav_1 a, #history_page #nav_2 a, #about_page #nav_3 a, #profiles_page #nav_3 a, #vision_page #nav_4 a, #what_page #nav_5 a, #links_page #nav_6 a, #contact_page #nav_7 a 
{background:url(../images/nav.gif) no-repeat 100% -29px; padding:11px 20px 13px 11px; color:#fff;}
#nav a:hover, #nav a:active {color: #ff0;}

#footer ul li {display: inline; padding: 0px 15px;}

/* TEXT */
#head_contact p, #head_contact a {color: #fff; margin: 0;}
h3 {font-size: 17px;}
#right_content h3 {margin-left: 15px;}
#right_content p {margin-left: 40px;}
.item ul, #teaser ul, ul.arrow_list {margin-left: 20px;}
.item ul li, #teaser ul li, ul.arrow_list li {padding-left: 20px; background: transparent url(../images/bullet.gif) 0 4px no-repeat; line-height: 21px;}
.item ul li {background: transparent url(../images/blue_bullet.gif) 0 4px no-repeat;}
#teaser {color: #fff;}
#left_content img {padding: 2px;}
#teaser h3 {color: #fff; font-weight: normal;}


/* FORMS */
form#contact_form, form#shipping_schedules {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;}
input.img_button {width: 210px; border: none; background: none;}
form#shipping_schedules label {display: none;}

table#mytable {border-collapse: collapse;width: 98%; margin: 4px; font-size: 12px;}
	#mytable th {background: #5694c5;color: #fff; padding: 2px 11px;text-align: left;border-right: 1px solid #fff;line-height: 19px;}
	#mytable td {padding: 6px; border-bottom: 1px solid #eaeaea; border-right: 1px solid #fff; vertical-align: top;}
	#mytable td * {padding: 6px;}
	#mytable tr.alt td {background: #d6e6e5;}
	#mytable tr.over td, #mytable tr:hover td {background: #2863ae; color: #fff;}