html, body
{
	width: 100%;
	height: 100%;
}
/* Text styles */
body
{
	/*color: #999;*/
	color: #aaa;
	font-family: Arial, 'Sans-Serif';
	/*font-weight: bold;*/
	font-size: 12px;
	line-height: 16px;
}
p
{
	margin: 0 0 1em 0;
	padding: 0;
}
a
{
	color: #f00;
	text-decoration: none;
}
a:hover
{
	color: #f66;
}
a:active
{
	color: #900;
}
strong
{
	/*color: #eee;*/
	color: #ddd;
}
em
{
	/*color: #aaa;*/
	color: #ddd;
}
img
{
	border: none;
}
ul
{
	margin: 0 0 1em 0;
	padding-left: 15px;
}
li
{
	margin-bottom: 4px;
}


/* Headers */
h1
{
	display: block;
	position: absolute;
	top: 53px;
	left: 46px;
	margin: 0;
	padding: 0;
	color: #f00;
	font-weight: normal;
	font-size: 22px;
}
h2
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	margin: 0;
}

/* Layout */
body
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #333;
}
div.main
{
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -280px auto auto -424px;
}
div.main,
#mainImg,
#mainText,
#overlayImg,
#overlayText
{
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 848px;
	height: 560px;
	padding: 0;
}
div.main,
#mainImg,
#overlayImg
{
	background-color: #000;
}
#mainImg,
#mainText,
#overlayImg,
#overlayText
{
	position: absolute;
	display: none;
}
#overlayImg,
#overlayText
{
}
a.logo
{
	position: absolute;
	top: 48px;
	right: 0;
}


/* Menu */
.menuContainer
{
	position: absolute;
	left: 48px;
	bottom: 46px;
	overflow: visible;
}
.menuContainer ul
{
	position: relative;
	left: -1px;
}
.menuContainer ul.col2
{
	position: absolute;
	left: 96px;
	bottom: 0px;
}
.menuContainer ul,
.menuContainer li
{
	margin: 0;
	padding: 0;
}
.menuContainer li a
{
	display: block;
	position: relative;
	width: 80px;
	height: 16px;
	text-indent: 85px;
	overflow: hidden;
	background-color: transparent;
	background-position: 0 0;
	background-image: url('../../Menu/en.png')
}
.menuContainer li
{
	list-style: none;
}
/* languages */
.menuContainer li.sv a
{
	background-image: url('../../Menu/sv.png')
}
/* menu items */
.menuContainer li.home a { background-position: 0 0; }
.menuContainer li.about a {	background-position: 0 -16px; }
.menuContainer li.telecom a { background-position: 0 -32px; }
.menuContainer li.energy a { background-position: 0 -48px; }
.menuContainer li.references a { background-position: 0 -64px; }
.menuContainer li.contact a { background-position: 0 -80px; }
.menuContainer li.news a { background-position: 0 -96px; }
.menuContainer li.support a { background-position: 0 -112px; }
.menuContainer li.login a { background-position: 0 -128px; }
.menuContainer li.language a { background-position: 0 -144px; }
/* menu items - hover */
.menuContainer li.home a:hover,
.menuContainer li.home-selected a { background-position: -80px 0; }
.menuContainer li.about a:hover,
.menuContainer li.about-selected a { background-position: -80px -16px; }
.menuContainer li.telecom a:hover,
.menuContainer li.telecom-selected a { background-position: -80px -32px; }
.menuContainer li.energy a:hover,
.menuContainer li.energy-selected a { background-position: -80px -48px; }
.menuContainer li.references a:hover,
.menuContainer li.references-selected a { background-position: -80px -64px; }
.menuContainer li.contact a:hover,
.menuContainer li.contact-selected a { background-position: -80px -80px; }
.menuContainer li.news a:hover,
.menuContainer li.news-selected a { background-position: -80px -96px; }
.menuContainer li.support a:hover,
.menuContainer li.support-selected a { background-position: -80px -112px; }
.menuContainer li.login a:hover,
.menuContainer li.login-selected a { background-position: -80px -128px; }
.menuContainer li.language a:hover,
.menuContainer li.language-selected a { background-position: -80px -144px; }


