/* 

	project:  website traffic (free CSS templates)
	author:   luka cvrk (www.solucija.com) 

   
*/

	*{ margin: 0; padding: 0; }* 
body { font: .74em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.6em; background: #D0D4D4; color: #444; }
#content { width: 960px; margin: 10px auto; background: #fff; padding: 10px;}


#header_home { background: #fff url(../images/header_home.jpg) no-repeat; height: 129px; }
#header_inside_films { background: #fff url(../images/header_films.jpg) no-repeat; height: 129px; }
#header_inside_services{ background: #fff url(../images/header_services.jpg) no-repeat; height: 129px; }
#header_inside_production { background: #fff url(../images/header_production.jpg) no-repeat; height: 129px; }
#header_inside_showreel { background: #fff url(../images/header_showreel.jpg) no-repeat; height: 129px; }
#header_inside_contact { background: #fff url(../images/header_contact.jpg) no-repeat; height: 129px; }
#header_inside_media_room{ background: #fff url(../images/header_media_room.jpg) no-repeat; height: 129px; }

.post-body{
text-align:justify;}

	
#logo { padding: 40px 0 0 20px;  float: left; width: 500px; }

	

#footer { width: 960px; margin: 15px auto; color: #808080; font-size: .9em; }
	#footer a { color: #444; }
	.right { float: right; text-align: right; font-size: 1em; }
		#footer .right a { margin: 0 0 0 2px; padding: 3px 10px; }
		#footer .right a:hover { background: #fff; color: #444; text-decoration: underline; }

/* links headings etc */
a {	color: #B60D0A;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; }
p { margin: 0 0 15px 0; }
h1 { font: normal 2.7em "Trebuchet MS", Arial, Sans-Serif; color: #fff;float:left;}
h1 a { color: #fff; background: inherit; }
h1 a:hover { color: #E4FFD3; background: inherit; }
sup { font-size: .3em; color: #DFCDA2; }
h2 { color: #808080; font: bold 1.6em "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 12px; border-bottom: 1px solid #ccc; }
h3 { color: #808080; background: #D0D4D4; }		
/* links headings etc*/


/* Floats */   

.left,.alignleft {float: left;}
.right,.alignright {float: right;}

.clear,.clearer {clear: both;}

/* home page columns */

.third { font-size: .9em;  float: left; width: 280px; margin: 40px 30px 10px 10px; }
.third h3{font-size:14px; font-weight:bold;line-height:13px;padding-bottom:8px;color:#666; background:none;}
.last { float: right; margin: 40px 10px 10px 0; }
.fourth { float: left; width: 700px; margin: 40px 10px 10px 10px; }
.fifth { font-size: .9em;  float: left; width: 200px; margin: 40px 30px 10px 0px; }
.sixth { font-size: .9em;  float: left; width: 440px; margin: 0px 5px 10px 0px;  }
.sixth_centre { font-size: .9em;  float: left; width: 100%; margin: 0px 5px 10px 0px;  }
.sixth_centre img{ margin:0 auto;  }

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0px;
		list-style:none;
		font: 10px Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; line-height:14px;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:700px;
		height:365px;
		overflow:hidden;
		
		}
	#slider li{ 
		background:#f1f1f1;
		}		
	
	#slider img{ 
		border:0px;
		margin-bottom:10px;
		}	
	
	span#prevBtn{}
	span#nextBtn{}	
	
#slider .column {width: 208px;border-right: 0px solid #CCC;margin:9px;padding-right:7px;}
#slider #column-3 {border-right: none;}	
#slider .column a{text-decoration:none;}
#slider .column a:hover{text-decoration:underline;}		
#slider .column h3{font-size:10px; font-weight:bold;line-height:13px;padding:5px;color:#000;}	

/* // Easy Slider */

/* right menu */
#navlist{margin-top:25px;}

#navlist
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid #ccc;
width: 190px;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid #ccc;
}

#navlist li a { text-decoration: none; color:#777;}
#navlist li a:hover{ text-decoration: none; color:#B60D0A;}
#navlist li.current a {color:#B60D0A;}

/* right menu */

.section{margin-left: 10px;float:left; width:175px}
ul.nice-list {margin-left: 0px;list-style:none;}
ul.nice-list li {
	list-style: none;
	border-top: 1px solid #EEE;
	padding: 4px ;
}
ul.nice-list li:first-child {border-top: none;}
ul.nice-list li .right {color: #999;}
ul.home-list {list-style:none;}
ul.home-list li{margin-bottom:10px;border-bottom:1px dashed #ddd;padding-bottom:5px;}

/* top menu */

#nav {
list-style:none;
height:25px; 
background:#D0D4D4; 
margin:0px;
width:960px;
position:relative;
font-size:11px; 
}

#nav .sub {
height:25px; 
background:url(back.gif);
margin:0px;
margin-left:60px;
width:900px;
position:absolute;
font-size:11px; 
}

#nav .sub3 {
height:25px; 
background:url(back.gif);
margin:0px;
margin-left:60px;
width:900px;
position:absolute;
font-size:11px; 
}

#nav .sub1 {
height:25px; 
background:#fff;
margin:0px;
margin-left:0px;
width:960px;
position:absolute;
font-size:11px; 
}

#nav li {
width:auto;
float:left;
text-align:center;
}

#nav a {
display:block;
text-decoration:none;
color:#808080;
outline:0;
border:none;
border-right-width:0;
font-weight:bold;
padding:3px 15px 3px 10px;
}

#nav a.last1 {
border-right-width:none;
}

#nav a:hover {
color:#fff;
background:#777;
}

#nav li.current {
background: #B60D0A;
font-size:11px; 
font-weight:bold;
display:block;
text-decoration:none;
color:#808080;
outline:0;
border:none;
border-right-width:0;
font-weight:bold;
padding:3px 15px 3px 10px;
}

#nav li.current .selected {color:#fff}

/* --------- Sub Nav --------- */
#nav li.current ul a {
background:none;
}
#nav li.current ul {
left:0px;
background:#fff;
z-index:100;
}
#nav ul {
	position:absolute;
	left:-999em;
	width:960px;
	list-style:none;
	padding:5px 0 0 0;
	top: 25px;
	z-index:101;
}

#nav ul li {
width:auto;
margin:0 15px 0 0;
}
#nav ul a {
font-size:11px;
height:auto;
padding:0 8px;
color:#000;
}

#nav ul a:hover {
color:#B60D0A; 
background:none;
}

#nav li:hover ul {
left:0;

}

#nav ul li.subcurrent a {
color:#B60D0A;
font-weight:bold;
}


#nav li.current1 {
background: #B60D0A;
font-size:11px; 
font-weight:bold;
display:block;
text-decoration:none;
color:#808080;
outline:0;
border:none;
border-right-width:0;
font-weight:bold;
padding:3px 15px 3px 10px;
}

#nav li.current1 .selected {color:#fff}

/* --------- Sub Nav --------- */
#nav li.current1 ul a {
background:none;
}
#nav li.current1 ul {
left:0px;
background:#fff;
z-index:10;
}