/*
Headders
h1: Page Titles
h2: Page Sub-Headings
h3: Main page text?
h4: Gallery section text
h5: All caps in sections
*/

h1 {
  font-size: 15px;
  margin-left: 5px;
  margin-right:  5px;
  margin-top: 90px;
  margin-bottom: -6px;
  font-weight: 700;
  text-align: justify;
}

h2 {
  font-size: 11px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top:  10px;
  margin-bottom: 14px;
  font-weight: 600;
  text-align: left;
}

h3 {
  font-size: 9px;
  margin-left: 5px;
  margin-right: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: 600;
  text-align: left;
}

h4 {
  font-size: 10px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 10px;
  font-weight: 600;
  text-align: left;
}

h5 {
  font-size: 14px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 90px;
  margin-bottom: 14px;
  font-weight: 600;
  text-align: left;
}

h6 {
  font-size: 9px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: 550;
  text-align: left;
}

/* Generic Link Behavior */

a:link {
  color: #4D3A31;
  text-decoration: none;
}

a:visited {
  color: #4D3A31;
  text-decoration: none;
}

a:hover {
  color: #990000;
  text-decoration: none;
}

a:active {
  color: #4D3A31;
  text-decoration: none;
}

/* All divs are contained within container.  This positions the page relative to the user's window*/

div.container {
  position:absolute;
  left: 50%;
  top :43%;
  width: 776px;
  height: 440px;
  margin-left: -388px;  /* half of width */
  margin-top: -220px;   /* half of height */
}

/* Define style for main page content */

.content {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #303030;
  font-weight: 500;
  text-align: left;
}

/* Content Div
Position main page content
Set content width*/

div.content {
  position: absolute;
  left:  5px;
  top: 5px;
  width: 620px;
  height: 400px;
}


/* Define style for home page content */

.homepage {
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #303030;
  font-weight: 500;
  text-align: left;
}

.homepage h1 {
  font-size: 12px;
  margin-left:  5px;
  margin-right:      0px;
  margin-top: 60px;
  margin-bottom: 25px;
  font-weight: 600;
  text-align:  justify;
}

.homepage h2 {
  font-size: 10px;
  margin-left: 5px;
  margin-right:  px;
  margin-top: 10px;
  margin-bottom: 25px;
  font-weight: 700;
  text-align:  ;
}
+
/*Wide Text Div
Used for longer lines of text that should not wrap.
*/
div.widetext {
  width: 150px;
}

/* Position home button */

div.back {
  position: absolute;
	left: 13px;
  top: 445px;
  width: 25px;
  height: 25px;
}

/* position left arrow button */

div.arrowleft {
  position: absolute;
	left: 43px;
  top: 445px;
  width: 20px;
  height: 25px;
}

/* position right arrow button */

div.arrowright {
  position: absolute;
	left: 68px;
  top: 445px;
  width: 20px;
  height: 25px;
}

/*Gallery section title */

.gallery h2 {
  font-size: 11px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 86px;
  margin-bottom: 14px;
  font-weight: 600;
  text-align: left;
}

/* Position gallery page titles (event name, etc.)*/

