/*   ***************************************************************    */
/*   Liquid three column layout designed by Diron Graphics and Design   */
/*   All rights reserved 2005/2006/2007/2008/2009.                                               */

/* ---------------  ELEMENTS -------------- */
 a:visited, a:link {
	color: #C8335C;
	font-weight: bold;
	text-decoration: underline;
   }

a:active, a:hover {
	color: #618C51;
	font-weight: bold;
	text-decoration: underline;
   }

/* The 'click' hack for Internet Explorer */
/*a:visited {
  color:#D96886;
  }*/

body {
 	color: #F3F3F3 ;           /* #E8ADB6;*/
	font: 11px Verdana, Arial, sans-serif;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
    background-color: #000000 ;
    background-image: url(images/bg7.jpg);
    background-position: top left;
    background-repeat: repeat;
}
h1 {
   color: #E8ADB6;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
   line-height: 150%;
   }

h2 {
	color:  #E8ADB6;
	font-size: 16px;
	font-weight: bold;
   letter-spacing: 1px;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 150%;
   }

h3 {
	color: #000;
	font-weight: bold;
   letter-spacing: 1px;
   text-align: center;
   font-size: 16px;
   }

h4 {
	color: #000;             /*#B56570*/
	font-size: 12px;
	font-weight: bold;
	letter-spacing: normal;
   text-align: center;
}

h5 {
   color: #D5BFFF;
	font-size: 16px;
	font-weight: bold;
   letter-spacing: 1px;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 150%;
   text-align: center;
}
.breadcrumb {
    font-size: 12px;
}


ol li, ul li {
   margin-bottom:1em;
   }



/* -------------- CLASSES -------------- */

.btfeaturebox1 {
	background-image: url(images/bk1.jpg);
	background-repeat: repeat-y;
   color: #000000;
   }
/*.btfeaturebox1 p {
    text-align: center;
    text-transform: capitalize;
}*/

.btfeaturebox2 {
	background-image: url(images/bk2.jpg);
	background-repeat: repeat-y;
    color: #000000;
   }

.infobox {
	color: #000000;
	font: 11px Verdana, Arial, sans-serif;
    max-width: 100px
   }

.btinfoboxbk2 {
    border: 3px #D6C9B9 double;
	font-size: 10px;
   }
.infobox2 {
    border: 3px #D6C9B9 dashed;
	font-size: 12px;
    padding: 1em;
    width: 80%;
    margin-top: 6px;
   }
.tdtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #E6B391;
   }
.righttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    text-align: justify;
    width: 155px;
    padding: 12px;
   }
.tdtext1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #F4E159;
    font-variant: small-caps;
    font-weight: bold;
}

.trtext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 14px;
    color: #F3DBCB;
    font-weight: bold;
    font-variant: small-caps;
    text-align: center;
   }

.title {
   color: #E8ADB6;
	font-size: 14px;
	font-weight: bold;
  	font-family: Arial, Helvetica, sans-serif;
   }

p.title {
    color: #E8ADB6;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
   }
p.small {
    font-size: .95em;
}
p.tiny {
    font-size: .85em;
    font-style: italic;
}

p.pay {
    line-height: 150%;
    font-size: 1em;
    padding: 0em 4em 0em 0em;                /*  top right bottom left  */
}

p.ty {
    font-size: 1.5em;
    line-height: 200%;

}
p.contract {
    color:#E8ADB6;
    font-weight: bold;
    font-size: 14px;
}


.box {
    border: 2px dashed #6E6E6E;
    background-color: #FFFFEC;
    padding: .5em;
    font-family: "Courier New", Courier, monospace;
}
.boxform {                       /*    home page form info  */
    border: 2px dashed #D6C2B1;
    background-color: transparent;
    padding: 6px;
    font: normal normal normal 1em 100% Verdana, Arial,;
}


.sitemap {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #F3DBCB;
   line-height: 130%
   }

.dropcap {
    font-family: Georgia, Times New Roman;
    color: #E2E2E2;
    font-size: 28px;         /* 22px; */
    font-weight:normal;
    line-height: 100%;          /* 80%; */
}

