/*   
*   ANSONICA  Template
*   
*   Author:  macoDesign
*   Date:    18 Janury 2011
*   Web:     http://www.macoDesign.com
*   Email:   macod@macodesign.com
*   Version: 1.0
* 
----------------------------------------------*/

/*		0. RESET  ----------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
ins{text-decoration:none;}
del{text-decoration:line-through;}

.hide {display:none;}
.top {padding-top:5px;}

.clear {clear:both;}
.clearfix {display:block;}
.clearfix:after, .portfolio_three_column:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}	
* html .clearfix, * html #menu {height:1%;}
html[xmlns] .clearfix, html[xmlns] #menu {display:block;}

/*		1. CORE STYLES  -----------------------*/

body {
	background:url(../img/bg.jpg) repeat-x;
	color:#333;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;}

#bg {background:url(../img/bg_transparent.png) no-repeat center top;}

a, .black:hover {color:#15a728;}
a:hover {color:#000;}
.black {color:#333; text-decoration:none;}

h1, h2, h3, h4, h5 {
	color:#2b2b2b;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:0 0 10px 0;}

h1 {font-size:22px; border-bottom:#d4d2cf 1px solid; margin:0 0 9px 0;}
h2 {font-size:19px;}
h3 {font-size:17px; border-bottom:#d4d2cf 1px solid; margin:0 0 9px 0;}
	
h4, #comments #add_comment h4 {
	font-size:16px;
	font-weight:bold;
	position:relative;
	text-shadow:0 1px 0 #fff;}

h4 span a {
	background:url(../img/comment_hadd.gif) no-repeat 0 9px;
	clear:both;
	font-size:12px;
	padding:2px 0 0 10px;
	right:0;
	position:absolute;
	text-decoration:none;}

h4 span a:hover {text-decoration:underline;}

#comments #add_comment h4 {border-bottom:#d4d2cf 1px solid; padding:0 0 5px 0; margin:0 0 5px 0;}

h5 {
	font-size:14px;
	font-weight:bold;}

hr {
	border:dotted #d4d2cf;
	border-width:1px 0 0 0;
	clear:both;
	height:1px;
	margin:20px 0;}

p {padding:0 0 10px 0;}

code, pre {
	background:#eee;
	border:1px solid #e50202;
	border-width:0 0 0 3px;
	color:#606060;
	font-size:11px;
	letter-spacing:2px;
	padding:5px 10px;}

pre {
	background:#eee url(../img/pre_bg.gif);
	border:1px solid #ccc;
	border-left:3px solid #e50202;
	padding: 21px;
	margin-bottom:24px;}

pre code {background:none; border:0;}

strong {font-weight:bold;}
em {font-style:italic;}

small {font-size:10px;}
big {font-size:16px;}

.highlight {
	background:#15a728;
	color:#fff;
	padding:1px 4px;}

.fl {float:left;}
.fr	{float:right;}
.center {
	display:block;
	margin:0 auto;
	padding:0 0 10px 0;
	text-align:center;}

.border_bottom {border-bottom:#d4d2cf 1px solid; margin:0 0 9px 0;}
.no_border_bottom {border:none; margin:0;}
.padding_top {margin:10px 0 0 0;}
	
/*		1.1 Table  ----------------------------*/

table, .table_dark {
	clear:both;
	margin:0 0 20px;
	width:100%;}

table {border:1px solid #999;}
.table_dark {border:1px solid #cc0000;}

table th, .table_dark th {
	font-size:13px;
	font-weight:bold;
	padding:8px 0 8px 20px;}

table th { 
	background:#d4dce0;
	border-bottom:1px solid #999;
	color:#3A3A3A;}

.table_dark th {
	background:#15a728;
	border-bottom:1px solid #cc0000;
	color:#fff;}

table td, .table_dark td {
	border-bottom:1px solid #cbcbcb;
	color:#333;
	padding:7px 0 7px 20px;}

table_dark td {border-bottom:1px solid #ae0101;}
table tr, .table_dark tr {-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear;}

table tr.last td, .table_dark tr.last td {border-bottom:none;}
table tr.even, .table_dark tr.even {background:#eaeaea;}

table tr:hover, .table_dark tr:hover {background:#ddd;}

/*		1.2 Lists  ----------------------------*/

#contentl ul ul, #contentl ol ol {padding:0; margin-bottom:-5px;}
#contentl ul li, #contentl ol li {padding-bottom:5px;}

#contentl ul {padding-bottom:20px;}

#contentl ul li {
	background:url(../img/list-style.gif) no-repeat 0 8px;
	padding-left:15px;}

#contentl ol {
	margin-left:27px;
	padding-bottom:20px;}

#contentl ol li {list-style-type:decimal-leading-zero;}
#contentl ol ol li {list-style-type:lower-alpha;}
#contentl ol ol ol li {list-style-type:decimal;}

#contentr dl {
	overflow:hidden;
	width:100%;}

#contentr dt {
	clear:both;
	float:left;
	font-weight:bold;
	text-align:left;
	width:57px;}

#contentr dd {
	float:left;
	width:132px;
	padding-bottom:3px;}

/*		1.3 Blockquote  -----------------------*/

blockquote p {
	background:url(../img/quotes_left.png) 0 6px no-repeat;
	float:left;
	font-size:16px;
	font-style:italic;
	padding:1px 20px 15px 25px;
	width:180px;}
	
blockquote.darkblock p {
	background:#b9c0c4 url(../img/quotes_left2.png) 4px 17px no-repeat;
	border:1px solid #9fa5aa;
	color:#333;
	padding:12px 20px 12px 25px;
	margin:6px 20px 20px 0;
	width:158px;}
	
blockquote.right p {float:right; padding:1px 0 15px 45px; background-position:20px 6px;}
blockquote.darkblock.right p {background-position:4px 17px; float:right; margin:6px 0 20px 20px; padding:12px 20px 12px 25px;}

blockquote.center p {float:left; margin:0; padding:12px 20px 12px 25px; background-position:0 17px; width:644px;}
blockquote.darkblock.center p {float:left; margin:0 0 20px 0; padding:12px 20px 12px 25px; background-position:4px 17px; width:622px;}
blockquote span {font-size:12px; display:block;}

/*		2. CORE ELEMENTS  ----------------------*/
		
#wrapper {
	background:#fff;
	margin:0 auto 20px auto;
	width:980px;}

#header {
	/* background:url(../img/line_under_logo2.gif) repeat-x left bottom; */
	clear:both;
	float:left;
	height:90px;
	padding:0 0px;
	width:980px;}

/* #header.home {background:url(../img/line_under_logo.gif) repeat-x left bottom;} */

#header a.logo {
	background:url(../img/logo.jpg) no-repeat top left;
	float:left;
	height:90px;
	margin-top:0px;
	overflow:hidden;
	position:relative;
	width:167px;}
	
#content {
	background:url(../img/center_shadow_big.jpg) repeat-y left top;
	border:1px #d4d4d4 solid;
	border-top:0;
	float:left;}

#contentl {
	overflow:hidden;
	float:left; 
	padding:30px;
	width:669px;}

#contentl.padding_bottom {padding-bottom:0px;}

#contentr {
	float:left;
	padding:30px;
	width:189px;}

#contentc {
	border:1px #d4d4d4 solid;
	border-top:0;
	float:left; 
	padding:30px;
	position:relative;
	width:918px;}

/*		2.1 Colums  ----------------------------*/

.two_column, .three_column, .portfolio_three_column {
	clear:both;
	overflow:hidden;
	width:670px;}

.two_column .each, .three_column .each, .portfolio_three_column .each {
	float:left;
	margin:0 30px 0 0;
	width:320px;}

.three_column .each {width:200px;}
.portfolio_three_column {width:918px;}
.portfolio_three_column .each{width:286px;}

.two_column .last, .three_column .last, .portfolio_three_column .last {margin:0;}

.service {
	background-repeat:no-repeat;
	float:right;
	margin:0 0 10px 10px;
	width:48px;}

.service1 {background:url(../pic/service1.jpg);	height:48px;}
.service2 {background:url(../pic/service2.jpg);	height:44px;}
.service3 {background:url(../pic/service3.jpg);	height:39px;}


/*		2.2 Quicksand Filter  ------------------*/

ul.portfolio_content {
	right:20px;
	position:absolute;
	top:35px;}

.portfolio_content li {
	display:inline;
	list-style-type:none;}

.portfolio_content li a {background:url(../img/category_li.gif) no-repeat 0 5px; padding:0 10px 0 12px;}

.selected-1 a, .selected-2 a, .selected-3 a, .selected-0 a {color:#000; font-weight:bold; text-decoration:none;}

.portfolio_three_column li {
	float:left;
	list-style-type:none;
	margin:0 30px 10px 0;
	margin-right: expression(this.nextSibling == null ? '0' : '20px' ); /* for IE only: */
	position:relative;
	width:286px;}

.portfolio_three_column li:nth-child(3n) {margin-right:0;}


/*		3. MENU  -------------------------------*/

#menu {
	background:url(../img/menu.jpg) no-repeat;
	clear:both;
	width:980px;}
	
#menu li {
	float:left;
	list-style:none;
	position:relative;
	z-index:100;}

#menu a {
	border-right:1px #15a728 dashed;
	color:#fff;
	display:block;
	height:32px;
	font-weight:bold;
	padding:10px 55px 0 55px;
	text-align:center;
	text-decoration:none;
	text-shadow:0 1px 1px #666;}
		
#menu li .middle {border-right:1px #15a728 dashed;}
#menu li .last {border:0;}

#menu li a:hover, #menu li .active {
	background:url(../img/menu_hover.gif) no-repeat center bottom;
	text-shadow:0 1px 1px #000;}
	
#menu ul li:hover a, #menu li:hover li a {
	color:#000;
	background:url(../img/menu-arow2.gif) no-repeat 177px;
	border-right:0;
	height:28px;
	padding-top:7px;}
	
#menu ul a:hover {
	background:#e50202 url(../img/menu-arow3.gif) no-repeat !important;
	border-bottom:solid 1px #8d0101;
	color:#fff !important;}

#menu li:hover > ul {display:block;}

#menu ul {
	background:#fff;
	border:solid 1px #e0e0e0;
	border-width:0 1px 1px 1px;
	display:none;
	left:0;
	position:absolute;
	top:42px;
	width:197px;}

