/*
Project:	CarlMagnusPalm.com
Style:		General stylesheet
Version:	1.0
Author:	    Tomas Frieberg, Disco Works
Updated: 	2009-05-04

Sections:
01. GENERAL
	- Images
	- Links
	- Clearfix
	- Button
	
02. COLORTHEMES

------------------------------------------------------------ */


/* 01. GENERAL
------------------------------------------------------------ */
html { font-size: 1em; font-family: Arial, Helvetica, Verdana, Sans-serif; }
body { font-size: 0.7em; line-height: 1.4em; }

p { margin: 0px 0px 12px 0px; }

strong, th, thead td, h1, h2, h3, h4, h5, h6, dt { font-weight: bold; }
cite, em, dfn { font-style: italic; }
abbr, acronym { text-transform: uppercase; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid; }
hr { width:100%; height:1px; border:0; clear:both; float:none; margin:0 0 15px 0; }
.hidden { display: none; }

/* IMAGES */
img { vertical-align:bottom; }
img.left { float:left; }
img.right { float:right; }

/* LINKS */
a:link, a:visited, a:hover, a:active, a:focus { text-decoration: none; cursor:pointer; color: #b2d455; }
a:hover, a:active, a:focus { text-decoration: underline; }
a.showmore { display: none; }

/* CLEARFIX */
#content:after,
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* BUTTON */
button { border:0; cursor:pointer; font-weight:bold; padding:0 10px 0 0; text-align:center; outline:0; -moz-padding-end: 7px; }
button span { position:relative; display:block; white-space:nowrap; padding:0 0 0 10px; outline:0; -moz-padding-start: 9px; }
button:focus::-moz-focus-inner { border-color: transparent ! important; }

/* Fades out block */
.unavailable { filter:alpha(opacity=20); -moz-opacity:.20; opacity:.20; }
p.unavailable,
p.unavailable a:link,
p.unavailable a:visited,
p.unavailable a:hover,
p.unavailable a:active,
p.unavailable a:focus { color: #d0d0d0 ! important; }

/* Flash Movie */
object { outline: none; }



/* 02. PAGE BACKGROUNDS
------------------------------------------------------------ */

body.start { background: url(/lib/img/start.jpg) no-repeat 345px 0px; }
body.referenser { background: url(/lib/img/) no-repeat 345px 0px; }
	body.ref01 { background: url(/lib/img/tullgarden_sthlm.jpg) no-repeat 345px 0px; }
	body.ref02 { background: url(/lib/img/manfred_vasteras.jpg) no-repeat 345px 0px; }
	body.ref03 { background: url(/lib/img/hermes_helsingb.jpg) no-repeat 345px 0px; }
	body.ref04 { background: url(/lib/img/bertling_halmstad.jpg) no-repeat 345px 0px; }
	body.ref05 { background: url(/lib/img/oxhuvudet_sthlm.jpg) no-repeat 345px 0px; }
	body.ref06 { background: url(/lib/img/gronlandet_sthlm.jpg) no-repeat 345px 0px; }
body.jobb { background: url(/lib/img/jobba_hos_oss.jpg) no-repeat 345px 0px; }
body.kontakt { background: url(/lib/img/kontakta_oss.jpg) no-repeat 345px 0px; }



/* 03. PAGE ELEMENTS
------------------------------------------------------------ */

#PageWrapper {  }

#ContentWrapper { width: 255px; padding: 0px 45px 0px 45px; }
	#ContentWrapper #swoosh { margin: 28px 0px 25px -45px; }
	#ContentWrapper #logo { margin: 0px 0px 20px 0px; }

/* NAVIGATION */
#navigation { margin: 0px 0px 25px 0px; }
	#navigation ul {  }
		#navigation ul li { text-transform: uppercase; }
			#navigation ul li a:link,
			#navigation ul li a:visited { color: #75777f; text-decoration: none; }
			#navigation ul li a:hover,
			#navigation ul li a:active { color: #b2d455; text-decoration: underline; }
			#navigation ul li a.selected:link,
			#navigation ul li a.selected:visited { color: #b2d455; text-decoration: none; }

#sub-navigation { margin: 30px 0px; }
	#sub-navigation a:link,
	#sub-navigation a:visited { color: #75777f; text-decoration: none; }
	#sub-navigation a:hover,
	#sub-navigation a:active { color: #b2d455; text-decoration: underline; }
	#sub-navigation a.selected:link,
	#sub-navigation a.selected:visited { color: #b2d455; text-decoration: none; }
	#sub-navigation a.next { font-size: 1.4em; position: relative; bottom: -2px; color: #b2d455; }
	#sub-navigation .head { color: #b2d455; }

/* MAIN CONTENT */
#Content {  }
	#Content .title { font-style: italic; }