@font-face {
	font-family: 'AndikaBasicRegular';
	src: url('fonts/AndBasR.eot');
	src: local('Andika Basic'), local('AndikaBasic'), url('fonts/AndBasR.woff') format('woff'), url('fonts/AndBasR.ttf') format('truetype');}

html, body { 
	background: #fff; 
	font: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #606060; 
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight:normal;
	}
	
a:link { text-decoration:none; font-weight:bold; color: #1c768e;  }
a:visited { text-decoration:none; font-weight:bold; color: #1c768e; }
a:hover { border-bottom:1px dotted #a1a1a1; text-decoration:none; font-weight:bold; color: #5d8b0a; }
	
h1 {
	font-size:2.6em;
	font-family: 'AndikaBasicRegular', sans-serif;
	color: #333; 
	padding:25px 10px 25px 8px;
	width:580px;
	text-shadow: #dddddd 2px 2px 2px;
	font-weight: normal;
	line-height:40px;
	background:url(images/h1.png) bottom left no-repeat;
	height:auto;
	}
	
.h1-homepage {
	font-size:2.6em;
	font-family: 'AndikaBasicRegular', sans-serif;
	color: #333; 
	padding:25px 10px 25px 8px;
	width:570px;
	text-shadow: #dddddd 2px 2px 2px;
	font-weight: normal;
	line-height:20px;
	background:none;
	height:auto;
	}
	
h1 a:link, h1 a:visited,  h1 a:hover  {
	font-weight: normal;
	}
	
h2 {
	font-size:1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: #444444; 
	margin:15px 10px 15px 8px;
	width:580px;
	text-shadow: #dddddd 1px 1px 1px;
	line-height:40px;
	height:auto;
	}
		
	
#top {
	margin:auto;
	width:100%;
	height:85px;
	background:#2b2b2b url(images/wot_01.png) top center repeat-x;
	float:left;
	}
	
#top_center {
	margin:auto;
	width:960px;
	height:85px;
	}
	
#logo {
	width:355px;
	height:85px;
	background:url(images/logo.png) no-repeat 0px 0px;
	float:left;
	margin:0px;
	}
	
#logo:hover {
	width:355px;
	height:85px;
	background:url(images/logo.png) no-repeat -355px 0px;
	float:left;
	cursor:pointer;
	margin:0px;
	}	
	
#menu {
	width:585px;
	height:85px;
	float:right;
	padding-left:20px;
	}
	
/* MENU */	
	
#menu_about {
	width:102px;
	height:85px;
	background:url(images/menu.png) no-repeat 0px 0px;
	float:left; display:inline;
	}
	
#menu_about:hover {
	width:102px;
	height:85px;
	background:url(images/menu.png) no-repeat 0px -85px;
	float:left; display:inline;
	cursor:pointer;
	}	
	
#menu_about_active {
	width:102px;
	height:85px;
	background:url(images/menu.png) no-repeat 0px -170px;
	float:left; display:inline;
	}	
	
#menu_products {
	width:128px;
	height:85px;
	background:url(images/menu.png) no-repeat -102px 0px;
	float:left; display:inline;
	}
	
#menu_products:hover {
	width:128px;
	height:85px;
	background:url(images/menu.png) no-repeat -102px -85px;
	float:left; display:inline;
	cursor:pointer;
 	}	
	
#menu_products_active {
	width:128px;
	height:85px;
	background:url(images/menu.png) no-repeat -102px -170px;
	float:left; display:inline;
	}	
	
#menu_references {
	width:150px;
	height:85px;
	background:url(images/menu.png) no-repeat -230px 0px;
	float:left; display:inline;
	}
	
#menu_references:hover {
	width:150px;
	height:85px;
	background:url(images/menu.png) no-repeat -230px -85px;
	float:left; display:inline;
	cursor:pointer;
	}	
	
#menu_references_active {
	width:150px;
	height:85px;
	background:url(images/menu.png) no-repeat -230px -170px;
	float:left; display:inline;
	}		
	
#menu_faq {
	width:85px;
	height:85px;
	background:url(images/menu.png) no-repeat -380px 0px;
	float:left; display:inline;
	}
	
#menu_faq:hover {
	width:85px;
	height:85px;
	background:url(images/menu.png) no-repeat -380px -85px;
	float:left; display:inline;
	cursor:pointer;
	}	
	
