@charset "UTF-8";

/* CSS Document */

/* ------------ Generic --------------- */


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

img { border: none; }

body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 62.5%; background:url(images/bg.jpg) repeat-x top #6b922e; }

#wrap { width: 1000px; height: 1480px; margin: 0 auto; background: url(images/light.jpg) no-repeat top; position: relative; }

p { font: 1.1em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; padding-bottom: 15px; }

a { color: #FFF; }

.inline { display: inline; }

h1 { font: 1.1em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; display: inline; padding-right: 2px; }

h2 { font-size: 2.3em; padding: 6px 0; }

.black { font: 1em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; padding-top: 5px; }


/* ------------ Right Col --------------- */

#rightcol { width: 215px; height: 355px; position: absolute; top: 0; right: 36px; background:url(images/rightcol.png) repeat-y top; padding: 76px 27px 0 27px; }

.menu { width: 108px; position: absolute; top: 33px; left: 720px; z-index: 1; }

.menu_head { display: block; width: 108px; height: 23px; cursor: pointer; }

.menu_body { width:184px; border-right:1px solid #55ad0e; border-bottom:1px solid #55ad0e; border-left:1px solid #55ad0e; display: none; }

.menu_body li { background:#abe32c; list-style-type: none; }

.menu_body li a { color:#FFFFFF; text-decoration:none; padding:10px; display:block; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; }

.menu_body li a:hover { color: #ebf0bf; }

.menu_body li.alt { background:#45c00d; }

.socialicon { float: left; padding-left: 25px; }

#social { width: 269px; height: 64px; position: absolute; top: 305px; left: 699px; }

.tweet { display: block; width: 182px; height: 70px; position: absolute; top: 147px; left: 722px; background: url(images/tweet.jpg) no-repeat top; padding: 65px 15px 0 15px; list-style-type: none; }

.tweet_list li { list-style-type: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

.tweet a { color:#6b922e; }

/* ------------ Header --------------- */


#sites { width: 1000px; height: 216px; position: absolute; top: 355px; left: 0; background:url(images/sites2.jpg) no-repeat top; }

#gary { width: 205px; height: 312px; position: absolute; top: 43px; left: 52px; }

#logo { width: 394px; height: 175px; position: absolute; top: 28px; left: 268px; }

#text { width: 190px; height: 100px; position: absolute; top: 210px; left: 275px; }

#texttwo { width: 190px; height: 100px; position: absolute; top: 210px; left: 479px; }

/* ------------ Body --------------- */

#nav { position: absolute; top: 586px; left: 50px; background-color: #b5d383; -moz-border-radius: 7px; -webkit-border-radius: 7px; height: 40px; padding: 0 2px; }

.navimg { padding: 7px 6px; width: 167px; height: 26px; float: left; }

#col1, #col2, #col3, #col4 { width: 195px; background-color: #a6be82; padding: 0 10px 15px 10px; }

#col1 { position: absolute; top: 1110px; left: 52px; }

#col2 { position: absolute; top: 1110px; left: 279px; }

#col3 { position: absolute; top: 1110px; left: 506px; }

#col4 { position: absolute; top: 1110px; left: 733px; }

#green a { width: 215px; height: 120px; display: block; background: url(images/green.jpg) no-repeat top left; background-position: 0 0; position: absolute; top: 990px; left: 279px; }

#green a:hover, #red a:hover, #blue a:hover, #yellow a:hover { background-position: 0 -120px; }

#red a { width: 215px; height: 120px; display: block; background: url(images/red.jpg) no-repeat top left; background-position: 0 0; position: absolute; top: 990px; left: 52px; }

#blue a { width: 215px; height: 120px; display: block; background: url(images/blue.jpg) no-repeat top left; background-position: 0 0; position: absolute; top: 990px; left: 506px; }

#yellow a { width: 215px; height: 120px; display: block; background: url(images/yellow.jpg) no-repeat top left; background-position: 0 0; position: absolute; top: 990px; left: 733px; }

.visit a { width: 97px; height: 22px; display: block; background: url(images/button.png) top left no-repeat; }

.visit a:hover { background-position: bottom left; }

#hands { background: url(images/hands.png) no-repeat top; position: absolute; top: 685px; left: 0; width: 290px; height: 267px; padding: 20px 570px 0 140px; }

#hands p, #hands a, #hands a:hover { color:#999; }

#slider { height:153px; width:244px; overflow:hidden; position: absolute; top: 734px; left: 478px; }

#slider li { height:153px; width:244px; overflow:hidden; }

/* ------------ Footer --------------- */

#footer { position: absolute; top: 1445px; left: 52px; width:898px; height: 35px; text-align: center; }

#footer li { font: 1.1em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #8ebc40; list-style: none; display: inline; padding-left: 10px; }

#footer li a { color: #FFF; text-decoration: none; }

#footer li a:hover { color:#8ebc40; text-decoration: none; }

/* This hides the form validation alert messages until needed */
#contactForm span { display:none; font-size:9px; line-height:10px; padding-left:6px; color:#f5c478; }

/* ------------ Contact Form --------------- */

/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
#messageSent { display:none; }

#contactForm textarea, #contactForm input { width:180px; background:#6d6d6d url(images/contact_input.png) repeat-x top; color:#fff; border:1px solid #8a8a8a; height:15px; line-height:14px; font-size:11px; padding:2px 2px 0px; }

#contactForm input { background-position:0px -20px; }

#contactForm textarea { height:114px; font-family:Verdana, Geneva, sans-serif; }

#contactForm .submit { border:1px solid #aba8a8; background:#e5e5e5; text-transform:uppercase; color:#4d4d4d; font-weight:bold; padding:7px 16px 7px 14px; height:37px; width:124px; cursor:pointer; float:left; margin-top:196px; }

#contactForm .submit:active { background:#cacaca; }

#contactForm label { padding-left:4px; font-weight:bold; }

#contactForm p { padding-bottom:8px; }

#contactForm .input_boxes { float:left; width:204px; }

/* ------------ Contact Slide --------------- */

.panel { position: fixed; top: 50px; left: 0; display: none; background: #000000; border:1px solid #111111; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; width: 330px; height: auto; padding: 30px 30px 30px 130px; filter: alpha(opacity=85); opacity: .85; }

.panel p { margin: 0 0 15px 0; padding: 0; color: #cccccc; }

.panel a, .panel a:visited { margin: 0; padding: 0; color: #9FC54E; text-decoration: none; border-bottom: 1px solid #9FC54E; }

.panel a:hover, .panel a:visited:hover { margin: 0; padding: 0; color: #ffffff; text-decoration: none; border-bottom: 1px solid #ffffff; }

a.trigger { position: fixed; text-decoration: none; top: 80px; left: 0; font: 1.3em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-transform: uppercase; padding: 10px 40px 10px 7px; background:#406476 url(images/plus.png) 85% 55% no-repeat; border-top:1px solid #fff; border-bottom:1px solid #fff; border-right:1px solid #fff; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; display: block; }

a.trigger:hover { position: fixed; text-decoration: none; top: 80px; left: 0; font: 1.3em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-transform: uppercase; padding: 10px 40px 10px 10px; background:#406476 url(images/plus.png) 85% 55% no-repeat; border-top:1px solid #fff; border-bottom:1px solid #fff; border-right:1px solid #fff; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; display: block; }

a.active.trigger { background:#406476 url(images/minus.png) 85% 55% no-repeat; }



a.video { position: fixed; text-decoration: none; top: 135px; left: 0; font: 1.3em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-transform: uppercase; padding: 10px 40px 10px 7px; background:#406476 url(images/plus.png) 85% 55% no-repeat; border-top:1px solid #fff; border-bottom:1px solid #fff; border-right:1px solid #fff; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; display: block; }

a.video:hover { position: fixed; text-decoration: none; top: 135px; left: 0; font: 1.3em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-transform: uppercase; padding: 10px 40px 10px 10px; background:#406476 url(images/plus.png) 85% 55% no-repeat; border-top:1px solid #fff; border-bottom:1px solid #fff; border-right:1px solid #fff; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; display: block; }

a.video.trigger { background:#406476 url(images/minus.png) 85% 55% no-repeat; }