/* ----- universal settings -----*/
body {
	margin: 0px; 
	padding: 0px 0px 0px 0px; 
	background: url('images/main_back_left.jpg') center top repeat-x #5c5c5c; 
	font-family: arial; 
	font-size: 12pt; 
	color: #ffffff;
	-webkit-text-size-adjust:none;
}

H1 {
font-size:16px;
           color: #000000;
           margin-top:-2px;
           margin-bottom:-2px;
      }

.header1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	color: #00ff00;
	font-weight: bold;
}

p {margin: 0px; padding: 0px;}
hr {maring: 0px; padding: 0px;}

.menu, a:link {text-decoration: none; color: #FFFFFF;}
.menu, a:hover {text-decoration: underline; color: #00e639;}
.menu, a:visited {text-decoration: underline; color: #FFFFFF;}
.menu, font-size:16px;font-family: arial; font-weight: bold;


/* ----- typography/positioning ----- */
.content {padding: 0px 15px 0px 20px;}
.welcome {padding: 0px 20px 0px 12px;}

.i1 {padding: 0px 5px 0px 14px;}
.i2 {padding: 0px 10px 0px 14px;}
.i3 {padding: 0px 12px 0px 12px;}


/* ----- backgrounds ----- */
.t_l {background: url('images/top_back.jpg') right top repeat-x;}
.t_r {background: url('images/top_back.jpg') left top repeat-x;}
.t_c {background: url('images/top_center.jpg') center top no-repeat;}

.title_l {background: url('images/title_back.jpg') right top repeat-x;}
.title_r {background: url('images/title_back.jpg') left top repeat-x;}
.title_c {background: url('images/title.jpg') center left no-repeat;}

.body_l {background: url('images/main_back_left.jpg') right top repeat-y;}
.body_r {background: url('images/main_back_left.jpg') left top repeat-y;}
.body_c {background: url('images/main_background.jpg') center left repeat-y;}

.pref_l {background: url('images/pref_background.jpg') right top repeat;}
.pref_r {background: url('images/pref_background.jpg') left top repeat;}
.pref_c {background: url('images/pref_back.jpg') center top repeat-y;}

.footer_l {background: #212020;}
.footer_r {background:  #212020;}
.footer_c {background: url('images/foot_back.jpg') left top no-repeat;}

#fader {height: 569px; overflow: hidden;}
.rotate {background: url('images/rotater1.jpg') center top no-repeat;}

#cf6_image {
  margin:0 auto;
  height:569px;
  transition: background-image 1s ease-in-out;
  background-image:url("images/rotater1.jpg");
}

#cf6_image:hover {
  background-image:url("images/rotater2.jpg");
}