/*#############################################################


© 2007

Author: Igor Jovic

URL: http://spinz.se


#############################################################*/


/* default elements */



*{
	margin:0px;
	padding:0px
}


h1
{
font-family:arial, verdana, helvetica, sans-serif;
font-size:1.9em; 
font-weight: bold;
color:#333333;
padding-left:5px;
line-height:1.6em
}

t5
{
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:1 em;
	font-weight: bold;
	color:#333333;
	padding-left:5px;
	line-height:1.6em
}

t6
{
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:1 em;
	font-weight: bold;
	color:#9a0c1c;
	padding-left:5px;
	line-height:1.6em
}

	
p
{
font-family:Verdana, Arial, helvetica, sans-serif;
font-size:0.7em; 
font-weight: normal;
color:#555555;

}

a
{
color:#ac0e22;
font-size:0.9em; 
font-weight:normal;
font-style:normal;
text-decoration:underline;
}


a:link
{
color:#ac0e22;
font-weight:normal;
font-style:normal;
text-decoration:underline;
}


a:visited
{
color:#ac0e22;
font-style:normal;
font-weight:normal;
text-decoration:underline;
}


a:hover
{
color:#ac0e22; 
font-style:normal;
text-decoration:none;
 }



/* Layout */

body

{
background: #f79433;
font-family:Arial, Verdana,'Lucida Grande', Helvetica, sans-serif;
text-align: center;
color: #333333;
}



#wrapper 

{
background-color:#fff;
margin-top: 40px;
margin-right: auto;
margin-bottom:40px;
margin-left: auto;
width:902px;
}



#header

{
background:url(Img/bgheader.jpg) no-repeat #f79433;
width:902px;
border-top:5px solid #f79433;
height:133px;
padding-top: 0px;
margin-left:0px;
margin-right:0px;
margin-top: 0px;
margin-bottom: 0px;
}



#header .logo

{
float:left;
padding-top:0px;
padding-left:0px;
border: none;
}


#nav
{
float:left;
list-style:none;
margin-bottom:0px;
margin-top:0px;
margin-left:0px;
width:902px;
height:48px;
background: transparent url(Img/navbg.gif);
background-repeat:repeat-x;


}

#nav ul

{
list-style:none;
margin-left:200px;
}


#nav li

{
text-align:left;
float:left;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
}

#nav ul li a

{
display:block;
line-height:2.5em;
margin-right:0px;
padding:8px 14px 8px 14px;
color: #666666;
font-weight:bold;
font-size: 1.2 em;
text-decoration: none;
}

#nav li a:hover
{
	color: #000;
	background:transparent;
	background-image:url(Img/navaktiv.gif);
	background-repeat:repeat-x;
}

#nav ul li .selected
{
color: #000000;
background-color:transparent;
background-image:url(Img/navaktiv.gif);
background-repeat:repeat-x;

}

#nav2
{
display:block;
margin-right:0px;
padding:5px 8px 8px 5px;
color: #666666;
font-weight:bold;
text-decoration: none;
}

#nav2 il
{
margin-bottom:0px;
margin-left:10px;
}

#content

{
float:left;
background-image:url(Img/contentbgtop.jpg);
background-repeat:repeat-x;
background-position:top center;
background-color:#f3f3e7;
width:902px;
margin-top:20px;
margin:auto;
padding:0px;
margin-bottom:0px;
margin-right:0px;


}
#Picture
{
margin-left:10px;
margin-top:30px;
padding:5px;
background-image:url(Img/header.jpg);
background-repeat:no-repeat;
background-position:center;

}

#Picture2
{
margin-left:10px;
margin-top:5px;
padding:5px;
padding:8px 14px 8px 14px;
}



#col1

{
float:left;
width:420px;
margin-left:10px;
margin-top:30px;
background-color:inherit;
text-align:left;
font-size:0.9em;
padding:5px;

}



#col1 h1
{
display:block;
font-size1.2em;
font-family:Helvetica, Arial, sans-serif;
text-align:left;
font-weight:bold;
color:#403f3b;
font-weight:normal;
padding-bottom:2px;
margin-top:5px;
margin-bottom:10px;
margin-left:5px;
border-bottom:1px solid #e5e6d6;
}

