@charset "utf-8";

/* Custom CSS code for Elm Leaf Productions dot com by Savvy Web Design www.savvywebdesign.net */
/* NOTE: In general, padding should be kept at 0 to overcome differences in rendering between IE and other browsers */

* { padding:0; margin:0;}

body {
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 85%;
	color:#ffffff;
	background-color: #000000;
	text-align:center;
	line-height:170%;}

img {border:0;margin:0;}
a {color:#f58345;text-decoration:none;font-weight:bold;}
a:hover {text-decoration:underline;}

p{margin:14px auto;}
.more{margin:20px auto;text-align:right;padding-top:10px;}

h1 {
	color: #f58345;
	text-align:left;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 160%;
	font-weight: bold;
	margin: 30px 0 5px 0;
}

h1.pagetitle {color:#adbc72;margin:40px 0;font-size:300%;font-weight:normal;}

h2 {
	color: #adbc72;
	text-align:left;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 200%;
	font-weight: normal;
	margin: 40px 0 20px 0;
}

/* For H3 see the four-up styles below */

#wrapper {
	margin: 10px auto 0 auto;
	width: 950px;
	text-align:justify;
	position:relative;}
/* Position:relative is necessary to allow inner elements to use position:absolute if required later */

#header {width:950px;height:115px;overflow:hidden;margin:0 auto;text-align:left;background-color:#adbc72;}
.navbar-holder {width:950px;height:40px;background:#adbc72 url(images/menubar.gif) no-repeat;}
.navbar-holder a:hover {visibility:visible;}
.navbar-holder a:hover img {visibility:hidden;}

/* The following code produces the menu buttons using a technique called "sliding doors". There's a good explanation at http://simplebits.com/notebook/2003/09/30/accessible_imagetab_rollovers.html  */

#navbar {
	margin:0;
	padding:0;
	height:40px;
	list-style:none;
	display:inline;
	overflow:hidden;}

#navbar li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#navbar a {
	float:right;
	padding: 40px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:40px; /* for IE5/Win only */
	}
	
#navbar a:hover {
	background-position: 0 -40px;
	}

#navbar a:active, #navbar a.youarehere {
	background-position: 0 -80px;
	}

#home a  {
	width: 71px;
	background: url(images/button-home.gif) top left no-repeat;
	}

#about a  {
	width: 95px;
	background: url(images/button-about.gif) top left no-repeat;
	}

#commercial a  {
	width: 116px;
	background: url(images/button-commercial.gif) top left no-repeat;
	}
	
#weddings a  {
	width: 99px;
	background: url(images/button-weddings.gif) top left no-repeat;
	}
	
#advertisements a  {
	width: 144px;
	background: url(images/button-advertisements.gif) top left no-repeat;
	}
	
#filmclips a  {
	width: 100px;
	background: url(images/button-filmclips.gif) top left no-repeat;
	}
	
#affiliates a  {
	width: 92px;
	background: url(images/button-affiliates.gif) top left no-repeat;
	}			

#contact a  {
	width: 89px;
	background: url(images/button-contact.gif) top left no-repeat;
	}


#splash{
	width:950px;
	height:240px;
	overflow:hidden;
	background: #ffffff url(images/splash-background.jpg) no-repeat;
	text-align:right;
}

#main-content{width:950px;padding-bottom:20px;}

/* The following code styles the 4-up columns of the Home page */

.four-up {
	float:left;
	display:inline;
	width:220px;
	height:410px;
	overflow:auto;
	margin:25px auto;
	padding:10px 0;
	border-right:22px solid #000000;
	background: #adbc72 url(images/fourbox-bg.gif) repeat-x top;
}

.four-up-final {float:right;display:inline;width:220px;height:410px;overflow:auto;margin:25px auto;background: #adbc72 url(images/fourbox-bg.gif) repeat-x top;padding:10px 0;}
		
.four-up p, .four-up-final p{margin:10px 0 15px 0;color:#000000;line-height:150%;font-size:90%;padding:0 25px;}
.four-up img, .four-up-final img{margin:0;padding:0 25px;}
.more{margin:0 auto;text-align:right;padding-top:10px;}

h3 {color:#f58345;font-size:180%;font-weight:normal;margin:0;padding:10px 25px 5px 25px;}

/* The following code styles the 2-up columns used to display video clips */

.boxed {padding:10px 15px 5px 15px;overflow:auto;background:#afbc74 url(images/fourbox-bg.gif) repeat-x top;border-bottom:2px solid #8a964b;}

.two-up {float:left;display:inline;width:490px;overflow:auto;margin:25px auto;}

.two-up-final {float:right;display:inline;width:420px;overflow:auto;margin:25px auto;/*padding:10px 0;*/}

.two-up-380 {float:left;display:inline;width:380px;overflow:auto;margin:25px auto;}

.two-up-520 {/*float:right;*/display:inline;/*width:520px;*/overflow:auto;margin:25px 0 25px 10px;}

.boxed h3 {color:#f58345;font-size:200%;font-weight:normal;margin:0;padding:10px 25px 5px 0;}


#footer {
	width: 100%;
	clear: both;
	color: #000000;
	background: #666666;
	border-top:4px solid #444444;
	margin: 20px auto 0 auto;
	padding:20px 0;
}

#footer a{color:#cccccc;font-weight:normal;}

.smallprint {
	color: #cccccc;
	text-align:center;
	margin:10px auto;
	font: normal 80% Tahoma, Verdana, Arial, Helvetica, sans-serif;}