/* 
----------------------------------------
Default resets
----------------------------------------
*/

html, body{margin: 0;padding: 0;}
img{border: none;}
a:active, a:focus{outline: none;}
.clearer{clear: both;}
.site-header{display: none;}
.site-footer{display: none;}
.login-status{display: block;}
.admin-panel{display: block;}
body{
	text-align: center; /* For IE5 and below */
	font: 12px/17px "Arial", Helvetica, sans-serif;
	color: #292929;
	background: #000 url('../client/images/body-bg.jpg') repeat-x;
}
.tw-li-hideTwBar{display: none;}
.tw-li-showTwBar{display: none;}
.mainSlideShow input{display: none;}
.clearer{clear: both;}

/* 
----------------------------------------
Main structure
----------------------------------------
*/

.wrapper
{
	width: 990px;
	margin: 35px auto;
	text-align: left;
}

	.header{position: relative;}

	.content
	{
		background: #fff url('../client/images/content-bg.jpg') no-repeat;
		height: 248px;
		height: auto !important;
		min-height: 248px;
		overflow: hidden;
	}
		.content .inner{padding: 33px;}
		
			.sidebar
			{
				width: 255px;
				float: left;
			}

			.main
			{
				float: right;
				width: 630px;
			}
	.footer
	{
		background: #000 url('../client/images/footer-bg.jpg') no-repeat;
		height: 119px;
		color: #747474;
	}
/*
----------------------------------------
Header
----------------------------------------
*/
.header img
{
	position: absolute;
	width: 270px;
	height: 82px;
	top: 0;
	left: 0;
}
.header ul
{
	float: right;
	margin: 70px 0 0 0;
	padding: 0;
	list-style: none;
	
}
	.header ul li
	{
		float: left;	
	}
		/* main menu states */
		
		/* normal */
		.header ul li a
		{
			color: #eaeaea;
			font-weight: bold;
			text-decoration: none;
			display: block;	
			padding: 2px 10px 20px 10px;
			margin-bottom: -7px;
			overflow: hidden;
		}
		/* hover and active */
		.header ul li.active a, .header ul li a:hover
		{
			color: #fd382f;
			background: url('../client/images/menu/active.jpg') bottom center no-repeat;
				
		}

/*
----------------------------------------
Sidebar / sub nav
----------------------------------------
*/

