/*
Cascading Style Sheet for http://www.addemoto.se
created by t.a @ www.ShopSetup.com
*/

@import url("/css/reset.css");

/*
=Global styles & classes
*/
body {
	background-color: #1f1f1f;
	font: normal 14px/21px Arial, Helvetica, sans-serif;
}

h1 {
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	line-height: 39px;
}

h2 {
	color: #fff;
	font-size: 22px;
	line-height: 29px;
}

h3 {
	color: #fff;
	font-size: 16px;
	line-height: 23px;
}

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

p {
	color: #cfcfcf;
}

input {

background-color: #fff;
}

.bold {
	font-weight: bold;
}

.col-983 {
	background: transparent url(/i/col_983.png) repeat-y scroll 0 0;
	}

	.col-983-top {
		background: transparent url(/i/col_983_top.png) no-repeat scroll 0 0;
		}

		.col-983-bottom {
			background: transparent url(/i/col_983_bottom.png) no-repeat scroll 0 100%;
			padding: 2px;
		}

.col-327 {
	background: transparent url(/i/col_327.png) repeat-y scroll 0 0;
	}
	
	.col-327-top {
		background: transparent url(/i/col_327_top.png) no-repeat scroll 0 0;
		}
		
		.col-327-bottom {
			background: transparent url(/i/col_327_bottom.png) no-repeat scroll 0 100%;
			padding: 2px;
		}
		
.red {
	color: #cf0000;
}
		
		


/*
=Wrapper
*/
#wrapper {
	margin: 0 auto;
	padding: 20px 0;
	width: 983px;
}




/* =Header
--------------------------------------------------------------------------------------------------->
*/
#header {
	background: transparent url(/i/header.png) repeat-x scroll 0 0;
	height: 110px;
	margin: 0 0 1px;
	padding: 2px 27px;
	position: relative;
	}
	
	/*
	=Logo
	*/
	#logo a {
		display: block;
		height: 70px;
		width: 278px;
	}
	
	/*
	=Nav-co
	*/
	#nav-co {
		position: absolute;
		right: 27px;
		top: 25px;
		}
		
		#nav-co li {
			display: inline;
			padding-left: 10px;
			}
			
			#nav-co li a:link,
			#nav-co li a:visited {
				color: #fff;
				font-size: 12px;
				font-weight: bold;
				line-height: normal;
			}
			
			#nav-co li a:hover,
			#nav-co li a:focus,
			#nav-co li a:active {
				color: #cf0000;
			}
		
		/* Classes for Nav-co */
		#nav-co li.right {
			padding-left: 50px;
			}
			
			#nav-co li.right a:link,
			#nav-co li.right a:visited {
				background: transparent url(/i/nav_co_a.png) no-repeat scroll 0 1px;
				padding-left: 15px;
			}
			
			#nav-co li.right a:hover,
			#nav-co li.right a:focus,
			#nav-co li.right a:active {
				background: transparent url(/i/nav_co_a_hfa.png) no-repeat scroll 0 1px;
			}
		
			#nav-co li a.current {
				color: #cf0000;
			}
	
	/*
	=Nav-top
	*/
	#nav-top {
		height: 40px;
		}
	
		#nav-top li {
			float: left;
			}
			
			#nav-top li a:link,
			#nav-top li a:visited {
				color: #fff;
				display: block;
				font-weight: bold;
				height: 26px;
				padding: 9px 15px 0;
			}
			
			#nav-top li a:hover,
			#nav-top li a:focus,
			#nav-top li a:active {
				background: #8f0000 url(/i/nav_top_a_hfa.png) repeat-x scroll 0 0;
			}
			
			/* Classes for Nav-top */
			#nav-top li a.current {
				background: #8f0000 url(/i/nav_top_a_current.png) repeat-x scroll 0 0;
			}




/* =Content
--------------------------------------------------------------------------------------------------->
*/

/*
=Intro
*/
#intro {
	margin: 0 0 1px;
	position: relative;
	}
	
	#intro h1 {
		left: 140px;
		position: absolute;
		text-align: right;
		top: 70px;
		}
		
		#intro h1 span {
			display: block;
			font-size: 22px;
		}
		
	#intro img {
		border-top: 1px solid #2f2f2f;
		border-bottom: 1px solid #2f2f2f;
		display: block;
		padding: 4px 5px;
		width: 969px;
	}

