@charset "utf-8";
/* CSS Document */

/* IMPORTANT NOTICE 
Title: "Abyss"
Author: Lynk
website: http://designfront.nl
email: lynk@designfront.nl
This design is not a template. You may not reproduce it elsewhere without the designer (Lynk)'s written concent. */


/***********  basic reset stuff  ************/

body, img, form, ul, ol, li{
	margin:0;
	padding:0;
	border:0 none;
}

/***********  start presets  ************/

body {
	background-color:#000;
	font-family:Verdana, Geneva, sans-serif;
	text-align: left;
	font-size: 12px;
	color:#999;
}

a, a:visited{
	color: #999;
	text-decoration:underline;
}

a:hover{
	color:#999;
	text-decoration:underline;
}

pre{
	font-family:Verdana, Geneva, sans-serif;
}

h1, h2, h3, h4, h5, h6, h7 {	
	margin-top:0;
	margin-bottom:10px;	
}

h1{
	font-size:20px;
	font-weight:bold;
	color:#666;
	text-transform:capitalize;
}

h2{
	font-size:16px;
	font-weight:bold;
	color:#999;
	text-transform:capitalize;
}

h3{
	color:#999;
	font-size:14px;
	margin-bottom:5px;
	
}

h4{
	margin-bottom:4px;
}


label{
	display:block;
	font-weight:bold;
	margin-top:5px;
}

.arow0{ background-color:#666; padding-bottom:3px; padding-top:3px;}
.arow1{	background-color:#333; padding-bottom:3px; padding-top:3px;}


/***********  CONTAINERS  ************/

#almighty_container{
	width:999px;
	margin:0 auto;
}


#head-wrap{

}

#head{
	height:415px;
	background-image:url(images/home_chromirox_01.gif);
	background-position:bottom;
	margin-bottom:-20px;
}

#body-wrap{

}

#bar{
	height:10px;
	background-image:url(images/bar.gif);
	margin-bottom:50px;
}

.panel{
	width:210px;
}

.panel > li{
	list-style-type:none;	
}


#main{
	width:535px;
	padding-left:10px;
	margin-left:10px;
	margin-right:10px;
	
	background-color:#666 !important;
}

.box{
	background-color:#151515;
	border:1px #999 solid;
	box-shadow: 0 0 3px #888;
	-moz-box-shadow: 0 0 5px #888888;
	margin-bottom:25px;
}

.box h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
	background-color:#2C2C2D;
	padding:10px 15px;
	border-bottom:1px #999 solid;
}

.box p, pre{
	padding-left:3px;
	padding-right:3px;
	margin-top: 10px;
}


.rbox{
	margin-right:15px;
	float:left;
	width:220px;
	background-color:#BBDDFF;
	background-image:url(images/box-bottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	
}

.rbox h3{
	margin:0px;
	padding:8px;
	background-image:url(images/box-top.gif);
	background-position:top left;
	background-repeat:no-repeat;
	
	color:#540F9F;	
}

.imglist{
	margin-top:20px;
}

.imglist li{
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0;
}


#footer-wrap{
	margin-top:15px;
	height:60px;

}

#footer{
	padding:20px 10px;
	text-align:center;
}


/***********  Navigation  ************/

#nav-wrap{
	text-align:center;
	padding-bottom:25px;
}


#nav li{
	display:inline;
	text-transform:capitalize;
	font-size:15px;
	font-weight:bold;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
}

#nav a{
	width:106px;
	display:block;
	float:right;
	
	padding:10px 0 10px 0;
	background-color:#666;
	text-decoration:none;
	background-image:url(images/knop_uit.jpg);
	background-repeat:no-repeat;
	
}

#nav a:hover{
	color:#999;
	background-color:#000;
	text-decoration:none;
	background-image:url(images/knop_aan.jpg);
	background-repeat:no-repeat;
}

.nav-active{
	color:#999 !important;
	background-color:#122411 !important;
	background-image:url(images/knop_aan.jpg) !important;
	background-repeat:no-repeat !important;
}

/***********  some classes  ************/

.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	clear:both;
}


#img-gallery h2{
	background-image:url(images/home_chromirox_13.gif);
	background-repeat:no-repeat;
	padding:20px 40px;
}

#img-gallery h1{
	background-image:url(images/home_chromirox_13.gif);
	background-repeat:no-repeat;
	padding:20px 40px;
}

#img-gallery{
	display:block;
	margin:0 auto;
	width:794px;
	
	background-image:url(images/home_chromirox_16.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#222325;
}

#img-gallery p{
	margin-left:26px;
}


.success{
	color:lightgreen;
}

.error{
	color:#f00;
}