#menu_faq_active {
	width:85px;
	height:85px;
	background:url(images/menu.png) no-repeat -380px -170px;
	float:left; display:inline;
	}		

#menu_contact {
	width:118px;
	height:85px;
	background:url(images/menu.png) no-repeat -465px 0px;
	float:left; display:inline;
	}
	
#menu_contact:hover {
	width:118px;
	height:85px;
	background:url(images/menu.png) no-repeat -465px -85px;
	float:left; display:inline;
	cursor:pointer;
	}	
	
#menu_contact_active {
	width:118px;
	height:85px;
	background:url(images/menu.png) no-repeat -465px -170px;
	float:left; display:inline;
	}		

	
	
		
	
#header {
	margin:auto;
	width:100%;
	height:317px;
	background:#a8d3dc url(images/wot_02.png) top center repeat-x;
	padding-top:24px;
	float:left;
	}
	
#slide {
	margin:auto;
	width:960px;
	height:280px;
	background:url(images/slide.png) top center no-repeat;
	}
	
#clouds {
	margin:auto;
	width:960px;
	height:37px;
	background:url(images/wot_03.png) top center no-repeat;
	}	
	
#container {
	margin:auto;
	width:100%;
	height:100%;
	background:#fff;
	float:left;
	}
	
#content {
	margin:auto;
	width:920px;
	height:100%;
	background:#fff;
	font-size:0.8em;
	line-height:1.9em;
	}
	
#content_left {
	width:600px;
	height:100%;
	background:#fff;
	float:left;
	}
	
#content_right {
	width:250px;
	height:100%;
	padding:50px 0px 0px 40px;
	margin-left:20px;
	background:#fff url(images/sidebar.png) top left no-repeat;
	float:right;
	}	
	
#content_right p {
	width:250px;
	height:100%;
}	

.widgettitle {
	width:250px;
	height:100%;
	list-style:none;
	margin:0px 0px 10px 0px;
	float:left; display:inline;
	}
	
.widget {
	width:250px;
	height:100%;
	list-style:none;
	float:left; display:inline;
	}

	
#content_right h2 {
	list-style:none;
	}		
	
#content_right li {
	padding:20px 0px 20px 10px;
	border-top:1px solid #e2e2e2;
	}
	
#content p {
	margin:10px 10px 10px 10px;
	width:580px;
	height:100%;
	}
	
#birdie {
	margin:auto;
	width:920px;
	height:42px;
	background:url(images/wot_04.png) top center no-repeat;
	float:left;
	}
	
#bottom {
	margin:auto;
	width:100%;
	height:500px;
	background:url(images/wot_08.png) top center repeat;
	float:left;
	}
	
#bottomcenter {
	margin:auto;
	width:960px;
	height:100%;
	background:url(images/wot_08.png) top center repeat-x;
	}	
	
#twitterstats {
	margin:auto;
	width:960px;
	height:75px;
	background:url(images/wot_05.png) top center no-repeat;
	float:left;
	display:inline;
	}
	
#tweet {
	width:830px;
	float:left;
	}
	
#twitter_div {
	font-size:0.7em;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:830px;
	}

#twitter_update_list {
	list-style:none;
	font-style:italic;
	padding:8px 8px 0px 50px;
	margin:0px;
	color:#8c8c8c;
	text-shadow: #FFF 2px 2px 2px;
	}
	
#twitter_div ul span a:link, #twitter_div ul span a:visited {
	color:#8c8c8c;
	margin:0px;
	padding:0px;
	text-decoration:none;
	display:inline;
	}
	
#twitter_div ul span a:hover {
	color:#3a3a3a;
	text-decoration:none;
	margin:0px;
	padding:0px;
	display:inline;
	}
	
#twitter_div ul a:link, #twitter_div ul a:visited {
	color:#8c8c8c;
	margin:0px;
	padding:0px;
	text-decoration:none;
	font-weight:normal;
	margin-top:2px;
	display:none;
	}
	
#twitter_div ul a:hover {
	color:#94ca34;
	text-decoration:none;
	margin:0px;
	padding:0px;
	margin-top:2px;
	font-weight:normal;
	display:none;
	}
	
	
#twitteraccount {
	margin:auto;
	width:97px;
	height:23px;
	background:url(images/wotlink.jpg) no-repeat 0px 0px;
	float:right;
	margin:5px 30px 0px 0px;
	}
	
