/* Start of CMSMS style sheet 'main' */
/* layout elements */

body {
	background: #4d4d4d;
	font-family:"trebuchet ms",arial,sans-serif;
	line-height: 15px;
	font-size: 12px;
	color: #333;
}

#wrapper {
	width: 985px;
	margin: 0 auto;
}

#top {
	background: url(uploads/layout/top.png) top repeat-y #4d4d4d;
	height: 360px;
}

#language {
	height: 30px;
	font-size: 11px;
	text-align: right;
	line-height: 30px;
	color: #eee;
	margin: 0 50px 0 0;	
}

#logo {
	width: 230px;
	height: 150px;
	z-index:1;
	position:absolute;
	margin: 0 0 0 20px;	
}

#menu {
	height: 30px;
	text-align: right;
	line-height: 32px;	
	margin: 0 50px 0 0;
	letter-spacing: 1px;
	text-transform:uppercase;
}

#header {
	height: 300px;
	width: 945px;
	background: #333;
	margin: 0 0 0 20px;
	z-index: 0;
}


#content {
	background: url(uploads/layout/content.png) top repeat-y #4d4d4d;
	position: relative;
	overflow: hidden;
	width: 985px;
	padding-bottom: 30px;
}

#footer {
	background: url(uploads/layout/footer.png) top repeat-y #4d4d4d;
	height: 270px;
	position:relative;
	clear: both;	
}

#sitemap {
	height: 240px;	
}

#contact {
	height: 240px;	
}

#credits {
	height: 30px;
	text-align: left;
	line-height: 30px;	
	margin: 0 0 0 50px;
	font-size: 11px;
	color: #aaa;
	position: absolute;
	bottom:0;
}

/* Content */

div.double {
	width: 435px;
	float: left;
	margin: 0 15px 0 0;
	display: inline;
}


div.single {
	width: 210px;
	float: left;
	margin-right: 15px;
	display: inline;
}

div.closebutton {
	position:absolute;
	right: 35px;
	top: 10px;
	font-size: 11px;
}

div.triple {
	width: 660px;
	float: left;
	margin: 0 15px 0 50px;
	display: inline;
}

div.full {
	width: 885px;
	float: left;
	margin: 0 15px 0 50px;
	display: inline;
}

div.panel {
	width: 885px;
	height: 236px;
	border: 1px solid #910000;
	float: left;
	margin: 15px 15px 0 0;
	display: inline;
	background: #E8E2E2;
	position: relative;
	overflow: hidden;
}

/* typography */

strong, b {
    font-weight: bold;
}

em, i {
    font-style: italic;
}

h1 {
	font-size: 14px;
	margin: 30px 0 0 0;
	text-transform: uppercase;
	color: #333;
}

h3 {
	font-size: 13px;
	margin: 15px 30px 0 0;
	color: #333;
}


p {
	margin: 15px 30px 0 0;
	color: #333;
	text-align: justify;
	font-size: 12px;
}

#content h1 {
	border-top: 1px solid #888;
	padding-top: 15px;
}

#footer h1  {
	color: #fff;
}

#footer p  {
	color: #eee;
	text-align: left;
}

div.panel p, div.panel h3 {
	margin: 15px;
	text-align: left;
}

p.small {
 	font-size: 11px;
}

p.extrasmall {
 	font-size: 10px;
}

div.panel div.thumbnail {
 	border-right:1px solid #910000;
 	float:left;
 	margin:0 15px 0 0;
 	height: 236px;
 	width: 210px;
 	background: #fff;
}



/* List */

ul {
	margin: 15px 30px 0 0;
	color: #333;
	text-align: left;
	font-size: 12px;
	list-style: disc outside;
}

ul li {
	margin: 0 0 0 13px;
}



/* Links */

#language a  {
	color: #aaa;
	text-decoration: none;
}

#language a:hover {
	color: #eee;
	text-decoration: underline;
}

#menu a  {
	color: #333;
	text-decoration: none;
}

#menu a:hover {
	color: #910000;
	text-decoration: underline;
}

#content a {
	color: #910000;
	text-decoration: underline;
}

#content a:hover {
	color: #910000;
	text-decoration: none;
}

#footer a {
	color: #eee;
	text-decoration: none;
}

#footer a:hover {
	color: #eee;
	text-decoration: underline;
}

#content a.zoom {
 	font-size: 10px;
	text-decoration: none;
	width: 210px;
	height: 20px;
	line-height: 20px;
	text-transform: uppercase;
	background: #910000;
	color: #fff;
	text-align: center;
	display: block;
	letter-spacing: 1px;
	margin-top: 5px;
	border-top: 1px solid #910000;
	border-left: 1px solid #910000;
position: absolute;
bottom: 0;
right: 0;
}

#content a.zoom:hover {
	background: #E8E2E2;
	color: #910000;

}

#logoimg:hover {
	cursor: pointer;
}

/* various */

img {
	border: none;
}
a img{
	opacity: 1;
}

a img:hover {
	opacity: .8;
}

img.floatleft {
float: left;
display: inline;
margin: 2px 15px 0 0;
}

img.floatright{
float: right;
display: inline;
margin: 2px 0 0 15px;
}

/* form */

#theform {
	margin: 15px 0 0 0;
	overflow:hidden;
	position:relative;
	width:670px;
}

#theform input {
	width: 305px;
	height: 15px;
	margin: 0 0 5px 0;
	font-size: 11px;
	font-family:"trebuchet ms",arial,sans-serif;
	border: none;
	padding: 5px;
	background: #fff;
}

#theform textarea{
	width: 305px;
	height: 75px;
	margin: 0 0 5px 0;
	padding: 5px;
	font-size: 11px;
	font-family:"trebuchet ms",arial,sans-serif;
	border: none;
	background: #fff;
}

#theform input.checkbox {
	width: 14px;
	height: 14px;
	margin: 5px 5px 5px 0;
	font-size: 11px;
	font-family:"trebuchet ms",arial,sans-serif;
	border: none;
	padding: 0px;
	vertical-align: middle;
}

#theform span.small{
	font-size: 11px;
	color: #eee;
}

#theform button {
	border:medium none;
	bottom:5px;
	height:26px;
	width: 150px;
	padding:5px;
	position:absolute;
	right:25px;
	background: url(uploads/layout/button.jpg) #fff;
	font-family:"trebuchet ms",arial,sans-serif;
	color: #333;
}

#theform button:hover {
	color: #000;
	cursor: pointer;
}

#theform div.col {
	width: 315px;
	float: left;
	margin-right: 15px;
	display: inline;
}

#theform .error {
	background: #d39999;
	font-weight: bold;
}

/* End of 'main' */