/* MAIN STYLES */
body { margin: 10px; text-align: center; min-width: 900px; /* for mozilla */ background: #FFFFFF /*url(images/bg-fade.jpg) repeat-x*/; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
body.index { margin-top: 20px; }
h1 { font-family: Perpetua, Times, serif; font-size: 17px; font-weight: normal; color: #636363; margin: 0px; text-transform: uppercase; letter-spacing: 2px; }
h2 { font-family: Perpetua, Times, serif; font-size: 14px; font-weight: normal; color: #636363; margin: 10px 0px 0px 0px; text-transform: uppercase; letter-spacing: 1px; }
h2 a { color: #636363; text-decoration: none; }
h3 { font-family: Perpetua, Times, serif; font-size: 14px; font-weight: normal; color: #636363; margin: 10px 0px 0px 0px; letter-spacing: 1px; }
h4 { font-family: Perpetua, Times, serif; font-size: 14px; font-weight: normal; color: #636363; margin: 0px; text-transform: uppercase; letter-spacing: 1px; display: inline; }
h4 a { color: #636363; text-decoration: none; }
hr { border: 0px; background-color: #636363; height: 1px; width: 100%; }
a { color: #636363; text-decoration: none; }
a:hover { color: #000000; }
b { color: #636363; }
img { border: 0px; margin: 0px; padding: 0px; }
iframe { border: 0px; margin: 0px; padding: 0px; width: 100%; height: 1700px; }

/* PAGE STYLES */
#outer { margin: auto; width: 900px; text-align: left; position: relative; }

/* HEADER STYLES */
#header { position: relative; border-bottom: 1px solid #000000; height: 20px; }
a.headerlink { text-decoration: none; }
.headerlogo { float: left; }

/* FOOTER STYLES */
#footer { width: 900px; text-align: center; float: left; font-size: 10px; color: #636363; padding: 5px 0px 5px 0px; position: relative; }
.dldl { position: relative; top: 3px; }
#footer a { color: #636363; text-decoration: none; }
#footer a:hover { color: #000000; }
#footer p { margin: 0px; }

/* MENU STYLES */
#menucontainer { height: 15px; width: 410px; position: relative; float: right; z-index: 9998; overflow: hidden; margin: 0px; }
#menucontainer #menu  { margin: 0; padding:0; }
#menucontainer #menu li { display: inline; }
#menucontainer #menu li a { float: left; height: 0px; padding-top: 15px; background-image: url(images/menu.gif); background-repeat: no-repeat; }
#menucontainer #menu li#nav_home a { width: 49px; background-position: 0px -30px; }
#menucontainer #menu li#nav_port a { width: 95px; background-position: -49px -30px; }
#menucontainer #menu li#nav_abou a { width: 65px; background-position: -144px -30px; }
#menucontainer #menu li#nav_cont a { width: 83px; background-position: -209px -30px; }
#menucontainer #menu li#nav_news a { width: 57px; background-position: -292px -30px; }
#menucontainer #menu li#nav_proo a { width: 61px; background-position: -349px -30px; }

#menucontainer #menu li#nav_home a:hover { background-position: 0px 0px; }
#menucontainer #menu li#nav_port a:hover { background-position: -49px 0px; }
#menucontainer #menu li#nav_abou a:hover { background-position: -144px 0px; }
#menucontainer #menu li#nav_cont a:hover { background-position: -209px 0px; }
#menucontainer #menu li#nav_news a:hover { background-position: -292px 0px; }
#menucontainer #menu li#nav_proo a:hover { background-position: -349px 0px; }

#menucontainer #menu li#nav_home a:active { background-position: 0px 0px; }
#menucontainer #menu li#nav_port a:active { background-position: -49px 0px; }
#menucontainer #menu li#nav_abou a:active { background-position: -144px 0px; }
#menucontainer #menu li#nav_cont a:active { background-position: -209px 0px; }
#menucontainer #menu li#nav_news a:active { background-position: -292px 0px; }
#menucontainer #menu li#nav_proo a:active { background-position: -349px 0px; }

#menucontainer.home #menu li#nav_home a { background-position: 0px 0px !important; cursor: default; }
#menucontainer.port #menu li#nav_port a { background-position: -49px 0px !important; }
#menucontainer.abou #menu li#nav_abou a { background-position: -144px 0px !important; }
#menucontainer.cont #menu li#nav_cont a { background-position: -209px 0px !important; }
#menucontainer.news #menu li#nav_news a { background-position: -292px 0px !important; }
#menucontainer.proo #menu li#nav_proo a { background-position: -349px 0px !important; }

/* CONTENT WINDOW STYLES */
#homeimg { float: left; position: relative; width: 900px; height: 600px; text-align: center; }
#homeimg iframe { width: 900px; height: 600px; }
#homeimg img { position: relative; border: 1px solid #000000; }
#bottomcopy { width: 900px; top: 1300px; position: absolute; text-align: center; }
#content { width: 900px; float: left; position: relative; padding: 10px 0px 10px 0px; margin: 0px; border-bottom: #000000 solid 1px; border-top: #000000 solid 1px; }
#content.nomenu { border-top: 0px; }
.quote { font-style: italic; text-align: center; color: #636363; }
.comment { text-align: left; margin-bottom: 0px; }
#login { width: 900px; text-align: center; float: left; position: relative; padding: 20px 0px 10px 10px; border-bottom: #000000 solid 1px; }
#login table { width: 500px; margin: 20px; padding: 5px; }
#login table th { text-align: right; font-weight: bold; width: 50%; }
#login table td { width: 50%; }
#blogcontainer { position: relative; float: left; width: 680px; }
#blogarchive { position: relative; float: right; width: 200px; border-top: 1px solid #000000; padding: 10px 0px 0px 20px; margin-top: 10px; }
.blog { position: relative; float: left; width: 100%; border-top: 1px solid #000000; padding-top: 10px; margin-top: 10px; }
.blog img { position: relative; float: right; margin: 0px 0px 10px 10px; }

/* GALLERY STYLES */
#mainimgcontainer { width: 898px; height: 598px; border: 1px solid #000000; float: left; margin: 0px; }
#proofthumbscontainer { width: 840px; float: left; position: relative; border-bottom: 1px solid #000000; margin: 10px 0px 0px 0px; padding: 0px 30px 10px 30px; }
#thumbnav { position: relative; float: right; color: #636363; padding: 10px 0px 10px 0px; }
#thumbscontainerleft { position: relative; float: left; width: 140px; right: 5px; margin: 5px 5px 0px 0px; }
#thumbscontainerright { position: relative; float: right; width: 140px; left: 5px; margin: 15px 0px 5px 5px; }
.thumbchoice { float: left; position: relative; width: 58px; height: 58px; overflow: hidden; margin: 5px; border: #000000 solid 1px; text-align: center; }
.thumbchoice img { position: relative; right: 15px; }
.thumbchoice a img { opacity: 1; filter: alpha(opacity=100); }
.thumbchoice a:visited img { opacity: 0.8; filter: alpha(opacity=80); }
.thumbchoice a:hover img { opacity: 0.5; filter: alpha(opacity=50); }
.thumbchosen { float: left; position: relative; width: 58px; height: 58px; overflow: hidden; margin: 3px; border: #000000 solid 3px; text-align: center; }
.thumbchosen img { position: relative; right: 15px; }
.pr img { right: 0px; text-align: center }
#galleryselect { float: left; position: relative; width: 900px; text-align: right; margin-top: 10px; }
#nextprev { color: #636363; float: left; position: relative; text-align: left; padding: 10px 0 10px 0; }
#nextprev a { text-transform: lowercase; }
#gallerymenu { color: #000000; float: right; position: relative; text-align: right; padding: 10px 0 10px 0; }
#gallerymenu a { text-transform: lowercase; color: #000000; }
#gallerymenu a:hover { color: #636363; }
#gallerymenu a.selected { color: #636363; cursor: default; }
#copy { float: left; position: relative; width: 900px; border-bottom: #FFFFFF solid 1px; }
#sitemap { width: 900px; margin: 20px 0px 0px 0px; padding-bottom: 10px; border-bottom: 1px solid #000000; }

/* FORM STYLES */
.formtitle { font-size: 12px; color: #636363; text-align: right; vertical-align: text-top; padding: 4px 0px 0px 0px; }
.instructions {	color: #636363; font-size: 10px; vertical-align: top; padding: 2px 0px 5px 0px; }

/* SIMPLEGALLERY STYLES */
#simplegallery { position: relative; float: left; visibility: hidden; border: 1px solid #000000; }