/******************************************************************************************

       ktg.css:      Master CSS Style definiations for the www.kel-t-grafix.com website
       Version:      1.0
       Created by:   Jeremy Thorson
       Date:         November 22nd, 2006

******************************************************************************************/



/******************************************************************************************
      Body Definition
******************************************************************************************/
body {
  background-color: #707028;
  background-image: url(/final/images/grn2grngrad.jpg);
  background-repeat: repeat-y;
  background-position: 100% 100%;
  text-align: center;
  margin: 5px auto;
  }

/******************************************************************************************
      Background, Layout, and Positioning
******************************************************************************************/
#container {
  background-image: url(/final/images/red2redgrad.jpg);
  text-align: center;
  vertical-align: top;
  position: relative;
  top: 65px;
  width: 700px;
  min-height: 410px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 40px;
  border: solid 2px #da832b;
  }

#leftbar {
  background-color: #a67e3b; 
  position: absolute; 
  top: 90px;
  left: 0;
  width: 50%;
  height: 10px;
  }

#rightbar {
  background-color: #7a433d;
  position: absolute;
  top: 90px;
  left: 50%;
  width: 50%;
  height: 10px;
  }

#centerbar {
  background-color: #981e17;
  position: absolute;
  top: 90px;
  left: 50%; 
  width: 700px;
  height: 10px;
  margin-left: -350px;
  }

#logo {
  background-image: url(/final/images/ktgweblogo.gif);
  position: absolute;
  top: 18px;
  left: 50%;
  width: 235px;
  height: 130px;
  margin-left: 145px;
  }


/******************************************************************************************
      Borders
******************************************************************************************/

/* 1px Gold */
.ktgBorder1 {
  border: 1px solid #F91;
  }
.ktgBorder1R {
  border-right: 1px solid #F91;
  }
.ktgBorder1L {
  border-left: 1px solid #F91;
  }
.ktgBorder1T {
  border-top: 1px solid #F91;
  }
.ktgBorder1B {
  border-bottom: 1px solid #F91;
  }

/* 1px Grey */
.ktgBorder2 {
  border: 1px solid #aaa;
  }
.ktgBorder2R {
  border-right: 1px solid #aaa;
  }
.ktgBorder2L {
  border-left: 1px solid #aaa;
  }
.ktgBorder2T {
  border-top: 1px solid #aaa;
  }
.ktgBorder2B {
  border-bottom: 1px solid #aaa;
  }


/* 1px Red */
.ktgBorder3 {
  border: 1px solid #400;
  }
.ktgBorder3R {
  border-right: 1px solid #400;
  }
.ktgBorder3L {
  border-left: 1px solid #400;
  }
.ktgBorder3T {
  border-top: 1px solid #400;
  }
.ktgBorder3B {
  border-bottom: 1px solid #700;
  }


/******************************************************************************************
      Text and Links
******************************************************************************************/
a, a:active, a:visited {
  text-decoration: none;
  color: #F09010;
  }

a:hover, {
  text-decoration: underline;
  color: #F7F5D9;
  }

#navigation {
  margin-left: 10px;
  text-align: left;
  vertical-align: bottom;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
  color: #F09010;
  }

.titlebar {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
  color: #000;
  font-weight: bold;
  }

.textbox_text {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
  color: #F09010;
  }

.quicklinks_title {
  color: #F09010;
  }

.quicklinks_text {
  color: #FBC07C;
  }

.copyright {
  font-size: 70%;
  color: #F90;
  }


/******************************************************************************************
      Main Page Frame
******************************************************************************************/

.outerFrame {
  margin-top: 40px;
  margin-bottom: 30px;
  width: 96%;
  padding: 0px;
  text-align: center;
  }

.innerFrame {
  width: 100%;
  padding: 0px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  vertical-align: top;
  }


/******************************************************************************************
      TextBox
******************************************************************************************/

.panel {
  padding: 0px;
  border: 0;
  vertical-align: top;
  width: 100%;
  }

.swirl {
  background-image: url(/final/images/swirl_bottom.gif);
  width: 100px;
  height: 147px;
  border: 0 0;
  padding: 0 0;
  vertical-align: top;
  }

.swirl_top {
  background-image: url(/final/images/swirl_top.gif);
  width: 100px;
  height: 35px;
  border: 0 0;
  padding: 0 0;
  vertical-align: top;
  }

.panel_spacer {
  background-image: url(/final/images/leftspacer.gif);
  width: 100px;
  border 0 0;
  padding: 0 0;
  vertical-align: top;
  }

.panel_title {
  background-image: url(/final/images/title.gif);
  height: 35px;
  text-align: right;
  }

.panel_title_cap {
  background-image: url(/final/images/title_spacer.gif);
  }

.panel_content {
  background-image: url(/final/images/textbox_gradient.gif);
  width: 100%;
  }

.textbox {
  padding: 7px;
  padding-right: 15px;
  text-align: left;
  vertical-align: top;
  padding-bottom: 15px;
  }


/******************************************************************************************
      Quicklinks
******************************************************************************************/

.quicklinks {
  border: 0 0;
  width: 180px;
  padding: 0px;
  text-align: center;
  }

.quicklinks_header {
  background-image: url(/final/images/ornament.gif);
  width: 180px;
  height: 40px;
  vertical-align: bottom;
  text-align: center;
  }

.quicklinks_textbox {
  background-color: #5F0600;
  }

.quicklinks_textbox p {
  margin: 0px;
  padding: 0;
  margin-top: 10px;
  }

a.quicklink:link, a.quicklink:visited {
  text-decoration: none;
  color: #FBC07C;
  }

a.quicklink:hover {
  text-decoration: underline;
  color: #F7F5D9;
  }



/******************************************************************************************
      Quote
******************************************************************************************/

.quote {
  border: 0 0;
  padding 0 0;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 75%;
  color: #F90;
  }

.quote2 {
  text-align: right;
  color: #FBC07C;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
  }