/*
=Puff
*/
#puff {
	margin: 0 0 1px; 
	}
	
	#puff li {
		float: left;
		margin: 0 1px 0 0;
		width: 327px;
		}
		
		#puff li dl {
			border-top: 1px solid #2f2f2f;
			border-bottom: 1px solid #0f0f0f;
			color: #cfcfcf;
			height: 170px;
			padding: 20px 25px 30px;
			}
			
			#puff li dl dt {
				float: left;
				font-weight: bold;
				width: 50%;
			}
			
			#puff li dl dd {
				float: right;
			}
		
		#puff li h2 a:link,
		#puff li h2 a:visited {
			background: transparent url(/i/puff_h2_a.png) no-repeat scroll 0 0;
			color: #fff;
			display: block;
			font-size: 14px;
			font-weight: bold;
			height: 29px;
			line-height: 21px;
			padding: 6px 10px 0;
			width: 303px;
		}
		
		#puff li img {
			border-top: 1px solid #2f2f2f;
			border-bottom: 1px solid #0f0f0f;
			display: block;
			width: 313px;
			padding: 4px 5px;
		}
		
		#puff li p {
			border-top: 1px solid #2f2f2f;
			border-bottom: 1px solid #0f0f0f;
			color: #cfcfcf;
			height: 170px;
			padding: 20px 25px 30px;
			}
			
			#puff li p a {
				color: #cfcfcf;
			}
	
	/* Classes for Puff */
	#puff li.right {
		margin: 0;
	}
	
	#puff li dl dt.margin {
		margin: 10px 0 0;
	}
	
	#puff li a.read-more:link,
	#puff li a.read-more:visited {
		background: transparent url(/i/arrow_left.png) no-repeat scroll 25px 50%;
		border-top: 1px solid #2f2f2f;
		border-bottom: 1px solid #2f2f2f;
		color: #fff;
		display: block;
		font-size: 12px;
		font-weight: bold;
		height: 28px;
		padding: 5px 0 0 45px;
	}
	
	#puff li a.read-more:hover,
	#puff li a.read-more:focus,
	#puff li a.read-more:active {
		background: transparent url(/i/arrow_left_hfa.png) no-repeat scroll 25px 50%;
		color: #cf0000;
	}

/*
=Breadcrumb
*/
#breadcrumb {
	background: transparent url(/i/breadcrumb.png) no-repeat scroll 0 0;
	height: 35px;
	padding: 0 25px;
	}
	
	#breadcrumb li {
		float: left;
		padding: 0 10px 0 0;
		}
		
		#breadcrumb li a:link,
		#breadcrumb li a:visited {
			background: transparent url(/i/breadcrumb_a.png) no-repeat scroll 0 50%;
			color: #9f9f9f;
			display: inline-block;
			font-size: 11px;
			font-weight: bold;
			height: 23px;
			line-height: normal;
			padding: 10px 0 0 15px;
		}
		
		#breadcrumb li a:hover,
		#breadcrumb li a:focus,
		#breadcrumb li a:active {
			background: transparent url(/i/breadcrumb_a_hfa.png) no-repeat scroll 0 50%;
			color: #fff;
		}
		
		/* Classes for Breadcrumb */
		#breadcrumb li a.first {
			background: none;
			padding: 10px 0 0;
		}
		
		#breadcrumb li a.current:link,
		#breadcrumb li a.current:visited {
			background: transparent url(/i/breadcrumb_a_current.png) no-repeat scroll 0 50%;
			color: #cf0000;
		}
		
		#breadcrumb li.first {
			color: #9f9f9f;
			font-size: 11px;
			font-weight: bold;
			line-height: normal;
			padding: 10px 10px 0 0;
		}

/*
=Core
*/
#core {
	border-top: 1px solid #2f2f2f;
	border-bottom: 1px solid #0f0f0f;
	padding: 20px 25px 20px;
	}
	
	#core a:link,
	#core a:visited {
		color: #fff;
	}
	
	#core a:hover,
	#core a:focus,
	#core a:active {
		color: #cf0000;
	}
	
	#core dl {
		color: #cfcfcf;
		margin: 0 0 20px;
		}
		
		#core dl dt {
			font-weight: bold;
		}
		
		#core dl dd {
			margin: 0 0 5px;
		}
	
	#core h1 {
		background: transparent url(/i/border.png) repeat-x scroll 0 100%;
		margin: 0 0 10px;
		padding: 0 0 10px;
	}
	
	#core h2 {
		margin: 0 0 10px;
	}
	
	#core p {
		margin: 0 0 10px;
	}

	/* Classes for Core */
	#core .col-left {
		float: left;
		width: 457px;
	}
	
	#core .col-right {
		float: right;
		padding-left: 15px;
		width: 457px;
	}
	
	#core ul.news,
	#core ul.pdf {
		margin: 0 0 20px;
	}
	
	/* List - News */
	#core ul.news li.img {
		background-color: #2f2f2f;
		border: 1px solid #3f3f3f;
		float: left;
		height: 200px;
		padding: 4px;
		width: 140px;
	}
		
	#core ul.news li.info {
		float: right;
		height: 210px;
		padding: 0 0 0 15px;
		width: 292px;
		}
		
		#core ul.news li.info p span {
			color: #9f0000;
			display: block;
			font-weight: bold;
			margin: 5px 0 0;
		}
		
		#core ul.news li.info p.metadata {
			color: #9f9f9f;
			font-size: 12px;
			font-weight: bold;
			line-height: 19px;
			margin: 0 0 5px;
		}
	
	/* List - PDF */
	#core ul.pdf li.img {
		background-color: #2f2f2f;
		border-top: 1px solid #3f3f3f;
		border-right: 1px solid #3f3f3f;
		border-bottom: 1px solid #1f1f1f;
		border-left: 1px solid #3f3f3f;
		float: left;
		height: 165px;
		padding: 4px;
		width: 140px;
	}
	
	#core ul.pdf li.a {
		background: transparent url(/i/ul_pdf_li_class_a.png) no-repeat scroll 0 0;
		float: left;
		}
		
		#core ul.pdf li.a a:link,
		#core ul.pdf li.a a:visited {
			background: transparent url(/i/arrow_down.png) no-repeat scroll 15px 50%;
			display: block;
			font-size: 12px;
			font-weight: bold;
			height: 28px;
			line-height: 19px;
			padding: 7px 0 0;
			text-align: center;
			width: 150px;
		}
		
		#core ul.pdf li.a a:hover,
		#core ul.pdf li.a a:focus,
		#core ul.pdf li.a a:active {
			background: transparent url(/i/arrow_down_hfa.png) no-repeat scroll 15px 50%;
		}
		
	#core ul.pdf li.info {
		color: #cfcfcf;
		float: right;
		height: 210px;
		padding: 0 0 0 15px;
		width: 292px;
	}

