@charset "utf-8";

body{
	margin: 0 0 0 37px;
	padding: 0px;
	background: url('../img/bg_kartta_167K.jpg') #000 no-repeat center fixed;
}

table, tr, td{
margin: 0px;
padding: 0px;
border: 0px;
}
a img {border:0px;}


#helaWrapper{
	width: 59.375em;
	min-width: 950px;
	margin: 30px auto;
}

#header{
	width: 59.375em;
	min-width: 950px;
}

#headerClear{
	clear: both;
	margin: 0;
	padding: 0;
	height: 1px;
	font-size: 1%;
}

#mainLogo{
	background: url(../img/logo_konsepti.png) no-repeat;
	width: 240px;
	height: 60px;
	float: left;
	margin-bottom: 20px;
	text-indent: -100em;
}
#mainLogo span{
	visibility: hidden;
}

#mainLogo p a{
	width: 100%;
	height: 100%;
}

/* Main links */

#categoryWrapper{
	margin: 0px;
	padding: 0px;
	clear: both;
	background: #555;
	background: url('http://193.229.251.8/www.konseptigroup.fi/img/bg_CategoryLinks.gif') #000 repeat-x;
}

#categoryLinks{
	width: 100%;
	padding: 0;
	margin: 0 0 0 10px;
	list-style-type: none;
	clear: both;
}

#categoryLinks li{
	display: block;
	float: left;
	width: 8em;
	min-width: 125px;
	padding: 0;
	margin:  5px 0 1px 0;
}

#categoryLinks li a{
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 4px;
	font-size: 75%;
}

#categoryLinks li a.active{
	background:  url(../img/bg_whitetored_slide.jpg) right bottom no-repeat;
}
#categoryLinks li a:hover{
color:#b9b9b9;
}

/* Search */
#searchWrapper{
	float: right;
	text-align: right;
	width: 200px;
}
#textIncDec{
	clear: both;
	margin: 20px 0 0 0;
	padding: 0;
	width: 100%;
}

#searchField{
	background: #d7d5d7;
	color: #8b1c72;
	padding-left: 5px;
	border: none;
	width: 150px;
	float: left;
}

#searchSubmit{
	background: #eaeaea url(../img/etsi.gif) no-repeat;
	border: none;
	width: 36px;
	height: 17px;
	float: right;
}


/* Main content */
#contentWrapper{
	margin: 20px 0 0 0;
	clear: both;
	background: #FFFFFF;
	width: 59.375em;
	min-width: 950px;
}

#content{
	display: block;
	background: #f5f5f5;
	float: left;
	clear: both;
	width: 514px;
	overflow: hidden;
}

#content h1, h2, h3, h4, h5, h6, p, li{
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 1em;
}

#content h1{
	font-size: 1.8em;
	font-weight: normal;
	padding: 0 0 0 10px;
	margin-top: 1em;
	color: #8b1b72;
}

#content h2{
	font-size: 0.875em;
	font-weight: bold;
	margin-top: 1em;
}
.contentPadding{
	padding-left: 1em;
}

#content p, #content li{
	font-size: 0.75em;
} 

/* Two column main content */

#two_column_main{
	margin: 0; padding: 0;
}

div.two_col{
	float: left;
	display: block;
	margin: 0 0 0 8px;
	padding: 0;
	width: 245px;
}

#two_column_main .two_col h1{
	padding: 0;
	font-size: 1.4em;
}

#two_column_main .two_col p{
	padding: 0 5px;
}


/* Side menus */
#categoryListing, #siteListing{
	background: #FFFFFF;
	margin: 0;
	display: block;
	float: left;
	width: 15.3125em;
}

#categoryListing{
	padding: 1.15em 0 0 1em;
}
#categoryListing dt a{
	font-weight:normal;
}
#siteListing{
	padding: 1.25em 0 0 1em;
	width: 9.625em;
	background:#eaeaea;
	float: right;
}

#categoryListing dl, #siteListing dl{
	margin: 0;
	padding: 0;
	font-size: 100%;

}

/* The Side Header */
#categoryListing dl dt, #siteListing dl dt{
	margin: 0;
	margin-top: 12px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.33em;
}
#siteListing dl dt{
	padding-right: 1em;
	font-size: 0.75em;
    color: #8b1c72;
	font-weight: bold;
}
/* The Side Text */

#categoryListing dl dd, #siteListing dl dd{
	margin: 0;
	padding: 1em 1em 1em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #626161;
}

#siteListing dl dd{
	padding-top: 0;
}

#siteListing dl dd a{
	text-decoration: none;
	color: #999999;
	font-weight: bold;
}

#categoryListing dl dt{
	font-size: 1.4em;
	color: #999999;
}

#categoryListing dl img{
	float: right;
	margin: 4px 0 10px 10px;
}

#categoryListing a, #categoryListing p{
	color: #999999;
	font-weight: bold;
	text-decoration: none;
	margin: 0; padding: 0;
}

.categoryNext{
	display: block;
	width: 70px;
	font-size: 12px;
	float: right;
}
.categoryPrev{
	display: block;
	width: 70px;
	font-size: 12px;
	float: left;
}
#prevnext a{
	color: #000066;
}
.categoryDisable{
	display: none;
}


/* Footer */
	#footer {
        clear:both;
        float:left;
		width: 59.375em;
		min-width: 950px;
		height: 2.8em;
		margin: 15px 0 0 0;
		background: #000000 url(../img/bg_footer.gif) left center no-repeat;
		border-top:1px solid #000;
    }

	#footer p.osoite{
		padding-bottom: 5px;
		background:  url(../img/bg_whitetored_slide.jpg) right bottom no-repeat;
		text-align: right;
		margin: 1.2em 1em 0 0;
		color: #FFFFFF;
		font-size: 0.7em;
	}

/* Admin styles */

#adminBar{
	width: 100%;
	height: 55px;
	background: url(../img/adminbar/bg_bar.gif) repeat-x;
}

#adminBar img{
	margin: 5px 0 0 10px;
	border: none;
}

#imagelist {
	height: 300px;
	width: 500px;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: scroll;
}

#imagelist li{
	float: left;
	padding-left: 10px;
}

#crop{
	background-color: #666666;
	position: relative;
	top: 0;
	left: 0;
	overflow: scroll;
}

.clear{
	clear: both;
}