*								{ margin-top:0; margin-bottom:0;padding:0;}
body							{ font-family: "Lucida Grande", Arial, Sans-Serif; background: #222; }

a								{ text-decoration: none; outline: none; }
a img							{ border: none; }


#page-wrap						{ background: white; width: 960px; margin: 0 auto;   }

#slider							{ background: white url(../images2/arkaplans2.jpg); height: 319px; overflow: hidden;
								  position: relative;}
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 960px; position:absolute; }

.slide							{ padding: 40px 50px; height:200; width: 900px; float: left; position: relative;}
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color: #ac0000; }
.slide p						{ color:#333333; font-size: 12px; line-height: 22px; width: 300px; }
.altbar p { color:#2C2C2C font-size: 9px; font-family:Helvetica, sans-serif;}
.slide img						{
	position: absolute;
	top: 27px;
	left: 399px;
	width: 523px;
	height: 200px;
}
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
								  #accordion {
	background:#e4e4e4 repeat scroll 0;
	height:50px;
	padding:10px 0 10px 30px;
	width:880px;

}
p {text-indent: 0.7cm; padding-bottom:10px; padding-top:10px;}

/* accordion header */
#accordion img {
	float:left;
	margin-right:10px;
	cursor:pointer;
	opacity:0.5;
	filter: alpha(opacity=50);
}

/* currently active header */
#accordion img.current {
	cursor:default;
	opacity:1;
	filter: alpha(opacity=100);
}

#accordion img:hover {
	cursor:pointer;
	opacity:1;
	filter: alpha(opacity=100);
}

/* 
	accordion pane. should initially have zero width and display:none.
	the first pane should override these with inline style
*/
#accordion div {
	width:0px;
	float:left;	
	display:none;		
	margin-right:10px;
}

/* content inside a pane should have fixed width */
#accordion div h3 {
	color:#444;
	width:190px;
	font-size:16px;	
	line-height:15px;
}
	
#accordion div p {	
	width:190px;
	color:#333333; font-size: 12px;
}
/* Boxed */

.boxed {
	float: left;
	clear: left;
	width: 240px;
	margin: 0 0 10px 0;
	padding: 0;
	background:#E4E4E4;
}

.boxed .heading {
	margin-top: 0;
	padding: 2px 10px;
	background: #5E80BD url(images/img3.gif) no-repeat center bottom;
	text-transform: uppercase;
	letter-spacing: 2px;
	font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.boxed .content {
	margin: 0;
	padding: 5px 14px 10px 14px;
}

.boxed ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	
}

.boxed li {
	padding: 5px 0;
	border-top: 1px solid #999999;
}

.boxed li.first {
	border: none;
}

.boxed a {
	padding-left: 10px;
	text-decoration: none;
	font-size:13px;
}
.boxed a:hover {
	padding-left: 10px;
	background: url(images/img4.gif) no-repeat left center;
	text-decoration:none;
	font-size:13px;
	color:#B90000;
}
.boxgrid{ 
				width: 150px; 
				height: 150px; 
				margin:5px; 
				float:left; 
				background:#E4E4E4;
				
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
#Firewall {width:250px;padding-top:10px;float:left;}
#Firewall a {font-size:13px; font-family:Tahoma, Arial; color: #000000; background-color:#e4e4e4; margin-bottom:3px  }
#Firewall a:hover {color:#ac0000; padding:1px; border:1px dotted #6F6F6F}
#Firewall2 {width:250px;padding-bottom:2px;float:left; margin-left:12px}
#Firewall2 a {font-size:13px;font-family:Tahoma, Arial; color: #000000; background-color:#e4e4e4 }
#Firewall2 a:hover {color:#ac0000;padding:1px; border:1px dotted #6F6F6F}