/* ............................................................................................................................. */
/* Reset default html styles */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,div
{
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: inherit;
	font: inherit;
	text-indent: 0;
}

a { outline: none; font-weight:bold; }

a,a:link,a:visited
{
	color: #f69;
	text-decoration: none;
}

a:hover
{
	color: #8DB308;
	text-decoration: underline;
}

a:active 
{ 
	color: #666; 
	text-decoration: none; 
}

a img,:link img,:visited img { border: none; }

ul,ol { list-style: none; }

input
{
	margin: 0;
	padding: 0;
}

/* ............................................................................................................................. */
/* Structure */
html
{
	background-color: #f7f7f7;
/*
	background-image: url(bg/bg-repeat.jpg);
	background-repeat: repeat;
*/
	height: 100%;
}

body 
{
	font-family:courier, monospace;
	font-size:83%;
	color:#000;
	background-color: transparent;
	line-height:1.4;
}

body#bg
{
	background-color: #dcdcdc;
	background-repeat: no-repeat;
	background-position: center center;
	height: 100%;
	background-image: url(bg/bg-full.jpg);
}

body#bg.sm { background-image: url(bg/bg-sm.jpg); }
body#bg.lg { background-image: url(bg/bg-full.jpg); }

body#portfolio
{
	background-color: #f6f6f6;
	background-repeat: no-repeat;
	background-position: left top;
	height: 100%;
	background-image: url(bg/portfolio/nav-2.jpg);
}

#horizontalwrapper
{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 0px;
	visibility: visible;
}

#verticalwrapper
{
	width: 690px;
	margin-left: -345px;
	height: 600px;
	top: -300px;
	position: absolute;
	left: 50%;
	visibility: visible;
	/*
		background-image: url(bg/bg-center.jpg);
		background-repeat: no-repeat;
		background-position: center center;
*/
}

#text
{
	position: absolute;
	top: 106px;
	left: 80px;
	height: 270px;
	width: 306px;
	text-align: left;
}

#text p
{
	margin-bottom:0.5em;
}

/* ............................................................................................................................. */
/* H1 */
/* Position the heading */
h1
{
	position: absolute;
	left: 41px;
	top: 27px;
}

/* Hide the text and set up the button */
h1
{
	width: 235px;
	height: 45px;
	text-indent: -9999px;
	text-decoration: none;
	background: transparent;
	background-image: url(bg/navigation/maria_lewis.jpg);
	background-repeat: no-repeat;
}

/* Portfolio h1 */
#portfolio h1
{
	position: absolute;
	left: 27px;
	top: 15px;
}

#portfolio h1 a, 
#portfolio h1 a:hover
{
	display: block;
	width: 235px;
	height: 45px;
	text-indent: -9999px;
	text-decoration: none;
	float: left;
	background-image: url(bg/portfolio/maria_lewis_portfolio.jpg);
	background-repeat: no-repeat;
}

#portfolio h1 a { background-position: 0px 0px; }
#portfolio h1 a:hover { background-position: 0px -45px; }

/* ............................................................................................................................. */
/* Navigation */
#navigation
{
	position: absolute;
	left: 442px;
	top: 65px;
	width: 181px;
}

#portfolio #navigation
{
	position: absolute;
	left: 66px;
	top: 106px;
}

/* Hide the text and set up the button */
#navigation .one_se a, #navigation .one_se a:hover,
#navigation .two_se a, #navigation .two_se a:hover,
#navigation .three_se a, #navigation .three_se a:hover,
#navigation .four_se a, #navigation .four_se a:hover,
#navigation .one_en a, #navigation .one_en a:hover,
#navigation .two_en a, #navigation .two_en a:hover,
#navigation .three_en a, #navigation .three_en a:hover,
#navigation .four_en a, #navigation .four_en a:hover
{
	display: block;
	width: 181px;
	text-indent: -9999px;
	text-decoration: none;
	/*float: left;*/
	background-repeat: no-repeat;
}

/* Specify Swedish & English backgrounds */
#navigation .one_se a, #navigation .one_se a:hover,
#navigation .two_se a, #navigation .two_se a:hover,
#navigation .three_se a, #navigation .three_se a:hover,
#navigation .four_se a, #navigation .four_se a:hover { background-image: url(bg/navigation/nav-sv.jpg); }
#navigation .one_en a, #navigation .one_en a:hover,
#navigation .two_en a, #navigation .two_en a:hover,
#navigation .three_en a, #navigation .three_en a:hover,
#navigation .four_en a, #navigation .four_en a:hover { background-image: url(bg/navigation/nav-en.jpg); }

/* Specify heights of buttons */
#navigation .one_se a, #navigation .one_se a:hover,
#navigation .one_en a, #navigation .one_en a:hover { height: 77px; }
#navigation .two_se a, #navigation .two_se a:hover,
#navigation .two_en a, #navigation .two_en a:hover { height: 81px; }
#navigation .three_se a, #navigation .three_se a:hover,
#navigation .three_en a, #navigation .three_en a:hover { height: 79px; }
#navigation .four_se a, #navigation .four_se a:hover,
#navigation .four_en a, #navigation .four_en a:hover { height: 79px; }