#menu ul a {
	border-bottom:solid 1px #e0e0e0;
	color:#2b2b2b;
	padding:0 0 0 20px;
	text-align:left;
	text-shadow:0 1px 0 #fff;
	width:177px;}

#menu ul ul {
	border-width:1px;
	left:197px;
	top:-1px;}

#menu:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;}


/*		4. SLIDER  -----------------------------*/

#slider-pic {
	float:left;
	height:280px;
	width:730px;}

.menu-slider {
	float:left;
	overflow:hidden;
	width:250px;}

.menu-slider li {
	display:block;
	float:left;}

.menu-slider li a {
	background:url(../img/slider_bg.jpg) no-repeat;
	color:#15a728;
	display:block;
	font-weight:bold;
	float:left;
	height:55px;
	line-height:15px;
	padding:15px 0 0 20px;
	text-decoration:none;
	width:250px;}

.menu-slider li a:hover, .menu-slider li.active a, .menu-slider a.active {
	background:url(../img/slider_bg_active.jpg) no-repeat;
	border:1px #fff solid;
	border-width:1px 0 0 0;
	color:#fff;
	padding:14px 0 0 20px;}
	
.menu-slider li.first a {border:none; padding:15px 0 0 20px;}

.slider-small {
	border:1px #fff solid;
	float:left;
	margin-right:10px;}
	