.imgctr {
    text-align: center;
    padding: .5em 0 .5em 0;
}

.imgleft {
float: left;
padding: 3px;
margin: 6px;
border: 1px solid #BEBEBE;
}
.imgleftnb {
float: left;
padding: 3px;
margin: 3px;
border: 0px solid #BEBEBE;
}
.imgright {
float: right;
padding: 3px;
margin: .5em;
border: 1px solid #BEBEBE;
}
.imgrightnb {
float: right;
padding: 3px;
margin: .5em;
}

.qte {
   	color: #B3D7BD;
	font-weight: bold;
    text-indent: 2em;
    font-style: italic;
    font-size: 16px;
}


/* -------------- IDENTIFIERS -------------- */

#container {
   width: 95%;
   margin: 10px auto;
   line-height: 140%;
   }

#galcontainer {
   width: 95%;
   margin-left: 255px;
   margin-right: 200px;
   margin-top: 0%;
   margin-left: 255px;
   padding: 1em;
   max-width: 65em;
   }

#top {
   padding: .5em;
   background-color: #ddd;
   }

#fixedtipdiv{
    position:absolute;
    padding: 2px;
    border:3px solid #E8ADB6;
    font:normal 10px Verdana;
    color: black;
    line-height:14px;
    z-index:100;
    }



#top h1 {
   padding:0;
   margin: 0;
   }

#leftnav {
   float: left;
   width: 255px;
   margin: 0;
   padding: 3px;
   background-image: url(images/bg_dironblack.jpg);
   background-position: top;
   background-repeat: no-repeat;
   background-color: transparent;
   color: #C3C3C3;
   }

#leftnav2 {
   float: left;
   width: 255px;
   margin: 0;
   padding: 1em;
   background-image: url(images/bk_dironblu.jpg);
   background-position: top;
   background-repeat: no-repeat;
   color: #C3C3C3;
   }

#sshore  {
  float: right;
  padding: .5em;
   }
#sshorer  {
  float: right;
  padding: .5em;
   }

#sshorel {
  float: left;
  padding: .5em;
   }
#sshorel2 {
  float: left;
  padding: .5em;
   }
#sshorel3 {
  float: left;
  padding: .5em;
   }


#rightnav {
   float: right;
   width: 200px;
   padding: .5em;
   position: relative;
   margin-top: 0;
   color: #C3C3C3;
   }
#rightnav3 {
   float: right;
   width: 200px;
   padding: .5em;
   position: relative;
   margin-top: 10%;
   color: #C3C3C3;
   border: 2px dotted #C3C3C3;
   }

#rightnav2 {
   float: right;
   width: 200px;
   padding: .5em;
   position: relative;
   margin-top: 15%;
   text-indent: 1em;
   }

/*
ul#rightnav {
  text-align: left;
  list-style-type: disc;
  width: 70%;

}

ul#rightnav li {
  display: block;
  line-height: 15px;
  white-space: nowrap;
}
*/



#bottomnav {
   color: #CCB5A3;
   font-size: 11px;
   padding: 2em;
   text-align: center;
   clear: both;
   vertical-align: text-bottom 100%;
   }


#content {
   margin-left: 255px;
   margin-right: 210px;
   padding: 1.25em;
   max-width: 65em;     /* original 55em  */
   text-align: justify;
   font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
   margin-top: 0%;
   color: #C3C3C3;
   line-height: 140%;
   background-color: transparent;
   }
#contentleft {
 /*  margin-left: 255px;   */
   float: left;
   padding: 1.25em;
   width: 33em;     /* original 55em  */
   text-align: justify;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin-top: 0%;
   color: #C3C3C3;
   line-height: 140%;
   background-color: transparent;
   }
#contentright {
   /*margin-left: 255px; */
  /* margin-right: 210px; */
  float: left;
   padding: 1.25em;
   max-width: 33em;     /* original 55em  */
   text-align: justify;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin-top: 0%;
   color: #C3C3C3;
   line-height: 140%;
   background-color: transparent;
   }
