/* 
Author: 			Stanislav Kukucka
Author URI: 		http://www.nilus-studio.com
Version:			0.2

Project:			
Description:					

---------------------------------------------------------------------------------------
TABLE OF CONTENTS
	-- 
	-- 
	--
---------------------------------------------------------------------------------------

/* ----------------------BASICS	---------------------------------------*/

html{
	font-size:100%;	min-height:100%;
}
body{
	font-size:62.5%; 
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font:Arial, Helvetica, sans-serif;
    background-color: #333;
	}
html, body{
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		overflow: visible;
}
#background{
		position:absolute;
		height:100%;
		width:100%;
		margin: 0;
		padding: 0;
		background-image:url(../img/background.jpg);
		background-repeat:repeat;

}

h3{
	margin:10px 0 0 440px;
	color:#fff;
}

/*-------------CENTER CONTENT------------------------------------*/
#container {
		width:824px;
		height:484px;
        left: 50%;
        top: 50%;		
        position: absolute;
		margin-left: -412px;
		margin-top: -242px;
		-moz-box-shadow: 0 0 15px #000; /* For shadow effect to work in supported versions of Mozilla */
		-webkit-box-shadow: 0 0 15px #000; /* For shadow effect to work in supported versions of Safari */

}
#head-holder{
	height: 125px;
	width: 824px;		
	background-image:url(../img/white_background.png);
	border-bottom:1px #FFF solid;
}
#content{
	width:824px;
	height:339px;
	background-image:url(../img/color-background.jpg);
	
}
#content-gallery{
	width:824px;
	height:339px;
	background-image:url(../img/color-background-2.jpg);
}
/*----------FOOTER------------*/
#footer-down{
	height: 24px;
	width: 824px;
 	font-size: 10px;
	color:#FFF;
	background-image: url(../img/footer.jpg);
}
#footer-down-images{
	height: 24px;
	width: 824px;
 	font-size: 10px;
	color:#FFF;
	background-image: url(../img/footer-2.jpg);
}
.footer{
	margin:7px 0 0 25px;
	color:#fff;
	font-size:1em;
	position:absolute;
}

/*-----------SOCIAL MEDIA------------*/
#social-media{
	padding:300px 150px 0 0;
	float:right;
}
#social-media a{
	margin-left:10px;
}

/*----------------------------------*/
#last-render{
	float:left;
	padding:0 0 0 50px;
}
#shadow{
	float:left;
	padding:240px 0 0 50px;
	position:absolute;
	display: block;
}

#head-holder-gallery{
		height: 125px;
		width: 824px;		
		background-image:url(../img/black_background.png);
}
#footer-holder{
		height: 330px;
		width: 824px;
		background-image:url(../img/cyan_background.png);
		border-top:1px #606060 solid;
}

#footer-down-gallery{
		height: 20px;
		width: 800px;
		padding: 10px 0 0 20px;
 		font-size: 10px;
		color:#FFF;	
		background-image:url(../img/black_background.png);
}
/*#footer{
		margin: 10px 0 0 20px;
		height:20px;
		width: 400px;
		color:#FFF;
		font-size: 10px;
		position:absolute;
}*/


/*-------------SEO TEST---------------------------*/
.seo {
	text-indent:-9999px
}



/*-------------CONTENT------------------------------------*/

#copytext{
		margin:20px 0 0 25px;
		color:#FFF;
		width:780px;
		font-size: 14px;
		position:absolute;
		text-align:justify;
}
.strong{
		color:#FFF;
		font-size: 13px;
		font-style:oblique;
		text-align:justify;	
}
#links{
		margin:30px 0 0 20px;
		color:#FFF;
		width:780px;
		font-size: 16px;
		position:absolute;
		text-decoration:none;
}
#weblinks{
		margin:30px 0 0 25px;
		color:#FFF;
		width:780px;
		font-size: 14px;
		position:absolute;
}
#contact1{
		margin:30px 0 0 25px;
		color:#FFF;
		float:left;
		position:relative;
}
#contact2{
		margin:30px 0 0 80px;
		color:#FFF;
		width:200px;
		font-size: 14px;
        list-style:none;
		float: left;
		position:relative;
}#contact3{
		margin:30px 0 0 80px;
		color:#FFF;
		width:200px;
		font-size: 14px;
        list-style:none;
		float: left;
		position:relative;
}


/*-------------MENU------------------------------------*/


#menu{
		height:40px;
		width:530px;
		margin: 50px 0px 0px 0px;
		float:right;
		font-size: 14px;
}
#menu ul {
	  
	   list-style:none;
	   margin:0;
	   padding:0;
	   position:relative;
	   left:50%;
	   text-align:center;
}
#menu ul li {
	   display:block;
	   float:left;
	   list-style:none;
	   margin:0;
	   padding:0;
	   position:relative;
	   right:50%;
}
#menu ul li a {
	   margin:0 0 0 1px;
	   padding:3px 20px;
	   color:#06cfe7;
	   line-height:1.3em;
}
#menu ul li a:hover {	 
	   
	   color:#686868;
}
#menu ul li a.active{
	   color:#686868;	
}
/*#menu ul li a.active:hover {
	   
	   color:#bfbfbf;
	   font-weight:bold;
}*/
/*-------------LOGO------------------------------------*/


