/*
-----------------------------------------------
CSS rules

Client:     Andrew Lecky
Provider:   Julian Kommunikation (www.julian.se)
Version:  	#1 - 19 juli 2006

References:
Motverka sidhopp	http://archivist.incutio.com/viewlist/css-discuss/51018
Firefox länk		http://sonspring.com/journal/removing-dotted-links'
Clearing floats		http://www.quirksmode.org/css/clearing.html
Menu				http://css.maxdesign.com.au/listamatic/horizontal24.htm
----------------------------------------------- */


/* =Content
-----------------------------------------------
01. Structure
02. Header
03. Content
04. Footer
05. Lists
06. Forms
07. Various
----------------------------------------------- */


/* =Structure (01)
----------------------------------------------- */
body {
	margin: 0;
	padding: 0; 
	font-size: 70%; /* Resets 1em to 10px */
	font-family: 'Trebuchet MS', Helvetica, 'Lucida Grande', Georgia, Arial, sans-serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
	background:#828282;
	}

#page {
	position: relative;
	border: none;
	margin: 0 auto;
	padding: 10px 15px; 
	width: 700px;
	text-align: left;
	background:#fff;
	}

body,h1,h2,h3,h4,h5,h6,p {
	margin: 0;
	padding: 0;
	}

/*html
	min-height: 100%;
	margin-bottom: 1px;
	}*/

a { /* Firefox prickig länk */
	outline: none;
	}

a, a:link, a:visited, a:focus, a:hover {
	color: #777;
	text-decoration:none;
	}

a:hover {
	color: #D15936;
	}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	color:#000;
	}
	
h1 {
	font-size:1.3em;
	font-weight:bold;
	margin:20px 0 50px;
	line-height:1.3;
	color: #D15936;
	}
	
h2 {
	font-size:1.2em;
	}
	
h3 {
	font-size:1em;
	font-weight:bold;
	color: #666;
	padding: 0 0 10px;
	}

p {
	padding: 0 0 14px 0;
	}

#clear {
	clear:both;
	}


/* =Header (02)
----------------------------------------------- */
#header {
	margin: 0 auto;
	height: 50px;
	width: 700px;
	}

#logo {
	margin: 10px 0 0 0;
	height: 50px;
	width: 450px;
	}

#logo img {
	border: none;
	}

#menu {
	margin: 20px 0 0;
	height: 20px;
	width:700px;
	text-align: left;
	}

#clients {
	float:right;
	position:relative;
	height: 20px;
	text-align: right;
	}

/* =Content (03)
----------------------------------------------- */
#content, #contact, #content-portfolio {
	clear: left;
	position: relative;
	border-top: 5px solid #ddd;
	width: 700px;
	height: 425px;
	overflow: hidden;
	}

#content-portfolio {
	height: 445px;
	}

#contact {
	text-align: center;
	padding: 20px 0 0;
	}

#content img, #contact img {
	margin: 10px 0;
	padding: 0;
	border: none;
	}

#contact img {
	margin: 0;
	border: 1px solid #ccc;
	padding: 5px;
	}

#contact h3 {
	margin: 15px 0 0;
	}

#contact b {
	color: #666;
	}

#browser {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 640px;
	}

#left-index,
#left-services {
	float: left;
	text-align: left;
	display: inline;
	width: 235px;
	padding: 20px 0 0 60px;
	}

#left-services {
	padding: 20px 0 0 20px;
	}

#left-services p {
	padding: 20px 0 0;
	}


#left-index h3, #right-index h3 {
	padding-top: 0;
	margin-top: 0;
	}

#left-index img {
	border: none;
	margin: 0;
	padding: 0;
	}

#right-index,
#right-services {
	float:left;
	text-align: left;
	width: 400px;
	margin: 20px 0 0 15px;
	}

#right-services {
	margin: 20px 0 0;
	}

#right-services p {
	padding: 20px 0 0 30px;
	}

#left {
	position:relative;
	float:left;
	width:200px;
	margin:30px 20px 0 0;
	padding: 0 0 0 20px;
	display: inline;
	}

#right-index img, #left img {
	border: none;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	padding: 5px;
	}

#right {
	width:450px;
	margin:30px 0 0;
	text-align: left;
	}

#right {
	float:left;
	width: 400px;
	padding: 0 0 0 20px;
	}

#portfolio {
	height: 410px;
	margin: 0 auto;
	}

#portfolio img {
	margin: 0;
	padding: 0;
	}