#col1 .red
{
color:#9a0c1c;
}


#col1 p

 { 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em;
color: #000000;
padding:10px;
text-align:left;
}
#col1 ul
 { 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em;
color: #000000;
padding:10px;
text-align:left;
}


#col2

{
float:right;
background:#ffffff url(Img/sidebarflag1.gif) no-repeat top right;
width:372px;
margin:20px 15px 5px 0;
padding:10px 15px 5px 10px;
text-align:left;
font-size:0.9em;
border:2px solid #ebebeb;
}


#col2 p

 { 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em;
margin-top:10px;
color: #000000;
padding:10px 15px 5px 10px;
text-align:left;
}



#col3

{
float:right;
background:#ffffff url(Img/sidebarflag1.gif) no-repeat top right;
width:372px;
margin:84px 15px 5px 0;
padding:10px 15px 5px 10px;
text-align:left;
font-size:0.9em;
border:2px solid #ebebeb;
}


#col3 p

 { 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em;
margin-top:10px;
color: #000000;
padding:10px 15px 5px 10px;
text-align:left;
}


#footer 

{
width:902px;
height:154px;
clear:both;
margin-top: 0px;
background:url(Img/footerbg.jpg) repeat-x;
color:#666666;;
margin-left:auto;
margin-right:auto;
margin-bottom: 0px;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

#footer p 

{
font-size:0.7em;
font-family:arial;
font-weight:normal;
line-height: 1.4em;
color:#aeaea6;
padding-top:75px;
padding-bottom:75px;
text-align:center;
magin:auto;
}

#footer a 
{
font-size:1em;
text-decration:none;
font-weight:normal;
color:#e01b1b;
text-align:center;
}

#footer a:hover

{
text-decoration:underline;
font-weight:normal;
color:#e01b1b;
text-align:center;
}

form
{
padding:0px;
margin:0px;
}

form p

{
color: #555555;
text-align: left;
font-size: 0.6em;
font-family: Helvetica, Arial, Verdana;
}


input 
{
color:#000000;
background-color:#f9faf5;
height:24px;
float:right;
width: 200px;
}

.submit 

{
float:right;
color: #000000;
margin-top:0px;
background-color: #f9faf4;
width: 60px;
margin-right:70px;
margin-left:3px;
margin-top:5px;
}

#wrapper .header .input

{
color: #000000;
margin-top:0px;
background-color: #f9faf4;
border-top:3px solid #550a13;
border-left:6px solid #550a13;
border-right:6px solid #550a13;
border-bottom:6px solid #550a13;
width: 150px;
font-size: 1.9em;
font-family: Helvetica, Arial, Verdana, sans-serif;
}

.left

{float:left;
padding:4px;}
.login {
	font-size: xx-small;
}

ul#continents1 li {
	position: absolute;
}ul#continents {
	list-style: none;
	background: url(Img/das2.png) no-repeat 0 0;
	position: relative;
	width: 900px;
	height: 160px;	
	margin: 0;
	padding: 0;
}

ul#continents li {
	position: absolute;
}

ul#continents li a{
	display: block;
	height: 100%;
	text-decoration: none;
}

#northamerica {
	width: 900px;
	height: 165px;
	top: 1px;
	left: 2px;
}



ul#continents li a:hover {
	background: url(Img/das3.png) no-repeat 0 0;
}

ul#continents li#northamerica a:hover {
	background-position: 0 -0px;
}

ul#continents li a span {
	display: none;
}

ul#continents li a:hover span {
	display: block;
}

ul#continents li a:hover span {
	display: block;
	padding: 5px;
	width: 150px;
	background: #000;
	position: relative;
	top: 50%;
	font: 11px Arial, Helvetica, sans-serif;
	opacity: .75;
	filter:alpha(opacity=75);
	color: #FFF;
}

ul#continents li a:hover span strong {
	display: block;
	margin-bottom: 2px;
	font-size: 12px;
	text-decoration: underline;
}

ul#continents1 {
	list-style: none;
	background: url(Img/rfid2.png) no-repeat 0 0;
	position: relative;
	width: 900px;
	height: 160px;	
	margin: 0;
	padding: 0;
}


ul#continents1 li a{
	display: block;
	height: 100%;
	text-decoration: none;
}

