﻿* {
  margin: 0;
  padding: 0
}

a {
  outline: none;
  color: #000000;
  text-decoration: none;
}

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

html {
  min-height: 101%
}

body {
  background: #202020 url(images/bgTile.png) repeat top;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  margin: 20px
}

h1 {
  font-size: 18px;
  line-height: 22px;
  color: #971B23;
  font-weight: bold;
  border-bottom: 1px #971B23 dotted
}

#home h1, #home h2 {
  margin-left: 10px;
  margin-right: 10px
}

#home h2 {
  border-top: 0
}

h2 {
  font-size: 18px;
  line-height: 22px;
  color: #971B23;
  font-weight: bold;
  border-bottom: 1px #971B23 dotted;
  border-top: 1px #971B23 dotted
}

body#tandc h2 {
  border-top: 0
}

h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: #971B23;
  margin-top: 10px
}

img {
  border: 0
}

#topWrap {
  width: 942px;
  height: 96px;
  padding: 10px;
  padding-top: 0;
  margin: 0 auto;
  background-color: #ffffff;
  border: 1px solid #000000;
  border-bottom: 0
}

#wrapper {
  width: 962px;
  margin: 0 auto;
  background-color: #F5F5F5;
  border: 1px solid #000000;
  border-top: 0
}

#textContainer {
  font-size: 14px;
  line-height: 22px;
  color: #971B23;
  font-weight: bold
}

#textContainer ul {
  list-style-type: none
}

p {
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 5px;
  text-align: justify
}

#topL {
  float: left;
  text-align: left;
}

#topR {
  font-family: "Times New Roman", Times, serif  ;
  float: right;
  text-align: right;
  color: #971b23;
  line-height: 30px;
  font-size: 20px;
  padding-top: 6px
}

#topR a {
  color: #971b23;
  text-decoration: none
}

#content {
  margin: 0 auto;
  background-color: #ffffff
}

#footer {
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  width: 100%;
  height: 20px;
  line-height: 20px;
}

#footer a {
  text-decoration: none;
  color: #ffffff
}

#slides {
  border-top: 1px solid #202020;
  border-bottom: 1px solid #202020;
  margin-bottom: 10px
}


#slides img {
  border: 0;
  border-right: 3px double #020202;
  cursor: pointer
}

#main {
  position: relative;
  width: 942px;
  text-align: justify;
  padding: 10px
}

#main2 {
  width: 758px;
  text-align: justify;
  float: left;
  padding-top: 10px;
  padding-bottom: 10px
}

#desc {
  width: 300px;
  padding-top: 10px;
  padding-left: 20px
}

#desc img {
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
  padding-left: 9px
}

#descDL {
  width: 300px;
  padding-top: 5px;
  text-align: left ;
  padding-bottom: 5px;
  margin-left: 20px;
  border-bottom: 1px dotted #971B23
}

#descDL a {
  text-decoration: none;
  color: #020202;
}

#descDL a:hover {
  text-decoration: underline;
  color: #020202;
}

#descBut {
  padding-top: 10px
}

.clear {
  clear: both;
  height: 0
}

#text {
  padding-left: 20px;
  padding-right: 20px
}

#map {
   width: 370px;
   height: 450px;
   border: 2px solid #020202
}

#reset {
  text-align: center
}

#reset a {
  color: #020202;
  text-decoration: none
}

#side_bar {
  width: 250px;
  height: 450px;
  border: 2px solid #020202;
  overflow: auto
}

#merCountry {
  font-size: 14px;
  padding: 5px;
  background-color: #971B23;
  color: #ffffff;
  border-top: 2px solid #020202;
  border-right: 2px solid #020202
}

#merHead {
  font-size: 12px;
  padding: 5px;
  background-color: #F2BBBF;
  border-top: 2px solid #020202;
  border-bottom: 2px solid #020202;
  border-right: 2px solid #020202
}

#merInfo {
  padding: 5px;
  border-right: 2px solid #020202
}

a#merLink {
  color: #020202;
  text-decoration: none
}

#bigPic {
  float: right;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 40px
}