.sidebar ul.tw-menuLevel2, .sidebar ul.tw-menuLevel3
{
	list-style: none;
	margin: 0;
	padding: 0;	
}
	.sidebar ul.tw-menuLevel2 li{border-bottom: 1px #fff solid;}
	.sidebar ul.tw-menuLevel2 li.last{border-bottom: none;}
	/* sub menu states */
	

	/* normal */
	.sidebar ul.tw-menuLevel2 a
	{
		display: block;	
		background: #dd1e16 url('../client/images/menu/sub-bg.jpg') repeat-x;
		padding: 11px 31px 11px 31px;
		color: #ffe0e0;
		font-weight: bold;
		text-decoration: none;
	}
	
	/* normal hover and active */
	.sidebar ul.tw-menuLevel2 a.active, .sidebar ul.tw-menuLevel2 a:hover{
		background: #af160f url('../client/images/menu/sub-active.jpg') repeat-x;
		color: #fff;
	}	
	
	/* first */
	
	.sidebar ul.tw-menuLevel2 li.first a
	{
		background: #af160f url('../client/images/menu/sub-first.jpg') top no-repeat;
	}
	.sidebar ul.tw-menuLevel2 li.first a:hover, .sidebar ul.tw-menuLevel2 li.first a.active
	{
		background: #af160f url('../client/images/menu/sub-first-active.jpg') top no-repeat;	
	}
	
	/* last */
	
	.sidebar ul.tw-menuLevel2 li.last a
	{
		background: #e12d25 url('../client/images/menu/sub-last.jpg') bottom no-repeat;
	}	
	.sidebar ul.tw-menuLevel2 li.last a:hover, .sidebar ul.tw-menuLevel2 li.last a.active
	{
		background: #e12d25 url('../client/images/menu/sub-last-active.jpg') bottom no-repeat;	
	}	
	
	/* level 3 */
	
	
	
	.sidebar ul.tw-menuLevel2 li ul li{border-bottom: none;}
	
	/* normal */
	.sidebar ul.tw-menuLevel3 a
	{
		background: #b51610;
		padding: 5px 31px 5px 31px;
		color: #ffe0e0;
		font-weight: bold;
		text-decoration: none;
		font-size: 11px;
	}	
	
	
	.sidebar ul.tw-menuLevel2 li.first ul.tw-menuLevel3 li a, 
	.sidebar ul.tw-menuLevel2 li ul.tw-menuLevel3 li a,
	.sidebar ul.tw-menuLevel3 a.active, 
	.sidebar ul.tw-menuLevel3 a:hover,
	.sidebar ul.tw-menuLevel2 li.first ul.tw-menuLevel3 li a
	{
		background: #b51610;
	}
	
	/* first */
	
	.sidebar ul.tw-menuLevel3 li.first a
	{
		background: #b51610;
	}
	.sidebar ul.tw-menuLevel2 li.first a:hover, .sidebar ul.tw-menuLevel3 li.first a.active
	{
		background: #b51610;	
	}
	
	
	
	/* last */
	
	.sidebar ul.tw-menuLevel3 li.last a
	{
		background: #b51610;
		padding-bottom: 11px;
	}	
	.sidebar ul.tw-menuLevel3 li.last a:hover, .sidebar ul.tw-menuLevel3 li.last a.active
	{
		background: #b51610;	
	}		
	
	

/*
----------------------------------------
TW Areas
----------------------------------------
*/
.defaultOuterLeft{width: 255px;}
.defaultMain{width: 630px;}
.defaultLeft
{
	width: 385px;
	float: left;
}
.defaultRight
{
	width: 245px;
	float: right;
}
.defaultBottom
{
	clear: both;
	width: 630px;	
}


/*
----------------------------------------
Footer
----------------------------------------
*/
.footer .inner
{
	padding: 45px 35px;
}
	.footer ul
	{
		margin: 0 65px 0 0;
		padding: 0;
		list-style: none;
		float: left;
	}
	.contactHeader{font-weight: bold;}
		.footer a
		{
			color: #747474;
			text-decoration: none;
		}	
		.footer a:hover{color: #959595;}
		
/*
----------------------------------------
Headers
----------------------------------------
*/

h1, h2, h3, h4, h5
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #292929;	
}
h1
{
	font-size: 40px;
	line-height: 44px;
	margin: 10px 0;	
}
h2
{
	font-size: 20px;
	line-height: 24px;
	margin: 10px 0;	
}
		
/*
----------------------------------------
Links
----------------------------------------
*/
a
{
	color: #d61f17;
	font-weight: bold;
}
a:hover{color: #b61b14;}

/*
----------------------------------------
Box
----------------------------------------
*/

.tw-box
{
	width: 245px;
	color: #fff;
	margin-bottom: 15px
}
	.tw-box-inner{padding: 37px 25px 25px 30px;}
	.tw-box h2, .tw-box h3, .tw-box h1, .tw-box h5, .tw-box h6, .tw-box h4{color: #fff; margin-top: 0;}	
	
	/*grey*/
	.box-grey{text-shadow: #999 0px 1px;}/* hi explorer! im the "new" supercool text-shadow property.. hudhudhud */
	.box-grey .box-top{background: #b9b8b8 url('../client/images/box/grey-top.jpg') top no-repeat;}
	.box-grey .box-bottom{background: url('../client/images/box/grey-bottom.jpg') bottom no-repeat;}

	/*grey quote*/
	.box-grey-quote{text-shadow: #999 0px 1px;}/* hi explorer! im the "new" supercool text-shadow property.. hudhudhud */
	.box-grey-quote .box-top{background: #b9b8b8 url('../client/images/box/grey-top-quote.jpg') top no-repeat;}
	.box-grey-quote .box-bottom{background: url('../client/images/box/grey-bottom.jpg') bottom no-repeat;}

	/*red*/
	.box-red{text-shadow: #7b130e 0px 1px;}/* tudelu */
	.box-red .box-top{background: #d71f17 url('../client/images/box/red-top.jpg') top no-repeat;}
	.box-red .box-bottom{background: url('../client/images/box/red-bottom.jpg') bottom no-repeat;}

	/*red quote*/
	.box-red-quote{text-shadow: #7b130e 0px 1px;}/* tudelu */
	.box-red-quote .box-top{background: #d71f17 url('../client/images/box/red-top-quote.jpg') top no-repeat;}
	.box-red-quote .box-bottom{background: url('../client/images/box/red-bottom.jpg') bottom no-repeat;}


	
		
/*
----------------------------------------
Misc elements
----------------------------------------
*/

/*Front blurbs*/

a.front-blurb
{
	width: 215px;
	height: 60px;
	background: url('../client/images/front-blurb.png') no-repeat;  
	color: #fff; 
	font-size: 25px;
	display: block;
	text-decoration: none;
	margin-bottom: 1px;	
	padding: 23px 20px 0px 20px;
    color:#ffe3e3;    
}
a.front-blurb:hover{color: #fff;}
a.blurb-last
{
	margin-bottom: 15px;
	width: 215px;
	height: 64px;
	background: url('../client/images/front-blurb-last.png') no-repeat;              
}
	a.front-blurb span{font-size: 12px;display: block; padding-top: 5px; font-weight: normal;}

/*horisontal ruler*/
hr {
	background-color: #e6e6e6;
	color: #e6e6e6;
	height: 1px;
	border: 0;
}

/*slideshow*/

.tw-slideShow{margin-bottom: 15px;}

/*dotted list*/
.tw-ctrlText ul, .tw-ctrlText ol {
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 10px 0 0 0;
}
.tw-ctrlText ul {
	margin-left: 0px;
}
.tw-ctrlText ol {
	margin-left: 23px;
}
.tw-ctrlText li {
	padding: 2px 0 0px 19px;
	background: url(../client/images/list-dot.png) top left no-repeat;
	background-position: 0 6px;
}

.ingress
{
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #676767;	
}