/* Position the background */
#navigation .one_se a, #navigation .one_en a { background-position: 0px 0px; }
#navigation .two_se a, #navigation .two_en a { background-position: 0px -77px; }
#navigation .three_se a, #navigation .three_en a { background-position: 0px -158px; }
#navigation .four_se a, #navigation .four_en a { background-position: 0px -237px; }
#navigation .one_se a:hover, #navigation .one_en a:hover { background-position: 0px -318px; }
#two_se, #two_en, #navigation .two_se a:hover, #navigation .two_en a:hover { background-position: 0px -395px; }
#three_se, #three_se, #navigation .three_se a:hover, #navigation .three_en a:hover { background-position: 0px -476px; }
#four_se, #four_en, #navigation .four_se a:hover, #navigation .four_en a:hover { background-position: 0px -555px; }

/* Dynamic menu highlighting */
/*
#navigation #one_se a, #navigation #one_en a { background-position: 0px -318px; }
#navigation #two_se a, #navigation #two_en a { background-position: 0px -395px; }
#navigation #three_se a, #navigation #three_en a { background-position: 0px -476px; }
#navigation #four_se a, #navigation #four_en a { background-position: 0px -555px; }
*/

/* ............................................................................................................................. */
/* Navigation: language link */
/* Position the link */

li#language_en ul li.active,  
li#language_se ul li.active
{display:none;}

li#language_en ul li,  
li#language_se ul li
{
	position: absolute;
	left: -18px;
	top: 337px;
}

#portfolio li#language_en ul li, 
#portfolio li#language_se ul li
{
	position: absolute;
	left: -17px;
	top: 332px;
}

/* Global values for language link/hide the text */
li#language_en ul li a, 
li#language_en ul li a:hover, 
li#language_se ul li a, 
li#language_se ul li a:hover
{
	display: block;
	width: 70px;
	height: 30px;
	text-indent: -9999px;
	text-decoration: none;
	float: left;
	background-image: url(bg/navigation/language.gif);
	background-repeat: no-repeat;
}

/* Position the background */
li#language_en ul li a { background-position: 0px 0px; }
li#language_en ul li a:hover { background-position: 0px -30px; }
li#language_se ul li a { background-position: 0px -60px; }
li#language_se ul li a:hover { background-position: 0px -90px; }

/* ............................................................................................................................. */
/* E-mail link */
/* Hide the contact text */
#contact li { text-indent: -9999px; }

#contact li#email
{
	position: absolute;
	top: 546px;
	left: 250px;
}

/* Hide the text and set up the button */
#contact li#email a, 
#contact li#email a:hover
{
	display: block;
	width: 278px;
	height: 31px;
	text-indent: -9999px;
	text-decoration: none;
	float: left;
	background-image: url(bg/navigation/email.gif);
	background-repeat: no-repeat;
}

/* Position the background */
#contact li#email a { background-position: 0px 0px; }
#contact li#email a:hover { background-position: 0px -31px; }

/* ............................................................................................................................. */
#portfolio #bottlecap
{
	background-image: url(bg/portfolio/bottlecap-2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	top: 0;
	left: 85%;
	width: 84px;
	height: 46px;
}

#portfolio #content
{
	min-height: 416px;
	_height: 416px;
	padding-top: 80px;
	padding-bottom: 80px;
	padding-right:50px;
	margin-left: 303px;
}

#portfolio #content p { width:450px; }

/* ............................................................................................................................. */
/* Sticky portfolio footer */
html, body#portfolio { height: 100%; }

#portfolio #wrapper
{
	min-height: 100%;
	height: auto !important;
	margin: 0 auto -548px;
}

#portfolio #footer, 
#portfolio #push { height: 548px; }

#portfolio #footer
{
	background-image: url(bg/portfolio/footer-2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: relative;
}

#portfolio #contact li#email
{
	position: absolute;
	top: 147px;
	left: 305px;
}

/* ............................................................................................................................. */

/* jQuery scrollpane */

.scrollable
{
	width: 306px;
}

.scroll-pane
{
	width: 306px;
	height: 270px;
	overflow: auto;
	background: transparent;
	padding-right: 20px;
}

.scrollable .jScrollPaneTrack
{
	background-image: url(bg/scrollpane/track.jpg);
	background-repeat: repeat-y;
	background-position: center center;
}

.scrollable .jScrollPaneDrag { background: url(bg/scrollpane/drag.jpg) no-repeat 0 50%; }
.scrollable .jScrollPaneDragTop { background: none; }
.scrollable .jScrollPaneDragBottom { background: none; }

.scrollable a.jScrollArrowUp
{
	height: 27px;
	background-image: url(bg/scrollpane/arrow_up.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.scrollable a.jScrollArrowUp:hover { background-position: center -27px; }

.scrollable a.jScrollArrowDown
{
	height: 27px;
	background-image: url(bg/scrollpane/arrow_down.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.scrollable a.jScrollArrowDown:hover { background-position: center -27px; }
.scrollable a.jScrollActiveArrowButton, .scrollable a.jScrollActiveArrowButton:hover { background-position: center -54px; }

.jScrollPaneContainer
{
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack
{
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}

.jScrollPaneDrag
{
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}

.jScrollPaneDragTop
{
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.jScrollPaneDragBottom
{
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

a.jScrollArrowUp
{
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}

a.jScrollArrowDown
{
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}

/* ............................................................................................................................. */

/* Language link */

#qtrans_language_chooser .active { display:none; }

/* ............................................................................................................................. */

h2
{
	font-size:1.6em;
	font-weight:bold;
	padding:0 0 0.5em 0;
}

h3
{
	font-size:1.1em;
	font-weight:bold;
	padding:1em 0 0 0;
}

.gallery { margin-bottom:3em; }

#admin, #login { display:none; }