@import url("fonts/droidsans.css");
@import url("fonts/texgyre.css");
* {
	padding:0;
	margin:0;
}
.clear
{
	clear:both;
}
.clear:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}
html {
	background:#f0f0f0 url(images/htmlbg.jpg) repeat;
	width:100%;
	height:100%;
}
body {
	background:url(images/retina_wood.png) repeat-x;
	font-family :'DroidSansRegular', Verdana, Geneva, sans-serif;
	font-size:62.5%;
	color:#5a5143;
}
a, a:link, a:visited, a:active {
	color:#1c5f75;
}
#wrap {
	width:1001px;
	margin:0 auto;
	padding-top:20px;
}
h1, h2, h3 {
	font-family:'TeXGyreAdventor', Arial, sans-serif; 
}
h4, h5 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
nav, section, header, footer, article {
	display:block;
}
#mainnav {
	height:80px;
}
#homeheader {
	background:url(images/mainheader.gif) no-repeat;
	height:320px;
}
#page {
	width:962px;
	margin:auto;
	padding:0 20px;
}
.mainheading {
	height:60px;
	line-height:60px;
	text-align:center;
	margin:0 0 1px 0!important;
	color:#251f1b!important;
}
.introhead {
	font-size:1.8em;
}
#introcol {
	background:url(images/introcolsbg.jpg) no-repeat;
	height:211px;
}
#introcol .leftcol {
	width:270px;
	padding:25px;
	float:left;
}
#introcol .rightcol {
	width:265px;
	padding:25px;
	float:right;
}
#introcol .midcol {
	margin:0 320px 0 330px;
	padding:25px 20px;
}
#content p {
	font-size:1.2em;
	line-height:1.9em;
}
#introcol h3 {
	font-size:2.0em;
	color:#d35537;
	text-shadow:#fff 1px 1px 1px;
	text-transform:uppercase;
	margin-bottom:15px;
}
#fourcols .col {
	width:195px;
	float:left;
	padding:20px 22px;
	margin-bottom:15px;
        z-index: -1;
}
#fourcols h3 {
	font-size:1.6em;
	color:#1c5f75;
	margin-bottom:15px;
}
#content a {
	text-decoration:none;
}
a:hover, #content a:hover {
	text-decoration:underline!important;
}
footer {
	background:#504842 url(images/bottombg.jpg) repeat-x;
	color:#666;
}
#mainnav h1 {
	float:left;
	padding:20px 0 0 25px;
	font:bold 3.2em 'TeXGyreAdventor', Arial, sans-serif;
	color:#d35537;
	text-shadow:#fff 1px 1px 1px;
	text-transform:uppercase;
}
.IndexLink{  
    color:#1c5f75;
}