#twitteraccount:hover {
	margin:auto;
	width:97px;
	height:23px;
	background:url(images/wotlink.jpg) no-repeat -97px 0px;
	float:right;
	cursor:pointer;
	margin:5px 30px 0px 0px;
	}

#columns { 
	margin:0;
	width:930px;
	height:auto;
	float:left;
	display:inline;
	padding-left:30px;
	}
	
#botcol1 { 
	margin:0px 10px 0px 0px;
	width:300px;
	height:auto;
	float:left;
	display:inline;
	}
	
#botcol2 { 
	margin:0px 10px 0px 0px;
	width:300px;
	height:auto;
	float:left;
	display:inline;
	}
	
#botcol3 { 
	margin:0;
	width:300px;
	height:auto;
	float:left;
	display:inline;
	}
	
.bottomcolname {
	width:234px;
	height:32px;
	background:url(images/footernamebg.png) no-repeat left top;
	margin:5px;
	padding:5px 5px 0px 10px;
	font-size:1.1em;
	font-weight:bold;
	color:#FFF;
	text-shadow: #272727 1px 1px 1px;
	float:left;
	}
	
.bottomcolcontent {
	width:270px;
	height:auto;
	color:#3c5314;
	font-size:0.7em;
	text-shadow: #cae991 1px 1px 1px;
	padding:0px 15px 0px 5px;
	line-height:18px;
	float:left;
	}

#twitter_followers {
	margin:auto;
	width:960px;
	height:100px;
	float:left;
	}
	
#footer {
	margin:auto;
	width:100%;
	height:56px;
	background:#2b2b2b url(images/wot_07.png) top center repeat-x;
	float:left;
	}
	
#footercenter {
	margin:auto;
	width:960px;
	height:56px;
	}
	
#copyright {
	width:500px;
	height:auto;
	color:#a7a7a7;
	font-size:0.8em;
	text-shadow: #000000 1px 1px 1px;
	padding:20px 0px 0px 5px;
	float:left;
	text-align:left;
	}
	
#copyright a, #copyright a:link, #copyright a:visited {
	color:#c9c9c9;
	text-decoration:none;
	font-weight:bold;
	border-bottom:0;
	}	
	
#copyright a:hover {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	}	

#impressum {
	width:400px;
	height:auto;
	color:#a7a7a7;
	font-size:0.8em;
	text-shadow: #000000 1px 1px 1px;
	padding:20px 0px 5px 0px;
	float:right;
	text-align:right;
	}
	
#impressum a, #impressum a:link, #impressum a:visited {
	color:#c9c9c9;
	text-decoration:none;
	font-weight:bold;
	padding:0px 5px 0px 5px;
	border-bottom:0;
	}	
	
#impressum a:hover {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	padding:0px 5px 0px 5px;
	}	
	
#sidebar ul li {
	list-style:none;
	float:left;
	}
	
#sidebar ul {
	margin:0px;
	padding:0px;
	top:0px;
	}

#sidebar h2 {
	width:270px;
	height:32px;
	background:url(images/footernamebg.png) no-repeat left top;
	margin:5px 0px 5px 0px;
	padding:5px 5px 0px 10px;
	font-size:1.1em;
	font-weight:bold;
	color:#FFF;
	text-shadow: #272727 1px 1px 1px;
	float:left;
	line-height:20px;
	}
	
/* LANGUAGE */	
	
#language_en {
	width:92px;
	height:35px;
	background:url(images/language.png) no-repeat 0px 0px;
	float:left; display:inline;
	}
	
#language_en:hover {
	width:92px;
	height:35px;
	background:url(images/language.png) no-repeat 0px -35px;
	float:left; display:inline;
	cursor:pointer;
	}	
	
#language_en_active {
	width:92px;
	height:35px;
	background:url(images/language.png) no-repeat 0px -35px;
	float:left; display:inline;
	}	
	
#language_hr {
	width:96px;
	height:35px;
	background:url(images/language.png) no-repeat -92px 0px;
	float:left; display:inline;
	}
	
#language_hr:hover {
	width:96px;
	height:35px;
	background:url(images/language.png) no-repeat -92px -35px;
	float:left; display:inline;
	cursor:pointer;
	}	
	
#language_hr_active {
	width:96px;
	height:35px;
	background:url(images/language.png) no-repeat -92px -35px;
	float:left; display:inline;
	}
	
.pick-language {
	width:250px;
	height:70px;
	float:left; display:inline;
	margin-left:3px
	}
	
