/*----------------------------------------------------------------------------- 

- Before-After -

Screen Stylesheet 

version:   	1.0 
date:      	07/27/11 
author:		freshline
email:     	support@version-four.com 
website:   	http://www.version-four.com
-----------------------------------------------------------------------------*/



/*------------------------------------------------
  TexBoxes includes Divs (images, texts etc.) 
  Add as many Textboxes as you wish. Even more on one slide
  Divs in Textboxes are relative positioned
  Each Div is animated at start of the slide. 
  One by one, with delay set via HTMML.
    
  Transition Classes (Defined in the HTML as Class on DIV's):
  slidedown, slideup, slideleft, slideright
  fadedown, fadeup, fadeleft and faderight   
--------------------------------------------------*/

/*--------------------------------------------------
	-	 BANNER 1 - TextBox 1
-----------------------------------------------------*/
#textbox_1 {
	width:180px;
	height:100px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:800;
}

#textbox_1 #logo {	
	left:59px;
	top:110px;
	position:absolute;
}

#textbox_1 #title {	
	font-size:22px;	
	font-weight:normal;
	color: #184ea8;	
	left:37px;
	top:214px;
	position:absolute;
}

#textbox_1 #title_1b {	
	font-size:22px;	
	font-weight:normal;
	text-align:center;
	color: #fff;	
	left:687px;
	top:169px;
	position:absolute;
}

#textbox_1 #description {
	font-size:12px;
	text-align:center;
	color: #1f2120;			
	left:20px;
	top:250px;
	position:absolute;
}


/*--------------------------------------------------
	-	 BANNER 2 - TextBox 2
-----------------------------------------------------*/
#textbox_2 {
	width:780px;
	height:100px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:800;
}

#textbox_2 #logo_2 {	
	left:509px;
	top:84px;
	position:absolute;
}

#textbox_2 #description_2 {
	font-size:11px;
	color: #57414e;		
	left:557px;
	top:132px;
	position:absolute;
}


/*--------------------------------------------------
	-	 BANNER 3 - TextBox 3
-----------------------------------------------------*/
#textbox_3 {
	width:280px;
	height:100px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:800;
}

#textbox_3 #title_3 {	
	font-size:22px;	
	font-weight:normal;
	color: #fff;	
	left:67px;
	top:75px;
	position:absolute;
}

#textbox_green {	
	position:absolute;	
	top:0px;
	left:0px;
	z-index:800;
}

#textbox_green #green {	
	position:absolute;
	top:0px;
	left:270px;
}

#textbox_green2 {	
	position:absolute;	
	top:0px;
	left:0px;
	z-index:800;
}

#textbox_green2 #green2 {	
	position:absolute;
	top:0px;
	left:250px;
}

#textbox_code {	
	position:absolute;	
	top:0px;
	left:0px;
	z-index:800;
}

#textbox_code #code {	
position:absolute;
	top:127px;
	left:-1px;
}

#textbox_fish {	
	position:absolute;	
	top:0px;
	left:0px;
	z-index:800;
}

#textbox_fish #fish {	
position:absolute;
	top:46px;
	left:201px;
}

#textbox_points {	
	position:absolute;	
	top:0px;
	left:0px;
	z-index:800;
}

#textbox_points #points {	
position:absolute;
	top:49px;
	left:191px;
}

#textbox_14b {	
	position:absolute;	
	top:0px;
	left:0px;
	z-index:800;
}

#textbox_14b #title_14 {	
	font-size:38.5px;	
	font-weight:normal;	
	color: #1f2120;	
	top:93px;
	left:34px;
	position:absolute;
}


#textbox_14a {	
	position:absolute;	
	top:0px;
	left:0px;
	z-index:800;
}

#textbox_14a #title_14 {	
	font-size:38.5px;	
	font-weight:normal;	
	color: #1f2120;	
	top:93px;
	left:34px;
	position:absolute;
}


#textbox_14c {	
	position:absolute;	
	width:200px;
	height:200px;
	top:0px;
	left:0px;
	z-index:800;
}

#textbox_14c #title_14c{	
	font-size:38.5px;	
	font-weight:normal;	
	color: #1f2120;	
	top:48px;
	left:34px;
	position:absolute;
}