@charset "UTF-8";
/* CSS Document */




body {
	background: url(../../arawak_images/backgroundTile.jpg);
	
}

#navbar {
	background:  url(../../arawak_images/left.png) no-repeat left top;
	width: 950px;
	height: 74px;
	margin: auto;
}

#navbar li {
	list-style: none;
	height: 74px;
	float: right;
}

#features {
	list-style: none;

}
#favorites ul {
padding: 0px;
margin-left: 0px;
}
ul{margin:0px;}

#favorites li {
list-style: none;
background: url(../../arawak_images/flick_leaf_line.png) no-repeat left center;
padding-left: 50px;
line-height: 3em;
font-style: italic;
font-size: 1.2em;
}

#favorites_smart li {
list-style: none;
background: url(../../arawak_images/smart_leaf_line.png) no-repeat left center;
padding-left: 50px;
line-height: 3em;
font-style: italic;
font-size: 1.2em;
}

#favorites_tessera li {
list-style: none;
background: url(../../arawak_images/tessera_logo_line.png) no-repeat left center;
padding-left: 50px;
line-height: 3em;
font-style: italic;
font-size: 1.2em;
}

li a{color:black;}

#navbar li span {
	display: none;
}

#buttons {
	width: 950px;
	height: 74px;
	margin: auto;
	position:relative;
	top: 580px;
	left:-36px;
	 outline: none;
}

#buttons li {
	list-style: none;
	height: 74px;
	float: left;
	 outline: none;


}

#buttons li span {
	display: none;
	 outline: none;

}

#buttons a.active {
	background-position: left bottom;
	 outline: none;

}


#flickbutton {
	display: block;
	background: transparent url(../../arawak_images/learnmore.png) no-repeat left top;
	width: 104px;
	height: 30px;
	float:left;
	position:relative;
	left:78px;
}

#flickbutton:hover {
	background-position: left bottom;
	 outline: none;

}


#smartbutton {
	display: block;
	background: transparent url(../../arawak_images/learnmore.png) no-repeat left top;
	width: 104px;
	height: 30px;
	float:left;
	position:relative;
	left:263px;
	 outline: none;

}

#smartbutton:hover {
	background-position: left bottom;
	 outline: none;

}

#tesserabutton {
	display: block;
	background: transparent url(../../arawak_images/learnmore.png) no-repeat left top;
	width: 104px;
	height: 30px;
	float:left;
	position:relative;
	left:478px;
	 outline: none;

}

#button:hover {
	background-position: left bottom;
	 outline: none;

}

#tesserabutton:hover {
	background-position: left bottom;
	 outline: none;

}

/* Download Buttons Flick */

#macbutton {
	display: block;
	background: transparent url(../../arawak_images/download_button_Mac.png) no-repeat left top;
	width: 231px;
	height: 30px;
	float:left;
	position:relative;
	left:0px;
	margin-bottom: 15px;
	 outline: none;


}

#macbutton:hover {
	background-position: left bottom;
	 outline: none;

}

#macbutton a{
display: block;
width: 231px;
	height: 30px;
text-indent: -9999px;


}


#pcbutton:hover {
	background-position: left bottom;
	 outline: none;

}


#pcbutton {
	display: block;
	background: transparent url(../../arawak_images/download_button_pc.png) no-repeat left top;
	width: 231px;
	height: 30px;
	float:left;
	position:relative;
	left:0px;
	margin-bottom: 15px;
	 outline: none;
	 text-indent: -9999px;


}
#pcbutton a{
display: block;
width: 231px;
	height: 30px;
text-indent: -9999px;


}
#buynow:hover {
	background-position: left bottom;
	 outline: none;

}

#buynow {
	display: block;
	background: transparent url(../../arawak_images/buy_now.png) no-repeat left top;
	width: 231px;
	height: 30px;
	float:left;
	position:relative;
	left:0px;
	margin-bottom: 10px;
	 outline: none;


}
/* Download Buttons Flick End */

/* Download Buttons Smart */