/* Content */
.wideColumnLeft
{
	position: absolute;
	left: 240px;
	bottom: 48px;
	width: 272px;
	overflow: visible;
}
.wideColumnRight
{
	position: absolute;
	left: 528px;
	bottom: 48px;
	width: 272px;
	overflow: visible;
}

.twoWideColumns
{
	/*position: absolute;
	left: 240px;
	bottom: 48px;
	width: 560px;*/
	
	position: absolute;
	left: 240px;
	bottom: 48px;
	width: 560px;
}
.twoWideColumns .col1
{
	/*position: relative;
	width: 272px;
	overflow: visible;*/
	
	float: left;
	width: 272px;
	overflow: visible;
	margin-right: 16px;
}
.twoWideColumns .col2
{
	/*position: absolute;
	top: 0;
	left: 288px;
	width: 272px;
	overflow: visible;*/
	float: right;
	width: 272px;
	overflow: visible;
}

.twoMediumColumns
{
	position: absolute;
	left: 432px;
	bottom: 48px;
	width: 368px;
}
.twoMediumColumns .col1
{
	position: relative;
	bottom: 0;
	width: 176px;
	overflow: visible;
}
.twoMediumColumns .col2
{
	position: absolute;
	bottom: 0;
	left: 192px;
	width: 176px;
	overflow: visible;
}

.oneMediumColumn
{
	position: absolute;
	left: 528px;
	bottom: 48px;
	width: 272px;
}

.oneWideColumn
{
	position: absolute;
	left: 336px;
	bottom: 48px;
	width: 368px;
}
.oneWideColumnTop
{
	position: absolute;
	left: 336px;
	top: 144px;
	width: 368px;
}

.twoColumnsPlus120
{
	position: absolute;
	left: 240px;
	bottom: 48px;
	width: 368px;
}
.twoColumnsPlus120 .col1
{
	position: relative;
	bottom: 0;
	width: 204px;
	overflow: visible;
}
.twoColumnsPlus120 .col2
{
	position: absolute;
	bottom: 0;
	left: 220px;
	width: 204px;
	overflow: visible;
}
.twoColumnsPlus120 .col3
{
	position: absolute;
	bottom: 0;
	left: 440px;
	width: 120px;
	overflow: visible;
}

.continue,
.goback
{
	position: absolute;
	right: 48px;
	bottom: 48px;
	font-weight: bold;
}
.continue a,
.goback a
{
	color: #fff;
}
.continue a:hover,
.goback a:hover
{
	color: #f00;
}

/* Special styles */

.fadein
{
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.UCSigill
{
	text-align: right;
}
.UCSigill>a>img
{
	-moz-opacity: .9;
	opacity: .9;
	filter: alpha(opacity=90);
	background: #fff;
}
.UCSigill>a:hover>img
{
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}

.introPuff
{
	position: absolute; 
	left: 432px; 
	top: 416px; 
	width: 368px;
}

.centeredTagline
{
	position: absolute; 
	left: 432px;
	top: 240px;
	width: 368px;
	height: 200px;
}
.centeredTagline h2
{
	font-size: 22px;
}

/* Admin styles */
.toolbar
{
	position: absolute;
	left: 336px;
	top: 112px;
	width: 368px;
}

.toolbar .item
{
	float: left;
	margin: 0 5px 5px 0;
}

.clear
{
	clear: both;
}

.formItem
{
	margin: 5px 0;
}

.formItem>label
{
}

.formItem input[type=text], 
.formItem input[type=password], 
.formItem select, 
.formItem textarea
{
	width: 100%;
}

.cmItem
{
	margin: 16px 0 0 0;
	padding: 0;
}

.inactive
{
	-moz-opacity:.66;
	opacity:.66;
	filter:alpha(opacity=66);
}