/* 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,dd, dl, dt, li, ol, ul,fieldset, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	font-weight: inherit;	font-style: inherit;	font-family: inherit;	text-align: left;	vertical-align: baseline;	text-decoration: none;	outline: none !important;}
table {	border-collapse: collapse;	border-spacing: 0;}
q:before, q:after,blockquote:before, blockquote:after {	content: "";}
a img{	border: 0;}
*:active{outline:none;}
/* eo reset */
/* ================================================== */

html { height: 100%; }

body
{
	font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	color: #191919;
	background: #fff url(../img/bg-gradient.png) repeat-x top left;
	height: 100%;
}



/* type (base) */
p, ol, ul, blockquote	{ margin: 5px 0 16px 0; line-height: 1.6em; }
ol, ul, blockquote		{ margin-left: 18px; }
strong 					{ font-weight: bold; }
em 						{ font-style: italic; }
/* eo type (base) */
/* ================================================== */



/* main */
div#bg-layer-1
{
	background: transparent url(../img/bg-map.jpg) no-repeat top center;
	position: relative;
	min-height: 100%;
}

div#main
{
	width: 880px;
	padding: 70px 5px 210px 5px;
	margin: 0 auto;
}
/* eo main */
/* ================================================== */



/* header */
div#header
{
	margin-bottom: 50px;
}

div#logo
{
	float: left;
}

ul#main-menu
{
	margin-top: 20px;
	float: right;
}

ul#main-menu li
{
	list-style: none;
	float: left;
}
/* eo header */
/* ================================================== */



/* breadcrumb */
ul#breadcrumb
{
	list-style: none;
	margin: -16px 0 0 0;
	float: left;
}

ul#breadcrumb li
{
	float: left;
	margin-right: 4px;
}
/* eo breadcrumb */
/* ================================================== */

div#banner
{
	width: 585px;
	height: 198px;
	overflow: hidden;
}

/* news */
div#news-list
{
	width: 295px;
}

div.news-item
{
	border-bottom: 1px solid #ccc;
	margin: 0 0 11px 5px;
}

div.last-item
{
	margin-bottom: 0;
}

span.news-date
{
	background-color: #009248;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	padding: 2px 5px;
	font-family: "century gothic", "trebuchet ms", helvetica, arial, sans-serif;
	margin: 0;
	display: block;
}

p.news-article-date
{
	color: #444;
	font-style: italic;
}

div.news-archive-item
{
	margin-bottom: 12px;
}
/* eo news*/
/* ================================================== */



/* content */
div.sidebar
{
	width: 200px;
}

div.sidebar-content p
{
	font-size: 14px;
	padding: 10px;
}

div#content
{
	width: 660px;
	float: right;
}

body.index div#content
{
	width: 585px;
	float: left;
}


div.no-submenu div#submenu
{
	display: none;
}

body.error div#content,
body.no-submenu div#content,
div.no-submenu div#content
{
	width: 100%;
}

div#campaign
{
	margin: 10px 0 30px 1px;
	font-size: 14px;
	width: 878px;
}

div#campaign p
{
	margin-top: 5px;
	margin-bottom: 4px;
}

div#campaign div.clear
{
	clear: both;
}

div#campaign .no-margin
{
	margin: 0 !important;
}

div#campaign h2
{
	color: #1b9448;
	font-size: 20px;
}

div#campaign strong
{
	color: #1b9448;
}

div#campaign form
{
	margin: 30px 0 0 0;
}

div#campaign div.section-header
{
	color: #fff;
	background-color: #1b9448;
	margin: 10px 0 4px 0;
	padding:4px 6px;
}

div#campaign label.header-label
{
	width: 278px;
	background-color: #1b9448;
	margin: 0 4px 4px 0;
	float: left;
	color: #fff;
	padding:4px 6px;
}

div#campaign input
{
	float: left;
	width: 278px;
	margin: 0 4px 4px 0;
	padding: 4px 6px;
	color: #222;
	background-color: #e6e7e7;
	border: none;
	border-bottom: 1px solid #e6e7e7;
}

div#campaign input:focus
{
	background-color: #DDDDDD;
	border-color: #CCCCCC;
}

div#campaign input.submit
{
	float: right;
	margin: 4px 0 0 0;
	color: #fff;
	background-color: #1b9448;
	width: 100px;
}

div#campaign ul.errors
{
	color: #BA0000;
	font-weight: bold;
	margin: 20px 0 0 20px;
}


div#social {
	background: transparent url(../img/some_nappula.png) no-repeat scroll left top;
	width: 298px;
	height: 32px;
	position: relative;
}

div#social a {
	width: 32px;
	height: 32px;
	display: block;
	top: 0;
	position: absolute;
}

div#social a:hover {
	border-radius: 2px;
	box-shadow: 0 0 4px #fff;
	background: rgba(255,255,255,.1);
}




/* eo content */
/* ================================================== */



/* clients */
div#extra
{
	width: 285px;
}

div#clients div.sidebar-content
{

}

table.client-table
{
	border-spacing: 10px;
	border-collapse: separate;
	width: 100%;
}

table.client-table td
{
	vertical-align: middle;
	text-align: center;
	border-spacing: 10px;
	border: 1px solid #ccc;
	background: #fff;
	width: 120px;
	height: 96px;
}

div.client-logo
{
	border: 1px solid #ccc;
	width: 120px;
	height: 96px;
	text-align: center;
	background: #fff;
	float: left;
}
/* eo clients */
/* ================================================== */



/* submenu */
div.sidebar-content
{
	background: #e6e6e6;
}

