/* CSS Document for hoodles */


/*generics and defaults..................................................*/

p,h1,h2,h3,h4,h5,h6,ul,li,a {
	padding:0; margin:0;
}


a {
	color:#fbfb15;
	font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	font-size: 12px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color:#F01280;
}
a:active {
	text-decoration: none;
}

/*generics and defaults endz*/




/*setups and start containers..................................................*/


body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif, Comic Sans MS, tahoma;
	font-size: 12px;
	color: #fff;
}
body {
	background:/*#69b6ea url(images/blu_grad.jpg) top left repeat-x;*/ #446b11;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.flower_arranger{
	width:100%;
	height:700px;
	background:#69b8ea;
	background:url(images/hoodles_climbers_comp.gif) 50% 35px no-repeat;
}


.flower_arranger_flash{
	width:100%;
	height:700px;
	background:#69b8ea;
	background:url(images/flash_flowers_cut.gif) 50% 88px no-repeat;
}

.flower_arranger_drop{
	width:100%;
	height:800px;
	background:#69b8ea;
	background:url(images/flowers_menu_cloud2.gif) 50% 29px no-repeat;
}


.top_gradient{
	background:#69b6ea url(images/blu_grad.jpg) top left repeat-x;
}

.wrapper{
	width:100%;
	background: url(images/hoodles_climbers.gif) 50% 115px no-repeat;
}

.blue{
	background:#69b6ea;
}

.content{
	position:absolute;
	left:50%;
	margin-left:-350px;
	width:760px;
	height:auto;
}

.content_long{
	margin: 0 auto;
	width:760px;
}

.content_long p{
	width:auto; height:auto;
	padding:0px 40px;
}

.content p{
	width:auto; height:auto;
	padding:0px 40px;

}


#image_holder{
	width:1px; height:1px;
	background:transparent;
	position:absolute; z-index:5;
	left:50%;
	margin-left:-360px;
	top:250px;
}

#image_holder_bordered{
	width:auto; height:auto;
	background:#fff;
	position:absolute; z-index:5;
	left:50%;
	margin-left:-360px;
	top:250px;
	padding:8px 8px 7px 8px;
}


#image_holder_bordered_nav{
	width:auto; height:auto;
	background:#fff;
	padding:8px 8px 7px 8px;
}

#image_holder_bordered img{
	margin-bottom:1px;
	
}

#single_flower{
	width:60px; height:60px;
	background:transparent url(images/single_flower.png) top left no-repeat;
	position:absolute; z-index:10;
	left:50%;
	margin-left:-375px;
	top:230px;
}


.banner{
	width:760px; height:134px;
	background:url(images/logo_comp.gif) 0px 44px no-repeat;
}


.rightsides{
	width:200px; height:300px;
	float:left; background:transparent;
	margin:105px 0 100px -300px;
}


.nav{
	width:auto; height:auto;
	float:left;
	margin:1px 0 100px 0;
	position:absolute;
	top:0px;
}



.nav ul{
	width:740px; height:auto; 
	/*border-bottom:dashed 1px #c0daeb;*/
	float:left;
	display:block;
	margin-left:-20px;
}

.nav li{
	width:auto; height:auto;
	float:left;
	list-style:none;
	color:#fbfb15;
	font:normal 14px/18px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	padding:4px 0;
	/*border-bottom:dashed 1px #c0daeb;*/
	margin-left:25px;
	letter-spacing:0px;
	
}

.nav li a{
	width:auto; height:auto;
	list-style:none;
	color:#fbfb15;
	font:normal 14px/18px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	margin-right:5px;
	

}

.nav li a:link{
	width:auto; height:auto;
	list-style:none;
	color:#fbfb15;
	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;

}

.nav li a:hover{
	width:auto; height:auto;
	list-style:none;
	color:#f01280;
}

.nav li.seperator{
	width:auto; height:1px;
	padding:4px 0 20px 0;
	list-style:none;
	color:#c0daeb;
}


.nav ul ul{
	width:253px; height:300px;	
	background:url(images/hoodles_secNav.gif) top left no-repeat;
	padding:75px 0 5px 30px;
	margin:5px 0 0 0;
	position:absolute;
	top:121px;
	left:50%;
	margin-left:-396px;
	display:block;
	border:none;
	
	


}


.nav ul ul li{
	width:170px; height:auto;
	list-style:none;
	color:white;
	font:normal 13px/15px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	padding:4px 0;
	letter-spacing:normal;
	border-bottom:dashed 1px #c0daeb;
	float:none;
	margin-left:30px;

	


}


