/* Lemon Creative Style Sheets
----------------------------------------------- */

* {
margin: 0;
padding: 0;
}

body {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: small;
margin: 0;
}

#wrapper {
text-align: left;
margin: auto;
margin-top: 30px;
border: 0;
width: 850px;
}

h1, h2, h3, p, ul, li {
text-decoration: none;
}

img {
border: 0;
}

/* Logo and Address
----------------------------------------------- */

#logo-address {
width: 850px;
float: left;
font-weight: normal;
}

#logo-address #logo {
width: 425px;
float: left;
}

#logo-address #logo img {
margin-left: 10px;
margin-bottom: 15px;
}

#logo-address #address {
width: 415px;
float: right;
text-align: right;
}

#logo-address #address p {
color: #CCC;
margin-bottom: 10px;
font-size: .9em;
}

#logo-address #address a, #logo-address #address a:visited {
font-weight: normal;
text-decoration: none;
color: #CCC;
}

#logo-address #address a:hover {
font-weight: normal;
text-decoration: none;
color: #666;
}

#logo-address #address-dark {
width: 415px;
float: right;
text-align: right;
}

#logo-address #address-dark p {
color: #666;
margin-bottom: 10px;
font-size: .9em;
}

#logo-address #address-dark a, #logo-address #address-dark a:visited {
font-weight: normal;
text-decoration: none;
color: #666;
}

#logo-address #address-dark a:hover {
font-weight: normal;
text-decoration: none;
color: #333;
}

/* Main Content
----------------------------------------------- */

#main-content {
float: left;
width: 850px;
margin-bottom: 15px;
}

#main-content #main-content-image {
width: 740px;
height: 319px;
float: left;
text-align: left;
border: #fff217 solid 10px;
}

#main-content #main-content-image #no-javascript-content-div {
width: 740px;
height: 319px;
float: left;
text-align: left;
background: url(../images/page-index.jpg) no-repeat;
}

/* Navigation
----------------------------------------------- */

#navcontainer {
width: 90px;
float: right;
}

#navcontainer ul {
list-style: none;
}

#navcontainer ul li {
display: inline;
}

#navcontainer ul li .who {
display: block;
height: 85px;
width: 90px;
background: url(../images/navi-but-who.gif) no-repeat;
text-decoration: none;
}

#navcontainer ul li .who:hover {
background-position: 0px -85px;
}

#navcontainer ul li .who span, #navcontainer ul li .whoselected span {
position: absolute;
left: -999em;
}

#navcontainer ul li .whoselected {
display: block;
height: 85px;
width: 90px;
background: url(../images/navi-but-who.gif) no-repeat;
text-decoration: none;
background-position: 0px -170px;
}

#navcontainer ul li .what {
display: block;
height: 85px;
width: 90px;
background: url(../images/navi-but-what.gif) no-repeat;
text-decoration: none;
}

#navcontainer ul li .what:hover {
background-position: 0px -85px;
}

#navcontainer ul li .what span, #navcontainer ul li .whatselected span {
position: absolute;
left: -999em;
}

#navcontainer ul li .whatselected {
display: block;
height: 85px;
width: 90px;
background: url(../images/navi-but-what.gif) no-repeat;
text-decoration: none;
background-position: 0px -170px;
}

#navcontainer ul li .why {
display: block;
height: 85px;
width: 90px;
background: url(../images/navi-but-why.gif) no-repeat;
text-decoration: none;
}

#navcontainer ul li .why:hover {
background-position: 0px -85px;
}

#navcontainer ul li .why span, #navcontainer ul li .whyselected span {
position: absolute;
left: -999em;
}

#navcontainer ul li .whyselected {
display: block;
height: 85px;
width: 90px;
background: url(../images/navi-but-why.gif) no-repeat;
text-decoration: none;
background-position: 0px -170px;
}

#navcontainer ul li .where {
display: block;
height: 84px;
width: 90px;
background: url(../images/navi-but-where.gif) no-repeat;
text-decoration: none;
}

#navcontainer ul li .where:hover {
background-position: 0px -85px;
}

#navcontainer ul li .where span, #navcontainer ul li .whereselected span {
position: absolute;
left: -999em;
}

#navcontainer ul li .whereselected {
display: block;
height: 84px;
width: 90px;
background: url(../images/navi-but-where.gif) no-repeat;
text-decoration: none;
background-position: 0px -170px;
}

/* Gallery
----------------------------------------------- */