#macbuttonsmart {
	display: block;
	background: transparent url(../../arawak_images/download_smart_Mac.png) no-repeat left top;
	width: 231px;
	height: 30px;
	float:left;
	position:relative;
	left:0px;
	margin-bottom: 15px;
	 outline: none;


}

#macbuttonsmart a{
display: block;
width: 231px;
	height: 30px;
text-indent: -9999px;


}


#macbuttonsmart:hover {
	background-position: left bottom;
	 outline: none;
	 display: block;


}

#pcbuttonsmart {
	display: block;
	background: transparent url(../../arawak_images/download_smart_PC.png) no-repeat left top;
	width: 231px;
	height: 30px;
	float:left;
	position:relative;
	left:0px;
	margin-bottom: 15px;
	 outline: none;
	 text-indent: -9999px;


}

#pcbuttonsmart a{
display: block;
width: 231px;
	height: 30px;
text-indent: -9999px;


}



#pcbuttonsmart:hover {
	background-position: left bottom;
	outline: none;
}







/* Download Buttons Smart End */

/* Download Buttons Tessera */


#macbuttontessera {
	display: block;
	background: transparent url(../../arawak_images/download_button_Tessera_Mac.png) no-repeat left top;
	width: 231px;
	height: 30px;
	float:left;
	position:relative;
	left:0px;
	margin-bottom: 15px;
	 outline: none;
	 text-indent: -9999px;


}

#macbuttontessera a{
display: block;
width: 231px;
	height: 30px;
text-indent: -9999px;


}



#macbuttontessera:hover {
	background-position: left bottom;
	outline: none;
}

#pcbuttontessera {
	display: block;
	background: transparent url(../../arawak_images/download_button_Tessera_PC.png) no-repeat left top;
	width: 231px;
	height: 30px;
	float:left;
	position:relative;
	left:0px;
	margin-bottom: 15px;
	 outline: none;
	 text-indent: -9999px;


}

#pcbuttontessera a{
display: block;
width: 231px;
	height: 30px;
text-indent: -9999px;


}



#pcbuttontessera:hover {
	background-position: left bottom;
	outline: none;
}



/* Download Buttons Tessera End */









#contact {
	display: block;
	background: transparent url(../../arawak_images/buttonSupport.png) no-repeat left top;
	width: 135px;
	height: 74px;
	float:right;
	 outline: none;

}

#contact:hover {
	background-position: left bottom;
	 outline: none;

}


#tessera_button {
	display: block;
	background: transparent url(../../arawak_images/tessera_button.png) no-repeat left top;
	width: 112px;
	height: 74px;
	float:right;
	 outline: none;

}

#tessera_button:hover {
	background-position: left bottom;
	 outline: none;

}



#flick_button {
	display: block;
	background: transparent url(../../arawak_images/flick_button.png) no-repeat left top;
	width: 112px;
	height: 74px;
	float:right;
	 outline: none;

}

#flick_button:hover {
	background-position: left bottom;
	 outline: none;

}


#smart_button {
	display: block;
	background: transparent url(../../arawak_images/smart_button.png) no-repeat left top;
	width: 112px;
	height: 74px;
	float:right;
	 outline: none;

}

#smart_button:hover {
	background-position: left bottom;
	 outline: none;

}

#navbar a.active {
	background-position: left bottom;
	 outline: none;

}

#logo {
	float: left;
	width: 220px;
	height: 74px;
}

#logo a {
	display: block;
	width: 220px;
	height: 74px;
	text-indent: -9999px;
	
	
}

#shell {
	width: 950px;
	margin: auto;
	padding-top: 20px;
}
.page {
	width: 950px;
		background-repeat: repeat-y;
		background:url(../../arawak_images/back.png);
		font-family:Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 1.2em;
		color: darkslategray;
}
#maincontent {
	width: 950px;
	background:url(../../arawak_images/indexbackground.png);
	 height:700px;
	 background-repeat: no-repeat
}

