/* CSS Document */

body { background: url(/img/bgBody.png) no-repeat center top; color: #444; margin: 0; font-family: "Century Gothic", "Gill Sans", "Futura", Arial, Helvetica; font-size: 12px; }

sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }

sup { bottom: 1ex;}

sub { top: .5ex; }

a img { border: none; padding: 0px; border-bottom: 0px; }

#columnLeft p { line-height: 200%; width: 440px; }

h1 { font-size: 30px; font-weight: bold; line-height: 30px; }

#content ul { line-height: 200%; padding: 0; list-style: square; margin: 10px 0px 10px 17px; }

.caption { height: 20px; line-height: 20px; font-size: 10px; color: #666; }

#container { width: 980px; margin: 0 auto; }

#header { /*background: url(/img/bgHeader.png) no-repeat;*/ width: 960px; height: 240px; padding: 0px 10px; float: left; }

#content { background: url(/img/bgContent.png) repeat-y; width: 960px; min-height: 415px; padding: 30px 10px 20px 10px; float: left; }

#footer { background: url(/img/bgFooter.png) no-repeat; width: 820px; height: 32px; padding: 44px 80px; float: left; }

#logo { width: 140px; height: 120px; margin: 18px 0px 0px 60px; float: left; border: 0px; }

#logoImage { width: 140px; height: 120px; background: url(/img/logo.png) no-repeat bottom; display: block; }

#logoImage:hover { background-position: top; }

#homeSplash { background: url(/img/photoHome.jpg) no-repeat; width: 590px; height: 180px; padding: 228px 20px 7px 350px; text-align: right; float: left; }

#homeSplash #textArea { width: 580px; height: 140px; padding-right: 10px; }

#homeSplash h1 { margin: 0; padding: 0; height: 50px; line-height: 47px; }

#homeSplash span { line-height: 200%; font-size: 13px; height: 90px; }

#homeSplash .caption { width: 590px; margin-top: 10px; }

#footer #credits { padding-right: 382px; height: 30px; float: left; font-size: 10px; /*border-left: 30px solid #ccc; padding-left: 10px;*/ }

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

#footer a:hover { text-decoration: underline; }

#content a, #footer #credits a { color: #444; text-decoration: none; border-bottom: 1px dashed #444; padding-bottom: 1px; }

#content a:hover, #footer #credits a:hover { border-bottom: 1px solid #444; padding-bottom: 1px; }

#footer #designBy { font-weight: bold; line-height: 15px; }

#footer #contactAriel { line-height: 15px; text-align: right; margin-top: -15px; }

#footer #writtenBy { line-height: 15px; }

#validation { background: url(/img/validate.png) no-repeat; width: 188px; height: 32px; float: right; cursor: pointer; border: none; }

#validation:hover { background-position: 0px -32px }

#navbar { float: right; height: 50px; margin: 68px 70px 0px 0px; font-weight: bold; font-size: 14px; }

#navbar ul, #navbar ul li {	margin: 0px 0px 0px 0px; padding: 0px; list-style: none; height: 50px; text-align: center; float: left; }

#navbar ul li { float: left; display: inline-block; margin: 0px 0px 0px 30px; line-height: 46px; }

#navbar ul li a { padding-top: 0px; text-decoration: none; display: inline-block; cursor: pointer; padding-left: 0px; }

#navbar ul li a span { padding: 30px 0px 0px 0px; height: 20px; display: inline-block; line-height: 20px; color: #333333; }

#navbar ul li:hover a span { background: url(/img/penguinNav.png) no-repeat center bottom; }

#navbar ul .navhome a span, #navbar ul .navhome:hover a span { background: url(/img/penguinNav.png) no-repeat center top; color: #002c66; }

#columnLeft { width: 440px; min-height: 415px; margin: 8px 0px 0px 70px; float: left; }

#columnLeft h1 { width: 410px; height: 30px; /*border-right: 30px solid #ccc;*/ padding: 0px; margin: 0px 0px 30px 0px; }

#columnRight { width: 260px; height: 380px; padding: 18px 20px 17px 20px; background: url(/img/bgPhoto.png) no-repeat; float: left; margin-left: 90px; }

#columnRight #photo { height: 360px; width: 260px; float: left; }

#columnRight .caption { width: 250px; text-align: right; float: left; *margin-left: 10px; }

#columnRight .block { height: 10px; width: 10px; margin: 5px 0px; background: #ddd; float: left; *position: absolute; *margin: 5px 0px 0px -260px; }

#contact_form { width: 440px; float: left; height: 200px; font-size: 12px; }

#label1, #label2, #label3 { float: left; width: 440px; line-height: 20px; margin-top: 9px; }

#label1error, #label2error, #label3error { width: 440px; color: #ff0000; float: left; display: none; width: 54px; line-height: 20px; margin-top: 9px; }

.footer-input-name, .footer-input-email { width: 438px; height: 19px; line-height: 18px; border: 1px solid #e6e6e6; background: #f9f9f9; float: left; font-family: "Times New Roman", Times, serif; font-size: 13px; font-style: italic; color: #444; }

.footer-input-name:focus, .footer-input-email:focus, .footer-textarea:focus, .footer-input-name:hover, .footer-input-email:hover, .footer-textarea:hover { border: 1px solid #002c66; }

.inputLine:hover { background: top right no-repeat url(/img/penguinContact.png); padding-top: 34px; margin-top: -34px; float: left; }

.footer-textarea { width: 438px; height: 58px; font-family: "Times New Roman", Times, serif; font-size: 13px; font-style: italic; color: #444; border: 1px solid #e6e6e6; background: #f9f9f9; float: left; }

.quickcontactbutton { float: right; margin-top: 6px; margin-right: -10px; background: url(/img/btnSend.png) no-repeat 0px 0px; width: 90px; cursor: pointer; height: 40px; }

.quickcontactbutton:hover {  background: url(/img/btnSend.png) no-repeat 0px -40px; }

.quickcontactbutton:active {  background: url(/img/btnSend.png) no-repeat 0px -80px; }

#contactPenguinName, #contactPenguinEmail, #contactPenguinMessage { width: 38px; height: 35px; background: url(/img/penguinContact.png) no-repeat; position: absolute; margin-left: 400px; margin-top: -4px; display: none; }

#contactPenguinEmail { margin-top: 48px; }

#contactPenguinMessage { margin-top: 100px; }

#quickcontactsuccess img { margin: 30px 0px 0px 70px; }

#penguinSmall span { background: url(/img/penguinSmall.png) no-repeat; width: 100px; height: 20px; cursor: pointer; border: none; padding: 0px; float: left; margin-top: 15px; }

#penguinSmall span:hover { background-position: bottom; border: none; padding: 0px; }