* {
	margin: 0px;
}

html, body {
	height: 100%;
	background-color:#f5f5f5;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
}

img {
	border:none;
}

h2 {

	color:#4E697B;

}

a {
	color:#374451;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -120px;
}

.header {
	min-width:980px;
	height:170px;
	background-image:url("images/header_background.png");
	background-repeat:repeat-x;
	margin-bottom:20px;
}

.logo {
	width:980px;
	height:200px;
	margin:auto;
	overflow:hidden;
	background-image:url("images/header.png");
	background-repeat:no-repeat;
	background-position:0px 10px;
}

.twitter {
	width:300px;
	height:128px;
	float:right;
	margin-top:35px;
	background-image:url("images/twitter-bird.png");
	background-repeat:no-repeat;
	background-position:0px 35px;
}

.bubble {
	width:200px;
	color:#efefef;
	margin-left:100px;
}

.bubble a {
	color:#c2d8e6;
}


.bubble .bubble_content {
	padding:10px;
	background:#393939;
	text-align:left;
	width:150px;
	min-height:20px;
	float:left;
	margin-top:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:980px;
	margin:auto;
	position:relative;
	display:block;
	height:36px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	background:transparent url("images/menu/bgOFF.gif") repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	border-bottom:4px solid #336666;
	border-top:1px solid #C0E2D4;
	}

ul#menu li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	}

ul#menu li a {
	display:block;
	float:left;
	color:#874B46;
	text-decoration:none;
	padding:12px 20px 0 20px;
	height:24px;
	background:transparent url("images/menu/bgDIVIDER.gif") no-repeat top right;
	}

ul#menu li a:hover{
	background:transparent url("images/menu/bgHOVER.gif") no-repeat top right;
	}

ul#menu li a.current,ul#menu li a.current:hover {
	color:#fff;
	background:transparent url("images/menu/bgON.gif") no-repeat top right;
}

/*SUBMENU - START*/
.submenu ul {
	overflow:hidden;
	background:transparent url("images/menu/bgOFF.gif") top left;
	position:absolute;
	width:110px;
	height:0px;
	margin-top:36px;
	background-color:#346868;
	border-top:4px solid #336666;
}

.submenu ul li a {
	width:110px;
	margin-left:-40px;
}

/*SUBMENU - END*/

.content {

	width:980px;
	min-height:700px;
	background-color:#ffffff;
	margin:auto;
	
	-webkit-box-shadow: 0px 2px 10px #5e5e5e;
	-moz-box-shadow: 0px 2px 10px #5e5e5e;
	box-shadow: 0px 2px 10px #5e5e5e;
	
	/*Convert CSS3 to old dirty MS code*/
	/*behavior: url(ie-css3.htc);*/
}

.left {
	float:left;
	width:735px;
}

.left_content {
	margin-left:24px;
	margin-top:18px;
}

.right {
	width:245px;
	float:right;
}

.right_content {
	margin-top:80px;
}

.left_content h2 {
	margin-bottom:10px;
}

.support {
	width:150px;
	height:230px;
	margin-left:55px;
	border:1px solid #ccc;
	
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}
.support h2 {
	font-size:12px;
	color:#4E697B;
	text-align:center;
	margin-top:3px;
}

.support h1 {
	font-size:16px;
	color:#4E697B;
	text-align:center;
	margin-top:10px;
}

.support img {
	
}

.support table {
	width:150px;
	height:210px;
	margin-top:10px;
}

.support .col1 {
	height:40px;
	text-align:center;
}
.support .col2 {
	vertical-align:top;
	text-align:center;
}
.support .col3 {
	height:30px;
	vertical-align:bottom;
}
.support .col4 {
	vertical-align:top;
}
.support .colborder {
	width:130px;
	border-bottom:1px solid #ccc;
}