#main-content #picholder {
width: 740px;
height: 319px;
float: left;
text-align: left;
border: #fff217 solid 10px;
background-color: #FFF;
}

#main-content #vidholder {
width: 740px;
height: 319px;
float: left;
text-align: center;
border: #fff217 solid 10px;
background-color: #000;
}

#main-content #vidholder #movie {
width: 523px;
height: 319px;
float: left;
text-align: center;
}

#main-content #vidholder #movie-short {
width: 400px;
height: 319px;
float: left;
text-align: center;
}

#main-content #vidholder #text {
width: 217px;
height: 319px;
float: left;
text-align: left;
}

#main-content #vidholder #text-long {
width: 340px;
height: 319px;
float: left;
text-align: left;
}

#main-content #vidholder #text p, #main-content #vidholder #text-long p {
font-size: 1.2em;
color: #FFF;
margin: /* Top */ 32px /* Right */ 32px /* Bottom */ 0 /* Left */ 32px;
line-height: 1.4em;
font-weight: normal;
letter-spacing: 0;
clear: both;
}

#content-text #content-left-container #gallery {
width: 740px;
float: left;
text-align: left;
margin-bottom: 15px;
display: block;
}

#content-text #content-left-container #gallery-empty {
width: 740px;
height: 59px;
float: left;
text-align: left;
margin-bottom: 15px;
display: block;
}


#content-text #content-left-container #gallery ul {
list-style: none;
margin-left: 7px;
}

#content-text #content-left-container #gallery ul li {
float: left;
margin-right: 5px;
}

#content-text #content-left-container #gallery ul li img {
border: #FFF solid 3px;
}

#content-text #content-left-container #gallery ul li a img, #content-text #content-left-container #gallery ul li a:visited img {
border: #FFF solid 3px;
}

#content-text #content-left-container #gallery ul li a:hover img {
border: #fff217 solid 3px;
}

/* Main text area
----------------------------------------------- */

#content-text {
float: left;
width: 850px;
margin-bottom: 100px;
font-weight: normal;
}

#content-text #content-left-container  {
width: 740px;
float: left;
text-align: left;
}

#content-text #content-text-left {
width: 420px;
float: left;
text-align: left;
}

#content-text #content-text-left-wide .staff-text {
width: 350px;
float: left;
}

#content-text #content-text-left-wide .staff-text h1, #content-text #content-text-left-wide .staff-text p {
color: #666;
font-size: 1em;
margin: /* Top */ 0 /* Right */ 50px /* Bottom */ 1em /* Left */ 10px;
line-height: 1.4em;
}

#content-text #content-text-left-wide .staff-text h1 span, #content-text #content-text-left-wide .staff-text h1 span {
font-size: .8em;
color: #666;
font-weight: normal;
margin-bottom: 5px;
}

#content-text #content-text-left-wide {
width: 700px;
float: left;
text-align: left;
}

#content-text #content-text-left h1, #content-text #content-text-left-wide h1 {
font-size: 2em;
color: #666;
font-weight: normal;
margin-bottom: 5px;
}

#content-text #content-text-left h2, #content-text #content-text-left-wide h2 {
font-size: 1.5em;
color: #999;
font-weight: normal;
margin-bottom: 10px;
}

#content-text #content-text-left p, #content-text #content-text-left-wide p {
font-size: 1em;
color: #666;
margin: /* Top */ 0 /* Right */ 0 /* Bottom */ 10px /* Left */ 10px;
line-height: 1.4em;
font-weight: normal;
letter-spacing: 0;
clear: both;
}

#content-text #content-text-left blockquote.quote, #content-text #content-text-left-wide blockquote.quote {
margin: /* Top */ 0 /* Right */ 0 /* Bottom */ 10px /* Left */ 10px;
background: url(../images/quote-top.gif) no-repeat;
background-position: top left;
text-indent:8px;
}

#content-text #content-text-left blockquote p, #content-text #content-text-left-wide blockquote p {
display: inline;
background: url(../images/quote-bottom.gif) no-repeat;
background-position: bottom right;
padding-right: 16px;
}

#content-text #content-text-left p a:link, #content-text #content-text-left-wide p a:link, #content-text #content-text-left p a:visited, #content-text #content-text-left-wide p a:visited {
color: #999;
text-decoration: underline;
font-weight: bold;
}

#content-text #content-text-left p a:hover, #content-text #content-text-left-wide p a:hover {
color: #666;
text-decoration: none;
}

#content-text #content-text-right {
width: 75px;
float: right;
text-align: left;
color: #CCC;
}