#content input,select,textarea {    /*   response-0-matic formatting. */
    background-color: #BEA3B8;
}

#tycontent {
   margin-left: 255px;
   margin-right: 200px;
   padding: 1em;
   max-width: 65em;     /* original 55em  */
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin-top: 15%;
   color: #F3DBCB;
   line-height: 130%
   }



#fullcontent {
   margin-left: 1em;
   margin-right: 1em;
   padding: 1em;
   max-width: 75em;     /* original 55em  */
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   margin-top: 2%;
   color: #F3DBCB;
   line-height: 130%;
    text-align: left;
   }

#xmascontent {
   margin-left: 255px;
   margin-right: 200px;

   padding: 1em;
   max-width: 65em;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   margin-top: 5%;
   color: #F3DBCB;
   line-height: 130%;
   background-image: url(images/xmasimage.jpg);
   background-repeat: no-repeat;
   background-position: top;

}

#content2 {
   margin-left: 255px;
   margin-right: 5px;
   padding: 3px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #F3DBCB;
   margin-top: 0;
   }

#bgcontent {
    margin-left: 260px;
   margin-right: 5px;
   padding: 3px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #F3DBCB;
   margin-top: 1em 0em 0em 0em;
   max-width: 65em;
}


#content3 {
   background-image: url(images/content3.jpg);
   background-position: top;
   background-repeat: no-repeat;
	margin-left: 255px;
 	margin-right: 5px;
 	padding: 5px;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 12px;
   color: #F3DBCB;
 	margin-top: 0%;
   }

#footer {
   clear: both;
   margin: 0;
   padding: .5em;
   border-top: 1px solid #CCB5A3;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #C3C3C3;
   text-align: center;
   }

 #leftnav p, #rightnav p #leftnav2 p {
   margin: auto;                                      /*top right bottom left*/
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #CCB5A3;
   }

 #content h2 {
   margin: 0 0 .5em 0;
   }

 #infobox {
	color: #000000;
	font: 11px Verdana, Arial, sans-serif;
   }

 #leftnav2 ul {
   text-align: left;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #CCB5A3;
   }

#testimonials {
	border-right-color: #CCB5A3;
   /*border-right-style: ridge;
   border-right-width: thin;*/
   margin: 0;
   }

 /*Below: These are used for the navigation menu on the left side.*/

 #navcontainer {
   background: transparent;            /* #B3D7BD;*/    /* #CCB5A3; */
   width: 75%;
   margin: 19.5em 0em 0em 0em;
   padding: 1em 0em 1em 0em;
   font-family: Tahoma, Arial, sans-serif;
   font-size: 13px;
   text-align: left;
text-transform: lowercase;
/*border: 3px solid #85453B; */
   }


ul#navlist {
   text-align: left;
   list-style-type: none;
   padding: 0em 0em 0em 0em;
   margin: auto;
   width: 75%;
   }

ul#navlist li {
   display: block;
   margin: 0;
   padding: 0;
   }

ul#navlist li a {
   display: block;
   width: 100%;
   padding: 0.5em 0em 0.5em 1em;  /*top right bottom left*/
   border-width: 1px;
   border-color: #aaab9c;
   border-style: solid;
   color: #B9B9B9;
   text-decoration: none;
   background: #37152D;               /*  #f7f2ea;  */
   }

#navcontainer>ul#navlist li a {
   width: auto;
   }

ul#navlist li#active a {
   background: transparent;         /*    #f0e7d7;     */
   color: #E10000;
   }

ul#navlist li a:hover, ul#navlist li#active a:hover {
   color: #E10000;
   background: transparent;
   border-color: #6E6E6E;
   }
/*End of Navigation Menu*/
/*     ***************************  style for forms only   */

form.cmxform fieldset {
  margin-bottom: 5px;
  background-color: transparent;

}
                                                  /*  top right bottom left  */
