/* --------  WMS          : (http://wowminisites.com)
   --------  project      : Derek (www.WebHula.com)
   --------  author       : Gilang Gumilar  gilang@wowminisites.com
   --------  last update  : 08/11/2009  -------------------------*/

   
/*---------------------------------------------------------------*/		
	/* 			// DEFAULT STYLE  //
	-------------------------------------------------------------*/		
   
body 
{ 
	padding: 0; 
	margin:0; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 16px;
	color: #000; 
	background:#f7f1e5 url(http://www.webhula.com/admin/0_images/background/bg_body.jpg) repeat-x;
	height:864px;
}

	a 
	{
		color: #000;
		text-decoration:none;
	}
	a:hover 
	{
		color: #000;
		text-decoration:underline;
	}
        a.specialeffects:hover 
        {
                background-color: #00ffff;
		text-decoration:underline;
                font-weight:bold;
        }

	
	
	h1 
	{
		font: bold 2em Lucida Sans;
		letter-spacing: -1px; 
		padding: 7px 0 0 8px;
		margin: 0;
		color:#000;
	}
	
	h1 a, h2 a 
	{
		text-decoration: none;
	}
	
	h1 a:hover, h2 a:hover 
	{
		color: #000;
	}
	
	h2 
	{ 
		margin: 0; 
		padding: 0; 
		font: bold 1.7em Arial, Sans-Serif; 
		letter-spacing: -1px;
		color:#900;
	}
	
	p
	{	
		margin: 1px;
		padding:1px;
	}	
	
	ul 
	{ 
		margin: 0; 
		padding : 0; 
		list-style : none; 
	}
	
	form 
	{ 
		margin: 0; 
	}
	
	input.Textfield 
	{ 
		background:#eee; 
		padding:2px; 
		color:#000;
		font-size:12px;
		margin:2px;
	}
	
	.Label
	{
		color:000;
		font-size:12px;
		font-weight:bold;
		text-align:left;
	}


