/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */
/* &&&&&&&&&&&& General &&&&&&&&&&&& */
/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

/* Main Containment Properties */
#sides {width: 785px; margin: 0 auto; background: transparent url(graphics/wrapside-sides-bg.png) repeat-y top center; padding-bottom: 0px;}
#bottom {width: 768px; margin: 0 auto; padding: 5px; background: transparent url(graphics/wrapside-btm-bg.png) no-repeat bottom center;}
#wrap {background: #fff; width: 768px; margin: 0 auto;}
#header {position: relative; background: #9d1312 url(graphics/header-bg.gif) no-repeat top left; height: 118px; margin: 0 auto; padding: 0; width: 768px;}

/* Main Content Section  */
#content p {margin: 6px 30px 0 30px; color: #434343;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content legend, #content table {margin: 15px 0 10px 30px;}
#content table {margin-bottom: 2em;}
#content ul, #content ol {padding-left: 44px;}

/* Main Content Area */
#content {margin: 0 auto; padding-bottom: 10px;}
* {margin: 0; padding: 0; font-weight: normal; font-style: normal; border: none;}
body {margin: 10px 0 0 0; padding: 0; background: #fff url(graphics/checker-bg.gif) repeat top left;}
#main-banner {margin-left: 30px; width: 706px; height: 205px;}
img {border: 0;}

/* Bread Crumbs */
#breadcrumbs {margin-top: 10px;}
#breadcrumbs a:link {color: #614829;}
#breadcrumbs a:visited {color: #614829;}
#breadcrumbs a:hover {color: #9c8160;}
#breadcrumbs a:active {color: #614829;}

#topnav {margin: 0; padding: 0; list-style-type: none; position: absolute; top: 89px; left: 0px; display: inline;}
#topnav .events a:link {display: block; height: 29px; width: 141px; background: transparent url("graphics/tn-our-services.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topnav .events a:visited {display: block; height: 29px; width: 141px; background: transparent url("graphics/tn-our-services.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topnav .events a:hover {display: block; height: 29px; width: 141px; background-image: url("graphics/tn-our-services.gif"); background-position: 0px -29px;}
#topnav .events a:active {display: block; height: 29px; width: 141px; background-image: url("graphics/tn-our-services.gif"); background-position: 0px -29px;}
#topnav .events {background: url("graphics/tn-our-services.gif") no-repeat top left; position: absolute; top: 0px; left: 0px; text-indent: -9000px; z-index: 12;}

#topnav .entertainment a:link {display: block; height: 29px; width: 253px; background: transparent url("graphics/tn-national-distribution.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topnav .entertainment a:visited {display: block; height: 29px; width: 253px; background: transparent url("graphics/tn-national-distribution.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topnav .entertainment a:hover {display: block; height: 29px; width: 253px; background-image: url("graphics/tn-national-distribution.gif"); background-position: 0px -29px;}
#topnav .entertainment a:active {display: block; height: 29px; width: 253px; background-image: url("graphics/tn-national-distribution.gif"); background-position: 0px -29px;}
#topnav .entertainment {background: url("graphics/tn-national-distribution.gif") no-repeat top left; position: absolute; top: 0px; left: 141px; text-indent: -9000px; z-index: 12;}

#topnav .equipment a:link {display: block; height: 29px; width: 156px; background: transparent url("graphics/tn-equipment.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topnav .equipment a:visited {display: block; height: 29px; width: 156px; background: transparent url("graphics/tn-equipment.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topnav .equipment a:hover {display: block; height: 29px; width: 156px; background-image: url("graphics/tn-equipment.gif"); background-position: 0px -29px;}
#topnav .equipment a:active {display: block; height: 29px; width: 156px; background-image: url("graphics/tn-equipment.gif"); background-position: 0px -29px;}
#topnav .equipment {background: url("graphics/tn-equipment.gif") no-repeat top left; position: absolute; top: 0px; left: 394px; text-indent: -9000px; z-index: 12;}

#topnav .gallery a:link {display: block; height: 29px; width: 218px; background: transparent url("graphics/tn-gallery.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topnav .gallery a:visited {display: block; height: 29px; width: 218px; background: transparent url("graphics/tn-gallery.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#topnav .gallery a:hover {display: block; height: 29px; width: 218px; background-image: url("graphics/tn-gallery.gif"); background-position: 0px -29px;}
#topnav .gallery a:active {display: block; height: 29px; width: 218px; background-image: url("graphics/tn-gallery.gif"); background-position: 0px -29px;}
#topnav .gallery {background: url("graphics/tn-gallery.gif") no-repeat top left; position: absolute; top: 0px; left: 550px; text-indent: -9000px; z-index: 12;}

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */
/* &&&&&&&&&& Typography &&&&&&&&&&& */
/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */
body {font: 62.5%/1.5 "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif; color: #604728;}

/* Misc */
#header .request a:link {display: block; height: 26px; width: 147px; background: transparent url("graphics/header-request.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#header .request a:visited {display: block; height: 26px; width: 147px; background: transparent url("graphics/header-request.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#header .request a:hover {display: block; height: 26px; width: 147px; background-image: url("graphics/header-request.gif"); background-position: 0px -26px;}
#header .request a:active {display: block; height: 26px; width: 147px; background-image: url("graphics/header-request.gif"); background-position: 0px -26px;}
#header .request {position: absolute; top: 19px; right: 22px; width: 147px; height: 26px; background: url("graphics/header-request.gif") no-repeat top left; position: absolute; text-indent: -9000px; z-index: 12;}

div.clear {clear: both; margin: 0; padding: 0;}


/* Headings */
h1 {cursor: pointer; display: block; height: 60px; width: 194px; background: transparent url(graphics/header-logo.gif) no-repeat top left; padding: 0; margin: 0; text-indent: -9000px; position: absolute; top: 16px; left: 19px;}
h2 {font-size: 2.8em; letter-spacing: 0; line-height: 1.0; color: #000; margin-bottom: 0.5em;}
h3 {font-size: 2.4em; letter-spacing: 0; line-height: 1.0; color: #000; margin-bottom: 0.5em;}
h4 {font-size: 1.8em; letter-spacing: 0; line-height: 1.0; color: #000; margin-bottom: 0.5em;}
h5 {font-size: 1.2em; letter-spacing: 0; line-height: 1.0; color: #000; margin-bottom: 0.5em;}

/* Headings with alternate gray color */
.h2althcolor {font-size: 2.8em; letter-spacing: 0; line-height: 1.0; color: #434343; margin-bottom: 0.5em;}
.h4althcolor {font-size: 1.8em; letter-spacing: 0; line-height: 1.0; color: #434343; margin-bottom: 0.5em;}
.h5althcolor {font-size: 1.5em; letter-spacing: 0; line-height: 1.0; color: #434343; margin-bottom: 0.5em; font-weight: bold;}

/* Home Page */
#home_4boxes {height: 133px; margin: 0 auto; padding: 0; width: 714px; list-style-type: none; position: relative;}

#home_4boxes .events a:link {display: block; height: 133px; width: 183px; background: transparent url("graphics/home-events-3.jpg") no-repeat top left; margin: 0; background-position: 0 0;}
#home_4boxes .events a:visited {display: block; height: 133px; width: 183px; background: transparent url("graphics/home-events-3.jpg") no-repeat top left; margin: 0; background-position: 0 0;}
#home_4boxes .events a:hover {display: block; height: 133px; width: 183px; background-image: url("graphics/home-events-3.jpg"); background-position: 0px -133px;}
#home_4boxes .events a:active {display: block; height: 133px; width: 183px; background-image: url("graphics/home-events-3.jpg"); background-position: 0px -133px;}
#home_4boxes .events {background: url("graphics/home-events-3.jpg") no-repeat top left; position: absolute; top: 0px; left: 0px; text-indent: -9000px; z-index: 12;}

#home_4boxes .entertainment a:link {display: block; height: 133px; width: 187px; background: transparent url("graphics/home-entertainment-2.jpg") no-repeat top left; margin: 0; background-position: 0 0;}
#home_4boxes .entertainment a:visited {display: block; height: 133px; width: 187px; background: transparent url("graphics/home-entertainment-2.jpg") no-repeat top left; margin: 0; background-position: 0 0;}
#home_4boxes .entertainment a:hover {display: block; height: 133px; width: 187px; background-image: url("graphics/home-entertainment-2.jpg"); background-position: 0px -133px;}
#home_4boxes .entertainment a:active {display: block; height: 133px; width: 187px; background-image: url("graphics/home-entertainment-2.jpg"); background-position: 0px -133px;}
#home_4boxes .entertainment {background: url("graphics/home-entertainment-2.jpg") no-repeat top left; position: absolute; top: 0px; left: 188px; text-indent: -9000px; z-index: 12;}

#home_4boxes .equipment a:link {display: block; height: 133px; width: 187px; background: transparent url("graphics/home-equipment-1.jpg") no-repeat top left; margin: 0; background-position: 0 0;}
#home_4boxes .equipment a:visited {display: block; height: 133px; width: 187px; background: transparent url("graphics/home-equipment-1.jpg") no-repeat top left; margin: 0; background-position: 0 0;}
#home_4boxes .equipment a:hover {display: block; height: 133px; width: 187px; background-image: url("graphics/home-equipment-1.jpg"); background-position: 0px -133px;}
#home_4boxes .equipment a:active {display: block; height: 133px; width: 187px; background-image: url("graphics/home-equipment-1.jpg"); background-position: 0px -133px;}
#home_4boxes .equipment {background: url("graphics/home-equipment-1.jpg") no-repeat top left; position: absolute; top: 0px; left: 380px; text-indent: -9000px; z-index: 12;}

#home_4boxes .gallery a:link {display: block; height: 133px; width: 186px; background: transparent url("graphics/home-gallery-2.jpg") no-repeat top left; margin: 0; background-position: 0 0;}
#home_4boxes .gallery a:visited {display: block; height: 133px; width: 186px; background: transparent url("graphics/home-gallery-2.jpg") no-repeat top left; margin: 0; background-position: 0 0;}
#home_4boxes .gallery a:hover {display: block; height: 133px; width: 186px; background-image: url("graphics/home-gallery-2.jpg"); background-position: 0px -133px;}
#home_4boxes .gallery a:active {display: block; height: 133px; width: 186px; background-image: url("graphics/home-gallery-2.jpg"); background-position: 0px -133px;}
#home_4boxes .gallery {background: url("graphics/home-gallery-2.jpg") no-repeat top left; position: absolute; top: 0px; left: 572px; text-indent: -9000px; z-index: 12;}

/* Home Page Stuff */
#gamelist {list-style: none; color: #434343; background: transparent url(graphics/gamelist-bg.gif) no-repeat top left; margin: 0 0 0 30px; width: 711px; height: 153px; padding-top: 5px;}
#gamelist p {font-size: 19px !important; color: #000;}
#gamelist ul {width: 675px; height: 75px; margin: 15px 0 0 40px; padding: 0px;}
#gamelist li {list-style: none; background: transparent url(graphics/gamelist-diamond.gif) no-repeat 1px 6px; margin: 0 0 5px 10px !important; padding-left: 1em; font-size: 17px; height: 25px; width: 118px; float: left;  color: #000; text-transform: uppercase;}
#gamelist li.short {margin: 0 0 15px 30px; width: 118px;}

#customrule {height:1px; width: 692px; background-color: #d4d4d4; margin: 20px 0 20px 30px;}

/* Clients Page */
#clientlist li {list-style-type: none;}

/* Equipment Page */
#equippage {margin: 5px 0 20px 30px;} 
#equippage img {border: 4px solid #e2d7b7; float: left; width: 195px; height: 120px; margin-right: 10px;}
#equippage p {margin-left: 212px; }
#equippage h4 {margin: 0 0 5px 0;}


/* Photo Gallery Page */
#photogallery {}
#photogallery ul {margin: 0 20px 0 20px; padding: 0; list-stype-type: none; text-indent: 0;}
#photogallery li {list-style-type: none; display: block; height: 95px; width: 127px; float: left; margin: 5px 12px 24px 5px; padding: 0;}
#photogallery li img {border: 3px solid #e2d7b7;}

/* Contact Page Stuff */
#contactinfo ul {padding: 0px; margin: 10px 0 0 30px; color: #434343;}
#contactinfolist {list-style-type: none; width: 250px;}
.employeenames {font-weight: bold;}
.employeeinfo {color: #777777;}

/* Proposal Request Page */

#requestform {margin: 15px 30px 15px 30px; font: 14px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif; color: #434343;}
#requestform label {padding: 5px; margin-right: 3px; float: left; width: 245px; font-weight: normal;}
#requestform input, textarea, select {padding: 5px; width: 210px; margin-bottom: 7px; background-color: #e1dfd8; border: 1px solid #cac8bf;}
#requestform textarea {width: 375px; height: 150px; border: 1px solid #cac8bf;}
input.submit {height: 29px !important; width: 132px !important; background: none !important; border: 0 !important;}

#requestform br {clear: left;}
#actinput:focus {background-color: #f0e4b1; border: 1px solid #d1c077;}
.reqformsubtext {color: #8a8a8a; font: 12px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;}
.reqselect {width: 222px;}

/* This is the special hidden field to block the pesky spambots exploiters - This works with the code added to the NMS FormMail script */
#requestform .surname {visibility: hidden;}


/* Links */
a:link, a:visited {color: #369;}
a {outline: none;}

/* General font-sizes */
#header p, #content p, #content ul, #content ol, #footer, #maincontent table {font-size: 15px;}
p, ul, ol {margin-bottom: 1em;}


/* Footer */

#footer {margin: 0 auto; clear: both; padding: 0 0 5px 0 !important; text-align: center; font-size: 11px;}
#footer {list-style-type: none; margin: 5px 0 5px 0; padding: 0; text-indent: 0;}
#footer li {display: inline; padding-left: 12px; margin-left: 3px; background: transparent url(graphics/listdot.gif) no-repeat 0px 0px;}
#footer li.first {margin-left: 0; padding-left: 0; background: none;}
#footer li a:link {color: #614829;}
#footer li a:visited {color: #614829;}
#footer li a:hover {color: #9c8160;}
#footer li a:active {color: #614829;}