.nav ul ul li a{
	width:auto; height:auto;
	list-style:none;
	color:white;
	font:normal 13px/15px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	padding:4px 0;



}

.nav ul ul li a:link{
	width:auto; height:auto;
	list-style:none;
	color:white;
	font:normal 13px/15px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	padding:4px 0;


}

.nav ul ul li a:hover{
	width:auto; height:auto;
	list-style:none;
	color:red;
	font:normal 13px/15px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	padding:4px 0;


}


.nav ul ul ul{
	width:auto; height:auto;
	padding:0 0 5px 20px;
	margin:0 0 0 0;
	position:relative;
	display:block;

}

.nav ul ul ul li a{
	color:#f1f628;
	font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	
}


.nav ul ul ul li a:link{
	color:#f1f628;
	font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;	
}

.nav ul ul ul li a:hover{
	color:#f1f628;
	font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;	
}

.drop_nav ul{
	width:200px; height:auto;
	margin-left:130px;
	margin-top:-200px;
	margin-bottom:60px; /*space between nav and drop down plan*/
}


.drop_nav li{
	width:auto; height:20px;
	list-style:none;
	color:#666665;
	font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	padding:1px 0;
	/*border-bottom:dashed 1px #c0daeb;*/
}

.drop_nav li a{
	width:auto; height:20px;
	list-style:none;
	color:#666665;
	font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
}

.drop_nav li a:hover{
	width:auto; height:20px;
	list-style:none;
	color:#f01280;
	font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
}



.copy{
	width:420px; height:auto;
	float:left;
	margin-top:0px;
	margin-left:300px;
	/*border-bottom:solid 155px #fff;*/
}



.copy p{
	font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color:#fff;
}

.copy strong{
	font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color:#f1f628;
}

.copy h1{
	font:normal 24px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color:#b72c72;
	padding:5px 40px;
}


.copy h2{
	font:normal 14px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color:#b72c72;
	padding:15px 40px 5px 40px;
	background:url(images/white_flower.gif) top right no-repeat;
	width:300px;
	border-top:dashed 1px #87c5ee;
}


.copy_long{
	width:450px; height:auto;
	float:left;
	margin-top:165px;
	margin-left:80px;
		font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color:#fff;
	/*border-bottom:solid 155px #fff;*/
}


.copy_long p{
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color:#fff;
}



.copy_long h1{
	font:normal 24px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color:#b72c72;
	padding:5px 40px 15px 40px;
}

.copy_long_flash{
	width:450px; height:auto;
	float:left;
	margin-top:-101px;
	margin-left:273px;
	margin-bottom:200px;
	/*border-bottom:solid 155px #fff;*/
}



.copy_long_flash p{
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color:#fff;
}

.copy_long p a{
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color:#F01280;
}


.copy_long  p a:link{
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color:#F01280;
}

.copy_long  p a:visited{
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color:#F01280;
}
.copy_long  p a:hover{
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color:#e8d95d;
}



.copy_long_flash h1{
	font:normal 24px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color:#b72c72;
	padding:5px 40px;
}

.copy_long ul{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color:#fff;
	padding:0;
	margin:20px 0 10px 55px;
	
}


.copy_long li{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color:#fff;
	padding:5px;
	margin:0;
	
}



.footer{
	position:fixed;
	bottom:0px;
	background:url(images/hillies02.jpg) -500px 0px repeat-x;
	width:100%; height:158px;
	/*border:10px solid #fff;*/
}



.footer_scroller{
	width:100%; height:158px;
	background:url(images/hilliesLONG.jpg) -500px 0px repeat-x;
	float:left;
	overflow:visible;
}

.mascot_bear{
	position:fixed;
	bottom:0;
	left:509px;
	width:213px; height:158px;
	background:url(images/bear2.jpg) top left no-repeat;
	text-indent:-9999px;
	display:block;
}

.flower{
	position:fixed;
	bottom:29px;
	left:241px;
	width:167px; height:56px;
	background:url(images/flower_small.jpg) top left no-repeat;
}

.flower_comp{
	position:fixed;
	bottom:2px;
	left:271px;
	width:167px; height:160px;
	background:url(images/flower_bunch.gif) top left no-repeat;
}


.flowers{
	background:url(images/flowers.gif) 200px 10px no-repeat;
	width:825px; height:546px;
}