#flickcontent {
		width: 580px;
		left:50px;
		top:50px;
		position: relative;
		height:1550px;


}


#flickcontent_faq {
		width: 650px;
		left:100px;
		top:50px;
		position: relative;
		height:3000px;


}

#flickcontent_support {
		
		left:285px;
		width: 400px;

		top:50px;
		position: relative;
		height:600px;
		text-align: center


}

#flickcontent_support h3{
		
		text-align: center


}

#flickcontent_support h4{
		
		text-align: center


}



h2 {
		color:darkslategray;
		font-size: 2em;
		text-align: left;


}

h3 {
		color:darkslategray;
		font-size: 1.1em;
		text-align: left;
}

h4 {
		color:darkslategray;
		font-size: 1.3em;
		text-align: left;
}

#macpc {
		background:url(../../arawak_images/macpc.png);
		height:61px;
		width:308px;
		top: 10px;
		left:45px;
		position: relative;


}

#flicksidebar {

		border-color: none;

		border-style: none;



		letter-spacing: 0px;

		width:230px;
		float:right;
		margin-top: 10px;
		margin-right:60px;
		
	}
	
	#flicksidebar p{

		padding-left: 0px;
		color:black;
		
	}
	
	#flicksidebar h2{


		text-align: center;
		
	}
	
	#flicksidebar h3{

	text-align: center;
	font-size: 1.4em;

	margin-top:0px;
	margin-bottom:25px;
	font-style: italic;
		
	}
	
		#quote{
font-size: 1.1em;
color:black;
width: 80%;
		}
		
		#sr{
font-size: 1em;
color:darkslategray;
list-style: none;
		}



#header {
	height: 40px;
	widows:950px;
	background:  url(../../arawak_images/header.png) no-repeat left top;
}

#foot {
	height: 150px;
	width:950px;
	background:  url(../../arawak_images/foot.png) no-repeat left top;
	text-align: center;
	

}

#foot p{

	
	font-size: 1em;
	color: darkslategray;
	top:90px;
	position:relative;
	
	margin: 0 auto;
	padding:0;

	clear: both;

}

#foot p a{

	color: darkgray;
	text-decoration: none;
	left:0

}

#foot p a:hover{

color: black;

}


#flickscreenshot{
margin-right:10px;
margin-bottom:20px;
margin-top: 30px;

}


.quoteside{
text-align: center;
color:black;
font-size: 1em;

}

h1{font-size: 1.7em;
color: black;
margin-bottom: 30px;
margin-top: 5px;}

#flick_logo {
	height: 142px;
	width:397px;
	background:  url(../../arawak_images/flick_type_logo.png) no-repeat left top;
	position: relative;
	left:-25px;
	top:-30px;
	margin-bottom: -30px;
}
#smart_logo {
	height: 142px;
	width:397px;
	background:  url(../../arawak_images/smart_type_logo.png) no-repeat left top;
	position: relative;
	left:-25px;
	top:-30px;
	margin-bottom: -30px;
}
#arawak_logo {
	height: 142px;
	width:397px;
	background:  url(../../arawak_images/arawak.png) no-repeat left top;
	position: relative;
	left:-25px;
	top:-30px;
	margin-bottom: -30px;
}
#tessera_logo {
	height: 142px;
	width:397px;
	background:  url(../../arawak_images/tessera_type_logo.png) no-repeat left top;
	position: relative;
	left:-25px;
	top:-30px;
	margin-bottom: -30px;
}

#flickcontent_faq p{margin-bottom: 1em;

line-height: 1.6em;}

.faq_image{

 		text-align: center;
 		padding-bottom: 10px;
 		color:black;
 		font-size: 1.2em;
 		margin: 0px;
 		display: inline;


 	
 		}
 		
 	.faq_caption{

 		text-align: center;
 		font-weight: bold;
 		margin-bottom: 12px;
 		
 		}
 	
.faq{font-size: 1.5em;
color: black;
margin-bottom: 15px;}

.faq2{font-size: 1.2em;
color: black;
margin-bottom: 15px;}