ul.submenu
{
	background-color: #e6e6e6;
	list-style: none;
	margin-left: 0;
	border: 1px solid #e6e6e6;
}

body.page ul.submenu > li,
body.page ul.submenu li.level-0 > a
{
	display: none;
}

body.page ul.submenu li.selected,
body.page ul.submenu li.ancestor
{
	display: block;
}

ul.sub
{
	margin: 4px 0 0 0;
	list-style: none;
}

ul.sub-0
{
	margin-top: 0;
}

/* non-top level */
ul.submenu li a
{
	color: #191919;
	display: block;
	padding: 2px 15px;
}

/* top-level */
ul.submenu li.level-1 > a
{
	padding: 5px 10px;
	background: #fff;
}

ul.submenu li.level-1
{
	margin-bottom: 1px;
}


/* active */
ul.submenu li.level-1.selected > a,
ul.submenu li.level-1.ancestor > a
{
	color: #000;
	background-color: #ddd;
}

ul.sub li.selected > a
{
	background-color: transparent;
	font-weight: bold;
	color: inherit;
}

/* eo submenu */
/* ================================================== */


/* footer */
div#footer-ctr
{
	color: #222;
	position: absolute;
	bottom: 0;
	width: 100%;
}

div#footer-ctr .divider
{
	width: 880px;
	margin-left: auto;
	margin-right: auto;
}

div#footer
{
	background: #e6e6e6;
	padding: 20px 0;
}

table#footer-table
{
	width: 880px;
	margin: 0 auto;
	border-collapse: separate;
}

table#footer-table td
{
	vertical-align: top;
	padding: 0 4px;
}

table#footer-table tr.data-row td
{
	padding: 0 10px;
}

table#footer-table td.col-1
{
	padding-left: 8px;
}

table#footer-table tr.data-row td.col-1
{
	padding-left: 13px;
}

table#footer-table td.col-3
{
	padding-right: 0;
}

td#logo-cell
{
	background: transparent;
	text-align: center;
	vertical-align: middle !important;
	width: 168px;
	text-transform: uppercase;
	border: 1px solid #ccc;
}

img#footer-logo
{
	margin-bottom: 10px;
}

ul#footer-menu
{
	list-style: none;
	margin-left: 0;
	margin-bottom: 0;
}
/* eo footer */
/* ================================================== */



/* slideshow */
div.slideshow-ctr
{
	width: 585px;
	height: 200px;
	overflow: hidden;
	position: relative;
}

ul.slideshow
{
	list-style: none;
	margin: 0;
}

ul.slideshow li
{
	position: absolute;
	top: 0;
	left: 0;
}
/* eo slideshow */
/* ================================================== */



/* forms */
table.form-table td,
table.form-table th
{
	padding: 2px 4px 2px 0;
	vertical-align: middle;
}

table.form-table tbody td input,
table.form-table td textarea,
table.form-table td select
{
	width: 330px;
	background: #fafafa url(../img/input-bg.png) repeat-x top left;
	/*max-width: 100%;*/
}

table.form-table td textarea
{
	width: 426px;
}

tbody input, select, textarea
{
	border: 1px solid #ccc;
	background-color: #fafafa;
	font-family: inherit;
	font-size: inherit;
	padding: 1px 2px;
}

input#id_contact_time_start,
input#id_contact_time_end,
input#id_average_invoices,
input#id_average_reminders
{
	width: 32px;
	text-align: center;
}

input#id_contact_date
{
	width: 60px;
}

.checkboxes input
{
	width: auto !important;
}

input.submit
{
	cursor: pointer;
	padding: 2px 10px;
	font-size: 14px;
	margin: 10px 0;
	font-family: inherit;
}

ul.errorlist
{
	background: #fef8f6;
	border: 1px solid #cd0a0a;
	color: #cd0a0a;
	margin: 0 0 10px 0;
	list-style-position: inside;
	padding: 1px 4px;
}

ul.errorlist li
{
	
}
/* eo forms */
/* ================================================== */



/* type and links */
a		{ color: #009248; }
a:hover	{ color: #00a854; }

div#content a:hover
{
	text-decoration: underline;
}

div#news-list a { color: #222; }

ul#breadcrumb li		{ color: #999; font-size: 11px; }
ul#breadcrumb li a		{ color: #7cd688; }
ul#breadcrumb li a:hover{ color: #35bf54; }

ul#main-menu li a
{
	color: #191919;
	font-size: 18px;
	padding: 5px 10px;
	display: block;
}

ul#main-menu li.selected a,
ul#main-menu li.ancestor a
{
	color: #fff;
	background: #009248 url(../img/menu-selected.png) repeat-x top left;
}

table#footer-table td a
{
	color: #000;
}

table#footer-table td a:hover
{
	color: #009248;
}

table#footer-table td h2
{
	background: transparent;
	font-size: 13px;
	font-weight: bold;
	padding: 2px 5px;
	border-bottom: 1px solid #ccc;
}

table#footer-table td p
{
	margin-bottom: 0;
}

span.subheader
{
	border-bottom: 1px dotted #ccc;
	width: 100%;
	display: block;
	font-weight: bold;
}

.section-title
{
	background: transparent url(../img/header-bg.png) repeat-x scroll 0 10px;
	color: #222;
	font-size: 22px;
}

.section-title span
{
	background: #fff;
	padding: 0 10px 0 0;
}
/* eo type and links */
/* ================================================== */



/* helpers */
.divider
{
	display: block;
	width: 100%;
	height: 10px;
	margin: 4px 0;
	background: #e6e6e6;
}

.green-divider { background-color: #009248; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
/* eo helpers */
/* ================================================== */