.flower_top{
	position:fixed;
	bottom:85px;
	left:254px;
	width:151px; height:159px;
	background:url(images/flower.gif) top left no-repeat;
}



.flower_long{
	position:relative;
	bottom:-73px;
	left:90px;
	width:167px; height:56px;
	background:url(images/flower_small.jpg) top left no-repeat;
	float:left;

}

.flower_top_long{
	position:relative;
	bottom:86px;
	left:254px;
	width:151px; height:159px;
	background:url(images/flower.gif) top left no-repeat;
	float:left;
}

.sheepz_long{
	position:relative;
	bottom:-2px;
	left:442px;
	width:249px; height:136px;
	background:url(images/twa_sheepz.jpg) 0px 0px no-repeat;
	float:left;

}

.sheepz{
	position:fixed;
	bottom:20px;
	left:760px;
	width:249px; height:136px;
	background:transparent/*url(images/twa_sheepz.jpg) top left no-repeat*/;
}

.facebook{
	position:absolute;
	top:450px;
	width:250px; height:290px;
	float:left;
	border:none;
	
}

.cloudz_long{
	position:absolute;
	top:90px;
	left:50%;
	margin-left:-500px;
	width:80px; height:50px;
	background:url(images/cloud_one.gif) top left no-repeat;
	float:left;
	
}

.cloudz_long_two{
	position:absolute;
	top:130px;
	left:50%;
	margin-left:380px;
	width:80px; height:50px;
	background:url(images/cloud_one.gif) top left no-repeat;
	float:left;
}

.cloudz_long_three{
	position:absolute;
	top:40px;
	left:50%;
	margin-left:20px;
	width:88px; height:60px;
	background:url(images/cloud_two.gif) top left no-repeat;
	float:left;
}



#mapper{
	width:380px; height:239px;
	background:red;
}

#navbar {
	display: block;
	text-align: left;
	margin: 0px auto;
	position:relative; 
	width: 571px; 
	height: 0px; 
	overflow:hidden;
    font-size: 12px;
}
#navbar #banner {
    width: 100%;
    top:0px;
	background:url(images/hoodles_room_dining.jpg) left top no-repeat;
    position:relative;
    display: block;
    margin:0px 0 0 -68px;;
    text-align:left;
    height: 480px; /*container measurments*/
	width:571px;
}

#navbar #banner #contain{
    width: 450px;
    margin:0px; padding:170px 0 0 106px;
	background:transparent;
    text-align:left;
    height:100px;
}

#navbar #banner #contain p{
    margin:0px; padding:0px;

}

img { behavior: url(js/iepngfix.htc); }

.copy img{
	border:solid 8px #fff;
}

#navbar #banner #contain img{
   float:left;
   padding:4px;
   margin:0 12px 12px 0;
   background:#fff;
}

.single_flower{
	background:url(images/single_flower.png);
	width:52px; height:55px;
	position:relative;
	top:40px;
	left:50px;
}

/*.mapper{
	width:450px; height:600px;
	background:red;
	margin:-314px 0 0 33px;
}
.mapper{
	position:relative;
	width:450px; height:600px;
	background:red;
	top:-314px ;
	margin:0 0 0 33px;
}

*/


.mapper{
	position:relative;
	top:6px; left:50%;
	margin-left:-193px;
	width:450px; height:600px;

}


#form_holder{
	margin:0 0 0 40px;
	padding:0;
}

form {
	margin:0;
	padding:0;
	display:inline;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color:#f99dcb;
}

p.form{
	margin:0;
	padding:0;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS", tahoma;
	color:green;
}

input, textarea{
	width:300px; height:auto;
	background: white;
	border:none;
	border-top: 2px solid #3e9dde;
	color:#F01280;
	margin:0 0 20px 0;
	padding:2px;
}
input:hover, textarea:hover {
	/*width:300px; height:auto;*/
	background: #fbd9ea;
	border-top: 2px solid #3e9dde;
	margin:0 0 20px 0;
	padding:2px;
}
input:focus, textarea:focus {
	/*width:300px; height:auto;*/
	background: #f99dcb;
	border-top: 2px solid #3e9dde;
	color:#fff;
	margin:0 0 20px 0;
	padding:2px;
}
.submit { border:0; width: auto; }
.formSubmit:hover, .submit:active { width:100px;}
.radio { background: none; border: 0; }


.formSubmit {
	width:100px; color:green;
}


.contactComment, .contactComment:hover{
height:200px;
}




.clearing{
	clear:both;
}

#spacer{
	width:10px; height:200px;
}