html {
    height:100%;
  /* Location of the image 
  background-image: url(IMG_0233.JPG);*/
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #FFFFF;

}

*
{ margin: 0;
  padding: 0;}

#page-wrap {
     width: 1000px;
     margin: 0 auto;
}

body { 
    /* font: normal .80em 'Times Roman', arial, sans-serif; */
    background: transparent;
    color: #555;
}

p
{ padding: 0 0 20px 0;
  line-height: 1.5em;
  font-size: 107%;}

img
{ border: 0;}

h1, h4, h5, h6 
{ font: normal 250% times roman;
  color: #636630;
  margin: 0 0 15px 0;
  padding: 5px 0 5px 0;}

h2
{ font: normal 170% times roman;
  color: #636630;  
  margin: 0;
  padding: 0 0 8px 0;}

h3
{ font: normal 170% arial;
  font-size: 200%;
  margin: 0 0 9px 0;
  color: #444;}

h4, h5, h6
{ margin: 0;
  padding: 0 0 5px 0;
  font: bold 70% times roman, sans-serif;
  color: #636630;
  line-height: 1em;}

h5, h6
{ font: italic 95% arial, sans-serif;
  color: #888;
  padding-bottom: 15px;}

h6
{ color: #362C20;}

a, a:hover
{ outline: none;
  text-decoration: none;
  color: #35BDF5;}

a:hover
{ text-decoration: underline;}

b, b:hover
{ outline: none;
  text-decoration: none;
  color: #7F5417;}

b:hover
{ text-decoration: underline;}

.left
{ float: left;
  width: auto;
  margin-right: 10px;}

.right
{ float: right; 
  width: auto;
  margin-left: 10px;}

.center
{ display: block;
  text-align: center;
  margin: 20px auto;}

ul
{ margin: 2px 0 22px 17px;}

ul li
{ list-style-type: circle;
  margin: 0 0 0 0; 
  padding: 0 0 4px 5px;}

ol
{ margin: 8px 0 22px 20px;}

ol li
{ margin: 0 0 11px 0;}

#main, #header, #logo, #menubar, #site_content, #footer
{ margin-left: auto; 
  margin-right: auto;}

#main
{ width: 1000px;
  background-image: img_0233.jpg;
  margin: 0px 10px 30px;
}

#header
{ width: 1002px;
  height: 116px;
  background-image: url("h2t-head.png");
  background-color: #636630;
  margin-left: 5px;
  margin-bottom: 5px;
  text-align: center;
  padding-left: 0px;
  padding-top: 0px;
  border-radius: 15px;
  border: 2px solid #636630;
  box-shadow: 10px 10px 5px #888888;

}

#logo
{ width: 1000px;
  float: left;
  height: 100px;
  background: transparent;
  padding: 0 0 0px 5px;}

#logo h1
{ font: normal 350% 'Yanone Kaffeesatz', arial, sans-serif;
  padding: 5px 0 0 7px;
  color: #F5F0EA;
  float: left;}

#logo h1 a
{ color: #35BDF5;
  text-decoration: none;}

#logo h1 a:hover
{ color: #555;
  text-decoration: none;}

.slogan
{ padding-top: 15px;
  padding-right: 30px;
  text-align: left;
  margin-left: 140px;
  margin-top: 25px;
  word-wrap: break-word;
  font: 200% 'Times Roman'; 
  color: #F5F0EA;}

#menubar
{ height: 30px;
  width: 1000px;
  margin: 20px 0px 0px auto;
  float: right;
  padding: 30px 0 0 0;
  background: transparent;
} 

ul#menu
{ float: right;}

ul#menu li
{ float: left;
  padding: 0 0 0px 0px;
  list-style: none;
  margin: 2px 0 0 0;
  background: transparent;}

ul#menu li a
{ font: normal 170% 'Yanone Kaffeesatz', sans-serif;
  text-decoration: none;
  color: #636630;
  display: block; 
  float: left; 
  height: 20px;
  padding: 7px 23px 15px 23px;
  text-align: center;} 

ul#menu li.current a
{ height: 20px;
  padding: 6px 22px 15px 22px;}

ul#menu li.current a
{ background: transparent;
  color: #636630;
  font-weight: bolder;
  text-decoration: underline;
}

ul#menu li a:hover
{ color: #F14E23;}

#site_content
{ width: 1025px;
  color: #636630;
  overflow: hidden;
  margin: 0 auto 0 auto;
  padding: 0;
  background: transparent;
} 

#sidebar_container
{ float: right;
  width: 250px;
  margin: 50px 5px 5px 10px;
  background: transparent;
}

/*sidebar internal settings - inside boxes*/
.sidebar
{ float: right;
  width: 220px;
  margin: 10px 5px 15px 10px;
  text-align: center;
  background: transparent;
  font: normal 14px 'charter', sans-serif;
  border-radius: 15px 50px;
  border: 2px solid #636630;
  box-shadow: 10px 10px 5px #636630;
  padding: 0px 10px 10px 10px;}

/*sidebar heading internal settings - inside boxes*/
.sidebar h3, .content h1
{ padding: 2px 2px;
  text-align: center;
  font: bold 15px times roman;
  color: #636630;
  margin: 0 1px;}

.sidebar h1
{ padding: 5px 0 0 0;}

#content
{ text-align: justify;
  background: transparent;
  font: normal 16px 'charter', sans-serif;
  width: 700px;
  /*Padding 1=top, 2=left, 3=bottom, 4=right*/
  padding: 25px;
  margin-left: 25px;
  margin-top:15px;
  margin-right: 1000px;
}

#content ul
{ margin: 2px 0 10px 0px;}

#content ul li
{ list-style-type: none;
  background: transparent;
  margin: 0 0 10px 0; 
  padding: 0 0 4px 35px;
  line-height: 1.5em;}

#footer
{ clear: both;
  width: 100%;
  font: normal 100% 'charter', arial, sans-serif;
  height: 85px;
  padding: 20px 0 5px 0;
  text-align: center; 
  color: #636630;
  background: transparent;
  margin-bottom: auto;}

#footer p
{ padding: 0 0 10px 0;}

#footer a, #footer a:hover
{ color: #00BFFF;
  text-decoration: none;}

#footer a:hover
{ color: #00BFFF;
  text-decoration: none;}

.gallery img
{ position:absolute;}

.form_settings
{ margin: 5px 0 0 0;}

.form_settings p
{ padding: 0 0 10px 0;}

.form_settings span
{ padding: 5px 0; 
  float: left; 
  width: 170px; 
  text-align: left;}
  
.form_settings input, .form_settings textarea
{ width: 500px; 
  font: 100% 'trebuchet ms', arial;
  border: 0;
  border: 4px solid #eee;
  padding: 5px 10px;
  background: #fff;
  color: #000000;}
  
.form_settings .submit
{ border: 0; 
  width: auto;
  margin: 0 0 0 200px; 
  cursor: pointer; 
  color: #35BDF5;
  border: 4px solid #ddd;
  padding: 5px 15px;
  background: #fff;
  font: normal 140% 'Yanone Kaffeesatz', sans-serif;}

.form_settings textarea, .form_settings select
{ font: 100% 'trebuchet ms', arial; 
  border: 4px solid #eee;
  padding: 5px 10px;
  background: #fff;
  width: 500px;
  overflow: auto;}

.form_settings select
{ width: 252px;}

.form_settings .checkbox
{ margin: 4px 0; 
  padding: 0; 
  width: 14px;
  border: 0;
  background: none;}

.search
{ color: #666;
  border: 1px solid #eee;
  margin: 0;
  padding: 10px 5px;
  width: 189px;
  color: #F14E23;}
  
.subscribe
{ color: #35BDF5;
  border: 1px solid #ddd;
  padding: 5px 10px;
  background: #fff;
  float: right;
  cursor: pointer;
  margin: 0;
  font: normal 140% 'Yanone Kaffeesatz', sans-serif;}
 
table {
    width:100%;
}

table#t01 th	{
    background-color: #636630;
    color: #fff;
    text-align: center;
    border-collapse:separate;
    border:solid #636630 1px;
    border-radius:6px;
    -moz-border-radius:6px;
}
    
table#t01 td	{
    background-color: transparent;
    color: #636630;
    text-align: center;
    border-collapse:separate;
    border:solid #636630 1px;
    border-radius:6px;
    -moz-border-radius:6px;
}
table#t02 th, td	{
    width: 15%;
    table-layout: fixed;
    background-color: transparent;
    color: #636630;
    vertical-align: top;
    text-align: left;
    padding: 10px;
    border:solid #636630 1px;
    border-radius:6px;
    -moz-border-radius:6px;
    list-style:disc inside;
}
table#t03 th, td	{
    width: 15%;
    table-layout: fixed;
    background-color: #fff;
    color: #636630;
    vertical-align: top;
    text-align: middle;
    padding: 10px;
    border-radius:6px;
    -moz-border-radius:6px;
    list-style:disc inside;
}

table#t04 th, td	{
    width: 15%;
    table-layout: fixed;
    background-color: transparent;
    color: #636630;
    vertical-align: top;
    text-align: left;
    padding: 10px;
    border-radius:6px;
    -moz-border-radius:6px;
    list-style:disc inside;
}

.roundrect {
border-radius: 15px;
}

#images {   
    width: 600;
    margin-top:10px;
    margin-left: 25px; 
    margin-right: auto;

     text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
#images a {
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.stretch {
    width: 50%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

fieldset { overflow:hidden }
.some-class { float:none; clear:none; }
label { float:none; clear:none; display:block; padding: 2px 1em 0 0; }
input[type=radio], input.radio { float:left; clear:none; margin: 0px 0 0 2px; }

#cut-diamond {
    border-style: solid;
    border-color: transparent transparent #636630 transparent;
    border-width: 0 25px 25px 25px;
    height: 0;
    width: 50px;
    position: relative;
    margin: 20px 0 50px 0;
    }
    
#cut-diamond:after {
    position: absolute;
    top: 25px;
    left: -25px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #636630 ;
    border-width: 70px 50px 0 50px;
    }
    
.element{
  shape-outside: IMG_0120.jpg(50%);
  width: 100px;
  height: 100px;
  float: left;
}