/* MAIN STYLES */
body { margin: 10px; text-align: center; min-width: 900px; /* for mozilla */ background-color: #000000; font-family :Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; }
body.index { margin-top: 20px; }
h1, h2, h3, h4 { font-family: Perpetua, Times, serif; font-weight: normal; color: #636363; }
h1 { font-size: 17px; margin: 0px; text-transform: uppercase; letter-spacing: 2px; }
h2 { font-size: 14px; margin: 10px 0px 0px 0px; text-transform: uppercase; letter-spacing: 1px; }
h2 a { color: #636363; text-decoration: none; }
h3 { font-size: 14px; margin: 10px 0px 0px 0px; letter-spacing: 1px; }
h4 { font-size: 14px; 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: #FFFFFF; }
a:hover img { opacity: 0.8; filter: alpha(opacity=80); }
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; background-color: #000000; }

/* HEADER STYLES */
#header { position: relative; border-bottom: 1px solid #FFFFFF; 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: #FFFFFF; }
#footer p { margin: 0px; }

/* MENU STYLES */
#menucontainer { height: 15px; width: 474px; 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: 68px; background-position: -349px -30px; }
#menucontainer #menu li#nav_pric a { width: 57px; background-position: -417px -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_pric a:hover { background-position: -417px 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 #menu li#nav_pric a:active { background-position: -417px 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; }
#menucontainer.pric #menu li#nav_pric a { background-position: -417px 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 #FFFFFF; }
#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: #FFFFFF solid 1px; border-top: #FFFFFF solid 1px; }
#content.nomenu { border-top: 0px; }
.quote { font-style: italic; text-align: center; color: #BEBEBE; }
.comment { text-align: left; margin-bottom: 0px; }
#login { width: 900px; text-align: center; float: left; position: relative; padding: 20px 0px 10px 10px; border-bottom: #FFFFFF 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 #FFFFFF; padding: 10px 0px 0px 20px; margin-top: 10px; }
.blog { position: relative; float: left; width: 100%; border-top: 1px solid #FFFFFF; padding-top: 10px; margin-top: 10px; }
.blog img { position: relative; float: right; margin: 0px 0px 10px 10px; }

/*NEW BLOG STYLES*/
#nblogouter { position: relative; float: left; width: 900px; border-top: 1px solid #FFF; margin-top: 10px; }
#nblogouter h2 { font-size: 1.36em; margin: 10px 0 0 0; padding: 10px 0 0 0; text-transform: uppercase; letter-spacing: 0.09em; border-top: 1px solid #FFF; }
#nblogouter h2.first { border-top: 0; padding: 0; }
#nblogouter h3 { font-size: 1.36em; margin: 10px 0 0 0; text-transform: uppercase; letter-spacing: 0.09em; }
#nblog { position: relative; float: left; width: 630px; }
#nblog .entry { position: relative; float: left; width: 630px; }
#nblog img.thumb { position: relative; float: right; display: block; margin: 0 0 0 20px; border: 1px solid #FFF; }
#nblog p { margin-top: 0; }
#nblog p.more { margin: -0.5em 0 1em 0; }
#nblog .tags { width: 630px; display: block; margin: 1em 0 0 0; }
#nblog #comments p { margin: 1em 0; }
#nblog #comments span { color: #636363; }
#nblog table { border: 0; width: 630px; margin-top: 10px; }
#nblog table .fielderror { background-color: #FF9999; }
#nblog td { padding: 0 10px; background: #636363; }
#nblog td.center { text-align: center; padding: 10px; }
#nblog input { width: 290px; }
#nblog textarea { width: 610px; }
#nblog label { display: block; margin-top: 10px; font-weight: bold; }
#nblog label span { font-weight: normal; }
#nblogimages { position: relative; float: left; width: 630px; }
#nblogimages img { position: relative; float: left; margin-bottom: 1em; border: 1px solid #FFF; }
#nblogarchive { position: relative; float: right; width: 250px; }
#nblogarchive a { color: #FFF; }
#nblogarchive strong { display: inline; float: left; }
#nblogarchive a:hover { color: #636363; }
#nblogarchive .dates { display: inline; float: right; }
#nblogarchive #feedbit { background: #636363; color: #FFF; padding: 5px; margin-top: 10px; }
#nblogarchive #feedbit a { color: #FFF; }
#nblogarchive #feedbit a:hover { text-decoration: underline; }
#nblogarchive #feedbit img { position: relative; top: 2px; }
p.error { text-align: center; color: red; }


/* GALLERY STYLES */
#mainimgcontainer { width: 898px; height: 598px; border: 1px solid #FFFFFF; float: left; margin: 0px; }
#proofthumbscontainer { width: 840px; float: left; position: relative; border-bottom: 1px solid #FFFFFF; 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: #FFFFFF 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: #FFFFFF 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: #FFFFFF; float: right; position: relative; text-align: right; padding: 10px 0 10px 0; }
#gallerymenu a { text-transform: lowercase; color: #FFFFFF; }
#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 #FFFFFF; }

/* 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 #FFFFFF; }