#content-text #content-text-right p {
font-size: .9em;
margin-bottom: 10px;
line-height: 1.3em;
}

#content-text #content-text-right ul {
font-size: .9em;
line-height: 1.4em;
list-style-type: none;
margin-left: 0;
margin-bottom: 10px;
padding-left: 0;
}

#content-text #content-text-right a:link, #content-text #content-text-right a:visited {
color: #CCC;
text-decoration: none;
font-weight: normal;
}

#content-text #content-text-right a:hover {
color: #666;
text-decoration: none;
}

#content-text #content-text-right img {
padding-top: 5px;
margin-bottom: -2px;
}

#content-text #content-text-right  a.selected:link, #content-text #content-text-right  a.selected:visited , #content-text #content-text-right  a.selected:hover {
color: #666;
text-decoration: none;
font-weight: normal;
}

#content-text #content-text-right a.news:link, #content-right #content-text-left a.news:visited {
color: #CCC;
font-weight: normal;
text-decoration: none;
}

#content-text #content-text-right a.news:hover {
color: #666;
text-decoration: none;
}

#backbutton {
width: 35px;
float: left;
}

#backbutton ul {
list-style: none;
margin: /* Top */ 0 /* Right */ 0 /* Bottom */ 1em /* Left */ 10px;
}

#backbutton ul li .back {
display: block;
height: 25px;
width: 25px;
background: url(../images/img-but-back.gif) no-repeat;
text-decoration: none;
}

#backbutton ul li .back:hover {
background-position: 0px -25px;
}

#backbutton ul li .back span {
position: absolute;
left: -999em;
}

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

#main-content #formholder {
overflow: hidden;
width: 740px;
height: 319px;
float: left;
text-align: left;
border: #fff217 solid 10px;
background-color: #FFF;
}

#main-content #formholder .form-container {
width: 740px;
float: left;
display: block;
clear: both;
margin: /* Top */ 20px /* Right */ 0 /* Bottom */ 0 /* Left */ 0;
}

#main-content #formholder .form-container .form-content {
width: 365px;
float: left;
}

#main-content #formholder .form-container .form-content p {
margin: /* Top */ 0 /* Right */ 20px /* Bottom */ 0 /* Left */ 20px;
color: #666;
font-weight: normal;
}

#main-content #formholder .input-box {
font-size: 1.4em;
width: 320px;
color: #666;
background-color: #e8e6e6;
border: none;
margin: /* Top */ 5px /* Right */ 0 /* Bottom */ 32px /* Left */ 0;
}

#main-content #formholder .input-box-bottom {
font-size: 1.4em;
width: 320px;
color: #666;
background-color: #e8e6e6;
border: none;
margin: /* Top */ 5px /* Right */ 0 /* Bottom */ 0 /* Left */ 0;
}

#main-content #formholder .input-box-captcha {
font-size: 1.4em;
width: 320px;
color: #666;
background-color: #e8e6e6;
border: none;
margin: /* Top */ 5px /* Right */ 0 /* Bottom */ 8px /* Left */ 0;
}

#main-content #formholder .input-text-area {
font-size: 1.4em;
font-family: Arial,Verdana,Helvetica,sans-serif;
width: 320px;
color: #666;
background-color: #e8e6e6;
border: none;
margin: /* Top */ 5px /* Right */ 0 /* Bottom */ 8px /* Left */ 0;
}

#main-content #formholder .button-form {
font-size: .7em;
width: 45px;
color: #666;
font-weight: bold;
background-color: #fff217;
border: none;
padding: /* Top */ 14px /* Right */ 0 /* Bottom */ 14px /* Left */ 0;
margin: /* Top */ 5px /* Right */ 0 /* Bottom */ 0 /* Left */ 0;
}

#main-content #formholder .captcha-img {
border: none;
margin: /* Top */ 10px /* Right */ 0 /* Bottom */ 5px /* Left */ 0;
}

#main-content #formholder a:link, #main-content #formholder a:visited {
color: #666;
text-decoration: underline;
font-weight: bold;
}

#main-content #formholder a:hover {
color: #666;
text-decoration: none;
}

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

#bottom-info {
width: 850px;
clear: both;
text-align: left;
color: #CCC;
}

#bottom-info p {
font-size: .8em;
margin-left: 10px;
margin-bottom: 5px;
}

#bottom-info a, #bottom-info a:visited {
font-weight: bold;
text-decoration: none;
color: #CCC;
}

#bottom-info a:hover {
font-weight: bold;
text-decoration: none;
color: #666;
}