.border {
  border: 1px solid #020202;
  padding: 3px
}

table.border {
  padding: 0
}

#quote {
  padding-top: 10px
}

#quote td {
  line-height: 20px
}

.quoteLink, a.quoteLink, a:hover.quoteLink {
  text-decoration: none;
  color: #020202
}

#balImg {
   float: left;
   margin-right: 10px;
   cursor: auto;
   border: 1px solid #020202
}

#qLink {
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #000000
}

form#qForm {
  font-size: 12px;
  line-height: 24px
}

form#qForm ol {
  list-style-type: none
}

form#qForm select {
  font-size: 12px;
  padding: 3px;
  border: 2px solid #000000
}
                      
#erMsg {
  color: red;
  font-weight: bold;
  font-size: 20px
}

#red {
  color: #971B23;
  font-size: 18px
}

#yel {
  color: #FFD700;
  font-size: 18px
}

#purple {
  color: #4B0082
}

#smRed {
  color: #981b23
}

.silvButton {
  font-size: 16px;
  font-weight: bold
}

.silvButton a {
  width: 250px;
  height: 40px;
  line-height: 40px;
  margin: 10px auto;
  text-align: center;
  display: block;
  color: #ffffff;
  background-image: url(images/button.png);
  background-repeat: no-repeat;
}

.silvButton a:hover {
  text-decoration: none;
  background-image: url(images/button2.png);
  background-repeat: no-repeat;
}

#home p {
  padding: 10px
}

#qbc {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 8px
}

#on {
  color: #971b23
}

#done {
  color: #808080;
  font-weight: normal
}

#cat ul {
  list-style-type: none
}

#cat li {
  width: 219px;
  float: left;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px
}

#cat li img {
  border: 1px solid #202020
}

#tech ul {
  list-style-type: none
}

#tech li {
  width: 175px;
  float: left;
  text-align: center;
  margin: 10px auto
}

#tech li img {
  border: 1px solid #202020
}

#pdf {
  line-height: 17px;
  padding: 2px;
  float: left
}

#tech li #pdf img {
  border: 0
}

#hpFootPic {
  height: 40px;
  width: 40px;
  text-align: center;
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  float: left;
  background-color: #ffffff;
  margin-bottom: 10px
}

#hpFoot {
  height: 40px;
  line-height: 20px;
  width: 822px;
  text-align: center;
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  background-color: #ffffff;
  color: #808080;
  margin-bottom: 10px;
  float: left
}

#pay_request {
  width: 600px;
  margin: 0 auto
}

#pay_request ul {
  list-style-type: none
}

#pay_request li {
  padding-bottom: 5px
}


#pay_request label {
  width: 250px;
  text-align: right;
  float: left;
  padding: 5px
}

#pay_request input {
  padding: 5px
}

/* Navigation */

/* positioning */

#menuLink {
position: absolute;
left: 45px;
top: -5px;
}

#navigation {
height: 30px;
width: 962px;
background-color: #000000
}

#navigation ul {
list-style-type: none;
}

#navigation li {
float: left;
position: relative;
font-size: 12px;
font-weight: bold;
}

#navigation li li {
float: none;
font-size: 12px;
}

#navigation a {
color: #ffffff;
display: block;
width: 106px;
line-height: 30px;
background-color: #000000;
text-decoration: none;
text-align: center;
border: 1px solid #202020;
border-left: 0
}

#navigation li li a {
height: auto;
background: none;
border: 0;
text-align: left;
margin: 0;
line-height: 24px;
}

#ddContainer {
position: absolute;
z-index: 99;
border: 1px solid #202020;
border-top: 0;
left: -10055px
}

#navigation li:hover #ddContainer {
display: block;
left: -98px
}

#navigation li#down:hover #ddContainer {
display: block;
left: -37px
}

/* styles for drop-down */
#ddContainer {
background-color: #000000;
padding: 10px;
padding-left: 0;
line-height: 24px;
width: 510px;
}

#ddContainer h4 {
color: #da1c23;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
border-bottom: 1px dotted #ffffff
}