div.galleryText {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 180px;
  height: 14px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.galleryText h4 {
  font-size: 12px;
  color: #303030;
  margin-left: 5px;
  margin-right: 10px;
  margin-top: 14px;
  margin-bottom: 14px;
  font-weight: 600;
  text-align: right;
}

/* This div frames the gallery images */

div.galleryborder {
  position:absolute;
  background-color: #C9C9C9;
  left: 5px;
  top: 5px;
  width: 640px;
  height: 480px;
}

/* This div contains gallery images */

div.gallerydiv {
  position:absolute;
  left: 103px;
  top : 40px;
  width: 533px;
  height: 400px;
}


/*Press styles
Unique styles used on the Press page
*/
div.pressgallery {
  width: 180px;
}

.pressgallery h4 {
  font-size: 10px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 10px;
  font-weight: 700;
  text-align: left;
}

.pressgallery a:link {
  color: #202020;
  text-decoration: none;
}

.pressgallery a:visited {
  color: #202020;
  text-decoration: none;
}

.pressgallery a:hover {
  color: #990000;
  text-decoration: none;
}

.pressgallery a:active {
  color: #202020;
  text-decoration: none;
}

div.pressText {
  position: absolute;
  top: 440px;
  left: 5px;
  width: 640px;
  height: 14px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.pressText h4 {
  font-size: 12px;
  color: #4D3A31;
  margin-left: 5px;
  margin-right: 10px;
  margin-top: 14px;
  margin-bottom: 14px;
  font-weight: 800;
  text-align: right;
}

/* define color and size of gallery thumbnails (color must also be modified in the showGalleryImage function within engine.js) */

div.thumbframe {
  position: absolute;
  background-color: #212425;
  width: 42px;
  height: 42px;
}

/* position thumbnail div relative to thumbframe  */

div.thumbnail {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 40px;
  height: 40px;
}


/* Position main image(s) for each page */

div.graphic {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 533px;
  height: 400px;
}

div.loadinganimation {
  position: absolute;
  left: 472px;
  top: 336px;
}

/* Position ribbon overlay. (layer between page image and page text)
Set ribbon transparancy. */

div.ribbon {
  position: absolute;
  left:  5px;
  top: 5px;
  width: 640px;
  height: 480px;
  opacity:.80;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
}

/* Position Logo */

div.logo {
  position: absolute;
  left:  -75px;
  top:  -15px;
  width: 160px;
  height: 72px;
}

/* Define style for navigation menu*/

.menu {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
}

.menu a:link {
  color: #666666;
  text-decoration: none;
}

.menu a:visited {
  color: #666666;
  text-decoration: none;
}

.menu a:hover {
  color: #990000;
  text-decoration: none;
}

.menu a:active {
  color: #666666;
  text-decoration: none;
}

/* Position menu */

div.menubox {
	position: absolute;
  background-color: #E0E0E0;
	left: 5px;
	top: 487px;
  width: 640px;
  height: 15px;
}

/* Position menu buttons */

div.home {
  text-align: center;
  vertical-align:middle;
  position: absolute;
  left: 5px;
  top: 0px;
  width: 75px;
  height: 15px;
}

.home {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
}

.home a:link {
  color: #76848A;
  text-decoration: none;
}

.home a:visited {
  color: #76848A;
  text-decoration: none;
}

.home a:hover {
  color: #990000;
  text-decoration: none;
}

.home a:active {
  color: #76848A;
  text-decoration: none;
}

div.block1 {
  position: absolute;
  left: 81px;
  top: 0px;
  width: 5px;
  height: 15px;
}

div.about {
  text-align: center;
  vertical-align:middle;
  position: absolute;
  left: 159px;
  top: 0px;
  width: 75px;
  height: 15px;
}

.about {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
}

.about a:link {
  color: #4B5255;
  text-decoration: none;
}

.about a:visited {
  color: #4B5255;
  text-decoration: none;
}

.about a:hover {
  color: #990000;
  text-decoration: none;
}

.about a:active {
  color: #4B5255;
  text-decoration: none;
}

div.block2 {
  position: absolute;
  left: 158px;
  top: 0px;
  width: 5px;
  height: 15px;
}

div.services {
  text-align: center;
  vertical-align:middle;
  position: absolute;
  left: 159px;
  top: 0px;
  width: 75px;
  height: 15px;
}

.services {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
}

.services a:link {
  color: #5A6266;
  text-decoration: none;
}

.services a:visited {
  color: #5A6266;
  text-decoration: none;
}

.services a:hover {
  color: #990000;
  text-decoration: none;
}

.services a:active {
  color: #5A6266;
  text-decoration: none;
}

div.block3 {
  position: absolute;
  left: 235px;
  top: 0px;
  width: 5px;
  height: 15px;
}

div.gallery {
  text-align: center;
  vertical-align:middle;
  position: absolute;
  left: 82px;
  top: 0px;
  width: 85px;
  height: 15px;
}

.gallery {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
}

.gallery a:link {
  color: #687378;687378
  text-decoration: none;
}

.gallery a:visited {
  color: #687378;
  text-decoration: none;
}

.gallery a:hover {
  color: #990000;
  text-decoration: none;
}

.gallery a:active {
  color: #687378;
  text-decoration: none;
}

div.block4 {
  position: absolute;
  left: 322px;
  top: 0px;
  width: 5px;
  height: 15px;
}

div.green {
  text-align: center;
  vertical-align:middle;
  position: absolute;
  left: 323px;
  top: 0px;
  width: 75px;
  height: 15px;
}

.green {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
}

.green a:link {
  color: #3C4244;
  text-decoration: none;
}

.green a:visited {
  color: #3C4244;
  text-decoration: none;
}

.green a:hover {
  color: #990000;
  text-decoration: none;
}

.green a:active {
  color: #3C4244;
  text-decoration: none;
}

div.block5 {
  position: absolute;
  left: 399px;
  top: 0px;
  width: 5px;
  height: 15px;
}

div.clients {
  text-align: center;
  vertical-align:middle;
  position: absolute;
  left: 400px;
  top: 0px;
  width: 75px;
  height: 15px;
}

.clients {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
}

.clients a:link {
  color: #2D3133;
  text-decoration: none;
}

.clients a:visited {
  color: #2D3133;
  text-decoration: none;
}

.clients a:hover {
  color: #2D3133;
  text-decoration: none;
}

.clients a:active {
  color: #2D3133;
  text-decoration: none;
}

div.block6 {
  position: absolute;
  left: 476px;
  top: 0px;
  width: 5px;
  height: 15px;
}

div.press {
  text-align: center;
  vertical-align:middle;
  position: absolute;
  left: 235px;
  top: 0px;
  width: 85px;
  height: 15px;
}

.press {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
}

.press a:link {
  color: #1E2122;
  text-decoration: none;
}

.press a:visited {
  color: #1E2122;
  text-decoration: none;
}

.press a:hover {
  color: #990000;
  text-decoration: none;
}

.press a:active {
  color: #1E2122;
  text-decoration: none;
}


div.block7 {
  position: absolute;
  left: 563px;
  top: 0px;
  width: 5px;
  height: 15px;
}

div.contactus {
  text-align: center;
  vertical-align:middle;
  position: absolute;
  left: 320px;
  top: 0px;
  width: 75px;
  height: 15px;
}

.contactus {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
}

.contactus a:link {
  color: #0F1011;
  text-decoration: none;
}

.contactus a:visited {
  color: #0F1011;
  text-decoration: none;
}

.contactus a:hover {
  color: #990000;
  text-decoration: none;
}

.contactus a:active {
  color: #0F1011;
  text-decoration: none;
}