

/* global reset */
*{ margin: 0; padding: 0; }*
:focus, :active { outline: 0; }

body { font: .9em "Arial", Georgia, Sans-Serif; background: #fff url(../images/bg.gif) repeat-x; color: #333; }

a { color: #A82A15; text-decoration: none; }
img { border: 0; }
h1 {  float: left; margin: 20px 0 50px; font-size: 4em; color: #fff; }
h2 { font-size: 2.4em; font-weight: normal; margin: 0 0 20px; }
h2 a:hover { background: #A82A15; color: #fff; }
.hr { color: #ccc; }
.thumbs{
	width:80px;
	height:80px;
	float:left;
	margin:20px 8px 10px 35px;
	cursor: pointer;
	position:relative;
  left: 90px;
  border:1px #fff solid;
}
@media screen and (max-width: 360px) {
    .thumbs {
      left: 36px;
      margin:0px -2px 3px 3px;
    }
}
@media screen and (max-width: 320px) {
    .thumbs {
      left: 31px;
      margin:0px -2px 3px 3px;
    }
}


.thumbs:hover{
  /*border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  */
  border: 1px solid #ddd;
  opacity: 0.6;
}
.border{
  border:2px #ddd solid;
}
p  { margin-left:10px 5px; line-height: 1.2em; font-size:12px;}
#content { margin: 0 auto;}
#content1 { margin: 0 auto;}
#content2 { margin: 0 auto;}
#top { float: right; margin: 38px 0 30px 0;}
#top li { list-style: none; display: inline; }
#top li a { float: left; padding: 6px 20px; margin: 3px 2px 0 0; color: #ccc; }
#top li a.current { color: #fff; background: #A82A15; }
#top li a:hover { background: #808080; color: #fff; }
#intro { clear: both; padding: 15px 0 1px 20px; border: 1px solid #dedede; font-size: 1.3em; background: #eee; margin: 0 0 30px; }
#left { float: left; margin: -81px 0 15px; }
#right { float: right; width: 280px; }
#right h3 { border-bottom: 1px solid #ccc; margin: 0 0 10px; }
#right img { margin: 0 3px 3px 0; border: 2px solid #eee; padding: 2px; }
#right li { list-style: none; }
#right li a { display: block; border-bottom: 1px solid #ccc; padding: 5px 5px; }
#footer { clear: both; padding: 15px 0; }
#r { float: right; }

@media screen and (max-width: 360px) {
    #handle {
      top:-20px;
    }
}
@media screen and (max-width: 320px) {
    #handle {
      top:-20px;
    }
}