/*//////////////////////////////////////////////
  //						//
  //	 COPYRIGHT © STEFAN ERIKSSON 2010.	//
  //	 ALL RIGHTS RESERVED.			//
  //						//
  //	 eMAIL: stefan@graphiccomics.com	//
  //	 PHONE: +46 705159446 (SWEDEN)		//
  //						//
  //////////////////////////////////////////////*/

/***************************************************
  GENERAL

****************************************************/

html {
	margin: 0px 0 0 0px;
	padding: 0px;
	height: 100%;
}

body {
	height: 100%;
	margin: 0 0 0 0;
	padding: 0px;
	font-family : Verdana, Arial, Geneva, sans-serif;
	font-size : 12px;
	color : #FFF;
	background: #000 url('bilder/bg_site.gif') top left no-repeat;
}

body.live { background: #000 url('bilder/bg_livesite.gif') top left no-repeat; }

a:link { color: #FFF; text-decoration: none; border: 0px; }
a:visited { color: #FFF; text-decoration: none; }
a:hover { color: #FFF; text-decoration: none; }
a:link#current { color: #FFF; text-decoration: none; }
a img { border: 0px; }


/***************************************************
  GENERAL

****************************************************/

#mainframe {
	width: 800px;
	height: 100%;
	border-left: #FF0D43 solid 1px;
	margin: 0 auto 0 auto;
	padding: 0 0 0px 0px;
	position: relative;
}

#header {
	height: 128px;
	border-bottom: #FF0D43 solid 1px;
	padding: 0px 0 0 0px;
	margin: 0px 0 10px 0px;
	background: #000 url('bilder/bg_header.gif') bottom left no-repeat;
	margin: 0 auto 0 auto;
}

#maincontent {
	width: 435px;
	border-left: #FF0D43 solid 0px;
	margin: 27px 0 52px 62px;
	padding: 0 0 0px 0px;
}

#maincontent h1 {
	width: 435px;
	color: #FF0D43;
	font-weight: normal;
	border-left: solid 0px;
	margin: 0px 0 0 0px;
	padding: 0 0 0px 0px;
	font-family : Eurostile, Verdana, Arial, Geneva, sans-serif;
}

#maincontent h2 {
	width: 435px;
	color: #FF0D43;
	font-weight: normal;
	border-left: solid 0px;
	margin: 20px 0 0 0px;
	padding: 0 0 0px 0px;
	font-family : Eurostile, Verdana, Arial, Geneva, sans-serif;
}

h3 {
	color: #FFF;
	font-weight: normal;
	border-left: solid 0px;
	margin: 20px 0 10px 0px;
	padding: 0 0 0px 0px;
	font-family : Eurostile, Verdana, Arial, Geneva, sans-serif;
}

#footer {
	width: 678px;
	height: 35px;
	border-top:#FF0D43 solid 1px;
	padding: 0px 0 0 0px;
	margin: 0px 0 0 62px;
	clear: both;
	position: relative;
}

#footer p {
	width: 678px;
	height: 25px;
	margin: 8px 0 0 0px;
	font-family : Eurostile, Verdana, Arial, Geneva, sans-serif;
	font-size: 14px;
}

#footer p span {
	font-weight: bold;
	color: #FF0D43;
}

#footer p.xhtml {
	width: 678px;
	text-align: right;
	position: absolute; top: 0; left: 0px;
}

/***************************************************
  INDEX

****************************************************/

#selectedwork {
	width: 678px;
	height: 204px;
	background: #000 url('bilder/bg_selectedwork.gif') no-repeat;
	margin: 40px 0 0px 62px;
	padding: 0 0 0px 0px;	
}

#selectedwork div.work {
	width: 216px;
	margin: 20px 10px 10px 0px;
	padding: 0 0 0px 0px;
	float: left;
	border: #FFF solid 0px;
	position: relative;	
}

#selectedwork div.work p a {
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0px 0px;	
}

#selectedwork div.work p a { background: none; }
#selectedwork div.work p a:hover { background: none; }

