@charset "utf-8";
/*honeysucke studio - Portfolio*/
/* CSS Document */


#body {
	color: #000000;
}

#container {
	background-image: url(logo/middle.jpg);
	width:541px;
	height:561px;
	background-position:center;
	background-repeat:repeat;
	position: absolute;
	left: 359px;
	top: 180px;
}
#bar {
	background-image: url(logo/leafbar2.jpg);
	position: absolute;
	background-position:center;
	background-repeat:repeat;
	left: -251px;
	width: 1029px;
	left: -257px;
	top: 1px;
	height: 12px;
}

#header{
	background-image: url(logo/honeysucklestudios-new1.jpg);
	width:1012px;
	height:185px;
	position: absolute;
	background-repeat: no-repeat;
	background-position:center;
	left: -249px;
	top: -173px;
}


#leftside{
	background-image: url(logo/leftside.jpg);
	width:242px;
	height:541px;
	position: absolute;
	background-repeat: repeat;
	background-position:center;
	left: -242px;
	top: 13px;
}

#middle{
	width:478px;
	height:194px;
	position: absolute;
	background-repeat: repeat;
	background-position:center;
	left: 30px;
	top: 90px;
}


#rightside{
	background-image: url(logo/leftside.jpg);
	width:217px;
	height:541px;
	position: absolute;
	background-repeat: repeat;
	background-position:center;
	left: 540px;
	top: 13px;
}
#update{
	position: absolute;
	font-color:#FFFFFF;
	font-size:12px;
	font-style: italic;
	font-family:Arial, Helvetica, sans-serif;
	left: 764px;
	top: 164px;
	}

#links {
	position: absolute;
	left: 33px;
	top: 25px;
	width: 476px;
	height: 26px;
}

#links2 {
	position: absolute;
	left: 0px;
	top: 30px;
	width: 436px;
	height: 32px;
}

#links3 {
	position: absolute;
	left: -546px;
	top: 60px;
	width: 498px;
	height: 26px;
}

#links4 {
	position: absolute;
	left: 1px;
	top: 23px;
	width: 132px;
	height: 26px;
}

#headline {
	background-color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	position: absolute;
	color:#FFFFFF;
	font-size: 16px;
	text-align: center;
	width: 224px;
	height: 22px;
	left: 10px;
	top: 16px;
		}

#headline2 {
	background-color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	position: absolute;
	padding-left: 5px;
	color:#FFFFFF;
	width: 472px;
	height: 21px;
	left: 0px;
	top: -24px;
		}
		
#headline3 {
	background-color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	position: absolute;
	text-align: left;
	padding-left: 10px;
	color:#FFFFFF;
	width: 462px;
	height: 26px;
	left: 25px;
	top: 336px;
		}
		
#headline4 {
	background-color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	position: absolute;
	font-size: 16px;
	text-align: left;
	padding-left: 5px;
	color:#FFFFFF;
	width: 473px;
	height: 21px;
	left: -1px;
	top: 68px;
		}
		
#headline5 {
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	font-size: 16px;
	text-align: center;
	padding-left: 5px;
	color:#FFFFFF;
	width: 198px;
	height: 26px;
	top: 16px;
	left: 8px;
		}

#headline6 {
	background-color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	position: absolute;
	font-size: 16px;
	padding-left: 5px;
	text-align: left;
	color:#FFFFFF;
	width: 195px;
	height: 24px;
	left: 10px;
	top: 22px;
		}

#headline7 {
	background-color: #000000;
	font-family: Impact;
	position: absolute;
	font-size: 16px;
	text-align: center;
	padding-left: 5px;
	padding-top: 5px;
	color:#FFFFFF;
	width: 183px;
	height: 140px;
	top: 169px;
	left: 14px;
		}
		
#headline8 {
	background-color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: bold;
	text-align: center;
	padding-left: 5px;
	padding-bottom: 5px;
	color:#FFFFFF;
	width: 210px;
	height: 28px;
	top: 166px;
	left: 4px;
		}
.ul {
	font-family:Arial, Helvetica, sans-serif;
	word-spacing:normal;
	  }
	  
.li {


}
	
/* fonts */

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 15px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	}

.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	font-variant: normal;
	color: #FF0000;
	position: absolute;
	left: 443px;
	top: 376px;
	width: 225px;
	}

.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #OOOO;
	position: absolute;
	left: 28px;
	top: 366px;
	width: 469px;
	height: 110px;
	}
	
.style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-align: center;
	}
	
.style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-color: #FFFFFF;
	text-align: left;
}

.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	position: absolute;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-align: left;
	left: 16px;
	top: 46px;
	width: 217px;
	}
	
.style7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	position: absolute;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-align: left;
	left: 5px;
	top: 47px;
	width: 210px;
	height: 85px;
	}

.style8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 5px;
	position: absolute;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-align: left;
	left: 13px;
	top: 43px;
	width: 184px;
	}


.animation {
	position: absolute;
	left: 242px;
	top: 311px;
	width: 225px;
	height: 190px;
}



/*dropdown list*/

dropdown{
	width: 499px;
	font-weight: bold;
	position:absolute;
	left: 239px;
	top: 8px;
}

.dropdown:after{ /*Add margin between menu and rest of content in Firefox*/
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.dropdown ul{
border: 0 px solid #BBB;
width: 100%;
background: center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.dropdown ul li{
display: inline;
}

.dropdown ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.dropdown ul li a:hover, .dropdown ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: #CCCCCC;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	top: 29px;
	border: 1px solid #BBB; /*THEME CHANGE HERE*/
	border-bottom-width: 0;
	font: normal 12px Verdana;
	line-height:18px;
	z-index:100;
	background-color: #FFFFCC;
	width: 99px;
	visibility: hidden;
	left: 250px;

}


.dropmenudiv a{
	width: auto;
	display: block;
	text-indent: 3px;
	border-bottom: 0px solid #9966FF; /*THEME CHANGE HERE*/
	padding: 2px 0;
	text-decoration: none;
	font-weight: bold;
	color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}