.driftinfo {
	width:150px;
	height:115px;
	margin-left:55px;
	margin-top:25px;
	border:1px solid #ccc;
	
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

.driftinfo table {
	margin-top:10px;
	margin-left:20px;
}

.driftinfo h2 {
	font-size:12px;
	color:#4E697B;
	text-align:center;
	margin-top:3px;
}

/*KUNDINLOGGNING*/
.inloggning {
	width:150px;
	height:80px;
	margin-left:55px;
	margin-top:25px;
	border:1px solid #ccc;
	
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

.inloggning h2 {
	font-size:12px;
	color:#4E697B;
	text-align:center;
	margin-top:3px;
}

.inloggning ul {
	text-align:left;
	list-style-image:url("images/login_icon.png");
}

.inloggning_img {
	width:32px;
	height:32px;
	background-image:url("images/login_icon.png");
	background-repeat:no-repeat;
}

.inloggning table {
	margin-top:10px;
	margin-left:20px;
}

/*INDEX*/
.front_products {
	width:700px;
	height:550px;
	margin-top:50px;
	margin-left:50px;
	border-collapse:collapse;
	background-image:url("images/grid.png");
	background-repeat:no-repeat;
}

.front_products ul {
	list-style-image:url("images/h2_bullet.png");
	margin-bottom:20px;
}

.prod_one {
	width:350px;
	height:250px;
	vertical-align:top;
}
.prod_two {
	width:350px;
	height:250px;
	vertical-align:top;
}
.prod_three {
	width:350px;
	height:250px;
	vertical-align:top;
}
.prod_four {
	width:350px;
	height:250px;
	vertical-align:top;
}

/* WEBHOST - START */
.webhost {
	width:650px;
	height:400px;
	margin-top:20px;
	margin-left:-24px;
	border-collapse:collapse;
}

.webhost tr p {
	margin-left:45px;
}

.webhost_products tr {
	vertical-align:top;
}

.webhost h2 {
	color:#4E697B;
	padding:5px 0px;
	margin-left:20px;
}

.webhost_step1 td {
	background-color:#cccccc;
}
.webhost_step2 td {
	background-color:#ffffff;
}

.webhost_title {
	width:216px;
	height:20px;
	vertical-align:top;
	text-align:left;
}

.webhost_buttons td {
	padding:5px 0px;
	vertical-align:top;
}

.webhost_small {
	background-image:url("images/box_small.png");
	background-repeat:no-repeat;
	width:216px;
}
.webhost_medium {
	background-image:url("images/box_medium.png");
	background-repeat:no-repeat;
	width:216px;
}
.webhost_large {
	background-image:url("images/box_large.png");
	background-repeat:no-repeat;
	width:216px;
}
/*WEBHOST - END*/


/*WEBHOST READMORE - START*/
.webhost_products {
	width:650px;
	height:500px;
	margin-top:30px;
	border-collapse:collapse;
}
.webhost_spec1 td {
	background-color:#cccccc;
	padding:5px 10px;
	vertical-align:top;
}
.webhost_spec2 td {
	background-color:#ffffff;
	padding:5px 10px;
	vertical-align:top;
}
.webhost_readmore_title {
	height:10px;
	vertical-align:top;
}
.webhost_readmore_title h2 {
	color:#4E697B;
	padding:5px 0px;
	margin-left:0px;
}

.webhost_products_image {
	height:200px;
	vertical-align:top;
}

/*WEBHOST READMORE - END*/


/*WEBHOST ORDER - START*/
.webhost_order {
	width:650px;
	height:500px;
	margin-top:30px;
	border-collapse:collapse;
}

.webhost_order td {
	vertical-align:top;
}

.webhost_order p {
	padding:5px 0px;
}
/*WEBHOST ORDER - END*/

/*GENERAL - START*/
.general {
	width:650px;
	height:500px;
	margin-top:30px;
	border-collapse:collapse;
}

.general td {
	vertical-align:top;
}

.general p {
	padding:5px 0px;
}
/*GENERAL - END*/

/*KONTAKT - START*/
.contact {
	width:650px;
	height:500px;
	margin-top:30px;
	border-collapse:collapse;
	background-image:url("images/contact_bg.png");
}

.contact td {
	vertical-align:top;
}

.contact h2 {
	margin-bottom:5px;
	margin-left:3px;
}

.contact p {
	padding:5px 0px;
	margin-left:3px;
}

.contact .contact_form form {
	margin-top:30px;
	margin-left:30px;
}

.contact .contact_spec {
	line-height:15px;
}

.potrait {
	list-style: none;
	margin: 0;
	padding: 0;
}
.potrait li {
	margin: 0px;
	padding: 0;
	float: left;
	position: relative;
	width: 128px;
	height: 150px;
}

.potrait img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
/*KONTAKT - END*/

/*TEAMVIEWER - START*/

.teamviewer {
	width:650px;
	height:500px;
	margin-top:30px;
	border-collapse:collapse;
}

.teamviewer h2 {
	font-size:20px;
	color:#4E697B;
	font:verdana;
}

/*TEAMVIEWER - END*/

/*OM OSS - START*/

.office_photo {
	list-style: none;
	margin: 0;
	padding: 0;
}
.office_photo li {
	margin: 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 180px;
	height: 130px;
}

.office_photo img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}

/*OM OSS - END*/

/*FAQ START*/
.faq {
	list-style-image:url("images/expand_btn.png");
	margin-bottom:5px;
}
.faq_answer p {
	margin-left:40px;
}

/*FAQ END*/

/*BUTTONS - START*/
.readmore {
	margin-left:100px;
}
.readmore:hover {
	opacity:0.9;
	filter:alpha(opacity=90);
}

.overlay:hover {
	opacity:0.9;
	filter:alpha(opacity=90);
}
/*BUTTONS - END*/


/*FOOTER - START*/
.footer, .push {
height: 120px;
clear:both;
}

.footer {
	min-width:980px;
	margin-top:20px;
	font-size:10px;
	background-image:url("images/footer_background.png");
	background-repeat:repeat-x;

}

.footer_content {
	width:980px;
	margin:auto;
	padding-top:7px;
	color:#c2d8e6;
}

.footer_content a {
	color:#c2d8e6;
}

.footer_content td {
	vertical-align:top;
}
/*FOOTER - END*/