/* Author:				Perfica, www.perfica.se
*  Contact:				info@perfica.se
*  Version:				1.0
*  Created:				2007
*
*
* CONTENTS
* -----------------
* == INCLUDE
* ----> defaults
* ----> forms
* ----> navigation
* == LAYOUT
**-----------------------------------------------------------------------------------
/* == INCLUDE
-----------------------------------------------------------------------------------*/

@import url(defaults.css);
@import url(forms.css);
@import url(navigation.css);

/*-----------------------------------------------------------------------------------
* == LAYOUT
* --------------------------------------------------------------------------------- */


div#container {width:900px; margin:20px auto 0;}

div#header {width:262px; float:left; background:url(../img/menu_bg.jpg) repeat-y;}
	#header h1 {margin:0; padding:0;}
	#header h1 a {display:block; background: url(../img/logo.jpg) no-repeat; height:192px; text-indent:-9999px;}
	
	#header h2 {margin:0; padding:0; height:63px; text-indent:-9999px;}
	
	#header h2#gallerier {background:url(../img/gallerier.jpg) no-repeat;}
	
	#header h2#admin {background:url(../img/h2_admin.jpg) no-repeat;}

	#links {background:#FFFFFF; text-align:center;}
	#links img {padding-bottom:10px;}

div#content {margin-left:262px;}

div#footer {margin-top:20px; font-size:10px; color:#999999;text-align:center; clear:both;}

.index #footer {clear:right;}

/*-----------------------------------------------------------------------------------
* == SANTA
* --------------------------------------------------------------------------------- */
div#santa {background:url(../img/tomtepaket.jpg) no-repeat; width:135px; height:365px; position:absolute; right:0; top:-500px;}

#santa_info {display:none; position:absolute; right:150px; top:230px; z-index:999; background:#fff; border:5px solid #ccc; padding:20px;}
#santa_info {font-size:16px;}
.payoff {font-style:italic; color:#666;}
#santa_info h2 {color:#000; font-size:24px; font-weight:normal;}
#santa_info .price {color:#78180A; font-size:46px; display:block; font-weight:bold; padding:10px 0;}

/*-----------------------------------------------------------------------------------
* == INDEX
* --------------------------------------------------------------------------------- */

.index img {margin:0px auto; display:block;}
.index h1 {text-align:center;}
.index p , .index h2 {width:70%; margin:0 auto;}

.index h2 {margin-top:10px;}

/*-----------------------------------------------------------------------------------
* == GALLERY_PICTURE
* --------------------------------------------------------------------------------- */
#gallery_picture {margin-bottom:10px; position:relative;min-height:200px; height:520px;}	
#gallery_picture img {display:block; margin:0 auto;}	
#gallery_picture #description {text-align:center; font-style:italic;}

#loading {position: absolute; background:#FFFFFF; top:50%; left:50%; width:200px; text-align:center; padding:5px 0; border:2px solid #ccc;
margin-left:-52px; margin-top:-17px; display:none;}
#loading img {display:inline;}
#loading span {line-height:16px; color:#999999; padding-left:10px;}

/*-----------------------------------------------------------------------------------
* == GALLERY_PICTURES
* --------------------------------------------------------------------------------- */
#gallery_pictures {padding:5px 0; width:600px;}	
#motioncontainer {height: 150px; position:relative;overflow:hidden;}
#motiongallery {position:absolute;left:0;top:0;white-space: nowrap;}
#motiongallery img {height:150px;margin:0 0px;}
#motioncontainer a:hover {color: red;}
	
/*-----------------------------------------------------------------------------------
* == MISC
* --------------------------------------------------------------------------------- */
.split {}

.admin_gallery {}
.admin_gallery ul#pictures li {float:left; display:table-cell; vertical-align:middle; height:210px; margin-bottom:20px;}
.admin_gallery ul#pictures li a {text-align:center; text-decoration:none; color:#666666;}
.admin_gallery ul#pictures .input_text {}
.admin_gallery ul#pictures li a:hover {color:#000000;}