* {
margin:0px;
padding:0px;
}

html {overflow:scroll;}

html, body {
height:100%;
}

body {
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 62.5%;
background: #fff;
color:#000201;
}

img {border:0px;display:block;}
img.border{border:1px solid #000201;}
img.inline {display:inline;}

.clear {clear: both;}
.clear10 {clear: both;height:10px;}

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

.clear-block {display: inline-block;}

img.alignright {float:right;margin:0px 0px 10px 15px;}
a.alignright {float:right;margin:0px 0px 10px 15px;}
img.alignleft {float:left;margin:0px 15px 10px 0px;}
img.alignleft2 {float:left;margin:0px 15px 0px 0px;}
a.alignleft {float:left;margin:0px 15px 10px 0px;}

em {font-style:italic;}

strong {font-weight:bold;}

pre {font-size:13px;}

q,cite {
font-size: 13px;
line-height:20px;
margin: 0px 0px 0px 0px;
color:#31312f;
font-weight:bold;
display:block;
font-style:normal;
}

sup, sub {
height: 0;
line-height: 1;
vertical-align: baseline;
position: relative;
}

sup {bottom: 1ex;}
sub {top: .5ex;}
hr {display:none;}

div.hr-sub {
display:block;
height: 10px;
width:100%;
border-bottom: 1px solid #d1d1d1;
clear: both;
margin:0px 0px 0px 0px;
}

acronym, abbr {
border-bottom: none;
cursor:help;
}

span.hide {display:none;}

.wrapper {
width:957px;
margin: 0px auto 0px auto;
background:#bbc31e;
/*min-height:100%;*/
border-left:1px solid #000201;
border-right:1px solid #000201;
border-bottom:1px solid #000201;
}

.header {
width:957px;
height:162px;
display:block;
position:relative;
background:url(../images/banner.jpg) no-repeat top;
}

.header h1 {
position:absolute;
top:10px;
left:38px;
}

.header a.logo {
display:block;
width:237px;
height:118px;
background:url(../images/Cleangro-logo.png) no-repeat top;
}

.header a.logo:focus {outline:none;}

.navbar {
width:957px;
height:37px;
background: url(../images/navbar.png) repeat-x top;
}

.navbar ul {
height: 35px;
display: block;
width: auto;
margin: 0px 0px 0px 105px
}

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

.navbar a {
display: block;
float: left;
text-decoration: none;
height: 32px;
line-height:32px;
color:#000201;
font-weight:bold;
font-size:1.4em;
text-align:left;
margin: 0px 0px 0px 60px
}

#home .navbar a.home,
#showmakers-details .navbar a.showmakers,
#showmakers .navbar a.showmakers,
#links .navbar a.links,
#contacts .navbar a.contacts,
.navbar a:hover {color:#f03b42}

.content {
padding: 35px 20px 15px 27px;
width:910px;
min-height:500px;
}

#showmakers .content {position:relative;}
	
.content p {
font-size:1.3em;
margin: 0px 0px 10px 0px;
line-height:17px;
}

#contacts .content p {font-size:1.4em;}

.content p.date {
font-size:1.1em;
font-style:italic;
margin: 0px 0px 5px 0px;
line-height:17px;
}
#contacts .content p.contact {
font-size:1.3em;
margin: 0px 0px 15px 0px;
line-height:17px;
}

.newsBlock br {
margin: 0px 0px 10px 0px;
}

.content ul, .content ol {
font-size:1.3em;
margin: 0px 0px 10px 15px;
}

.content li {
line-height:17px;
margin: 0px 0px 10px 0px;
}

.content h2 {
font-size:1.7em;
margin: 0px 0px 10px 0px;
}

.content h2.news {margin: 0px 0px 0px 0px;}

.content h2 span.small {
font-size:0.7em;
font-weight:normal;
}

.content h3 {
font-size:1.6em;
margin: 0px 0px 10px 0px;
}


#contacts .content h3 {margin: 0px 0px 5px 0px;}
#contacts .content h3.extra {margin: 40px 0px 9px 0px;font-size:1.3em;}

.content h4 {
font-size:1.4em;
margin: 0px 0px 10px 0px;
}

.content a {
color:#fff;
text-decoration:none;
}

.content a:hover {text-decoration:underline;}


#home .col1 {
width:225px;
float:left;
}