#ddContainer a {
font-weight: bold;
color: #ffffff;
text-decoration: none;
padding-left: 10px;
width: auto !important;
}

#navigation #ddc1,
#navigation #ddc2, #ddc3 {
float: left;
width: 160px;
margin-left: 10px;
}

li#home a, li#all a, li#down a, li#contact a {
  background: url(images/downBG1.png) repeat-x;
  color: #ffffff
}

li#home a:hover, li#all a:hover, li#down a:hover, li#contact a:hover {
  background: url(images/downBG.png) repeat-x;
  color: #ffffff
}

li#prestige a, li#popular a, li#arke a, li#outdoor a, li#small a {
  color: #ffffff;
  background: url(images/arkBG1.png) repeat-x
}

li#prestige a:hover, li#popular a:hover, li#arke a:hover, li#outdoor a:hover, li#small a:hover {
  color: #ffffff;
  background: url(images/arkBG.png) repeat-x
}

li#prestige #ddContainer h4, li#prestige #ddContainer, li#popular #ddContainer, li#popular #ddContainer h4, li#arke #ddContainer, li#arke #ddContainer h4, li#popular #ddContainer a, li#outdoor #ddContainer, li#outdoor #ddContainer h4, li#small #ddContainer, li#small #ddContainer h4 {
  background: #f17951;
  color: #ffffff
}

li#arke #ddContainer a:hover, li#prestige #ddContainer a:hover, li#popular #ddContainer a:hover, li#outdoor #ddContainer a:hover , li#small #ddContainer a:hover {
  background: #D95224
}

li#down #ddContainer, li#down #ddContainer h4 {
  background-color: #E25C65;
  color: #ffffff
}

li#down #ddContainer a:hover {
  background: #971B23
}

/* Home Page */

#hpLeft {
  width: 280px;
  height: 290px;
  float: left;
  text-align: left
}

#hpLeft img {
  padding: 44px 0 44px 30px
}

#hpMiddle {
  width: 402px;
  height: 290px;
  float: left
}

#hpMiddle img {
  border: 1px solid #020202;
  border-bottom: 0
}

#hpMiddleText {
  width: 392px;
  padding: 0 5px 0 5px;
  height: 30px;
  line-height: 14px;
  color: #ffffff;
  background-color: #020202;
  font-size: 10px
}

#hpRight {
  width: 280px;
  height: 290px;
  float: left;
  text-align: right
}

#hpRight img {
  padding: 44px 30px 44px 0
}

/* Gallery page */

#prestigeBox {
  margin: 0 auto;
  margin-top: 10px;
  width: 730px;
  min-height: 171px;
  background-color: #222222;
  color: #c0c0c0;
  padding: 10px
}

#prestigeBox h2 {
  border: 0;
  color: #c0c0c0;
  padding:0;
  margin: 0
}

#prestigeBox img {
  border: 1px solid #c0c0c0;
  margin: 10px;
  margin-bottom: 0
}

#prestigeBox, #prestigeBox a, #prestigeBox a:hover, #popBox, #popBox a, #popBox a:hover {
  color: #c0c0c0;
  text-decoration: none;
  font-size: 10px
}

#popBox {
  margin: 0 auto;
  margin-top: 10px;
  width: 730px;
  min-height: 171px;
  background-color: #666666;
  color: #c0c0c0;
  padding: 10px
}

#popBox h2 {
  border: 0;
  color: #c0c0c0;
  padding:0;
  margin: 0
}

#popBox img {
  border: 1px solid #c0c0c0;
  margin: 10px;
  margin-bottom: 0
}

.arkBox {
  margin: 0 auto;
  margin-top: 10px;
  width: 730px;
  min-height: 171px;
  background-color: #c0c0c0;
  color: #222222;
  padding: 10px
}

.arkBox h2 {
  border: 0;
  color: #222222;
  padding:0;
  margin: 0
}

.arkBox img {
  border: 1px solid #222222;
  margin: 10px;
  margin-bottom: 0
}

.arkBox, .arkBox a, .arkBox a:hover {
  color: #222222;
  text-decoration: none;
  font-size: 10px
}