.menu-slider small {
	color:#000;
	display:block;
	font-size:10px;}
	
.main_view, .window, .image_reel img {
	float:left;
	position:relative;}

.window {
	height:280px;
	overflow:hidden;
	width:730px;}

.image_reel {
	left:0;
	position:absolute;
	top:0;}

/*		5. PICTURE SETTINGS  -------------------*/

.left-pic, .right-pic, .central-pic {
	display:block;
	float:left;
	margin:6px 40px 30px 0;
	position:relative;
	width:100%;}

.right-pic {
	float:right;
	margin:6px 10px 30px 30px;}

.central-pic {
	float:left;
	margin:6px 0 25px 0;}

.left-pic a, .right-pic a, .central-pic a, .image, .map {
	background-color:#d4dce0;
	border:#b9c0c4 solid;
	border-width:0 1px 2px 1px;
	padding:4px 4px 0px 4px;
	-o-transition: all 0.3s linear;
	-moz-box-shadow:0px 1px 0px #9fa5aa;
	-webkit-box-shadow:0px 1px 0px #9fa5aa;
	-moz-transition:all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	box-shadow:0px 1px 0px #9fa5aa;}
	
.image{padding:4px;}

.left-pic a.picture, .right-pic a.picture, .central-pic a.picture{
	display:block;
	position:relative;
	overflow:hidden;
	width:100%;}

.left-pic a.picture span.zoom, .right-pic a.picture span.zoom, .central-pic a.picture span.zoom {
	background:#fff url(../img/zoom.png) center center no-repeat;
	display:block;
	left:0px;
	height:100%;
	overflow:hidden;
	position:absolute;
	top:0px;
	visibility:hidden;
	width:100%;}

.left-pic a.picture:hover span.zoom, .right-pic a.picture:hover span.zoom, .central-pic a.picture:hover span.zoom {
	filter:alpha(opacity=50);
	-khtml-opacity:0.5;
	-moz-opacity:0.5;
	opacity:0.5;
	visibility:visible;}

.left-pic a:hover, .right-pic a:hover, .central-pic a:hover {
	background-color:#d4dce0;
	border:#b9c0c4 solid;
	border-width:0 1px 2px 1px;
	box-shadow:0px 1px 0px #828a8f;}

.small-pic {height:130px; width:210px;}
.medium-pic {height:170px; width:275px;}
.big-pic {height:196px; width:659px;}
.portfolio-pic {height:170px; width:275px;}
.map {
	border:#d4dce0 4px solid;
	height:182px;
	width:174px;}
	
.big_map {
	height:400px;
	width:600px;}
	
.img_left_float {
	float:left;
	margin:6px 30px 30px 0;}

.img_right_float {
	float:right;
	margin:6px 0 30px 30px;}

/*		6. SOCIAL ICONS  -----------------------*/

ul.social-icons {height:35px; margin:0 0 20px 0;}
.social-icons li, .social-icons li a {
	display:block;
	float:left;
	list-style:none;
	margin:0 21px 0 0;
	height:35px;
	width:31px;}

.social-icons li.last {margin:0;}
.social-icons li span {display:none;}

.rss, .facebook, .twitter, .youtube, .rss a:hover, .facebook a:hover, .twitter a:hover, .youtube a:hover {background:url(../img/social_icons.gif) no-repeat;}
.rss {background-position:0 4px;}
.facebook {background-position:-60px 4px;}
.twitter {background-position:-120px 4px;}
.youtube {background-position:-180px 4px;}

.rss a:hover {background-position:0 0;}
.facebook a:hover {background-position:-60px 0;}
.twitter a:hover {background-position:-120px 0;}
.youtube a:hover {background-position:-180px 0;}

ul.tweets {margin:0 0 10px 0;}

.tweets li {
	border:1px dotted #d4d2cf;
	border-width:0 0 1px 0;
	font-size:11px;
	padding:5px 0;}
	
.tweets li.first {padding:0 0 5px 0;}

.tweets li.last {
	border:0;
	padding:5px 0 0 0;
	text-align:right;}
	
.tweets li span {display:block;}

ul.categories {margin:-9px 0 20px 0;}

.categories li a {
	background:url(../img/category_li.gif) no-repeat 10px center;
	border-bottom:#b9c0c4 1px Solid;
	display:block;
	padding:5px 0 5px 24px;margin:1px 0;}
	
.categories li a:hover, .categories li .active {background:#eaeced url(../img/category_li.gif) no-repeat 10px center;}


/*		7. BLOG  -------------------------------*/

.blog_article {
	clear:both;
	border:1px dotted #d4d2cf;
	border-width:0 0 1px 0;
	overflow:hidden;
	margin:0 0 15px 0;}

.blog_article h2 a {color:#2b2b2b; text-decoration:none;}
.blog_article h2 a:hover {color:#e50202;}

.blog_article p {padding:0;}

.blog_meta p {
	display:inline;
	font-size:10px;}

p.border-left {
	border:#5f5f5f 1px solid;
	border-width:0 0 0 1px;}

p.border-right, a.border-right {
	border:#5f5f5f 1px solid;
	border-width:0 1px 0 0;
	padding:0 5px 0 0;
	margin:0 2px 0 0;}

.blog_meta strong {font-style:italic;}
	


/* ------------------- Footer Twitter ------------------- */


ul.twitter,
ul.twitter li { margin: 0; }

ul.twitter li {
	margin-top: 20px;
	color: #000000;
}

ul.twitter li:first-child {
    margin-top: 0;
}

ul.twitter li span { display: block; }

ul.twitter li a,
.testi-author span a {
	font-style: italic;
	font-size: 11px;
    color: #000000;
    border-bottom: 1px dotted #EEE;
}

ul.twitter li a:hover,
.testi-author span a:hover {
    text-decoration: none;
    border-bottom: 1px solid #EEE;
}

ul.twitter li span a { font-size: 12px; }


/* ------------------- Footer Twitter End ------------------- */

/*		8. COMMENTS  ---------------------------*/

#comments {
	background:#eaeced url(../img/center_shadow_comment.jpg) repeat-y top right;
	margin:10px 0 0 -30px;
	overflow:hidden;
	padding:0 30px 30px 30px;
	width:669px;}

#meta {
	background:url(../img/center_shadow_commenth.jpg) repeat-x;
	height:28px;
	margin:0 0 0 -30px;
	padding:0 30px;
	width:669px;}

.body {
	clear:both;
	padding:30px 0 0 0;}

.comment_picture {
	float:left;
	width:110px;}

.comment_picture p {padding:0;}

.comment_text {
	background-color:#fff;
	border:#d4dce0 1px solid;
	float:left;
	padding:30px;
	width:497px;}
	
#add_comment {
	padding:10px 0 0 0;
	clear:both;}

/*		9. PAGINATION  -------------------------*/

#search button { 
	background:#ff3333 url(../img/gradient.png) repeat-x 0 -35px;
	border:1px solid #ae0101;
	color:#fff;
	cursor:pointer;
	display:block;
	font-weight:bold;
	padding:5px 10px;
	position:relative;
	text-decoration:none;
	text-shadow:0 1px 1px #666;
	-moz-box-shadow:0 1px 0 #333;
	-webkit-box-shadow:0 1px 0 #333;
	box-shadow:0px 1px 0px #333;}

.button, #contact_form button { 
	background:#15a728 url(../img/gradient.png) repeat-x 0 -35px;
	width:370px;
	border:1px solid #7bc331;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	font-weight:bold;
	padding:3px 10px;
	text-decoration:none;
	text-shadow:0 1px 1px #666;
	-moz-box-shadow:0 1px 0 #333;
	-webkit-box-shadow:0 1px 0 #333;
	box-shadow:0px 1px 0px #333;}

.button em {
	background:url(../img/button_arow.gif) no-repeat right center;
	font-style:normal;
	padding-right:10px;}
	
.button:hover em  {background:url(../img/button_arow_hover.gif) no-repeat right center;}
	
a:hover.button, #contact_form button:hover {
	background:#ccc url(../img/gradient.png) repeat-x 0 -45px;
	border:1px solid #9fa5aa;
	color:#000;
	padding:3px 10px;
	text-shadow:0 1px 1px #eee;
	-moz-box-shadow:0 1px 0 #666;
	-webkit-box-shadow:0 1px 0 #666;
	box-shadow:0px 1px 0px #666;}
	
a.comments_link {
	background:url(../img/comment_pic.gif) no-repeat;
	color:#333;
	display:block;
	height:30px;
	padding:2px 0 0 0;
	text-align:center;
	text-decoration:none;
	width:28px;}
	
a:hover.comments_link {background:url(../img/comment_pic.gif) no-repeat bottom; color:#666;}
.entry_meta { overflow:hidden; padding:10px 0 0 0; clear:both; float:right; clear:both;}
.entry_meta li {float:left; background:#3FC;}
#contentl .entry_meta li {background:none; list-style:none;}

.pagination {
	clear:both;
	margin:0 auto;
	position:relative;
	text-align:right;
	text-decoration:none;}

.pagination .active, .pagination a:hover { 
	background:#ef0202 url(../img/gradient.png) repeat-x 0 -35px;
	border:1px solid #ae0101;
	color:#fff;
	cursor:pointer;
	display:inline;
	font-weight:bold;
	padding:3px 12px;
	text-decoration:none;
	text-shadow:0 1px 1px #666;
	-moz-box-shadow:0 1px 0 #333;
	-webkit-box-shadow:0 1px 0 #333;
	box-shadow:0px 1px 0px #333;}
	
.pagination a:hover { 
	background:#d4dce0 url(../img/gradient.png) repeat-x 0 -35px;
	border:1px solid #9fa5aa;
	color:#333;
	text-shadow:0 1px 1px #fff;
	-moz-box-shadow:0 1px 0 #666;
	-webkit-box-shadow:0 1px 0 #666;
	box-shadow:0px 1px 0px #666;}

#contact_form button {
	float:right;
	margin:10px 0 0 0;}

.pagination a { 
	border:1px solid #fff;
	color:#000;
	margin:0 0 0 10px;
	padding:3px 12px;
	text-shadow:none;}

/* Video Widget */
.video-holder, .portfolio-item {
    background: rgb(70,75,77); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(70,75,77,1) 0%, rgba(48,51,53,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70,75,77,1)), color-stop(100%,rgba(48,51,53,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(70,75,77,1) 0%,rgba(48,51,53,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(70,75,77,1) 0%,rgba(48,51,53,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(70,75,77,1) 0%,rgba(48,51,53,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(70,75,77,1) 0%,rgba(48,51,53,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464b4d', endColorstr='#303335',GradientType=0 ); /* IE6-9 */
    border: 1px solid #1f1f1f;
    border-bottom: 1px solid #161616;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.35);
    -o-box-shadow: inset 0 1px 0 rgba(255,255,255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.35);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    margin-top: 10px;
    padding: 10px;
}

/* Firma Slogan */
.firma { position:relative; left:-20px; color:#959595; top: 36px;
	color: #000000;
    font-family: 'Terminal Dosis',sans-serif;
	text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;}
.slogan { position:relative; left:260px; color:#959595; top: 19px;}

/* TOPMENU RIGHT */
.topmenu {right:130px; top:10px; float:right; height:22px;font-family: segoe ui, verdana, arial, sans-serif; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; webkit-bottom-right-radius: 7px; webkit-bottom-left-radius: 7px ;}
.topmenu ul {margin:0; padding:0; float:left; -moz-border-radius: 5px; border-radius: 5px;}
.topmenu ul li {list-style:none;float:left;height:100%;position:relative;}
.topmenu ul li a { display:block;padding:0 10px 0 10px; margin:0; height:35px; line-height:35px; -moz-transition: color 0.3s ease 0s, background 0.3s ease 0s; -webkit-transition: 0.3s ease 0s; -o-transition: 0.3s ease 0s; 
background: none repeat scroll 0 0 #53b11c;border-bottom: 3px solid #1aa61f;border-left: 1px solid #ffffff;border-right: 1px solid #c1e91b;color: #FFFFFF;display: block;position: relative;text-align: left;
text-transform: uppercase; font-size:12px;font-weight:normal; font-family: 'Terminal Dosis', sans-serif; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; webkit-bottom-right-radius: 7px; webkit-bottom-left-radius: 7px ;}
.topmenu ul li.active {}
.topmenu ul li.active a {}
.topmenu ul li:hover {}
.topmenu ul li a:hover{ text-decoration:none; font-weight:normal; font-size:12px; color:#c9e45c;text-shadow:none;}
.topmenu ul li ul {position:r;width:180px;left:-999em;border-top:0; margin:0; padding:0;}
.topmenu ul li:hover ul, #menu ul li.sfHover ul {left:0;}
.topmenu ul li ul li {padding:0;height:auto;width:180px; margin:0; border:none;}
.topmenu ul li:hover ul li a {text-shadow:none;}
.topmenu ul li:hover ul li { background:none;}
.topmenu ul li:hover ul li a, .topmenu ul li ul li a, .topmenu ul li.active ul li a{margin:0; padding:0 0 0 10px;height:24px;line-height:24px; background:#555;border-bottom:1px solid #3a3a3a;color:#d1d1d1; font-size:11px;font-weight:normal;text-shadow:none;}
.topmenu ul li ul li a:hover, .topmenu ul li ul li.active a, .topmenu ul li.active ul li a:hover, .topmenu ul li.active ul li.active a {margin:0; padding:0 0 0 10px;height:24px;line-height:24px;background:#343434;color:#fff; font-size:11px;text-shadow:none;}
.topmenu ul li ul ul, .topmenu ul li:hover ul ul, .topmenu ul li:hover ul ul ul, .topmenu ul li:hover ul ul ul ul, .topmenu ul li.sfHover ul ul, .topmenu ul li.sfHover ul ul ul, .topmenu ul li.sfHover ul ul ul ul {left:-999em;}

/*		10. Search -----------------------------*/

#search {float:right; margin-top:29px;}

#search button {
	float:left;
	height:30px;
	-moz-box-shadow:0 0 #fff;
	-webkit-box-shadow:0 0 #fff;
	box-shadow:none;
	padding-top:2px;
	width:70px;}

#search input {
	background:#fff url(../img/gradient.png) repeat-x 0 -5px;
	border:1px solid #d3d2d0;
	color:#333;
	border-width:1px 0 1px 1px;
	float:left;
	height:18px;
	padding:5px 10px;
	width:128px;}
	
#search input:focus, #search input:hover {
	border:1px solid #e50202;
	border-width:1px 0 1px 1px;}

#search button:hover {
	background:#ef0202 url(../img/gradient.png) repeat-x 0 -65px;
	border:1px solid #333;}


/*		11. FOOTER  ----------------------------*/

#footer {
	background:url(../img/footer_shadow.jpg) no-repeat center top;
	clear:both;
	font-size:11px;
	margin:0px auto auto auto;
	overflow:auto;
	padding:10px 0 0 0;
	width:980px;}

#footer li {
	display:inline;
	float:left;}

#footer a, #footer a:hover.active {color:#666; text-decoration:none;}
#footer a.active, #footer a:hover {color:#15a728; text-decoration:underline;}
#footer li span {padding:0px 10px; color:#999;font-size:3px;}
#footer .fr {color:#666;}

/*		12. Contact form -----------------------*/

#contact_form {width:669px;}

#contact_form fieldset {float:left;}
	
#contact_form .pt1 {width:220px;}
#contact_form .pt2 {width:420px; float:right;}
#contact_form .pt3 {width:669px;}

#contact_form fieldset input, #contact_form textarea {
	border:1px solid #d4d2cf;
	color:#373737;
	border-width:1px 0 1px 1px;
	float:left;
	height:18px;
	padding:5px;}

#contact_form fieldset label {
	display:block;
	font-weight:bold;}

#contact_form fieldset input {
	border-width:1px;
	margin-bottom:10px;
	width:208px;}
	
#contact_form input:focus, #contact_form input:hover, #contact_form input.hightlight {
	border:2px solid #b9c0c4;
	height:16px;
	width:206px;}
	
#contact_form input.hightlight {background:#fff url(../img/iconCaution.gif) no-repeat 190px 5px;}
	
#contact_form textarea:focus, #contact_form textarea:hover, #contact_form textarea.hightlight {
	border:2px solid #b9c0c4;
	height:138px;
	width:406px;}
	
#contact_form textarea.hightlight {background:#fff url(../img/iconCaution.gif) no-repeat 390px 5px;}

#contact_form textarea {
	border-width:1px;
	height:140px;
	overflow:hidden;
	width:408px;}
	
.loading {
	background:url(../img/ajax-loader.gif) no-repeat 1px; 
	display:none;
	float:right;
	height:28px; 
	margin:12px 10px 0 0;
	width:28px;}