.slideshow {
position:relative;
width:225px;
height:221px;
overflow:hidden;
display:block;
padding:0px 0px 0px 0px;
}

#contacts .slideshowcontact {
position:relative;
width:225px;
height:221px;
overflow:hidden;
display:block;
padding:0px 0px 0px 0px;
}

.texthome {
float:right;
position:relative;
width:578px;
padding: 0px 80px 0px 27px;
}

div.news {
margin: 30px 0px 0px 0px;
border: 1px solid #000;
padding: 0px 0px 10px 0px;
}

.content div.news p {margin: 0px 0px 5px 0px;}

.content div.news p.date {
font-size:1.1em;
font-style:italic;
margin: 0px 0px 5px 0px;
line-height:17px;
}

div.news h2 {
color:#fff;
background:#F03B42;
font-weight:normal;
height:30px;
line-height:30px;
text-indent:10px;
}

.content h3.news {
margin: 0px 0px 0px 0px;
font-weight:bold;
font-size:1.4em;
}
.content h3.news a {color:#000}

div.nblock {padding:0px 10px 0px 10px;}

.textshowmakers {
float:left;
position:relative;
width:410px;
padding: 0px 50px 120px 0px;
}

#showmakers .leaflet {
font-size:1.3em;
font-weight:bold;
display:block;
/*height:130px;*/
margin: 0px 0px 0px 15px;
}

.catshowmakers {
float:right;
position:relative;
width:450px;
}

.catshowmakers li {
display: inline;
list-style-type: none;
display: block;
float: left;
margin: 0px 0px 30px 1px;
font-size:0.9em;
}

.catshowmakers a.img {
text-decoration: none;
display:block;
height:100px;
width:215px;
color:#000201;
}

.catshowmakers ul img {
float:left;
display:block;
height:100px;
width:100px;
}

.catshowmakers span.text {
text-decoration: none;
display:block;
width:105px;
float:left;
margin: 0px 0px 0px 5px;
}

.catshowmakers a.img:hover {color:#fff;}

ul.gallery2 li {
display: inline;
list-style-type: none;
display: block;
float: left;
width:120px;
margin: 0px 0px 30px 20px;
position:relative;
}

.new {
position:absolute;
top:-10px;
left:auto;
right:0px;
width:47px;
height:48px;
display:block;
background:url(../images/new.png) no-repeat top;
}

ul.gallery2 li a {
text-decoration: none;
color:#000201;
}

ul.gallery2 li a:hover {color:#fff;text-decoration: none;}

#contacts .col1 {
width:665px;
float:left;
padding: 0px 20px 0px 0px;
position:relative;
}


#contacts .col2 {
width:225px;
float:right;
}

.footer {
width:957px;
margin: 0px auto 0px auto;
position:relative;
height:30px;
padding:5px 0px 0px 0px;
}

.footer p {
font-size:1.1em;
}

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

.footer a:hover {text-decoration:underline;}

/* the large image. we use a gray border around it */

/* "next image" and "prev image" links */
.next, .prev {
/* absolute positioning relative to the overlay */
position:absolute;
top:40%;	
border:1px solid #666;	
cursor:pointer;
display:block;
padding:10px 20px;
color:#fff;
font-size:11px;

/* upcoming CSS3 features */
-moz-border-radius:5px;
-webkit-border-radius:5px;	
}

.prev {
left:0;
border-left:0;
}

.next {
right:0;
border-right:0;	
}

.next:hover, .prev:hover {
text-decoration:underline;
background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
visibility:hidden;		
}
/* the "information box" */
.info {
position:absolute;
bottom:0;
left:0;	
padding:10px 15px;
color:#fff;
font-size:11px;
border-top:1px solid #666;
}

.info strong {display:block;}

