/*
CSS Credit: http://www.scylla.com/
*/

body{
	padding:0; 
	margin:0 0 0px 0; 
	background-color:#000000; 
	color:#453A1E;
}

div, p, ul, li, form, h2, img, textarea, h3, li {
	padding:0; 
	margin:0;
}

ul{
	list-style-type:none;
}

/*~~~~main body~~~~*/
#scylla_mainBody {
    width:100%;  
	margin:0 auto; 
	font-size:0; 
/*	margin-bottom:10px; */
	background:url(images/background.jpg) no-repeat 0 0 #000000;
	background-position: center; 
}

/*~~~~left side~~~~*/
#scylla_leftPan {
	width:100%;
	height:950px;
}
/*	#scylla_logo {
	position:absolute;
	width:254px;
	margin:10px 0px 0px 60px;
	color:#FAF8F2;
	height:80px;
	padding:24px 0 0 0;
	display:block;
	left: 273px;
	top: 22px;
}
*/
/*~~~~Edit Region 1~~~~*/
#scylla_editregion1 {
	position:absolute;
	/*	margin:auto; */
/*	width:1148px;  */
	max-width: 800px;
	/*	border: 0px solid #707070; */
	padding: 1px 0;
	/*	height:453px;*/
	left: 347px;
	top: 274px;
	width: 648px;
	height: 479px;

}
	
#scylla_editregion1 h1 {
	font:normal 14pt Times; 
	letter-spacing:10px; 
	padding:0px 0 0px 25px;	
	margin:10px 0 0px 0px; 
	height:30px; 
	width:191px; 
	display:block; 
	text-indent:0px; 
	color:#FFFFFF;
	} 
	
	
#scylla_editregion1 h2 {
	background-color: transparent;
	text-align:center; 
    font:normal 14pt 'Caesar Dressing' ; 
	font-weight:bold; 
	letter-spacing:10px; 
	color:#F1E9D6;  
	padding:10px 5px 0 5px;
	text-decoration:none
	} 
	
#scylla_editregion1 h3 {
	background-color: transparent;
	text-align:center; 
    font:normal 16pt Times ; 
	font-weight:bold; 
	color:#FFFFFF;  
	padding:0 5px 0 5px;
	text-decoration:none
	} 
#scylla_editregion1 p {
	margin:0px 0px 0px 25px; 
/*	width:400px; */
	width:100%; 
	height:Auto; 
	display:block; 
	font:normal 12pt Arial; 
	color:#FFFFFF; 
	text-align: left; 
}

#scylla_editregion1 a {
	color:#333333;
	font-weight:bold;
}
	
#scylla_editregion1 p.para1 {
	width:243px;
}
#scylla_editregion1 p.para3 {
	margin-top:25px;	
	width:243px;
}
	
#scylla_editregion1 p.para2 {
	background:url(images/scylla_keyboard.jpg) no-repeat 0 0px; 
	display:block; 
	width:99px; 
	height:168px; 
	margin:-190px 0px 0px 276px;
}
	
#scylla_editregion1 p.images {
	background:url(images/scylla_images.jpg) no-repeat 0 0px; 
	display:block; 
	height:125px;

}
#scylla_editregion1 p.images2 {
	float:left;
text-align: right; 
   margin: auto;
   margin-top: 200px;
   margin-left: 10px;
   padding: 10px;
   width: 200px;




}

/*~~~~logo~~~~*/

#scylla_logo {
	position:absolute;
	width:483px;
	margin:10px 0px 0px 60px;
	color:#FAF8F2;
	height:270px;
	padding:24px 0 0 0;
	display:block;
	left: 454px;
	top: 114px;
}
	
#scylla_logo p.images {
	background:url(images/scylla_logo.gif) no-repeat 0 0;
	margin-top:-25px; 
	height:53px;
	text-align:center; 
	font:normal 15pt Times; 
	text-decoration:none;
}
#scylla_logo p.images2 {
	float:left;
