@charset "utf-8";
/* CSS Document */

body, html {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background: #000 url(../images/background.jpg) no-repeat top;
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
}

#leftFloat { float:left;}

#rightFloat {float:right;}

#clear {clear: both;}

/*Main definition*/

.site {width:900px; min-height: 600px;	background-color: #fff;	box-shadow: 0px 0px 25px #000;}

.logo {margin: 10px; border:0;}

.topLinks {font-weight: bold; font-size:0.8em; margin:10px;}

.topLinks a {color: #000; text-decoration:none;}

.topLinks a:hover {color: #999; text-decoration:underline;}

.menu { background: url(../images/menu-bg.png) no-repeat; height:55px; color: white; text-shadow:#000 0px 1px 0px; font-size: 14px; padding-top: 28px; text-transform:uppercase; overflow:auto; z-index:1000; position:relative;}

.menu a {margin-left:5px; margin-right: 5px; color:white; text-decoration: none; font-weight:600;}

.menu a:hover {margin-left:5px; margin-right: 5px; color:#FF9; text-decoration: font-weight:600;}

.bannerArea {z-index:0; height:240px; margin-top: -26px; margin-left:0px;}


.thumbsArea {margin-top: -46px; z-index: 1000; margin-left: 60px; position: absolute;}

.thumbs { background:url(../images/gray-box.png) no-repeat; width:176px; float:left; height:55px; text-align:center; margin-left:0px; padding-top:17px;-webkit-transition: background 0.5s linear;
-moz-transition: background 0.5s linear;
-o-transition: background 0.5s linear;
transition: background 0.5s linear;}

.thumbs:hover { background:url(../images/gray-box2.png) no-repeat; width:176px; float:left; height:55px; text-align:center; margin-left:0px; padding-top:17px; -webkit-transition: background 0.5s linear;
-moz-transition: background 0.5s linear;
-o-transition: background 0.5s linear;
transition: background 0.5s linear;
cursor: pointer;}

a .thumbs {color: white; text-shadow:#000 0px 1px 0px; font-size: 14px; text-decoration:none; font-weight:600;}

a. thumbs:hover {color: #FF9; text-shadow:#000 0px 1px 0px; font-size: 14px; text-decoration:none;}

.spacer {height: 20px; clear: both;}

.cell {vertical-align:top;  padding-top:10px;}

.toolsArea {float:left; background-color:#4DA325; width:20px; padding:5px 5px 0px 5px; margin-top: 13px; position:fixed;}

.toolsArea img {border:0; margin-bottom:5px;}

.print {background: url(../images/print.png) no-repeat; width: 20px; height:20px; border:none; margin-bottom:10px; cursor: pointer;}
.mail {background: url(../images/mail.png) no-repeat; width: 20px; height:20px; border:none; margin-bottom:10px; cursor: pointer;}
.send {background: url(../images/send.png) no-repeat; width: 20px; height:20px; border:none; margin-bottom:10px; cursor: pointer;}

li { list-style-position:inside;}

/**/
.contentArea { width: 600px; text-align:left; margin-left:10px; padding-top:10px; color:#666;}

.redTitle {color: #900; font-size:15px; font-weight:600; margin-bottom:10px;}

.greenTitle {color:#4DA325; font-size:13px; font-weight:600; margin-bottom:10px; text-transform:uppercase;}

.blackTitle {color: #000; font-size:11px; font-weight:600; margin-bottom: 10px;}

.thumbs1 { background:url(../resources/picture-shadow.png) no-repeat bottom; padding-bottom:11px; margin-right:10px;}
.thumbs2 { margin-right:10px; height:60px; border-bottom:4px solid #900;}
.thumbs3 { margin-right:10px; height: 45px;}

.alink { color:#F00; text-decoration:none; margin-left: 10px; font-size: 11px;}

.graybox {background-color: #eaeaea; padding:10px; clear: both; margin-bottom:10px;}

.line {background:url(../images/line.png) repeat-x; margin:10px 0px; height:2px;}

.rightColumn { background-color: #eaeaea; color:#666; margin:0 10px; padding:10px; margin-bottom:0px; margin-top:10px; margin-right:20px; text-align:left;}

.rightColumn strong { color: #333;}