/* MAIN STYLES */
body { margin: 10px; text-align: center; min-width: 800px; /* for mozilla */ background-image: url(images/matt-fryer-logo.gif); background-position: 50% 20px; background-repeat: no-repeat; background-color: #0E0E0E; background-attachment: scroll; margin: 10px; font-family : Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
body.popup { min-width: 635px; background-image: none; }
h1 { font-family :Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #868686; margin: 10px 0px 0px 0px; }
h2 { font-family :Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #4A4A4A; margin: 10px 0px 0px 0px; }
hr { border: 0px; background-color: #FFFFFF; height: 1px; width: 100%; }
ul { margin: 5px 0px 10px 0px; }
b { color: #868686; }
img { border: 0px; }
a { color: #FFFFFF; text-decoration: underline; }
a:hover { text-decoration: none; }

/* PAGE STYLES */
#outerouter { margin: auto; width: 800px; }
#outer { display: table-cell; height: 100px; min-height: 100%; width: 800px; text-align: left; padding: 10px 0px 10px 0px; position: relative; }

/* HEADER STYLES */
#header { height: 120px; width: 800px; overflow: hidden; position: relative; /*border-color: #191919; border-style: solid; border-width: 1px;*/ margin: 0px; border-bottom-color: #FFFFFF; border-bottom-style: solid; border-bottom-width: 1px; }
#altlogo { position: relative; top: 120px; }

#menu { float: left; position: relative; }
#maincontent { width: 780px; position: relative; padding: 0px 10px 0px 10px; margin: 0px 0px 20px 0px; vertical-align: top; }

/* FOOTER STYLES */
#footer { padding: 5px 10px 10px 10px; width: 780px; float: left; text-align: center; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; border-top-color: #FFFFFF; border-top-style: solid; border-top-width: 1px; }
.dldl { position: relative;top: 4px; }
#footer a { color: #FFFFFF; text-decoration: none; }
#footer a:active { color: #FFFFFF; text-decoration: none; }
#footer a:visited { color: #FFFFFF; text-decoration: none; }
#footer a:hover { color: #FFFFFF; text-decoration: underline; }

/* MENU STYLES */
#menucontainer { height: 20px; width: 500px; bottom: 75px; position: relative; z-index: 9998; overflow: hidden; }
#menucontainer #menu  { margin: 0; padding:0; }
#menucontainer #menu li { display: inline; }
#menucontainer #menu li a { float: left; height: 0px; padding-top: 20px; background-image: url(images/menu.gif); background-repeat: no-repeat; }
#menucontainer #menu li#nav_home a { width: 79px; background-position: 0px 0px; }
#menucontainer #menu li#nav_serv a { width: 98px; background-position: -79px 0px; }
#menucontainer #menu li#nav_gap a { width: 146px; background-position: -177px 0px; cursor: default; }
#menucontainer #menu li#nav_gall a { width: 85px; background-position: -323px 0px; }
#menucontainer #menu li#nav_cont a { width: 92px; background-position: -408px 0px; }

#menucontainer #menu li#nav_home a:hover { background-position: 0px -20px; }
#menucontainer #menu li#nav_serv a:hover { background-position: -79px -20px; }
#menucontainer #menu li#nav_gap a:hover { background-position: -177px -20px; cursor: default; }
#menucontainer #menu li#nav_gall a:hover { background-position: -323px -20px; }
#menucontainer #menu li#nav_cont a:hover { background-position: -408px -20px; }

#menucontainer #menu li#nav_home a:active { background-position: 0px -20px; }
#menucontainer #menu li#nav_serv a:active { background-position: -79px -20px; }
#menucontainer #menu li#nav_gap a:active { background-position: -177px -20px; cursor: default; }
#menucontainer #menu li#nav_gall a:active { background-position: -323px -20px; }
#menucontainer #menu li#nav_cont a:active { background-position: -408px -20px; }

#menucontainer.home #menu li#nav_home a { background-position: 0px 0px !important; cursor: default; }
#menucontainer.serv #menu li#nav_serv a { background-position: -79px -20px !important; cursor: default; }
#menucontainer.gall #menu li#nav_gall a { background-position: -323px -20px !important; cursor: default; }
#menucontainer.cont #menu li#nav_cont a { background-position: -408px -20px !important; cursor: default; }

/* CONTENT STYLES */
#content { float: right; width: 520px; padding: 0px 0px 20px 0px; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
a.copylink:link { color: #FFFFFF; text-decoration: underline; }
a.copylink:active { color: #FFFFFF; text-decoration: underline; }
a.copylink:visited { color: #FFFFFF; text-decoration: underline; }
a.copylink:hover { color: #FFFFFF; text-decoration: none; }

#error { width: 100%; padding: 10px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }

/* HOME STYLES */
#homeimgholder { width: 480px; height: 390px; background-color: #FFFFFF; padding: 10px; text-align: center; position: relative; margin: 0px 10px 20px 10px; float: left; }
#homeimgholder a img { opacity: 1; filter: alpha(opacity=100); }
#homeimgholder a:hover img { opacity: 0.9; filter: alpha(opacity=90); }
#homecontent { width: 250px; height: 390px; font-family :Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; float: right; vertical-align: text-bottom; }

/* GALLERY STYLES */
#thumbscontainer { position: relative; width: 230px; height: 280px; overflow: auto; }
#eventthumbscontainer { position: relative; width: 230px; height: 345px; margin: 0px 0px 0px 19px; }
#pagethumbs { position: relative; width: 230px; height: 350px; overflow: auto; }
#thumbchoice { float: left; position: relative; width: 58px; height: 58px; overflow: hidden; margin: 5px; border-color: #FFFFFF; border-style: solid; border-width: 1px; }
#thumbchoice a img { opacity: 1; filter: alpha(opacity=100); }
#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-color: #FFFFFF; border-style: solid; border-width: 3px; }
#mainimg { float: left; position: relative; width: 198px; height: 198px; overflow: hidden; margin: 5px; border-color: #FFFFFF; border-style: solid; border-width: 1px; }

#galleryselect { font-family :Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; width: 230px; border-top-color: #FFFFFF; border-top-style: solid; border-top-width: 1px; margin: 10px 0px 20px 0px; padding: 10px; text-align: center; }
.selected { cursor: default; text-decoration: none; }

#controls { float: right; position: relative; }
#controls a img { opacity: 1; filter: alpha(opacity=100); }
#controls a:hover img { opacity: 0.5; filter: alpha(opacity=50); }
#imgholder { float: right; width: 480px; height: 390px; background-color: #FFFFFF; padding: 10px; text-align: center; position: relative; margin-bottom: 20px; }
#imgcredit { font-family :Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-align: center; position: relative; padding: 2px 0px 0px 0px }

/* SERVICE STYLES */
#serviceouter { float: left; position: relative; width: 100%; padding: 0; }
#serviceopt { float: left; position: relative; width: 200px; /*height: 300px;*/ font-family :Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-align: left; vertical-align: text-top; padding: 0px; margin: 20px; }
#serviceimg { position: relative; width: 198px; height: 198px; overflow: hidden; border-color: #FFFFFF; border-style: solid; border-width: 1px; }
#serviceimg a img { opacity: 1; filter: alpha(opacity=100); }
#serviceimg a:hover img { opacity: 0.5; filter: alpha(opacity=50); }

/* SALE STYLES */
#saleouter { float: left; position: relative; width: 100%; padding: 0; }
#saleopt { float: left; position: relative; vertical-align: text-top; padding: 0; margin: 5px; }
.salepots { float: left; position: relative; width: 168px; min-height: 175px; text-align: left; vertical-align: text-top; padding: 0 10px 10px 10px; margin: 5px; border: #FFFFFF solid 1px; }
.salepots ul { padding: 0 0 0 20px; }

/* FORM STYLES */
.formtitle { font-family :Arial, Helvetica, sans-serif; font-size: 12px; color: #868686; text-align: right; vertical-align: text-top; padding: 4px 5px 0px 0px; }
.formcopy { font-family :Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
.instructions {	font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; vertical-align: top; padding: 2px 0px 5px 0px; }
.tabletop {	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; text-align: center; vertical-align: top; padding: 2px; background-color: #868686; }
.table { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-align: center; vertical-align: top; padding: 2px; }

/* FACEBOX STYLES */
#facebox .b { background:url(images/b.png); }
#facebox .tl { background:url(images/tl.png); }
#facebox .tr { background:url(images/tr.png); }
#facebox .bl { background:url(images/bl.png); }
#facebox .br { background:url(images/br.png); }
#facebox { position: absolute; width: 100%; top: 0; left: 0; z-index: 9999; text-align: left; }
#facebox .popup { position: relative; }
#facebox table { margin: auto; border-collapse: collapse; }
#facebox .body { padding: 0 10px 10px 10px; background: #0E0E0E; width: 600px; }
#facebox .loading { text-align: center; }
#facebox .image { text-align: center; }
#facebox img { border: 0; }
#facebox .footer { position: relative; float: left; border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 5px; text-align: right; width: 100%; }
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; }