	<style type="text/css">

html, body {margin: 0; padding: 0; border: 0;}

body {
color: #000;
background: #525252;
font-family: Verdana, Arial, sans-serif;
font-size: 0.7em;
margin:0;
text-align:center;
}

.center p  {margin: 0px 0px 12px 0; padding: 0 0px;}
h1{
font-size: 1.5em;
text-align: left;
padding: 10px 0;
margin: 0;	
	}

h2 {
font-size: 1em;
text-align: left;
padding: 10px 0;
padding-bottom:20px;
margin: 0;
}

h3 {font-size: 1.2em; margin: 20px 10px 5px;}

.clear { clear: both; }

a {text-decoration: underline; font-weight: bold; color: #000;}

.alignright {margin-top: 0; text-align: right; clear: both;}

.small {font-size: .9em;}

.menu {
	height:101px;
	background:#525252;
	background-image:url(../images/bg_top.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid yellow;
	text-align: center; /* this overrides the text-align: center on the body element. */
}


#container {
	width:100%;
	background:#525252;
	background-image:url(../images/utec_logopart_1.gif);
	background-position:29px 0px;
	background-repeat:no-repeat;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid red;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.wrapper {
margin: 0;
margin-left:58px;
width: 977px;
text-align: left;
background-image:url(../images/back_rep.gif);
	background-repeat:repeat-y;
border: 0px solid red;
}

* html .wrapper {   /*** IE5.x/win box model fix ***/
width: 979px;
wid\th: 977px;
}
/* Holygrail */
		.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
	.holygrail {
	    background:transparent;    	/* Right column background colour */
		border:0px solid #000;
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-380px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:transparent;    	/* Centre column background colour */
		border:0px solid #F93;
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:620px;         	/* Left column width + right column width */
        background:transparent;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:240px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 395px 0px 255px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:200px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:15px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:420px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:0px;  	/* Width of right column right-hand padding + left column left and right padding Så att höger bild linjerar med höger sida.*/
        position:relative;
        left:50%;
    }

.footer1{
border: 0px solid #333;
	min-height:95px;
	width:880px;
	padding:0px 0px 10px 30px;
	margin-left:30px
}
.footer2{
height: 798px;
	width:2000px;
	background: #FFFFFF;
	background-image:url(../images/footer_pic.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-align: left; /* this overrides the text-align: center on the body element. */	
}

div.offer {
	width:380px;
	height:200px;
	border:#ccc solid 1px;
	padding:5px;
	background-image:url(../images/bg_grey_fade.gif)
}
div.offerinnerleft {
	width:100px;
	border:#ccc solid 1px;
	padding:3px;
}

div.offerinnerright {
	width:150px;
	border:#ccc solid 1px;
	padding:3px;
	float:right;
}

div.offerinnerfooter {
	width:380px;
	border:#ccc solid 1px;
	padding:3px;
}
div.right {
	border:#ccc solid 1px;
	padding:0 3px 0 0;
	
}

/* Tooltip start */

#screenshot{
	position:absolute;
	border:0px solid #ccc;
	background:transparent;
	padding:0px;
	display:none;
	color:#fff;
	}

/* Tooltip end */

