/*
	artima.se Screen Styles

	Table of Contents:
		body
		header
		nav
		content
		footer
*/

/*body
----------------------------------------------- */

body{
	text-align: center; 
	background:#fff url('styles/bg_body.jpg') repeat-x top left;; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:verdana, arial, sans-serif
	}
	
a{text-decoration:underline;}
a:hover{text-decoration:none; color:#7ba5d7;}
  
div#container{
	text-align:left;
	width:755px;
	margin:0 auto;
	}

/*header
----------------------------------------------- */
	
div#header{
	height:129px;
	line-height:129px;
	width:755px;
	margin:0;
	padding:0px;
	background: #fff url('styles/bg_header.gif') no-repeat top center; 
	color: #000;
	border-left: 3px solid #444444; 
	border-right: 3px solid #444444
	}
	div#header img{
		border:0; 
		margin:25px 0 0 30px;
		}



	
/*nav
----------------------------------------------- */
div#menu{
	color: #FFF; 
	clear:left;
	background: url("../../080815/images/menu/bg_menu.jpg") top left repeat-x #000;
	width:755px;
	border-left: 3px solid #444444; 
	border-right: 3px solid #444444;
	}
	div#menu .nav {
		float: left;
		width: 750px;
		margin: 0;
		padding: 0 0 0 4px;
		list-style: none;
		background: url("../../080815/images/menu/bg_menu.jpg") top left repeat-x #000;
		border-top: 1px solid #444444;
		}
		div#menu .nav li{
			float: left;
			margin: 0;
			padding: 0;
			list-style: none;
			}
		div#menu .nav a {
			float: left;
			padding: 9px 25px;
			text-decoration: none;
			border-bottom: none;
			color: #fff;
			font-weight:bold;
			font-size:12px;
		}
			div#menu .nav a:hover, div#menu .nav a.active {
				color: #000;
				background: url("../../080815/images/menu/bg_menu_hover.jpg") top left repeat-x #b7b7b7;
				}
			div#menu .nav a.active {
				font-weight: bold; color: #000; background: url("../../080815/images/menu/bg_menu_hover.jpg") top left repeat-x #b7b7b7;
				}

/*content
----------------------------------------------- */

div#wrapper{
	float:left;
	width:100%;  
	background:#fff url('styles/bg_content.gif') no-repeat top center; 	
	border-left: 3px solid #444444; 
	border-right: 3px solid #444444
	}
	
div#content{
	margin:5px;
	}
	div#content h1{
		color:#7ba5d7; 
		font-size:170%;
		}		

/*footer
----------------------------------------------- */
div#footer{
	color: #FFF; 
	clear:left;
	border-left: 3px solid #444444; 
	border-right: 3px solid #444444;
	width: 100%;
	height:15px;
	background: #000 url('styles/bg_footer.gif') repeat-x top left;; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:2px
	}
	div#footer img{
		border:0;
		}

#footer_list{
	float: left;
	width: 755px;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	#footer_list li{
		float: left;
		margin: 0;
		padding: 0 8px;
		list-style: none;
		}
		#footer_list li a{
			color: #ff9c00;
			text-decoration: underline;
			}
			#footer_list li a:hover{
				color: #aa0000;
				text-decoration: none;
				}
				
div#bottom{
	background:#fff url('styles/bg_bottom.gif') no-repeat top center; 
	height:16px; 
	line-height:16px; 
	width:761px
	}