.small { font-size:0.8em; margin-left:8px; color:#b1b1b1; }
		

.twitter-following, .twitter-followers {
	width:260px;
	height:100%;
	float:left;
	margin-left:10px;
	}
	
.twitter-following img, .twitter-followers img {
	border-top:2px #96cb38 solid;
	border-bottom:2px #96cb38 solid;
	border-left:2px #96cb38 solid;
	border-right:2px #96cb38 solid;
	}
	
.twitter-following img:hover, .twitter-followers img:hover {
	border-top:2px #c1d3a2 solid;
	border-bottom:2px #c1d3a2 solid;
	border-left:2px #c1d3a2 solid;
	border-right:2px #c1d3a2 solid;
	}
	
.twitter-following a:link, .twitter-following a:visited, .twitter-following a:hover, .twitter-followers a:link, .twitter-followers a:visited, .twitter-followers a:hover {
	border-bottom:0;
	}
	
.lastestnews_box  {
	padding:5px 5px 5px 22px;
	margin:10px 0px 5px 0px;
	text-shadow: #cae991 1px 1px 1px;
	background:#9dcf45 url(images/arow.png) left top no-repeat;
	list-style:none;
	width:225px;
	height:auto;
	}
	
.lastestnews_box:hover {
	padding:5px 5px 5px 22px;
	margin:10px 0px 5px 0px;
	background:#a9d55a url(images/arow2.png) left top no-repeat;
	width:225px;
	height:auto;
	}
	
a.lastestnews_link:link,  a.lastestnews_link:visited  {
	color:#4e6527;
	text-shadow: #cae991 1px 1px 1px;
	}
	
a.lastestnews_link:hover {
	color:#25330b;
	text-shadow: #cae991 1px 1px 1px;
	}
	
.reffooter {
	margin:5px 0px 5px 0px;
	border:1px #84b035 solid;
	}
	
/* WORDPRESS DEFAULT */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* 
.postmetadata {
	padding:5px;
	background:url(images/commentsbg.png) top left no-repeat;
	}
 */
 
 
.postmetadata a:link {
	padding-left:20px;
	color:#aaaaaa;
	background:url(images/comments.png) left no-repeat;
	border-bottom:0;
	}
	
.postmetadata a:visited {
	padding-left:20px;
	color:#aaaaaa;
	background:url(images/comments.png) left no-repeat;
	border-bottom:0;
	}
	
.postmetadata a:hover {
	padding-left:20px;
	color:#666;
	background:url(images/comments2.png) left no-repeat;
	border-bottom:0;
	}
	
/* TWITTER SEARCH PLUGIN */

.search {
	margin:10px;
}
.tweet h4, .tweet h4 a {
	color:#666;
	margin:8px 0px 0px 0px;
	text-decoration:none;
	border:0;
	font-size:1.0em;
}
.tweet h4 a:hover {
	border-bottom:1px solid #bcbcbc;
}
.tweet {
	text-align:left;
	padding:10px;
	margin:7px 0px 7px 0px;
	width:auto;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	overflow:hidden;
	background-color:#f7f7f7;
}

.tweet:hover {
	background-color:#eeeeee;
}

.tweet p span.tweet_date {
	font-size: 10px;
}
/* The b tag is used to highlight the search keyword on the resulting search page */
b {
	background: #ebebeb;
	padding:1px 3px;
	color:#808080;
}

b:hover {
	background: #dbdbdb;
	padding:1px 3px;
	color:#555555;
}

.avatar_border {
	border:1px solid #EFEFEF;
	float:left;
	margin:0 10px 0 0;
	overflow:hidden;
	padding:0;
}
.avatar {
	background:#CCCCCC;
	border:3px solid #FFFFFF;
	margin:2px;
	padding:2px;
}

a.avatar:link, a.avatar:visited {
	background:#CCCCCC;
	border:3px solid #FFFFFF;
	margin:2px;
	padding:2px;
	border-bottom:0;
}

a.avatar:hover {
	border-bottom:0;
}

/* It's important to manually set the height and width as Twitter doesn't always reduce the avatar images and some may display a much larger image */
img.avatar {
	height:24px;
	width:24px;
	}

a.noborder:link, a.noborder:visited {
	border-bottom:0px solid #ffffff;
	}
	
a.noborder:hover {
	border-bottom:0px solid #ffffff;
	}
	
	
.tweetshow {
	width:230px;
	float:left;
	height:100%;
	font-size:0.8em;
	margin-top:5px;
	line-height:14px;
	}
	
h3, .navigation, #respond  {
	margin:50px 10px 15px 10px;
	list-style:none;
	}
	
