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

/* Below are the basic open sidebars */

h2.sidebar1_trigger {
	background:url(../images/sidebar/contact_side_header.png) no-repeat;
	height: 37px;
	line-height: 37px;
	width: 252px;
	float: left;
	cursor:pointer;
}

h2.sidebar2_trigger {
	background:url(../images/sidebar/services_side_header.png) no-repeat;
	height: 37px;
	line-height: 37px;
	width: 252px;
	float: left;
	cursor:pointer;
}

h2.sidebar4_trigger {
	background:url(../images/sidebar/about_side_header.png) no-repeat;
	height: 37px;
	line-height: 37px;
	width: 252px;
	float: left;
	cursor:pointer;
}


h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

.sidebar_container {
	overflow: hidden;
	width: 250px;
	clear: both;
	padding-bottom:10px;
}

.panel {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;  /*--Padding of Container--*/
}

/* This is the closed sidebar */

h2.sidebar3_trigger {
	background:url(../images/sidebar/respect_side_header.png) no-repeat;
	height: 37px;
	line-height: 37px;
	width: 252px;
	float: left;
	cursor:pointer;
}

h2.active {background-position: left bottom;}

.sidebar_container_hidden {
	overflow: hidden;
	width: 250px;
	clear: both;
	padding-bottom:10px;
}