/*-------------------------------------------------------------*/		
	/* 			//  WEB FRAMEWORK  //
	-------------------------------------------------------------*/		
   
	.Container
	{
		width:880px;
		margin:0 auto;
		
	}
	
		.Header
		{
			margin: 0 auto;
			height:364px;
			background:#4fade3 url(http://www.webhula.com/admin/0_images/pages/img_header.jpg) no-repeat;
		}

		.Left
		{
			margin:0 auto;
			width:;
			background:#;
		}
		.Right
		{
			margin:0 auto;
			width:;
			background:#;
		}
		
		.Content
		{
			background: #fff url(http://www.webhula.com/admin/0_images/background/bg_Contents.jpg) repeat-x ;
			margin:0 auto;
			padding:0;
			width:100%;
		}
		
		.ContentLeft
		{
			margin:0 auto;
			width:13px;
			background: url(http://www.webhula.com/admin/0_images/background/bg_Left.jpg) repeat-y;
		}
		.ContentRight
		{
			margin:0 auto;
			width:13px;
			background: url(http://www.webhula.com/admin/0_images/background/bg_Right.jpg) repeat-y;
		}
		
		
			
/*-------------------------------------------------------------*/		
	/* 			// CONTENT PAGE  //
	-------------------------------------------------------------*/		
   
	.Headline
	{
		margin:0 auto;
		padding:60px 0 60px 0;
		text-align:center;
		width:100%;
	}
	
	.SqueezePage
	{
		width:100%;
		height:100%;
	}

/* ==== VIDEOSKIN STYLE  ======*/
	
		.Sque_VideoSkin
		{
			margin: 0 auto;
			width:571px;
			height:536px;
		}
		
		.SkinVid_Top
		{
			background:url(http://www.webhula.com/admin/0_images/background/bg_Vid_Top.jpg) repeat-x ;
			width:100%;
			height:55px;
		}
		.SkinVid_TopLeft
		{
			background: #31ccd5 url(http://www.webhula.com/admin/0_images/background/bg_Vid_TopLeft.jpg) no-repeat;
			background-position:top;
			width:53px;
			height:auto ;
		}
		.SkinVid_TopRight
		{
			background: ;
			width: ;
			height: ;
		}
		
		.SkinVid_Left
		{
			background: #31ccd5  url(http://www.webhula.com/admin/0_images/background/bg_Vid_Left_base.jpg) repeat-y ;
			width:53px;
			height:450px;
		}
		.SkinVid_Content
		{
			background: ;
			width: ;
			height: ;
		}
		.SkinVid_Right
		{
			background: url(http://www.webhula.com/admin/0_images/background/bg_Vid_Right.jpg) repeat-y ;
			width:28px;
			height: ;
		}

		.SkinVid_Bottom
		{
			background:url(http://www.webhula.com/admin/0_images/background/bg_Vid_Bottom.jpg);
			width: ;
			height:31px;
		}
		.SkinVid_BottomLeft
		{
			background: ;
			width: ;
			height: ;
		}
		.SkinVid_BottomRight
		{
			background: ;
			width: ;
			height: ;
		}
		
		
/* ========= VIDEO SKIN CONTENTS  ======*/
			
			.VideoTagline
			{
				font-size:16px;
				color:red;
			}
			.VideoTagline span
			{
				font-size:16px;
				font-weight:bold;
				color:red;
			}
			.VideoSource
			{
				width:500px;
				height:450px;
				background:#000;
				text-align:center;
				font-weight:bold;
                                color:white;
				margin:0 auto;
			}
			
			

/* ==== VIDEOSKIN STYLE SMALL ======*/
	
		.Sque_VideoSkin_S
		{
			margin: 0 auto;
			width:521px;
			height:491px;
		}
		
		.SkinVid_Top_S
		{
			background:url(http://www.webhula.com/admin/0_images/background/bg_Vid_Top.jpg) repeat-x ;
			width:100%;
			height:55px;
		}
		.SkinVid_TopLeft_S
		{
			background: #31ccd5 url(http://www.webhula.com/admin/0_images/background/bg_Vid_TopLeft.jpg) no-repeat;
			background-position:top;
			width:53px;
			height:auto ;
		}
		.SkinVid_TopRight_S
		{
			background: ;
			width: ;
			height: ;
		}
		
		.SkinVid_Left_S
		{
			background: #31ccd5  url(http://www.webhula.com/admin/0_images/background/bg_Vid_Left_base.jpg) repeat-y ;
			width:53px;
			height:405px;
		}
		.SkinVid_Content_S
		{
			background: ;
			width: ;
			height: ;
		}
		.SkinVid_Right_S
		{
			background: url(http://www.webhula.com/admin/0_images/background/bg_Vid_Right.jpg) repeat-y ;
			width:28px;
			height: ;
		}

		.SkinVid_Bottom_S
		{
			background:url(http://www.webhula.com/admin/0_images/background/bg_Vid_Bottom.jpg);
			width: ;
			height:31px;
		}
		.SkinVid_BottomLeft_S
		{
			background: ;
			width: ;
			height: ;
		}
		.SkinVid_BottomRight_S
		{
			background: ;
			width: ;
			height: ;
		}
		
		
/* ========= VIDEO SKIN CONTENTS SMALL ======*/
			
			.VideoTagline_S
			{
				font-size:16px;
				color:red;
			}
			.VideoTagline_s span
			{
				font-size:16px;
				font-weight:bold;
				color:red;
			}
			.VideoSource_S
			{
				width:450px;
				height:405px;
				background:#fff;
				text-align:center;
				font-weight:bold;
				margin:0 auto;
			}
			
						
/* ==== OP-INBOX STYLE  ======*/
	
		.Sque_OptinBox
		{
			width:265px;
			height:250px;
		}
		
		.OptinBox_Top
		{
			background: ;
			width: ;
			height: ;
		}
		.OptinBox_TopLeft
		{
			background: ;
			width: ;
			height: ;
		}
		.OptinBox_TopRight
		{
			background: ;
			width: ;
			height: ;
		}
		
		.OptinBox_Content
		{
			color:#000;
			margin:40px 15px 15px 15px;
			width: ;
			height: ;
		}
		.OptinBox_Left
		{
			background: ;
			width: ;
			height: ;
		}
		.OptinBox_Right
		{
			background: ;
			width: ;
			height: ;
		}
		
		.OptinBox_Bottom
		{
			background: ;
			width: ;
			height: ;
		}
		.OptinBox_BottomLeft
		{
			background: ;
			width: ;
			height: ;
		}
		.OptinBox_BottomRight
		{
			background: ;
			width: ;
			height: ;
		}
		
		
/* =======  OP-INBOX CONTENTS  ======*/
			
			.OptinBoxTagline
			{
				font-size:16px;
				color:red;
			}
			.OptinBoxTagline span
			{
				font-size:16px;
				color:red;
				font-weight:bold;
			}
			.OptinBoxTagDesc
			{
				font-size:14px;
				color:#000;
				text-align:center;
				font-weight:bold;
				padding-bottom:10px;
			}
			.OptinBoxTagDesc span
			{
				font-size:22px;
				color:#fff;
				line-height:26px;
				font-weight:bold;
			}
			.OptinBoxSubText
			{
				font-size:12px;
				color:gray;
			}
			
			.OptinBoxForm
			{
				padding:5px;
				text-align:center;
			}
			.OptinBoxButton_Submit
			{
				background: url(http://www.webhula.com/admin/0_images/buttons/btn_submit.png) no-repeat ;
				color:#fff;
				padding:4px;
				cursor:pointer;
				width:99px;
				height:34px;
				margin-top:10px;
				border:0;
			}
		
		
/* ==== ECOVER STYLE  ======*/
		
		.Ecover
		{
			margin: 0 auto;
			padding-top:65px;
		}
		
			.EcoverItem
			{
				margin: 0 auto;
				text-align:center;
				padding:5px;
			}
			
			
/* ==== BANNER STYLE  ======*/
		
		.Banner
		{
			margin: 0 auto;
			text-align:center;
		}
		
			.BannerItem
			{
				margin: 0 auto;
				padding:20px;
			}
			
			
/* ==== BUTTONS STYLE  ======*/
		
		.ButtonOrder
		{
			margin: 0 auto;
			padding:20px;
		}
		
		.ButtonBullets
		{
			margin: 0 auto;
			padding:20px;
		}
		
		.ButtonWebHula
		{
			margin: 0 auto;
			padding:20px;
		}


/* ==== JOHNSON BOX STYLE  ======*/
		
		.JohnsonBox
		{
			width:500px;
			margin:0 auto;
			background:#ffcd48;
			border:dashed 4px black;
			text-align:center;
		}
		
		.JohnsonBox_Content
		{
			color:black;
			font-size:14px;
			line-height:16px;
			padding:15px;
			margin:10px;
			text-align:left;
		}

/* ==== JOHNSON BOX STYLE - Invitation  ======*/
		
		.JohnsonBox-Invitation
		{
			width:300px;
			margin:0 auto;
			background:#ffffff;
			border:dashed 0px #07a4ad;
			text-align:center;
		}
		
		.JohnsonBox_Content-Invitation
		{
			color:black;
			font-size:14px;
			line-height:16px;
			padding:5px;
			margin:10px;
			text-align:left;
		}
		

/* ==== TESTIMONIAL STYLE  ======*/
		
		.Testimonial
		{
			width:521px;
			margin:0 auto;
		}
		.Testi_Top
		{
			background: ;
			width: ;
			height: ;
		}
		.Testi_TopLeft
		{
			background: ;
			width: ;
			height: ;
		}
		.Testi_TopRight
		{
			background: ;
			width: ;
			height: ;
		}
		
		.Testi_Content
		{
			background:#31ccd5;
			padding:10px;
			text-align:left;
			width:100%;
			font-size:14px;
			color:#fff;
			
		}
		.Testi_Left
		{
			background: url(http://www.webhula.com/admin/0_images/background/bg_Testi_Left.jpg) repeat-y ;
			width:23px;
		}
		.Testi_Right
		{
			background: url(http://www.webhula.com/admin/0_images/background/bg_Testi_Right.jpg) repeat-y ;
			width:23px;
		}
		
		.Testi_Bottom
		{
			background: url(http://www.webhula.com/admin/0_images/background/bg_Testi_Bottom.jpg) repeat-x ;
			height:29px;
			width:100%;
		}
		.Testi_BottomLeft
		{
			background: ;
			width: ;
			height: ;
		}
		.Testi_BottomRight
		{
			background: ;
			width: ;
			height: ;
		}
		

			
/* ==== SIGNATURE STYLE  ======*/
		
		.Signature
		{
			margin: 0 auto
		}



/* ==== FOOTER STYLE  ======*/
   		
.Footer 
{ 
	height: ;
	width:880px;
	background:# ;
	padding:0;
}

	  .Footer_Left
	  {
			margin:0 auto;
			width:;
			background:#;
	  }
	  .Footer_Right
	  {
			margin:0 auto;
			width:;
			background:#;
	  }
	  .Footer_Content
	  {
		  background: ;
		  width:100%;
		  height: ;
	  }
	  .Footer_Bottom
	  {
		  background: ;
		  width: ;
		  height: ;
	  }
	  

/* =======  FOOTER CONTENTS  ======*/
		
		.Footer a
		{
			text-decoration:none;
			color:#000;
		}
		.Footer a:hover
		{
			color:#000;
			text-decoration:underline;
		}