.navigation {
	margin:15px 10px 15px 10px;
	list-style:none;
	}

	
.commentlist {
	margin:0;
	list-style:none;
	padding-left:10px;
	}
	
.comment {
	padding:10px;
	background-color:#eeeeee;
	width:auto;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	overflow:hidden;
	margin-bottom:10px;
	}
	
.comment-body p {
	padding:5px;
	background-color:#ffffff;
	width:400px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	overflow:hidden;
	float:left;
	margin-top:5px;
	}
	
.comment-author .avatar {
	float:right;
	}
	
.fn {
	float:left;
	margin:5px 0px 0px 15px;
	font-weight:bold;
	}
	
.says {
	float:left;
	margin:5px 0px 0px 5px;
	}

.comment-reply-link {
	display:none;
	}
	
.comment-meta {
	float:right;
	margin:5px 10px 0px 0px;
	}
	
.comment-meta a:link, .comment-meta a:visited {
	color:#b8b8b8;
	}
	
.comment-meta a:hover {
	color:#7b7b7b;
	}	
	


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


.wp-caption a:link, .wp-caption a:visited, .wp-caption a:hover, .wp-caption img:hover, .wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 10px;
	padding:0;
	margin: 0;
	width:100% !important;
}

.wp-caption-text {
	font-size: 11px;
	line-height: 10px;
	padding:0;
	margin: 0;
	width:100% !important;
}

.wp-caption p {
	font-size: 11px;
	line-height: 10px;
	padding:0;
	margin: 0;
}


/* End captions */

.column_home {
	width:260px;
	height:100%;
	padding:20px 0px 0px 20px;
	margin:3px;
	margin-left:20px;
	background:#fff url(images/sidebar2.png) top left no-repeat;
	float:left;
	display:inline;
	}	
	
#container #content .column_home p, .column_home h3 {
	width:250px;
	height:100%;
	margin:5px 0px 15px 10px;
	}	

.column_home h3 {
	font-size:2.0em;
	font-family: 'AndikaBasicRegular', sans-serif;
	color: #333; 
	margin:25px 10px 25px 8px;
	text-shadow: #dddddd 2px 2px 2px;
	font-weight: normal;
	line-height:30px;
	height:50px;
	}
	
.column_home h3 a:link, h3 a:visited,  h3 a:hover  {
	font-weight: normal;
	}
	
.column_home img {
	margin:7px 0px 2px 10px;
	}
	

#noslide {
	margin:auto;
	width:940px;
	height:280px;
	padding:0px 10px 0px 10px;
	/* background:url(images/noslide.png) top right no-repeat; */
	}
	
#header #noslide h1 {
	font-size:2.6em;
	font-family: 'AndikaBasicRegular', sans-serif;
	color: #fff; 
	margin:5px 10px 25px 8px;
	text-shadow: #444444 2px 2px 2px;
	font-weight: normal;
	line-height:40px;
	}
	
#header #noslide h2 {
	font-size:1.0em;
	font-family: 'AndikaBasicRegular', sans-serif;
	color: #333; 
	margin:20px 10px 25px 8px;
	text-shadow: #dddddd 2px 2px 2px;
	font-weight: normal;
	line-height:20px;
	}

#header #noslide h2 {
	font-size:1.0em;
	font-family: 'AndikaBasicRegular', sans-serif;
	color: #333; 
	margin:20px 10px 25px 8px;
	line-height:20px;
	}
	
#wot_link {
	width:407px;
	height:123px;
	background:url(images/wot-link.png) no-repeat 0px 0px;
	float:left; display:inline;
	}
	
#wot_link:hover {
	width:407px;
	height:123px;
	background:url(images/wot-link.png) no-repeat -407px 0px;
	float:left; display:inline;
	cursor:pointer;
	}	
	
	
.slideshow { height: 250px; width: 325px; float:right; padding-right:20px; }
.slideshow img { /* padding: 15px; border: 1px solid #ccc; background-color: #eee; */ }

.priority {
	position:absolute;
    top: 0px;
	left:auto;
	right:auto;
	width:100%;
	text-align:center;
	margin:0 auto 0 auto;
	}