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

body{
	background:url(../images/xor-page-background.gif) repeat-y left top #E6E6E6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#5A5758;
	}
	
#container{
	position:absolute;
	left:0;
	padding-top:160px;
	top:-10px;
	width:1000px;
	background:url(../images/background1.jpg) 35% 2% no-repeat #fff;
	min-height:450px;
	z-index:100;
	}
#container.home {
	background:none;
	height:520px;
}
#logo{
	position:absolute;
	z-index:1;
	background:url(../images/xorlogo.gif);
	height:74px;
	width:141px;
	left:40px;
	top:35px;
	z-index:150;
	}
	
#menu{
	position:absolute;
	z-index:2;
	background:url(../images/menu-back.jpg) no-repeat top;
	height:112px;
	width:445px;
	left:518px;
	top:0px;
	padding:0 10px;
	text-align:center;
	z-index:200;
	}
	
#menu ul{
	list-style:none;
	margin:0;
	padding:0 10px;
	}
	
#menu li{
	float:left;
	display:block;
	}
	
#menu a{
	text-decoration:none;
	line-height:1.3em;
	color:#5A5758;
	padding:80px 12px 10px 12px;
	display:block;
	}
	
#menu a:hover{
	color:#00ADEE;
	}
	
#columnbox, #columnbox2{
	float:left;
	margin-left:30px;
	
	width:465px;
	margin-bottom:10px;
	}
*html #columnbox {
	margin-left:15px;
}
#columnbox2{
	width:465px;
	margin-left:25px!important;
	}

#columnbox3{
	position:absolute;
	z-index:3;
	
	width:360px;
	left:30px;
	top:130px;
	}
	
#newsbox{
	position:absolute;
	z-index:4;
	width:400px;
	left:30px;
	top:470px;
	}
#productLink{
	position:absolute;
	z-index:4;
	width:240px;
	left:730px;
	top:470px;
	height:68px;
	}
#productLink p {
	padding:0px 10px;
	margin-top:1em;
}
	
#footer{
	background:url(../images/footer.jpg) no-repeat;
	width:400px;
	height:90px;
	clear:both;
	padding:30px 0 0 40px;
	font-size:0.8em;
	z-index:300;
	}
.home #footer {
	position:absolute;
	top:620px;
}	
p {
	margin:0 0 1.5em 0;
	padding:0px 10px;
}
a{
	color:#00ADEE; /*blue*/
	text-decoration:none;
	}
	
a:hover{
	color:#EB008B; /*pink*/
	}
	
h2{
	font-size:1.2em;
	font-weight:normal;
	padding:0px 10px;
	margin:0;
	margin-top:1em;
	}
	

.style1 {color: #00ADEE}
.style2 {color: #EB008B}

#flashbox{
	position:absolute;
	height:612;
	left:60px;
	top:50px;
	z-index:0!important;
	}
	
h1 {
 font-size:1.6em;
 padding:0 10px;
}
.imagecontainer {
	padding:0 10px;
	background:url(../images/imagebackground.jpg) no-repeat top;
	text-align:center;
}
.imagecontainer ul, .imagecontainer li {
	text-align:left;
}
.imagecontainer li {
	margin-left:0px;
}
.imagecontainer h2 {
	padding:0px 20px;
}


/* sNews */
fieldset { border: 1px solid #ddd; padding: 10px 8px; margin: 0 0 8px 0; background: #eee; color: #000; }
textarea { width: 97%; height: 20em; padding: 3px; }
.comment { background: #F1F1F1; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }
.commentsbox { background: #f4f4f4; color: #808080; padding: 10px; margin: 0 0 10px 0; }
.date { border-bottom: 1px solid #EB008B; margin: 0 0 1em 0; padding: 10px; color:#EB008B}


.button {
	margin-right:5px;
}

#newsbox ul{
	list-style-type:none;
	margin:0;
	padding:0;
}


#newsbox li{
	list-style-type:none;
	margin:0;
	padding:0px 10px;
	margin-top:1em;
}

#map {
	height:450px;
	margin:0 10px;
}

ul#newsmenu {
	list-style:none;
	margin:0;
	padding:0 10px;
}
ul#newsmenu li {
	margin:0.5em 0em;
}
form {
	padding-left:10px;
}