@import url(typography.css);
@import url(notes.css);

/* CSS Document */
/* Normalisera margin och padding */
* {
	margin:0;
	padding:0;
}

/* Normalisera fontsize för headers */
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;

}

/* Normalisera list-style */
ol, ul {
	list-style:none;

}

/* Normalisera font-style och font-weight till normal */
address, caption, cite, code, dfn,th, var {
	font-style:normal;
	font-weight:normal;
}

/* Normalisera tabellstil från tabeller */
table {
	border-collapse:collapse;
	border-spacing:0;

}

/* Ta bort border från img och fieldset */
fieldset, img {
	border:none;

}

/* Vänsterställ text i th och caption */
th, caption {
	text-align:left;

}
/* Ta bort citationstecken */
q:before, q:after {
	content:'';


}

/*Ta bort underlinen på a element */
a {
	text-decoration:none;
	
}
.clearthefloats {
	clear:both;

}

body {
	background:#000;
	text-align:center;
}

body.start {
	background:url(../img/backgrounds/bg-13.jpg) top center no-repeat;
}
body.brown {
	background:url(../img/backgrounds/bg-6.jpg) top center  no-repeat #fff;
}
body.blue {
	background:url(../img/backgrounds/bg-18.jpg) top center  no-repeat ;
}

body.cerise {
	background:url(../img/backgrounds/bg-16.jpg) top center  no-repeat ;
}
body.green {
	background: url(../img/backgrounds/bg-11.jpg) top center no-repeat #fff ;
}

body.lime {
	background: url(../img/backgrounds/bg-14.jpg) top center no-repeat #fff ;
}

body.gray {
	background:url(../img/backgrounds/bg-17.jpg) top center no-repeat #fff ;
}

body.aux {
	background:url(../img/backgrounds/bg-12.jpg) top center no-repeat #fff

}


#wrap {
	margin: 0px auto ;
	width:850px;
	height:690px;
	text-align:left;
	margin-top:40px;
	position:relative;

	

}

html>body #wrap {
	height:auto;
	min-height:670px;

}

#header {
	height:65px;
	width:100%;
	/*background:#830000 ;*/
	background:url(../img/backgrounds/top.gif);
/*	filter:alpha(opacity=80);*/
	-moz-opacity:0.8;
	opacity: 0.8;
	z-index:100;
}

ul#topmenulist {
	float:left;
	width:688px;
	height:auto;
	margin-top:25px;
	padding-left:12px;
	
}
#topmenulist li {
	float:left;
	padding:0 0 0 18px;
}

#logo {
	position:absolute;
	right:0px;
	top:0px;
	z-index:5000;
	width:150px;
	height:65px;


}

#introduction {
	margin:10px 0;
	/*filter:alpha(opacity=80);*/
	-moz-opacity:.80;
	opacity:.80;
	height:235px;
	padding-right:225px;
	

}

.start #introduction, .aux #introduction {
	background:#830000 url(../img/backgrounds/introduction-bg-start.gif) 0 0 no-repeat;
}

.brown #introduction {
	background:#8d6223 url(../img/backgrounds/introduction-bg-brown.gif) 0 0 no-repeat;
}
.blue #introduction {
	background:#045a63 url(../img/backgrounds/introduction-bg-blue.gif) 0 0 no-repeat;
}
.cerise #introduction {
	background:#86285c url(../img/backgrounds/introduction-bg-cerise.gif) 0 0 no-repeat;
}
.green #introduction {
	background:#666308 url(../img/backgrounds/introduction-bg-green.gif) 0 0 no-repeat;
}
.gray #introduction {
	background:#757575 url(../img/backgrounds/introduction-bg-gray.gif) 0 0 no-repeat;
}

.lime #introduction {
	background:#73940d url(../img/backgrounds/introduction-bg-lime.gif) 0 0 no-repeat;
}

html>body #introduction {
	height:auto;
	min-height:235px;

}

#content {
	/*filter:alpha(opacity=80);*/
	-moz-opacity:.80;
	opacity:.80;
	background:#fff;
	float:left;
	width:100%;
	height:auto;
	margin-bottom:40px;
	color:#0b0201;

}

/*Spec bakgrund för Portfolio sidan */
.green #content {
/*	filter:alpha(opacity=90);*/
	-moz-opacity:.90;
	opacity:.90;

}

/*Speciell bakgrund för På G sidan */
.lime #content {
	background:#e9ecec;
	/*filter:alpha(opacity=50);*/
	-moz-opacity:.50;
	opacity:.50;
	height:500px;

}

html>body .cerise #content {
	height:auto;
	min-height:500px;

}

/**/

.puff {
	float:left;
	width:212px;
	height:235px;
	padding-bottom:20px;

}
html>body .puff {
	height:auto;
	min-height:235px;
}
.minibrown {
	background:#926f31 url(../img/backgrounds/puff-minibrown-bg.gif) bottom left no-repeat;
}
.minigreen {
	background:#666308 url(../img/backgrounds/puff-minigreen-bg.gif) left bottom no-repeat;
	width:212px;
	
}
.minilime {
	background:#6b8a0c;
	width:212px;
}
.minicerise {
	background:#8c2e63 url(../img/backgrounds/puff-minicerise-bg.gif) bottom left no-repeat;
	width:213px;
}
.miniblue {
	background:#045a63 url(../img/backgrounds/puff-miniblue-bg.gif) bottom left no-repeat;
	width:213px;

}

#newsBubble {
	position:absolute;
	background:url(../img/Cloud2.png) 0 0 no-repeat;
	z-index:5;
	width:360px;
	top:45px;
	left:580px;
	padding-top:30px;
	height:260px;
}


#newsBubble p a {
z-index:11;


}
#left_content {
	float:left;
	width:370px;
	padding:0 20px 0px 30px;
	color:#0b0201;
}

#right_content {
	float:left;
	width:354px;
	padding:0 20px 0px 30px;
	color:#0b0201;
}

#full_content {
	float:left;
	width:790px;
	padding:0 30px;

}

ul#portfolio_list{
	float:left;
	padding:0px 30px 0 30px;
	margin-bottom:40px;
}
ul#employee_list {
	float:left;
	padding:20px 30px 0 0;
	margin-bottom:40px;
	width:750px;
	
}

ul#portfolio_list img {
	margin:15px 0;
	padding:0;

}

html>body ul#employee_list {
	width:790px;

}

ul#employee_list li {
	margin-bottom:4px;
	padding:4px;
	
}

ul#employee_list li.picked {
	height:320px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	padding-top:20px;
	
}

ul#employee_list li img.personal_photo {
	float:right;
	margin:0 0 0 50px;
	display:none;
}

.gray #content #employee_list li .personal_info {
	color:#7d7d7d;
	font-size:14px;
	margin-top:5px;
	display:none;

}

#content #employee_list li:hover {
	background:#7d7d7d;
	color:#fff;
}

#content #employee_list li.picked:hover {
	background:none;
	color:#7d7d7d;

}

#adminLinks {
	position:absolute;
	top:40px;
	left:0px;
	font-size:1.2em;
	padding:10px;
	background: url(../img/newsSwoosh.png) 0 0 no-repeat;
	width:360px;
	height:181px;
	padding-top:80px;
	z-index:200;

}
#adminLinks a {
	color:#830000;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;

}

#adminLinks a:hover {
	text-decoration:underline;

}

#AAwrap {
background-image: url(../img/Cloud_aa.png);
background-repeat: no-repeat;
margin-top:-40px;
float:right;
width:150px;
height:120px;
}

#AA {
margin-left:25px;
margin-top:27px;
}