/* html tag overides */
body {
   color: white; 
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   background-color: black;
   background-position: center;
   background-repeat: no-repeat;
}

h1 {
   font-family : Times;
}

hr {
   color : red;
}


a {
   color : white;
   text-decoration : none;
}

a:visited{
   color : white;
}

a:hover {
   color : red;
}

.options{
   font-size   : 60%;
}

a.options:hover{
   color:black;
}

a:active{
   color : white;
}

a.menu:visited {
   color  : white;
   margin : 0;
}

a.menu:hover {
   color  : red;
   margin : 0;
}

a.menu:active {
   color : red;
}

strong {
   font-size   : 150%;
   font-style  : normal;
   font-weight : bold;
}

em {
   font-size   : 105%;
   font-style  : normal;
   font-weight : bold;
}

#small {
   font-size    : 105%;
   font-weight : bold;
}

#large {
   font-size    : 150%;
   font-weight : bold;
}

/*  */

#frontpage { 
   background-color: black;
   background-image: url("images\frontPage\logo.jpg");
   background-position: 470px 0px;
   background-repeat: no-repeat;
}

#badge {
   position : absolute;
   top      : 0;
   left     : 0;
}

#slogan {
   position : absolute;
   left     : 70;
   top      : 45;
}

#navBar {
   top      : 138px;
   left     : 0px;
   width    : 125px;
   position : absolute;
}

.hgateways{
   background-color    : red;
   border-bottom-width : 1pt;
   border-color        : red black red red;
   border-left-width   : 0pt;
   border-right-width  : 1pt;
   border-style        : solid;
   border-top-width    : 0pt;
   font-weight         : bold;
   padding             : 2pt;
}

.indexmainbody {
   position    : absolute;
   top         : 0px;
   left        : 136px;
   margin-left : 1em;
}

#contentBlock {
   position : absolute;
   top      : 120px ;
   left     : 136px;
}

.lhsFloatBox {
   float : left;
}

#company {  
   margin-top     : 5%; 
   background-color : black;
   font-family : courier;
}

#company h1 {
   text-align : center;
   color      : red;
   font-size  : 175%;
}

#servicesList {
   margin-left      : 28%; 
   margin-top       : 1%;
   font-size        : 120%;
   background-color : black;
}

#servicesList ul {
   
}

#motto {
   clear            : left;
   margin-right     : auto;
   text-align       : center;
   font-size        : 110%;
   margin-top       : 3em;
   color            : red;
   background-color : black;
}

.benefit {
   font-size   : 110%;
   font-weight : bold;
   text-indent : -2em;
   margin-left : 2em;
   color: red;
}

.other {
   font-size   : 110%;
   font-weight : bold;
   color: red;
}

.workshop{
   font-size   : 100%;
   text-indent : -2em;
   margin-left : 2em;
}

.usp { 
   font-size   : 100%;
   color       : white;
}

.ruleoverunder {
   border-color        : red black red red;
   background-color    : black;
   border-bottom-width : 1pt;
   border-left-width   : 0pt;
   border-right-width  : 1pt;
   border-style        : solid;
   border-top-width    : 1pt;
   line-height         : 110%;
   padding	       : 2pt;
}

.ruleunder {
   background-color    : black;
   border-bottom-width : 1pt;
   border-color        : red black red red;
   border-left-width   : 0pt;
   border-right-width  : 1pt;
   border-style        : solid;
   border-top-width    : 0pt;
   line-height         : 110%;
   padding             : 2pt;
}

#galleryFramework {
   width        : 100%;
   margin-left  : auto;
   margin-right : auto;
}

#galleryFramework td.lhCol {
   padding-right : 1em;
}

#galleryFramework td.rhCol {
   padding-left : 1em;
}

#galleryFramework * td  {
   text-align : center;
   padding-left   : 4em;
   padding-right  : 4em;
   padding-top    : .5em;
   padding-bottom : .5em;
}

.copyright { 
   text-align : center;
   font-size   : 60%;
}

.chalkboard {
   margin-top    : 2em;
   margin-bottom : 2em;
   text-align    : center;
}

/* top menu elements */
#Menu {
   width : 100%;
   text-align : left;
   font-size        : 125%;
}

#imgBar {
   width : 100%;
   text-align : left;
   font-size        : 125%;
}

#prevImgLink {
   text-align : center;
   width : 25%;
   background-color: red;
}

#nextImgLink {
   text-align : center;
   width : 25%;
   background-color: red;
}

#thumbsLink {
   text-align : center;
   width : 25%;
   background-color: red;
}

#sizeLink {
   text-align : center;
   width : 25%;
   background-color: red;
}