﻿body
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #808080;
  margin: 0;
  background-image: url(                 '../_images/gradient2.png' );
  background-repeat: repeat-x;
}

h1
{
  padding: 10px 30px 0px 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-large;
  font-weight: lighter;
  font-variant: normal;
  text-transform: lowercase;
  color: #C1946A;
}

h2
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
  color: #666666;
  padding: 0px 30px 0px 0px;
}

.Pad
{
padding-left:30px;
}

h3
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: large;
  color: #BA9C81;
  font-weight: lighter;
  padding-left: 10px;
}

h4
{
  margin: 0px 0px 0px 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: lighter;
  /*text-transform: uppercase;
  color: #1E3D5B;*/
  color: #BA9C81;
  position: relative;
}

h5
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-transform: none;
  color: #8A6A4D;
  font-weight: normal;
  font-variant: normal;
  padding-left: 30px;
  padding-right: 30px;
}

h6
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
  color: #666666;
  padding: 0px 30px 0px 0px;
}

a:link
{
  color: #643F1D;
  text-decoration: none;
}

a:visited
{
  color: #767D92;
  text-decoration: none;
}

a:hover
{
  color: #643F1D;
  text-decoration: underline;
}

a:active
{
  color: #808080;
  text-decoration: underline;
}

p
{
  padding: 10px;
  position: relative
}

/*central section with drop shadow*/

#backgrndpic
{
  width: 788px;
  background-image: url('../_images/background.gif' );
  position: relative;
  background-repeat: no-repeat;
  background-color: #E4E4E6;
}

#wrapper
{
  margin: 0 auto;
  width: 794px;
  text-align: left;
  background-image: url( '../_images/cntrbg.gif' );
  background-repeat: repeat-y;
}

#drop_shadow
{
  margin: 0 auto;
  width: 794px;
  height:10px;
  text-align: left;
  background: url( '../_images/cntrbttm.gif' ) no-repeat top;
}
	/*page top with columns left and right*/

#PageTop
{
  width: 100%;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #FFFFFF;
}
 
#colleftpagetop
{
  padding: 0px 10px 0px 30px;
  height: 175px;
  width: 200px;
  float: left;
  position: relative;
}
 
#colrightpagetop
{
  position: relative;
  height: 175px;
}

/*navigation list horizontal with pipes*/

#navigation
{
  color: #808080;
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  text-align: right;
  margin-bottom: 1em;
  margin-right: 2em;
  padding-top: 100px;
  font-style: normal;
  text-transform: lowercase;

}
 
#navigation li
{
  display :inline;
}

#navlist li
{
    border-left: 1px solid #000;
    float: right;
    line-height: 1.1em;
    margin: 0 .5em 0 -.5em;
    padding: 0 .75em 0 .5em;
    color: #957544;
}
hr
{
  font-family: Verdana;
  font-size: 1px;
  color: #FFFFFF;
  width: 788px;
  height: 3;

  left: 0px;
  font-weight: lighter;
}
	/*columns for nomad pic right floating section*/

  
img
{
  border:none;
}

/*central KM logo and text for right hand column*/
#box
{
  width: 175px;
  height: 175px;
  background-color: #9197A7;
  float: left;
  margin-top: 0px;
  position: relative;
}

#KM
{
  padding: 7px;
  width: 200px;
  height: 100px;
  font-family: Segoe UI, Arial, Helvetica, sans-serif;
  font-size: 36px;
  color: #FFFFFF;
  font-weight: lighter;
  text-transform: uppercase;
  position: relative;
  text-align: left;
  position: relative;
  float: left;
}

#FA
{
  padding: 20px 0px 7px 7px;
  width: 163px;
  height: 25px;
  font-family: 'Garamond';
  font-size: 30px;
  text-transform: lowercase;
  color: #FFFFFF;
  text-align: right;
  font-weight: lighter;
  position: relative;
  float: left;
  font-style: italic;
}

/*columms for home page*/
#colright
{
  position: relative;
  padding-top: 20px;
  padding-right: 30px;
}

/*columms for home page*/
#colleft
{
  padding: 20px 30px 0px 30px;
  float: left;
  position: relative;
  width: 300px;
}
  /*columms for abut me page*/
  
#colright1
{
  float:left;
  width:350px;
  padding-top: 100px;
  padding-right: 30px;
  padding-bottom:40px;
}
#colleft1
{
  padding: 0px 10px 10px 10px;
}
 
#colleftgall
{
  padding: 10px 10px 10px 10px;
}

#galldesc
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
  position: relative;
  padding-right: 30px;
  width: 533px;
  padding-left: 30px;
}

#PageBody
{
  width:100%;
}
 
#basket
{
    padding: 20px 50px 20px 50px;
    position: relative;
}
#basketempty
{
    padding: 20px 20px 20px 45px;
    position: relative;
}  
/*cleaner ensures other divs have finished*/
hr.cleaner 
{
  clear:both;
  height:1px;
  margin: -1px 0 0 0; padding:0;
  border:none;
  visibility: hidden;
}


#footer
{
  padding: 15px 0px 10px 0px;
  float: left;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #FFFFFF;
  position: relative;
  width: 100%;
}
#footerbookmark
{
    padding: 0px 10px 5px 350px;
    float: right;
    position: relative;
}
#LeftJustfiedGridColumn
{
  float: left;
  position: relative;
  width: 70px;
}
#RightJustfiedGridColumn
{
  float: right;
  position: relative;
  text-align: right;
}

.MyLeftAlign
{
  padding-right: 10px;
}

.MyRightAlign
{
  padding-left: 10px;
}

  #iwa
{
    padding: 0px 0px 10px 310px;
} 
