/*Eric Meyers Browser Reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding: 0;margin: 0;outline: 0}
fieldset, img { border: 0;outline: 0}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
q:before, q:after {content: '';}
abbr, acronym { border: 0;}
:focus {outline: 0;}

body {
	font:normal 62.5% "Georgia", serif;
	background: #FDFDFA url(images/bg-main-2.jpg) no-repeat top center;
}

body.home{
	background: #FDFDFA url(images/bg-main-analog.jpg) no-repeat top center;
}

a {color:#0196BE; text-decoration:none;}
a:hover {}

h1 {font-size:2.8em;font-weight:500;color:#685825;text-align:right;padding-top:40px;padding-right:35px;}
h2 {font-size:2.0em;font-weight:500;color:#0196BE;padding:4px 0 0 0;margin: 10px 0 0 0; border-top: 1px solid #685825}
h3 {font-size:1.25em}   
h4 {font-size:1em} 

div#logobox {text-align:center; padding: 0pt;padding-top: 30px;}
div#pagetitle {font:bold 1.7em "Georgia" serif; color:#999;font-weight:500;margin-bottom:25px;}
div#wrapper {
position:relative;
display:block;
clear:both;
left: 50%;
margin-left: -433px;
background-color: transparent;
width:866px;
}
#maincontainer {display:block; clear:both;padding-top:20px;}
#leftnav {position:relative;float:left;width: 175px;padding-left:25px;background-color:transparent}

#content {position:relative;margin: 0 0 0 212px;padding:0pt 25px;background-color:transparent;margin-bottom:25px;}
#content p {font: normal 1.2em Arial, Helvetica, sans-serif;color:#433918;padding:2px 10px 10px 10px;line-height: 1.5em;} 

/*-----standard subnavigation-----*/

#subnav {position:absolute;left:28px;width: 200px;margin:3px 0 0 0;float: left;z-index:10;top:-55px;background-color:#FFF;padding-left:10px;}
#subnavbox {font:bold 1.6em "Georgia", serif;}
#subnavbody {margin: 0px;}
#subnav ul {margin: 0px;padding: 0px;border: none;list-style-type: none;}
#subnav li {margin: 0;}
html>body #subnav li a {width: auto;}
#subnav ul li a, #subnav ul li.nolink {display: block;padding: 10px;font: bold 1.2em "Georgia", serif;color: #958A66;text-decoration: none;border:1px solid #CDC8B7;border-right:none;border-bottom:none;border-left:none;margin:2px 0 0 0;background-color:#FFF;}
#subnav ul li a:hover {color: #685825;text-decoration: none;background-color:#F4F3F0;}

#subnav ul li.sub a {display: block;padding: 2px 2px 2px 10px;font: bold 0.8em "Georgia", serif;color:#958A66;text-decoration: none;border:none;margin:2px 0 0 0;background-color:#FFF;}
#subnav ul li.sub a:hover {color: #685825;text-decoration: none;background-color:#F4F3F0;}
#subnav ul li.subon a, #subnav ul li.subon a:Hover {display: block;padding: 2px 2px 2px 15px;font: bold 0.8em "Georgia", serif;color: #F6671E;text-decoration: none;border:none;cursor:default;margin:2px 0 0 0;background: #F4F3F0 url(images/bg-sub-on.gif) no-repeat right center}

#subnav ul li.on a, #subnav ul li.on a:Hover {display: block;padding: 10px;font: bold 1.2em "Georgia", serif;color: #F6671E;text-decoration: none;border:1px solid #CDC8B7;border-right:none;border-bottom:none;border-left:none;background-color:#FFF;cursor:default;margin:2px 0 0 0;}
.navhr {
	margin:0pt; padding:0pt; border:none; border-top:1px solid #CDC8B7;
}

.gallerywrapper {
margin-top:10px;
	background: transparent url(images/bg-gallery-2.jpg) no-repeat top left;
	padding:19px 5px 55px 5px;
}
.gallery {
	width:500px;
	padding: 5px 5px 7px 5px;
	border-right: 2px solid #999999;
	border-left: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
	border-bottom: 2px solid #999999;
}

.footer { display:block; width:655px;border: none;border-top: 3px solid #ECEBE5; font: normal 1.2em Arial, Helvetica, sans-serif; color:#999;text-align:right; margin: 10px 2px 0 0; background: #FFF url(images/footer-logo.gif) no-repeat top right; padding:20px 210px 20px 0 ;}





/* Keyframes for the fade-in */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in, .footer {
  opacity:0;
  opacity: 1 \9; /*just in case ie*/
  -webkit-animation:fadeIn ease-in 1;
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}


.fade-in.one {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.fade-in.two {
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  animation-delay: .3s;
}

.fade-in.three {
  -webkit-animation-delay: .6s;
  -moz-animation-delay: .6s;
  animation-delay: .6s;
}
.fade-in.four, .footer {
  -webkit-animation-delay: .9s;
  -moz-animation-delay: .9s;
  animation-delay: .9s;
}