/* CSS Document */

html, body { width: 100%; margin: 0; background: #2D3338; font-family: sans-serif, Arial, Helvetica; }
a { outline: 0; }

/*---------------------------------------------------------------------------------------------------------*/
/*										            TYPE												   */
/*---------------------------------------------------------------------------------------------------------*/

h1 { font-size: 12px; font-weight: 100; color: #FFF; font-weight: bold; margin: -4px 0 5px 0; }
p { font-size: 12px; font-weight: 100; color: #7B868B; margin: 0 0 10px 0; line-height: 1.3em; }
a:link { color: #FFF; text-decoration: none; }
a:visited { color: #FFF; text-decoration: none; }
a:hover { color: #7B868B; text-decoration: none; }
.white { color: #FFFFFF; }
ul { font-size: 12px; margin: 0; padding: 0; list-style: none; }

/*---------------------------------------------------------------------------------------------------------*/
/*										            HEADER												   */
/*---------------------------------------------------------------------------------------------------------*/

.header { float: left; width: 950px; height: 100px; }
.header .logo { float: left; width: 225px; margin-top: 30px; }
.header .topmenu { float: right; margin-top: 60px; }
.header .topmenu ul { margin-left: 0; padding-left: 0; font-size: 1px; }
.header .topmenu ul li { display: inline; }
	
/*---------------------------------------------------------------------------------------------------------*/
/*										            CONTENT												   */
/*---------------------------------------------------------------------------------------------------------*/

#container { position: relative; width: 950px; min-height: 570px; margin: auto; }

.home-container { float: left; width: 950px; height: 535px; background: #FFF; }
.main-container { float: left; width: 950px; min-height: 533px; border-top: 1px solid #707A7F; border-bottom: 1px solid #707A7F; }
.gallery-main { float: left; width: 950px; height: 450px; background: #FFF; text-align: center; }
.gallery-small { float: left; width: 98px; height: 60px; background: #FFF; margin: 11px 0 0 7px; }

.left-col { float: left; width: 245px; min-height: 480px; margin: 26px 0; }
.left-col ul { margin: 0; padding: 0; float: left; list-style: none; }
.left-col ul li { height: 20px; }

.middle-col { float: left; width: 430px; min-height: 480px; margin: 26px 0; }

.right-col { float: right; width: 685px; min-height: 480px; margin: 26px 0; }
.right-col-scroll { float: right; width: 685px; height: 480px; margin: 26px 0; overflow: auto; }

#imagearea { float: left; width: 382px; min-height: 480px; }
#textarea { position: absolute; right: 0; top: 130px; width: 270px; height: 480px; }

#thumb-container { position: absolute; right: 0; top: 615px; min-height: 60px; }
.changeimage { font-size: 12px; color: #FFF; text-decoration: none; }
a.changeimage:link { color: #FFF; text-decoration: none; }
a.changeimage:visited { color: #FFF; text-decoration: none; }
a.changeimage:hover { color: #7B868B; text-decoration: none; }
.grey a	{color: #7B868B; }


table { font-size: 12px; font-weight: 100; color: #7B868B; padding: 3px 0; }
table.press { font-size: 12px; font-weight: 100; color: #FFFFFF; border-bottom: 1px solid #7B868B; padding-bottom: 10px; }
table.press td { width: 95px; padding: 3px 0 5px 0; text-align: center; }


/*---------------------------------------------------------------------------------------------------------*/
/*										            FORMS												   */
/*---------------------------------------------------------------------------------------------------------*/

.form-fields { width: 100%; height: 18px; padding: 2px 0 0 2px; background: #7B868B; font-size: 12px; font-weight: 100; color: #FFF; border: none; }
textarea { width: 100%; height: 70px; padding: 2px 0 0 2px; margin-top: 0; font-family: sans-serif, Arial, Helvetica; font-size: 12px; font-weight: 100; background: #7B868B; color: #FFF; border: none; overflow: auto; }

/*---------------------------------------------------------------------------------------------------------*/
/*										            FOOTER												   */
/*---------------------------------------------------------------------------------------------------------*/

.footer { float: right; height: 30px; padding: 5px 0; }
.footer ul { margin-left: 0; padding-left: 0; font-size: 1px; }
.footer ul li { display: inline; }
.credits { float: left; height: 30px; padding: 7px 0; font-size: 10px; color: #7B868B; }

/*---------------------------------------------------------------------------------------------------------*/
/*										          SHOW/HIDE												   */
/*---------------------------------------------------------------------------------------------------------*/

.question {	background: #2D3338; color: #FFF; font-size: 11px; font-weight: bold; width: 680px; padding: 5px 0; margin: 0; border-bottom: solid 1px #707A7F; overflow: hidden; cursor: pointer; }
.answer { width: 641px; visibility: hidden; height: 0px; overflow: hidden; position: relative; }
.answer_content { font-size: 11px; position: relative; color: #FFF; }

.question1 { background: transparent; font-size: 12px; font-weight: 100; color: #FFF; border: none; font-weight: bold; margin: -2px 0 5px 0; cursor: pointer; }
.answer1 { position: relative; width: 275px; visibility: hidden; height: 0px; overflow: hidden; }
.answer_content1 { position: relative; font-size: 12px; font-weight: 100; color: #7B868B; margin: 0 0 10px 0; }