/*
Theme Name: ESedit
Theme URI: http://www.esedit.com
Description: 
Version: 1 (WP2.8.4)
Author: jabaum
Author URI: http://www.jabaum.com
Tags: portfolio, video, photography
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
/*@import "style/css/layout.css";*/
body
{		
	clear:both;	
	font: 1em sans-serif;
	background: url("images/footer_bgd.jpg") repeat;	
}
p
{
	font: .8em sans-serif;
}
H1
{
	font: 1.2em sans-serif;
}
pre
{
	font: .8em sans-serif;
}
#mainwrapper
{	
	clear:both;	
	margin:0 auto;	

}
#header
{	
	background: url(images/head_bgd.jpg) repeat-x;	
	height: 102px;	
	width: 100%;
	margin:0 auto;
}
#nav
{	
	width: 800px;	
	margin:0 auto;	
	height: 102px;
}	
a
{	
	text-decoration: none;	
	outline: none;
}
a img 
{    
	border:none;
}
#title
{	
	background: url(images/nav_title.jpg) ;
	height: 102px;	
	width: 481px;	
	float: left;	
	display: block;
}
#title a
{	
	text-indent: -9999px;	
	overflow: hidden;	
	cursor:pointer;	
	display: block;	
	height: 102px;	
	width: 300px;
}
#video
{	
	background: url(images/nav_video.jpg) ;	
	height: 102px;	
	width: 70px;	
	float: left;	
	outline: none;	
}
#video a
{	
	text-indent: -9999px;	
	overflow: hidden;	
	cursor:pointer;	
	display: block;	
	height: 102px;	
	width: 70px;
}
#video a:hover
{
	background: url(images/nav_video_over.jpg) ;
}
#videoactive
{	
	background: url(images/nav_video_over.jpg) ;	
	height: 102px;	
	width: 70px;	
	float: left;	
	outline: none;	
	text-indent: -9999px;	
	overflow: hidden;
	display: block;
}
#photo
{	
	background: url(images/nav_photo.jpg) ;	
	height: 102px;	
	width: 134px;	
	float: left;	
	outline: none;
	text-indent: -9999px;	
	overflow: hidden;
	display: block;
} 
#photo a
{
	height: 102px;	
	width: 134px;	
	float: left;	
	outline: none;
	text-indent: -9999px;	
	overflow: hidden;
	display: block;
}
#photo a:hover
{
	background: url(images/nav_photo_over.jpg);
}
#photosactive
{
	background: url(images/nav_photo_over.jpg);
	height: 102px;	
	width: 134px;	
	float: left;	
	outline: none;
	text-indent: -9999px;	
	overflow: hidden;
	display: block;
}
#awards
{	
	background: url(images/nav_awards.jpg);	
	height: 102px;	
	width: 115px;	
	float: left;	
	outline: none;
	text-indent: -9999px;	
	overflow: hidden;
	display: block;
}
#awards a
{
	height: 102px;	
	width: 115px;	
	float: left;	
	outline: none;
	text-indent: -9999px;	
	overflow: hidden;
	display: block;
}
#awards a:hover
{
	background: url(images/nav_awards_over.jpg);
}
#awards a:active
{
	background: url(images/nav_awards_over.jpg);
}
#awardsactive
{
	height: 102px;	
	width: 115px;	
	float: left;	
	outline: none;
	text-indent: -9999px;	
	overflow: hidden;
	display: block;
	background: url(images/nav_awards_over.jpg);
}
#contentwrap
{
	background: url(images/content_bgd.jpg) repeat-x;	
	height: 410px;
	
}
#contentcontainer
{
	width: 800px;
	margin:0 auto;
	/*padding-top: 50px;*/
}
#contentleftvideo
{
	width:500px;
	height:340px;
	background: url(images/demo.jpg);
	float: left;
	margin-left: 24px;
	margin-top: 32px;
	float: left;
}
#contentleftvideo a {
	position: relative;
}
#contentleftvideo a span{
	display:none;
}
#contentleftvideo a:hover span{
	position: absolute;
	top: -260px;
	left: 140px;
	display: block;
	background: #666666;
	border: none;
	padding: 10px;
	color: #fff;
}
#carousel_ul  a {
	position: relative;
}
#carousel_ul  a span{
	display:none;
}
#carousel_ul a:hover span{
	position: absolute;
	top: ;
	left: ;
	display: block;
	background: #000;
	border: none;
	padding: 10px;
	color: #fff;
	z-index:100;
	font-size: .7em;
	width: 100px;
	height: 70px;
	opacity: .6;
	
}
#contentvideo
{
	width: 220px;
	float: left;
	margin-top: 30px;
	margin-left: 24px;
}
#contentleft
{
	width:142px;
	height:380px;
	background: url(images/telly.jpg);
	float: left;
	margin-left: 30px;
	margin-right: 10px;
	margin-top: 40px;
}
#content
{	
	width: 590px;
	font: .8em sans-serif;
	margin: 0 auto;
	padding: 90px 0 0 0;
	float: left;
	
}
#content p
{
	font: .9em sans-serif;
	line-height: 2.0em;
	
}
#photocontent
{
	width:800px;
	clear: both;
	margin: 0 auto;
	
}
#slider
{	
	background: url(images/slider_bgd.jpg) repeat-x;	
	height: 148px;	
	margin: 0 auto;
}
#noslider
{	
	background: url(images/noslider_bgd.jpg) repeat-x;	
	height: 148px;	
}		
#footer
{	
	background: url(images/footer_bgd.jpg) repeat;	
	height: 200px;
	
}
#footcontainer
{
	margin:0 auto;
	width: 800px;
}
#footbox1
{
	width: 450px;
	float: left;
	color: #fff;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	margin-left: 24px;
}
#footbox1 p span
{
	float: right;
}
#footbox1 p 
{
	width: 480px;
}
#footbox2
{
	float:left;
	width:15px;
	margin-left: 60px;
}
#footbox3
{
	width: 160px;
	float:left;
	margin-left: 30px;
}
#footbox3 ul
{
	float:left;
	width:300px;
}
#footbox3 li span
{
	
	color: #fff;
	padding: 5px 5px 5px 5px;
	margin-top: -40px;
	display: block;
	line-height:34px;
	margin-left: 40px;
	
	
}
#footbox3 li a span:nth-child(1)
{
	
	color: #eee;
	padding: 5px 5px 5px 5px;
	
}
#footbox3 li img
{
	margin-top: 5px;
	
}
.footlinks
{
	margin-bottom: 7px;
}
#gallery-1
{
	overflow:hidden;
}
#carousel_container
{
	margin: 0 auto;
	width: 692px;
	height: 110px;
}
#carousel_inner {
margin-top: 5px;
position: relative;
float:left;  /*important for inline positioning */
width:650px; /* important (this width = width of list item(including margin) * items shown */
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
/*background: #F0F0F0;*/
}

#carousel_ul {
position:relative;
left:-130px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:5px;
display: block;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */
width:120px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height: 90px;
background: #000000;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;
display: block;
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that */
/* styling */
cursor:pointer;
cursor: hand;
border:0px;
}
#left_scroll, #right_scroll{
float:left;
height:24px;
width:20px;
background: #C0C0C0;
margin-top:42px;


}
#left_scroll img,{
border: 0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;
height: 24px;
}
#right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;
}

div.htmltooltip{
position: absolute; /*leave this and next 3 values alone*/
z-index: 1000;
left: -1000px;
top: -1000px;
background: #272727;
border: 10px solid black;
color: white;
padding: 3px;
width: 250px; /*width of tooltip*/
}