/* MAIN DOCUMENT STYLES */

*{
padding: 0;
margin: 0;
}

a:link { 
	color: #FFFFFF;
	text-decoration: none;
	}
a:visited { 
	color: #FFFFFF;
	text-decoration: none;
	}
a:hover { 
	color: #CCCCCC;
	text-decoration: underline;
	}
a:active { 
	color: #333333;
	}
	
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-image: url(bg.png);
background-repeat: repeat-x;
background-color: #000000;

/* Internet Explorer centered body fix! */
text-align: center;
}

/* CONTAINER STYLES */

#container {
width: 1300px;
height:750px;
background-image: url(block.png);
margin: auto;
margin-top: 0px;
/* Align text to the left side again after ie body fix */
text-align: left;
}

#ourservices {
width: 616px;
height: 261px;
background-image: url(services.bg.png);
float: left;
margin-top: 40px;
margin-left: 110px;
text-align: left;
}

#ourservicesEn{
width: 616px;
height: 261px;
background-image: url(images/services.en.png);
float: left;
margin-top: 40px;
margin-left: 110px;
text-align: left;
}

#ourservicestext {
margin-top: 55px;
margin-left: 30px;
color: #FFF;
font-size: 140%;
}

#ourcompany {
width: 517px;
height: 176px;
background-image: url(company.png);
float: left;
margin-top: 30px;
margin-left: 210px;
text-align: left;
}

#ourcompanyEn {
width: 517px;
height: 176px;
background-image: url(images/company.en.png);
float: left;
margin-top: 30px;
margin-left: 210px;
text-align: left;
}

#ourcompanytext {
margin-top: 55px;
margin-left: 30px;
color: #FFF;
font-size: 140%;
}

#references {
width: 789px;
height: 510px;
float: left;
margin-left: 110px;
margin-top: 40px;
text-align: left;
}

#referencesHeader {
margin-top: -50px;
font-size: 150%;
}

#referencesText {
margin-top: 80px;
margin-left: 30px;
color: #FFF;
font-size: 140%;
}

#contactbox {
width: 789px;
height: 510px;
float: left;
margin-left: 110px;
margin-top: 50px;
text-align: left;
font-size: 140%;
}

#contactHeader {
margin-top: 10px;
margin-bottom: 30px;
font-size: 150%;
}

#chatWindow {
margin-top: 10px;
margin-left: 50px;
}

#msnContact {
margin-bottom: 55px;
}

#links {
background-image: url(links.bg.png);
width: 288px;
height: 42px;
margin-top: 11px;
margin-right: 75px;
float: right;
color: #FFF;
}

#contactbuttonSe {
background-image: url(images/contact.png);
width: 104px;
height: 27px;
margin-top: 5px;
margin-left: 10px;
float: left;
}

#referencesbuttonSe {
background-image: url(images/referenser.png);
width: 131px;
height: 28px;
margin-top: 4px;
margin-right: 10px;
float: right;
}

#contactbuttonEn {
background-image: url(images/contact.en.png);
width: 104px;
height: 27px;
margin-top: 5px;
margin-left: 10px;
float: left;
background-repeat: no-repeat;
}

#referencesbuttonEn {
background-image: url(images/references.en.png);
width: 131px;
height: 28px;
margin-top: 4px;
margin-right: 10px;
float: right;
background-repeat: no-repeat;
}

#contactmap {
width: 186px;
height: 529px;
background-image: url(contact.map.png);
float: right;
margin-right: 130px;
margin-top: -220px;
}

#contactmapRef {
width: 186px;
height: 529px;
background-image: url(contact.map.png);
float: right;
margin-right: 130px;
margin-top: 29px;
}

#nwarelogo {
width: 262px;
height: 59px;
background-image: url(nware.logo.png);
margin-right: 100px;
margin-top: 50px;
float: right;
}

#head_wrap {
height:55px;
width: 890px;
margin-bottom: 10px;
background-image: url(images/header.bg.png);
background-repeat: no-repeat;
float: left;
}

#logo {
margin-left: 110px;
height: 84px; /*height of our logo image*/
width: 205px; /*width of our logo image*/
background-image: url(logo.png); /*our logo image set as a background*/
background-repeat: no-repeat; /*logo image wont repeat**/
}

#languageselection  {
background-image: url(language.png);
width: 258px;
height: 47px;
margin-top: 0px;
margin-right: 52px;
float: right;
color: #FFF;
}

#swedishflag {
background-image: url(images/sweden.flag.png);
width: 20px;
height: 14px;
margin-top: 4px;
margin-left: 30px;
float: left;
}

#swedishtext {
width: 100px;
height: 14px;
margin-top: 0px;
margin-left: 25px;
float: left;
}

#englishflag {
background-image: url(images/england.flag.png);
width: 20px;
height: 14px;
margin-top: 4px;
margin-left: 80px;
float: left;
}

#englishtext {
width: 100px;
height: 14px;
margin-top: 0px;
margin-left: 25px;
float: left;
}

/* IN CASE WE NEED SOME TEXT WITH THE LOGO! */
#logo h1 {
text-transform: uppercase; /*transforms text into capital letters*/
font-size: 30px; /*font size*/
font-weight: bold; /*font weight*/
margin-top: 15px; /*margin above the text*/
margin-left: 40px; /*margin left side of the text*/
}

#logo p {
font-size: 12px; /*slogan font size*/
font-weight: bold; /*slogan bold*/
float: right; /*floats slogan to the right*/
margin-right: 50px; /*margin right side of the slogan*/
}

#navigation {
float: left; /*floats navigation to the right of the container*/
margin-top: 0px; /*places a top margin*/
margin-left: 150px;
}