/* common declarations  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body { background:#3b3d3d url(../img/bg.gif); color:#000; margin:0px; padding:0px; font:11px Verdana,Arial,Helvetica,sans-serif; }
img { border:0px; display:block; }
form { margin:0px; }
table { font-size:1em; }
ul { margin:0px; padding-left:40px; line-height:1.25em; }
li { margin:0.1em 0px 0px; padding:0px; }
p { margin:0.6em 0px; }
.rf { float:right; margin-left:10px; }
.lf { float:left; margin-right:10px; }
.wrap { width:100%; position:relative; }
a { color:#1f70bc; }

@media print {
body{ color:#000; background:#fff; }
a:link, a:visited { background:#fff; color:#000; text-decoration:underline; font-weight:bold; }
h1, h2, h3 { background:#fff; color:#000; text-decoration:underline; }
}

/* end common ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#page { position:absolute; top:50%; left:50%; width:940px; height:576px; /*600*/ margin:-288px 0 0 -470px; }

#logo { width:180px; padding:0px 0px 0px 0px; }

#navcell { font:11px Arial, Helvetica, sans-serif; color:#fff; text-align:center; }
ul.nav { list-style:none; padding:0px; margin:0px; }
ul.nav li { height:30px; background:#7f8080; margin-bottom:5px; }
ul.nav li a { display:block; width:140px; _width:180px; height:30px; padding:0px 20px; font:bold 12px Arial, Helvetica, sans-serif; color:#333; line-height:30px; text-decoration:none; text-align:left; }
ul.nav li a:hover { background:url(../img/bg_nav.gif) repeat-y; color:#1f70bc; }
ul.nav li.current a { display:block; width:140px; _width:180px; height:30px; background:url(../img/bg_nav.gif) repeat-y; padding:0px 20px; font:bold 14px Arial, Helvetica, sans-serif; color:#1f70bc; line-height:30px; text-decoration:none; text-align:left; }

ul.subnav { list-style:none; padding:0px; margin:0px 0px 7px 22px; }
ul.subnav li { text-align:left; }
ul.subnav li a { height:17px; font:12px Arial, Helvetica, sans-serif; color:#fff; margin:0px; line-height:17px; text-decoration:none; }
ul.subnav li a:hover { text-decoration:underline; }

#headercell { width:716px; background:#7b0000 url(../img/bg_header.gif); border:2px solid #fff; padding:10px 20px; }
#header { position:relative; width:716px; height:100px; text-align:left; }
#header h1 { position:absolute; bottom:0px; font:bold 16px Arial, Helvetica, sans-serif; color:#fff; padding:0px; margin:0px; }

#content { position:relative; height:342px; border-right:2px solid #fff; border-left:2px solid #fff; background:#fff url(../img/bg_content.gif) repeat-x; }
.pagecontent { padding:20px; }
#homecontent { width:348px; height:304px; overflow:auto; padding-right:20px; }
#pagescroll { width:696px; height:304px; overflow:auto; padding-right:20px; }
#pagescroll h2 { font:bold 16px Arial, Helvetica, sans-serif; color:#a30202; padding:0px 0px 5px 0px; margin:0px; }
#portfoliotextscroll { width:456px; height:304px; overflow:auto; padding-right:20px; }
#portfolionavscroll { position:absolute; top:20px; right:20px; width:200px; height:235px; overflow:auto; padding-right:20px; }
ul.portfolionav { list-style:none; padding:0px; margin:0px; line-height:2; }
ul.portfolionav li { background:url(../img/list_arrow.gif) no-repeat 0px 8px; padding:0px 0px 0px 15px; }
ul.portfolionav li a { color:#666; }
ul.portfolionav li a:hover { color:#1f70bc; }
#photoarchives { position:absolute; bottom:20px; right:28px; }

ul.list { list-style:none; padding:0px; margin:0px 0px 0px 10px; line-height:2; }
ul.list li { background:url(../img/list_arrow.gif) no-repeat 0px 8px; padding:0px 0px 0px 15px; }
ul.list li a { color:#666; }
ul.list li a:hover { color:#1f70bc; }

#pagecontainer { position:relative; }
#photocontainer { position:absolute; top:0px; left:0px; display:none; width:756px; height:343px; z-index:10; }
#photooverlay { position:absolute; top:0px; left:0px; background:#000; width:756px; height:343px; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); }
#photoinner { position:relative; width:716px; height:303px; padding:20px; }
.closebutton { position:absolute; top:10px; right:10px; opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100); }
.photoborder { border:4px solid #fff; }
#photocaption { color:#fff; }
.photothumb { border:1px solid #fff; }
#divBg { position:relative; top:0px; left:0px; width:642px; height:60px; clip:rect(0px 642px 60px 0px); visibility:hidden; }
#divMenu { position:absolute; top:0px; left:11px; visibility:inherit; }

#footercell { width:716; height:80px; background:#7b0000 url(../img/bg_footer.gif); border:2px solid #fff; }
.designedby { float:left; font:11px Arial, Helvetica, sans-serif; color:#fff; margin:2px 0px 0px 5px; }
.designedby a { color:#fff; }
.designedby a:hover { color:#1f70bc; }
.footerlinks { float:right; font:11px Arial, Helvetica, sans-serif; color:#fff; margin:2px 0px 0px 0px; }
.footerlinks a { color:#fff; margin:0px 5px; }
.footerlinks a:hover { color:#1f70bc; }

.hp-b-top2px { border-top:2px solid #fff; }
.hp-b-top6px { border-top:6px solid #fff; }
.hp-b-right4px { border-right:4px solid #fff; }
.hp-b-bottom2px { border-bottom:2px solid #fff; }
.hp-b-left6px { border-left:6px solid #fff; }

#frameheadercell { background:#7b0000 url(../img/bg_frameheader.gif) repeat-x; border:2px solid #fff; padding:10px; }
#frameheader { background: url(../img/bg_header.gif) right no-repeat; }

#contactleft { float:left; width:60%; }
#contactright { float:right; width:40%; }
.textfield { width:320px; margin:0px; font:11px Verdana,Arial,Helvetica,sans-serif; }
.textarea { width:320px; height:136px; margin:0px; font:11px Verdana,Arial,Helvetica,sans-serif; }
.captchafield { width:200px; }

.error{ color:#ff0000; font-weight:bold; font-size:11px; }
.success{ color:#1f70bc; font-weight:bold; font-size:11px; }