text-align: right; 
   margin: auto;
   margin-top: 200px;
   margin-left: 10px;
   padding: 10px;
   width: 200px;

}

#scylla_logo p.text1 {
	background-color: transparent;
	text-align:center; 
    font:normal 30pt 'Caesar Dressing' ; 
	font-weight:bold; 
	letter-spacing:10px; 
	color:#F1E9D6;  
	padding:10px 5px 0 5px;
	text-decoration:none; 
}

#scylla_logo p.text2 {
	text-align:center; font:normal 9pt Arial; color:#FFFFFF;  padding:5px 5px 0 5px;
	text-decoration:none; 
}

/*~~~~header~~~~*/

#scylla_header {
	position:absolute;
	width:566px;
	margin:40px 0px 0px 315px;
	color:#FAF8F2;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0;
	height:35px;
	padding:24px 0 0 0;
	display:block;
	left: 184px;
	top: 8px;
}
#scylla_header ul {
	margin-top:-20px; 
	margin-left:20px;
}
#scylla_header ul li {
	float:left; 
	display:block; 
	font:9pt Arial; 
	color:#F1E9D6;
}

#scylla_header ul li a {
	font:normal 10pt Arial; 
	color:#F1E9D6;  
	padding:0 5px 0 5px;
	text-decoration:none; 
}
	
#scylla_header ul li a:hover {
	color:#2b8cf3;
}
	
#scylla_header p {
	text-align:center; 
	font:normal 9pt Arial; 
	color:#F1E9D6;  
	padding:0 5px 0 5px;
	text-decoration:none; 
}

#scylla_header p.text {
	width:200px; 
	display:block;  
	margin:8px 0 0 110px; 
	color:#E9DFC6; 
	background-color:#707070; 
	font:bold 8pt Arial;  
	float:left; 
	padding:0 0 0 12px; 
	text-align:center;
}
	
#scylla_header p.text a {
	text-decoration:none; 
	color:#FFFFFF; 
	padding:0 0 0 5px;
}
	
#scylla_header p.text a:hover {
	background-color:#403722; 
	color:#F1E9D6;
}


/*~~~~footer~~~~*/
#scylla_buffer {
	width:100%; 
	height:10px;
	display:block;
}

#scylla_footer {
	position:absolute;
	width:394px;
	margin:610px 0px 0px 327px;
	color:#FAF8F2;
	font-family:Arial, Helvetica, sans-serif;
	height:35px;
	padding:24px 0 0 0;
	display:block;
	left: 9px;
	top: 276px;
}

#scylla_footer ul {
	margin-top:-20px; 
	margin-left:33px;
	}
#scylla_footer ul li {
	float:left; 
	display:block; 
	font: 8pt Arial; 
	color:#F1E9D6;
}

#scylla_footer ul li a {
	font:normal 9pt Arial; 
	color:#F1E9D6;  
	padding:0 5px 0 5px;
	text-decoration:none; 
}
#scylla_footer ul li a:hover {
	color:#2b8cf3;
}

#scylla_footer p {
	text-align:center; 
	font:normal 8pt Arial; 
	color:#F1E9D6;  
	padding:0 5px 0 5px; 
	margin-top:16px;
	text-decoration:none; 
}

#scylla_footer p.text {
	width:350px; 
	display:block;  
	margin:8px 0 0 0px; 
	color:#E9DFC6; 
	background-color:#707070; 
	font:bold 8pt Arial;  
	float:left; text-align:center;
}

#scylla_footer a {
	text-decoration:none; 
	color:#FFFFFF; 
	padding:0 0 0 5px;
}
#scylla_footer a:hover {
	color:#F1E9D6;
}


.leftimage {
  float: left;
  margin-right: 10px ;
  margin-left: 10px ;
  margin-bottom: 5px ;
}


/******* tooltip ****/

.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
	left: 16px;
	top: 64px;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	/* Position the tooltip at top */
    position: absolute;
	z-index: 10;
	top: -37px;
	left: 367px;
	margin-left: -60px;
;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
}
/******* end tooltip ****>