#northamerica1 {
	width: 900px;
	height: 165px;
	top: 1px;
	left: 2px;
}



ul#continents1 li a:hover {
	background: url(Img/rfid3.png) no-repeat 0 0;
}

ul#continents1 li#northamerica1 a:hover {
	background-position: 0 -0px;
}

ul#continents1 li a span {
	display: none;
}

ul#continents1 li a:hover span {
	display: block;
}

ul#continents1 li a:hover span {
	display: block;
	padding: 5px;
	width: 150px;
	background: #000;
	position: relative;
	top: 50%;
	font: 11px Arial, Helvetica, sans-serif;
	opacity: .75;
	filter:alpha(opacity=75);
	color: #FFF;
}

ul#continents1 li a:hover span strong {
	display: block;
	margin-bottom: 2px;
	font-size: 12px;
	text-decoration: underline;
}




ul#continents2 {
	list-style: none;
	background: url(Img/VC1.png) no-repeat 0 0;
	position: relative;
	width: 900px;
	height: 160px;	
	margin: 0;
	padding: 0;
}

ul#continents2 li {
	position: absolute;
}

ul#continents2 li a{
	display: block;
	height: 100%;
	text-decoration: none;
}

#northamerica2 {
	width: 900px;
	height: 165px;
	top: 1px;
	left: 2px;
}



ul#continents2 li a:hover {
	background: url(Img/vc2.png) no-repeat 0 0;
}

ul#continents2 li#northamerica a:hover {
	background-position: 0 -0px;
}

ul#continents2 li a span {
	display: none;
}

ul#continents2 li a:hover span {
	display: block;
}

ul#continents2 li a:hover span {
	display: block;
	padding: 5px;
	width: 150px;
	background: #000;
	position: relative;
	top: 50%;
	font: 11px Arial, Helvetica, sans-serif;
	opacity: .75;
	filter:alpha(opacity=75);
	color: #FFF;
}

ul#continents2 li a:hover span strong {
	display: block;
	margin-bottom: 2px;
	font-size: 12px;
	text-decoration: underline;
}







ul#continents4 {
	list-style: none;
	background: url(Img/laundry1.png) no-repeat 0 0;
	position: relative;
	width: 900px;
	height: 160px;	
	margin: 0;
	padding: 0;
}

ul#continents4 li {
	position: absolute;
}

ul#continents4 li a{
	display: block;
	height: 100%;
	text-decoration: none;
}

#northamerica4 {
	width: 704px;
	height: 153px;
	top: 2px;
	left: 0px;
}

#southamerica4 {
	width: 684px;
	height: 159px;
	top: -4px;
	left: 221px;
}

#africa4 {
	width: 120px;
	height: 140px;
	top: 83px;
	left: 209px;
}

#europe4 {
	width: 120px;
	height: 84px;
	top: 1px;
	left: 211px;
}

#asia4 {
	width: 215px;
	height: 175px;
	top: 1px;
	left: 283px;
}

#australia4 {
	width: 114px;
	height: 95px;
	top: 152px;
	left: 432px;
}

ul#continents4 li a:hover {
	background: url(Img/laundry2.png) no-repeat 0 0;
}

ul#continents4 li#northamerica4 a:hover {
	background-position: 0 -0px;
}

ul#continents4 li#southamerica4 a:hover {
	background-position: -213px -210px;
}

ul#continents4 li#africa4 a:hover {
	background-position: -209px -417px;
}

ul#continents4 li#europe4 a:hover {
	background-position: -22px -427px;
}

ul#continents4 li#asia4 a:hover {
	background-position: -363px -268px;
}

ul#continents4 li#australia4 a:hover {
	background-position: -412px -455px;
}

ul#continents4 li a span {
	display: none;
}

ul#continents4 li a:hover span {
	display: block;
}

ul#continents4 li a:hover span {
	display: block;
	padding: 5px;
	width: 150px;
	background: #000;
	position: relative;
	top: 50%;
	font: 11px Arial, Helvetica, sans-serif;
	opacity: .75;
	filter:alpha(opacity=75);
	color: #FFF;
}

ul#continents4 li a:hover span strong {
	display: block;
	margin-bottom: 2px;
	font-size: 12px;
	text-decoration: underline;
}