#mainnav h1 span {
	font-weight:normal!important;
	color:#191512!important;
}
#mainnav ul {
	float:right;
	width:550px;
	font:bold 1.6em 'TeXGyreAdventor', Arial, sans-serif;
	padding-top:25px;
}
#mainnav ul li {
	display:inline;
	text-shadow:#fff 1px 1px 1px;
}
#mainnav ul li a {
	text-decoration:none;
	display:block;
	float:left;
	margin:0 15px;
	padding-bottom:5px;
}
#mainnav ul li a:hover {
	color:#d35537;
	text-decoration:none!important;
}
#mainnav ul li.active a {
	color:#d35537;
	border-bottom:solid 3px #191512;
	text-decoration:none;
}
#homeheader h2 {
	display:block;
	width:450px;
	float:left;
	padding:85px 0 0 40px;
	color:#fff;
	font:normal 1.4em 'DroidSansRegular', Verdana, Geneva, sans-serif;
	line-height:1.8em;
}
#homeheader h2 span {
	display:block;
        font-family: Arial;
        font-size: 1.6em;
	color:#89260f;
	text-shadow:#f98465 1px 1px 1px;
	line-height:1em!important;
	margin-bottom:20px;
}
#homeheader .headerimg {
	float:right;
	padding:55px 80px 0 0;
}
#bottom {
	width:960px;
	margin:auto;
	padding:30px 0;
	text-align:center;
}
#credits {
	background:#2d2724;
	padding:10px;
	text-align:center;
	color:#ccc;
}
footer a, #bottom a, #credits a {
	color:#fff;
	text-decoration:none!important;
}
.normalpage {
	background:url(images/normalpagebg.png) center top no-repeat;
}
.normalpage .subhead {
	background-color:#d35537;
	height:60px;
	line-height:60px;
	text-align:center;
	margin:0 0 1px 0!important;
	color:#251f1b!important;
}
.subhead h2 
{
	font-size:1.8em!important;
}
.post {
	padding:10px 25px;
	background:url(images/graybgtop.gif) center bottom no-repeat;
	margin-bottom:15px;
        
}
.postcontact {
	padding:10px 25px;
	margin-bottom:15px;
        
}
.postcontact h3 {
	font:bold 1.8em 'TeXGyreAdventor', Arial, sans-serif;
	color:#d35537;
	margin-bottom:15px;
}
.postcontact p {
	margin-bottom:15px;
}
.post h3 {
	font:bold 1.8em 'TeXGyreAdventor', Arial, sans-serif;
	color:#d35537;
	margin-bottom:15px;
}
.post p {
	margin-bottom:15px;
}
.imageholder {
	float:left;
	width:258px;
}
.imageholder img {
	display:block;
	background:#fff;
	padding:5px;
	border:solid 1px #ccc;
        width: 200px;
}

.imageholderInovar {
	float:left;
	width:420px;
        padding-top:10px;
        padding-right: 190px;
}
.imageholderInovar img {
	display:block;
	background:#fff;
	padding:5px;
	border:solid 1px #ccc;
        width: 420px;
        height: 112px;
}
.imageholderGallery {
	float:left;
	width:550px;
        padding-top:40px;
        padding-left: 35px;
}
.imageholderGallery img {
	display:block;
	background:#fff;
	padding:5px;
	border:solid 1px #ccc;
        width: 550px;
        height: 385px;
}
.entry {
	width:640px;
	float:right;
}
.normalpage #fourcols h3 {
	color:#d35537!important;
}

/* Buttons */

.Robina 
{
	background-color:#fb9e25;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	height:36px;
	line-height:36px;
	width:154px;
	text-decoration:none;
	text-align:center;
}.Robina:hover 
{
	background-color: #ffc477;
}
.Robina:active 
{
        position:relative;
        top:1px; 
}


/* Installation Buttons */
.InstallationButton
{
	background-color:#fb9e25;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	height:36px;
	line-height:36px;
	width:154px;
	text-decoration:none;
	text-align:center;
}.InstallationButton:hover 
{
	background-color: #ffc477;
}
.InstallationButton:active 
{
        position:relative;
        top:1px; 
}

#map_canvas {
        width: 350px;
        height: 300px;
      }
     
#sidemenu
{
        padding-left: 60px;
        float:left;
        width:200px;height:570px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        background:rgba(NaN,NaN,14,0.5);
        -webkit-box-shadow: #b3b3b3 8px 8px 8px;
        -moz-box-shadow: #b3b3b3 8px 8px 8px; 
        box-shadow: #b3b3b3 8px 8px 8px;
}

ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:10px 40px 0 20px;
}
ul.enlarge img{
background-color:#eae9d4;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color:#eae9d4;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #495a62; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;
background:#ccc;
}
ul.enlarge li:hover span{ 
top: -300px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
left: -100px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: -200px; 
}

dd
{
   padding-top: 15px;
   padding-bottom: 10px;
   font-size:1.2em;
   line-height:1.9em;
}
.Inovar img:hover 
{
  height: 180px;
  width: 600px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

ol li
{
  font-size: 1.2em;  
  padding-top: 10px;
}