@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	background-image:url(../images/main_bg.gif);
	background-repeat:repeat;
}

h1 {

	font-size: 24px;
	line-height: 36px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:oblique;
	color: #FFFFFF;

}

a.footer {

	color: #ffffff;
	text-decoration:none;
	
}

a.footer:hover {

	color: #d31145;
	text-decoration:underline;
	
} 

  #skyline {
    width: 602px; height: 158px;
    background: url(../images/nav.jpg);
    margin: 0px auto; padding: 0;
    position: relative;}
  #skyline li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}
  #skyline li, #skyline a {
    height: 45px; display: block; colo: none;}
	
  #panel1b {left: 19px; top: 58px; width: 158px;}
  #panel2b {left: 210px; top: 58px; width: 145px;}
  #panel3b {left: 390px; top: 58px; width: 70px;}
  #panel4b {left: 494px; top: 58px; width: 88px;}
  #facebook {left: 515px; top: 8px; width: 32px;}
  #twitter {left: 554px; top: 8px; width: 32px;}
  
  #panel1b a:hover {
    background: transparent url(../images/nav.jpg)
    -19px -216px no-repeat;}
  #panel2b a:hover {
    background: transparent url(../images/nav.jpg)
    -210px -216px no-repeat;}
  #panel3b a:hover {
    background: transparent url(../images/nav.jpg)
    -390px -216px no-repeat;}
  #panel4b a:hover {
    background: transparent url(../images/nav.jpg)
    -494px -216px no-repeat;}
  #facebook a:hover {
    background: transparent url(../images/nav.jpg)
    -515px -8px no-repeat;}
  #twitter a:hover {
    background: transparent url(../images/nav.jpg)
    -554px -8px no-repeat;}
	
ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

li {
	margin: 0 0 0 1em
}
	
/* products */

a.products {

	color: #ffffff;
	text-decoration:underline;
	
}

a.products:hover {

	color: #88d9f5;
	text-decoration:underline;
	
} 

h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(../images/h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 450px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #333;
	background: #666 url(images/toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 500px;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	background: url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}