#selectedwork div.work a {
	width: 216px;
	height: 136px;
	display: block;	
}

#selectedwork div.work a { background: url('bilder/ol.png') no-repeat; }
#selectedwork div.work a:hover { background: url('bilder/ol2.gif') bottom right no-repeat; }

#selectedwork div.work img.ol {
	position: absolute; z-index: 100;	
}

#selectedwork div.work p {
	font-family : Eurostile, Verdana, Arial, Geneva, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #FF0D43;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0px 0px;	
}

#selectedwork div.work p span.work_headline {
	font-weight: bold;
	position: relative; top: 14px; left: 5px;	
}

#selectedwork div.work p span.work_type {
	color: #FFF;
	font-weight: normal;
	position: absolute; top: 151px; right: 5px;	
}

#selectedwork div.work p span.work_completion {
	font-weight: normal;
	color: #FFF;
	font-size: 9px;
	position: relative; top: 13px; left: 5px;
}

#selectedwork div.work p span.visit_online a {
	color: #090;
	font-weight: normal;
	text-transform: none;
	font-size: 9px;
	position: absolute; top: 165px; right: 5px;	
}

#selectedwork div.work p span.visit_offline a {
	color: #966;
	font-weight: normal;
	text-transform: none;
	font-size: 9px;
	position: absolute; top: 165px; right: 5px;	
}

#selectedwork .arrow_left {
	width: 12px;
	height: 51px;
	display: block;
	background: url('bilder/arrow_left.gif') no-repeat;
	position: absolute; top: 235px; left: 42px;
}

#selectedwork .arrow_left_deactive {
	width: 12px;
	height: 51px;
	display: block;
	background: url('bilder/arrow_left2.gif') no-repeat;
	cursor: default;
	position: absolute; top: 235px; left: 42px;
}

#selectedwork .arrow_right {
	width: 12px;
	height: 51px;
	display: block;
	background: url('bilder/arrow_right.gif') no-repeat;
	position: absolute; top: 235px; left: 738px;
}

#selectedwork .arrow_right_deactive {
	width: 12px;
	height: 51px;
	display: block;
	background: url('bilder/arrow_right2.gif') no-repeat;
	cursor: default;
	position: absolute; top: 235px; left: 738px;
}

#mainmenu {
	width: 211px;
	height: 139px;
	margin: 0px 0 0px 0px;
	padding: 0 0 0px 0px;
	position: absolute; top: 416px; left: 515px;
}

#mainmenu ul {
	margin: 0px 0 0px 0px;
	padding: 0 0 0px 0px;
}

#mainmenu li {
	margin: 0px 0 10px 0px;
	padding: 0 0 0px 0px;
	border: #FFF solid 0px;
	list-style: none;
}

#mainmenu li a {
	width: 211px;
	height: 36px;
	display: block;
}

#mainmenu #portfolio { background: url('bilder/menubutton_portfolio.gif') no-repeat; }
#mainmenu #portfolio:hover { background: url('bilder/menubutton_portfolio2.gif') no-repeat; }

#mainmenu #products { background: url('bilder/menubutton_products.gif') no-repeat; }
#mainmenu #products:hover { background: url('bilder/menubutton_products2.gif') no-repeat; }

#mainmenu #contact { background: url('bilder/menubutton_contact.gif') no-repeat; }
#mainmenu #contact:hover { background: url('bilder/menubutton_contact2.gif') no-repeat; }


/***************************************************
  LIVEPREVIEW

****************************************************/

#live_header {
	height: 39px;
	border-bottom: #FF0D43 solid 1px;
	padding: 0px 0 0 0px;
	margin: 0px 0 10px 0px;
	background: #000 url('bilder/bg_liveheader.gif') bottom left no-repeat;
	margin: 0 auto 0 auto;
}

#live_header a {
	width: 250px;
	height: 39px;
	display: block;
}

a.close {
	width: 128px;
	height: 15px;
	display: block;
	background: url('bilder/button_close.gif') no-repeat;
	position: absolute; top: 20px; right: 3px;
}