/******************************************************************
 ******************************************************************
 *** CSS by Matthew Woodward - All Rights Reserved - DONT STEAL ***
 ******************************************************************
 ******************************************************************/
 
/**** DOM */
body, html {background: #fff;font-size:11px;font-family: Arial, sans-serif;}

/**** Typography */
h2 { font-size: 13px; color: #000; margin: 0 0 13px 0; line-height: 13px; }
#pageFooter h2 { float: left; font-size: 12px; color: #666; margin: 6px 10px 0 0; line-height: 13px; }
b, bold, strong { font-weight: bold; }
em, italic { font-style: italic; }

/**** Misc Classes */
.sitewidth{width: 960px;position:relative;}
div.ahover {position: absolute;z-index: 99;background: #cef;}

/**** Framework */
#pageHold{width: 960px;height: 735px;position: absolute;left: 50%;top: 50%;margin: -377px 0 0 -480px;}
#pageHeader{height: 36px;padding-bottom: 19px;border-bottom: 1px solid #666;}
#pageContent{height: 595px;margin:20px 0; overflow:hidden; }
#pageFooter {height: 30px; padding: 10px 0 0 0; border-top: 1px solid #333; line-height:30px; color:#333; text-align:right;font-size:9px;text-transform:uppercase;}
#pageLogo {float:left;width:145px;height:18px;margin:25px 0 0 0;}

/**** Navigation */
#mainMenu {position: relative;}
#mainMenu li {padding: 21px 0 0 0;float: right;position: relative;}
#mainMenu li a{display: block;width: auto;padding: 7px 5px 10px 5px;font-size: 13px;color: #000;text-decoration:none;}
#mainMenu li a:link, #mainMenu li a:visited {color: #000;text-decoration:none;}
#mainMenu li a.current {color: #999;text-decoration:none; border-bottom: 3px solid #999;}
#mainMenu li a:hover, #mainMenu li a:active {color: #999;text-decoration:none;}
#sponsor { float: left; height: 30px; width: auto; margin: 0 10px 0 0; }
#link { float: right; height: 30px; width: auto; margin: 0; }

/**** About Page */
#aboutProfile{float: left;width: 397px;height: 595px;overflow: hidden; border:none;}
#aboutCopy{float: right;width: 543px;height: 595px;overflow: hidden;}
#contactCopy{background: #fff;padding: 20px 30px;float: right;width: 503px;height: 555px;overflow: auto;}

#galleryViewer { width: 750px; height: 595px; overflow: hidden; position: relative; float: right; }
#galleryViewerBox { width: 750px; height: 595px; overflow: hidden; }
#galleryThumbs { width: 190px; height: 595px; overflow: hidden; float: left; }
#galleryColumn1, #galleryColumn2 { position: relative; width: 210px; height: auto; margin: 0 0 1px 0; overflow: hidden; } 
#galleryThumb { width: 37px; height: 37px; overflow: hidden; float: left; margin: 0 13px 13px 0; }
#gallLeftArrow { position: absolute; left: 0px; top: 50%; z-index: 300; width: 40px; height: 40px; background: #000 url('../images/arrows.gif') no-repeat left center; margin: -20px 0 0 0; }
#gallRightArrow { position: absolute; right: 0px; top: 50%; z-index: 300; width: 40px; height: 40px; background: #000 url('../images/arrows.gif') no-repeat right center; margin: -20px 0 0 0; }
#gallLeftArrow, #gallRightArrow { cursor: pointer; }

#galleryThumb { opacity: 0.5; }
#galleryThumb:hover { opacity: 1; }
#galleryThumb.activeSlide, #galleryThumb.current { opacity: 1; border: 3px solid #000; }
#galleryThumb.activeSlide, #galleryThumb.current, #galleryThumb.current img, #galleryThumb.activeSlide img { height: 31px; width: 31px; }

/**** Black Layout
body, html {background: #fff;font-size:11px;font-family: Arial, sans-serif;}
h2 { font-size: 13px; color: #ccc; margin: 0 0 13px 0; line-height: 13px; }
#pageFooter h2 { float: left; font-size: 12px; color: #666; margin: 6px 10px 0 0; line-height: 13px; }
b, bold, strong { font-weight: bold; }
em, italic { font-style: italic; }
.sitewidth{width: 960px;position:relative;}
div.ahover {position: absolute;z-index: 99;background: #cef;}
#pageHold{width: 960px; height: 744px;margin: 0 auto;}
#pageHeader{height: 36px;padding-bottom: 19px;border-bottom: 1px solid #666;}
#pageContent{height: 595px;margin:20px 0; overflow:hidden; }
#pageFooter {height: 30px; padding: 10px 0 0 0; border-top: 1px solid #333; line-height:30px; color:#333; text-align:right;font-size:9px;text-transform:uppercase;}
#pageLogo {float:left;width:145px;height:18px;margin:25px 0 0 0;}
#mainMenu {position: relative;}
#mainMenu li {padding: 21px 0 0 0;float: right;position: relative;}
#mainMenu li a{display: block;width: auto;padding: 7px 5px 10px 5px;font-size: 13px;color: #fff;text-decoration:none;}
#mainMenu li a:link, #mainMenu li a:visited {color: #fff;text-decoration:none;}
#mainMenu li a.current {color: #33ccff;text-decoration:none; border-bottom: 3px solid #33ccff;}
#mainMenu li a:hover, #mainMenu li a:active {color: #33ccff;text-decoration:none;}
#sponsor { float: left; height: 30px; width: auto; margin: 0 10px 0 0; }
#link { float: right; height: 30px; width: auto; margin: 0; }
#aboutProfile{float: left;width: 397px;height: 595px;overflow: hidden; border:none;}
#aboutCopy{float: right;width: 543px;height: 595px;overflow: hidden;}
#contactCopy{background: #fff;padding: 30px;float: right;width: 503px;height: 535px;overflow: auto;}
#galleryViewer { width: 750px; height: 595px; overflow: hidden; position: relative; float: right; }
#galleryViewerBox { width: 750px; height: 595px; overflow: hidden; }
#galleryThumbs { width: 190px; height: 595px; overflow: hidden; float: left; }
#galleryColumn1, #galleryColumn2 { position: relative; width: 210px; height: auto; margin: 0 0 1px 0; overflow: hidden; } 
#galleryThumb { width: 37px; height: 37px; overflow: hidden; float: left; margin: 0 13px 13px 0; }
#gallLeftArrow { position: absolute; left: 0px; top: 50%; z-index: 300; width: 40px; height: 40px; background: #000 url('../images/arrows.gif') no-repeat left center; margin: -20px 0 0 0; }
#gallRightArrow { position: absolute; right: 0px; top: 50%; z-index: 300; width: 40px; height: 40px; background: #000 url('../images/arrows.gif') no-repeat right center; margin: -20px 0 0 0; }
#gallLeftArrow, #gallRightArrow { cursor: pointer; }
#galleryThumb { opacity: 0.5; }
#galleryThumb:hover { opacity: 1; }
#galleryThumb.activeSlide, #galleryThumb.current { opacity: 1; border: 3px solid #fff; }
#galleryThumb.activeSlide, #galleryThumb.current, #galleryThumb.current img, #galleryThumb.activeSlide img { height: 31px; width: 31px; }*/