#logo {
	width: 180px; 
 	height: 45px; 
	margin: 10px 0px 0px 10px; 
	position:absolute;
	
}
#logo a{
	width: 180px; 
 	height: 45px; 
	margin: 10px 0px 0px 10px; 
	position:absolute;
	background-image:url(../img/ideal-logo.png);
	background-position: center;
} 
#logo a:hover{
	width: 180px; 
 	height: 45px; 
	margin: 10px 0px 0px 10px; 
	position:absolute;
	background-image:url(../img/ideal-logo.png);
	background-position: bottom;
} 
#logo a.selected, #logo a.selected:hover{
	width: 180px; 
 	height: 45px; 
	margin: 10px 0px 0px 10px; 
	position:absolute;
	background-image:url(../img/ideal-logo.png);
	background-position: top;
} 

#claim h1{
	margin: 63px 0px 0px 27px;
	font-size:1.3em;
	color:#06cfe7;
	position:absolute;
	letter-spacing:0.22em;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
}



/*-------------GALLERY------------------------------------*/

#footer-holder-gallery{
		height: 330px;
		width: 820px;
		background-image:url(../img/black_background.png);
}
.latest_img {
	border: 1px solid #575757;
	margin-left: 12px;
	margin-bottom:
}



/*-------------STAREE START------------------------------------*/

#all-gallery{
		margin: 0 0 0 20px;
}
#all-gallery a img, #all-gallery a{
		 border: none; 
}
#all-gallery ul li {
		margin:10px 0 0 0;
		float: left;	
}

#all-gallery a{
		margin: 6px;
}
#all-gallery a:hover{
		outline: 3px solid white;
}
#all-gallery a img:hover{
		border:3px solid white;
		margin:-3px;
}
#showreel {
		width:145px;
		height:70px;
		margin:7px 0 0 30px;
		float:left;
		
}



/*-------------STAREE KONIEC------------------------------------*/



#example-one{
		margin:0 0 0 10px;
}
#example-one a img, #example-one a{
		border: none; overflow: hidden; float: left;
}
#example-one a:hover{
		border: 3px solid black;
}
#example-one a:hover img{
		margin: -3px;
}

.pic{
		margin: 5px 5px 0 0;
	
} 


/*-------------INE-GALLERY------------------------------------*/

#gallery{
		margin: 0 0 0 10px;  
}



.thumbnail{
		float: left;
		margin: 0 5px 5px 0;
		padding: 5px;
}

.thumbnail a:hover img{				
		color:#000000;		
}

.clearboth { clear: both; }





/*-------------DETAILS------------------------------------*/
	
	
		
a{
		text-decoration:none;
}	
a:link{
		color:#fff;
}
a:visited{
		color:#fff;
}
a:hover	{
		color:#bfbfbf;
				}	
	
						}

	a:active{				}


	.left{					float:left; }
	.right{					float:right; }
	.clear{					clear:both; }
	
	img.left{				margin:0 1em 1em 0; }
	img.right{				margin:0 0 1em 1em; }
	
	.padding{				padding:10px; }
	#content p{				margin:1.1em 0; }
	

/* ------------------------------------------------------------------------------------
NAVIGATION MENU				 */

	#navigation, #navigation ul {		padding:0;	margin:0; list-style:none; line-height:1; float:left;	}
	#navigation a {						display:block; padding:6px 10px; text-decoration:none;	}
	#navigation a:hover{				text-decoration:underline; padding:6px 10px; }
	#navigation li { 					float:left; width:auto;	}
	#navigation li{						padding:0; margin:0; }
	#navigation li ul li{				padding:1px 0px;}
	#navigation li ul li a{				padding:6px 10px; width:110px; }
	#navigation li ul { 				position:absolute; padding-top:1px; width:130px; left:-999em; }
	#navigation li ul ul {				margin: -1.5em 0 0 130px;	}
	
	#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {	left: -999em;	}
	#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, 
	#navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { left: auto;	}


/* -----------------------STRUCTURE	---------------------------*/

	#header{				}
	#footer{				clear:both; }
	#content{				}
	#right{					}
	#left{					}
	
	
/* -----------------------TOOLTIP---------------------------*/

/* ---------------------TWITTER-----------------------------*/

#twitter{
	float:right;
}

.twitted {
	width: 25em;
	margin-bottom: 1.5em;
	overflow: hidden;

}

.twitted h2 {
	margin: 0;
	padding: 0.3em 0.8em;
	font-size: 1em;
	color: #fff;
	background-color: #888;
}

.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url(../img/ajax-loader.gif) 0.6em center no-repeat;
	font-size: 0.9em;	
	/* generate your own loader gif: http://www.ajaxload.info */
}

.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0 0.8em;
	list-style-type: none;
}

.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 0.7em 0;
	font-size: 0.9em;	
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
	text-align: left;	
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color: #dfdfdf;
	font-size: 0.99em;	
	
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #666;
	font-size: 0.9em;		
}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

.twitted p.profileLink {
	display: block;
	margin: 0;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #ddd;
}


/*-----------------PRELOADER-----------------*/