#submenu {
	float:right;
	position:relative;
	height: 20px;
	padding: 5px 0 0;
	text-align: right;
	}


/* =Footer (04)
----------------------------------------------- */
#footer {
	position: relative;
	clear: left;
	border-top: 5px solid #ddd;
	width:700px;
	overflow: hidden;
	}

#copyright {
	position: absolute;
	top: 5px;
	}

#copyright a {
	color: #777;
	}

#copyright a:hover {
	color: #D15936;
	}


/* =Lists (05)
----------------------------------------------- */
ul#navlist,
ul#navlist-right {
	list-style-type: none;
	white-space: nowrap;
	margin:0;
	padding:0;
	}

ul#navlist li,
ul#navlist-right li {
	float: left;
	}

#navlist a,
#navlist-right a {
	float: left; /* Added second float to get IE to display all menu-items on one line! */
	padding: 0 10px 0 0;
	color: #777;
	text-decoration: none;
	}

#navlist-right a {
	padding: 0 0 0 10px;
	color: #777;
	text-decoration: none;
	}

#navlist a:hover,
#navlist-right a:hover {
	color: #D15936;
	text-decoration: none;
	}

ul#navlist .currentpage a,
ul#navlist-right .currentpage a {
	color: #D15936;
	font-weight: bold;
	}


/* =Forms (06)
----------------------------------------------- */


/* =Various (07)
----------------------------------------------- */
.specialities {
	line-height: 17px;
	}

.hover {
	color: #666;
	font-weight: bold;
	}

#julian {
	position: absolute;
	right: -17px;
	bottom: 5px;
	}

#julian img {
	border: none;
	}


/* =MooShow (08)
----------------------------------------------- */
.mooshow a img { 
	border: none;
	outline: none;
	-moz-outline: none;
	}

.mooshow_outerContainer {
	position: relative;
	background-color: #fff;
	color: inherit;
	width: 20px;
	height: 1px;
	margin: 0 auto;
	display: table;
	}

.iptc_titel {
	width: 750px;
	}	
	
.dropShadowBorder {
	border-top:1px solid #FFF;
	border-right:1px solid #CCC;
	border-left:1px solid #FFF;
	border-bottom:1px solid #CCC;
	}

.mooshow {
	position: inherit;
	display: none;
	}
	
.mooshow_loading {
	position: absolute;
	top: 0;
	left: 0;
	display:none;
	}

.mooshow_copyright {
	position: absolute;
	top: 15px;
	right: 10px;
	color: #CCCCCC;
	font-size:9px;
	}

.mooshow_extras {
	margin: 0 auto;
	text-align: left;
	color:#666666;
	background-color: inherit;
	}

.mooshow_captions, #myShow_captions {
	background-color: #fff;
	float: left;
	display: inline;
	color:#444;
	margin: 0;
	margin-top: 10px;
	top: 415px;
	padding: 10px 0;
	text-align: left;
	width: 300px;
	position: absolute;
	}

.mooshow_topNav {
	margin-top: 10px;
	text-align: right;
	float: right;
	width: 100px;
	top: 415px;
	right: 0;
	position: absolute;
	color: #D15936;
	font-weight: bold;
	}

.mooshow_topNav a {
	font-weight: normal;
	}

.mooshow_contentContainer {
	background-color:#666666;
	color: inherit;
	position: relative;
	text-align: center;
	line-height: 0.0;
	margin: 10px 0 0;
	}
	
.mooshow_overlayNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	}

.mooshow_prevLink, .mooshow_nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	outline:none;
	}
	
.mooshow_prevLink { left: 0; float: left; outline: none; -moz-outline: none;}
.mooshow_nextLink { right: 0; float: right; outline: none; -moz-outline: none;}
.mooshow_prevLink:hover, .mooshow_prevLink:visited:hover { background: url(../images/prev.gif) left 100% no-repeat; }
.mooshow_nextLink:hover, .mooshow_nextLink:visited:hover { background: url(../images/next.gif) right 100% no-repeat; }


.mooshow_IPTC {
	position: absolute;
	top: 0px;
	left: 0px;
	height: auto;
	background-color: #000;
	color:#CCCCCC;
	font-size:9px;
	line-height:140%;
	text-align:left;
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8;
	display: none;
	}
		
.mooshow_IPTCbutton {
	position: absolute;
	top: 0;
	left: 0;
	}

.mooshow_IPTC_left {
	float: left;
	text-align:right;
	width:18%;
	}

.mooshow_IPTC_right {
	float: right;
	text-align:left;
	width:80%;
	}