/*
=Delar Login
*/	

	ul.login {
		width: 200px;
		color: #cfcfcf;
		margin: 20px;
		padding: 10px;
		border: 1px solid #2f2f2f;
		}	
		
		
		ul.login input {
			width: 200px;
			}
				
			ul.login a:link,
			ul.login a:visited {
				background: transparent url(/i/arrow_left.png) no-repeat scroll 0 50%;
				display: block;
				font-size: 12px;
				font-weight: bold;
				line-height: 21px;
				margin: 5px 0 0 0;
				padding: 0 0 0 20px;
				width: 150px;
				}	
				
			ul.login a:hover,
			ul.login a:focus,
			ul.login a:active {
				background: transparent url(/i/arrow_left_hfa.png) no-repeat scroll 0 50%;
				color: #cf0000;
				}		
	
/*
=Mailform
*/
#mailform fieldset {
	border: 1px solid #2f2f2f;
	padding: 10px;
	}
	
	#mailform fieldset label {
		color: #fff;
		display: block;
	}
	
	#mailform fieldset legend {
		color: #fff;
		padding: 0 10px;
	}
	
	#mailform fieldset span {
		float: left;
		margin: 0 0 5px;
		}
	
		#mailform fieldset span input {
			background-color: #fff;
			height: 17px;
			padding: 3px 5px 0;
			width: 200px;
		}
		
	#mailform fieldset textarea {
		background-color: #fff;
		padding: 5px;
		margin: 5px 0 0;
		width: 425px;
	}
	
	/* Classes for Mailform */
	#mailform fieldset input.submit {
		background-color: #8f0000;
		color: #fff;
		cursor: pointer;
		float: left;
		font-weight: bold;
		margin: 5px 0 0;
		padding: 5px;
	}
	
	#mailform fieldset span.right {
		padding-left: 15px;
	}
	
	
	
	
/*
=Top-link
*/
#top-link {
	border-top: 1px solid #2f2f2f;
	border-bottom: 1px solid #2f2f2f;
	height: 33px;
	}

	#top-link li a:link,
	#top-link li a:visited {
		background: transparent url(/i/arrow_up.png) no-repeat scroll 25px 50%;
		color: #fff;
		display: inline-block;
		font-size: 12px;
		font-weight: bold;
		height: 28px;
		padding: 5px 0 0 43px;
	}
	
	#top-link li a:hover,
	#top-link li a:focus,
	#top-link li a:active {
		background: transparent url(/i/arrow_up_hfa.png) no-repeat scroll 25px 50%;
		color: #cf0000;
	}
	
			
				

/* =Footer
--------------------------------------------------------------------------------------------------->
*/
#footer {
	margin: 1px 0 0;
	}
	
	#footer ul {
		border: 1px solid #2f2f2f;
		height: 33px;
		padding: 15px 25px 0;
		}
	
		#footer ul li {
			color: #cfcfcf;
			float: left;
			font-size: 11px;
			line-height: 18px;
			padding: 0 10px 0 0;
			}
			
			#footer ul li a:link,
			#footer ul li a:visited {
				color: #cfcfcf;
			}
			
			#footer ul li a:hover,
			#footer ul li a:focus,
			#footer ul li a:active {
				color: #fff;
			}
			
			#footer ul li span {
				color: #fff;
				font-weight: bold;
			}
	
		/* Classes for Footer */
		#footer ul li.right {
			float: right;
			padding: 0 0 0 10px;
		}