/* progress indicator (animated gif). should be initially hidden */
.progress {
position:absolute;
top:45%;
left:50%;
display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
background:#333 !important;
background:rgba(0, 0, 0, 0.6) url(../images/h80.png) repeat-x;		
}

div.simple_overlay div.close, div.simple_overlay_contact div.close {
background:url(../images/close.png) no-repeat;
position:absolute;
top:-20px;
right:-20px; 
width:35px;
height:35px;
cursor:pointer;
}


.simple_overlay, .simple_overlay_contact {
display:none;	
/* place overlay on top of other elements */
z-index:10000;
/* styling */
background-color:#333;
width:675px;	
min-height:200px;
/*  border:1px solid #666;*/	
/* place overlay on top of other elements */
z-index:10000;
/* styling */
background-color:#333;
width:675px;	
min-height:200px;
border:1px solid #666;
/* CSS3 styling for latest browsers */
-moz-box-shadow:0 0 90px 5px #000;
-webkit-box-shadow: 0 0 90px #000;
}

#contacts .simple_overlay {
width:575px;
background-color:#fff;
}

#map {
margin: 15px 0px 15px 0px;
}

#maps {
height:380px;
width:620px;
border:1px solid #666;
}

#mapbox {
/*visibility:hidden;*/
display:none;
position:absolute;
top:-39px;
left:100px;
height:417px;
width:622px;
margin-top:30px;
z-index:1000000000;
}

a.buttonmap {
display:block;
width:200px;
height:18px;
line-height:18px;
margin:0px 0px 5px 0px;
font-size:1.3em;
font-weight:bold;
background:url(../images/pine.png) no-repeat right;
}


a.buttonmap:focus {outline: none;}

div.strip {
width:610px;
height:18px;
background:#F03B42;
text-align:right;
padding:4px 10px 0px 0px ;
border:1px solid #666;
}
a.closemap {
font-size:1.2em;
color:#fff;
}

#form {
padding: 20px 0px 0px 20px;
margin-bottom:20px;
}

/* #form label {
font-size: 1.2em;
color:#393939;
font-weight:bold;
height:25px;
} */

#form label {
font-size: 1.2em;
color:#393939;
font-weight:bold;
height:25px;
float:left;
position:relative;
width:105px;
margin: 0px 15px 0px 0px;
padding: 5px 8px 0px 0px;
}

#form .formRow {
padding: 15px 0px 0px 0px;
clear: both;
display: block;
}
#form .field {
float:left;
padding: 0px 0px 0px 0px;
font-size:1.2em;
color:#888888;
}

#form input.txtField {
width:370px;
height:19px;
padding: 3px 0px 0px 0px;
font-size:1.2em;
font-family: Arial,Helvetica,Verdana, Sans-Serif;
background:#f4f4f4;
border:1px solid #e0dedf;
}

#form textarea {
width:370px;
height:150px;
border: 1px solid #a5acb2;
font-size:1.2em;
font-family: Arial,Helvetica,Verdana, Sans-Serif;
background:#f4f4f4;
border:1px solid #e0dedf;
}

#form textarea.tny {
height:250px;
width:370px;
}

#form select {
width:320px;
height:22px;
background:#f4f4f4;
border:1px solid #e0dedf;
font-family: Arial,Helvetica,Verdana, Sans-Serif;
}

p.error {
color:#fe535a;
font-weight:bold;
margin:5px 0px 0px 0px;
font-size:1.5em;
}
div.error {font-size:1em;color:#fe535a;font-weight:bold;}


div.pagination {
font-size:1.2em;
margin-top:20px;
}

div.pagination a, .div.pagination a:link {
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #000;
color: #000;
}

div.pagination a:hover {	
border: 1px solid #fff;
color: #fff;
text-decoration: none;
}
div.pagination span.current {
padding: 2px 4px 2px 4px; 
margin: 2px;
font-weight: bold;
border: 1px solid #fff;
color: #fff;
}

div.pagination span {
padding: 2px 4px 2px 4px;
}

div.readmore {
clear:both;
margin:0px 0px 10px 0px;
font-size:1.3em;
}