form.cmxform legend {
  padding: 0px 4px 0px 4px;
  font-weight: bold;
  color: #FF0033;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.5em;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0px 3px 0px 3px;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding:  .25em;          /*  5px;    */
  margin: 0 0 .5em 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px;

}
form.cmxform fieldset fieldset legend {
  padding: 5px;
  font-weight: normal;

}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #FF0033;
}
form.cmxform label {
  width: 100px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

.sbmit {
    margin-left:  40%;
}
.sbmit1 {
   /* margin-left:  25%;    */
    text-align: center;
}



/* ----------------  CSS for the LOGO Gallery ONLY --------------------- */

/* Removing the list bullets and indentation */
ul#gallery {
  padding:0;
  margin:0;
  width:448px;
  height:336px;
  position:relative;
  list-style-type:none;
  background:#888;

  }

/* Resize the images to 64px x 48px */
#gallery a img {
  position:relative;
  width:62px;
  height:46px;
  border:1px solid #888;
  z-index:100;
  }

/* Default style for list items */
#gallery li {
  width:64px;
  height:48px;
  float:left;
  z-index:100;
  }

/* Styling the left side of the display area */
#gallery li.lft {
  float:left;
  clear:left;
  }

/* Styling the right side of the display area */
#gallery li.rgt {
  float:right;
  clear:right;
  }

/* Force the bottom row of images into place (IE only) */
#gallery li.pad {
  height:0;
  display:block;
  margin-top:-2px;
  width:448px;
  font-size:0;
  }

/* Getting rid of the image gaps */
#gallery a {
  position:relative;
  width:64px;
  height:48px;
  display:block;
  float:left;
  z-index:100;
  cursor:default;
  }

/* Resizing the link on hover */
#gallery a:hover {
  width:160px;
  height:120px;
  padding:108px 144px;
  position:absolute;
  left:0;
  top:0;
  z-index:20;
  }

/* Resizing the thumbnail on hover */
#gallery a:hover img {
  background:#eee;
  position:relative;
  width:160px;
  height:120px;
  border:0;
  z-index:20;
  }

/* Resizing the link when 'clicked' */
#gallery a:active, #gallery a:focus {
  background:transparent;
  width:320px;
  height:240px;
  padding:48px 64px;
  position:absolute;
  left:0;
  top:0;
  z-index:10;
  }

/* Resizing the image when 'clicked' */
#gallery a:active img, #gallery a:focus img {
  background:#eee;
  position:relative;
  width:320px;
  height:240px;
  border:0;
  z-index:10;
  }


/* Adding the background image */
ul#gallery {
  padding:0;
  margin:0;
  width:448px;
  height:336px;
  position:relative;
  background:#888 url(images/gallery/bkmain_logo.jpg);
  }

/* hack for Opera 7+ */
@media all and (min-width:0px){
#gallery a:hover {
  background:#888;
  width:320px;
  height:240px;
  padding:48px 64px;
  position:absolute;
  left:0;
  top:0;
  z-index:10;
  }
#gallery a:hover img {
  background:#aaa;
  position:relative;
  width:320px;
  height:240px;
  border:0;
  z-index:10;
  }

 /*  begin top navlist */

#topnavcontainer  {
   font-family: arial;
   font-weight: bold;
   background: #CCB5A3;
   position: absolute;
   right: 1em;
   margin: 0;
   padding: 8px;
   border: 0;
   }

div#topnavcontainer ul {
   display: inline;
   margin: 0;
   padding: 0;
   list-style: none;
   border: solid 1px #CCB5A3;
   }

div#topnavcontainer h2 {
   border: solid 1px #CCB5A3;
   padding: 4px;
   text-align: center;
   }

div#topnavcontainer ul li {
   display: inline;
   margin: 0;
   }

div#topnavcontainer ul li a {
   color: #777;
   background: #f7f2ea;
   margin: 0;
   padding: 2px 5px 2px 5px;
   text-decoration: none;
   }

div#topnavcontainer ul li a:hover {
   background: #FFEBCD;
   border-bottom: solid 9px #00008B;
   }

/*  end top navlist   */