/* CSS Document */

body {
background-color: #DBDA85;
background-image: url(../Images/bg.jpg);
background-position:center;
background-repeat: no-repeat;
font-family:Arial, Helvetica, sans-serif;
}

#container {
display:block;
width:750px;
margin-left:auto;
margin-right:auto;
background-color:white;
}

#inner {
background-color: #DBDA85;
display:table;
margin-left:auto;
margin-right:auto;
width:740px;
font-size:12px;
height:auto;
padding-bottom:20px;
}

#footer {
display:block;
padding:20px;
font-size:10px;
height:50px;
}

#footertop {
display:block;
height:15px;
background-color:#b5a851;
border-left:5px solid white;
border-right:5px solid white;
}

#footer div {
display:block;
float:left;
width:200px;
}

#footer img {
float:right;
}

#nav {
display:block;
height:42px;
}

#nav a {
display:block;
float:left;
text-decoration:none;
color:black;
width:150px;
height:42px;
background-image:url(../Images/bg_nav.jpg);
font-size:12px;
line-height:42px;
text-align:center;
font-family:"Times New Roman", Times, serif;
}

#footer a {
color:#136938;
}

h1 {
font-family:palatino linotype, "Times New Roman";
font-size:25px;
color:#136938;
font-weight:normal;
margin-top:20px;
margin-left:20px;
}


#inner.product .desc img {
margin-left:0;
margin-right:0;
}

#inner.home p {
margin-bottom:15px;
padding-left:20px;
padding-right:20px;
}

#inner.news p {
width:420px;
float:left;
margin-left:20px;
margin-bottom:15px;
}

#inner.product p {
margin-left:20px;
margin-bottom:15px;
}

#inner.product a {
color:#136938;
}

#inner.product a:hover {
text-decoration:underline;
}

#inner.product ul {
margin-left:20px;
padding-left:20px;
}

#inner.product img {
margin:20px;
margin-top:0;
}

a img {
border:0;
}

#latest {
padding-left:20px;
padding-right:20px;
display:block;
}

#latest a {
display:block;
width:201px;
height:18px;
margin-right:10px;
border:1px solid white;
float:left;
padding:10px;
margin-bottom:10px;
line-height:16px;
text-decoration:none;
color:#000000;
}

#latest a:hover, #latest a#archived:hover {
background-color:#B5A851;
border-color:#136938;
color:white;
}

#latest #archived {
background-color:#E9E6B3;
}

#inner.product, #inner.home {
width:720px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {   /* Safari 3.0 and Opera 9 rules here */
#inner.product, #inner.home {
width:740px;
}
}

#inner.product, #inner.home {
padding-right:20px;
}

p a {
color:#136938;
text-decoration:none;
}

.newsimg {
margin-right:20px;
float:right;
}

#tslinks a {
display:block;
width:100px;
height:80px;
float:left;
background-color:white;
margin-right:5px;
font-weight:bold;
background-color:#E8E6B3;
border:2px solid white;
margin-bottom:5px;
}

#tslinks a span {
display:none;
padding:5px;
background-image:url(../Images/greenbg.png);
height:70px;
}

#tslinks a:hover span {
display:block;
color:#333333;
cursor:pointer;
}

#tslinks a:hover {
background-color:#B5A851;
color:white;
}

.portfolio a {
display:block;
float:left;
margin-right:7px;
margin-left:7px;
margin-bottom:20px;
border:4px solid #DBDA85;
width:148px;
height:124px;
}

.portfolio a:hover {
border:4px solid #ffffff;
}

.exampleshot img {
border:2px solid white;
}

.details {
float:right;
text-align:right;
}

.reference {
color:#006600;
}

#rangedesc {
margin-left:20px;
}

.desc {
background-color:white;
width:90%;
display:block;
margin-left:auto;
margin-right:auto;
padding:15px;
}