@charset "utf-8";

/* PNG TRANSPARENCY FIX */
 img, div, input { behavior: url("iepngfix.htc") }

body {
	font: 80% Helvetica, sans-serif;
	background: #526946;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
	background-image:url(images/background.jpg);
	background-repeat: repeat-x;
	background-attachment: scroll;
}
h1 {

	color: #070244;
	font-weight:bold;
	font-size: 140%;
	
}

hr {
	color: #665B55;
	margin-top: -10px;
}
#productLogos {
	width: 100%;
	height: 72px;
	background-image:url(images/ProductLogos_BG.png);
	background-repeat:repeat-x;
	position:relative;
	top: -165px;


	text-align:center;
	padding-top: 10px;
}

#productImgs {
	position:relative; 
	z-index:50; 
	top:-239px;
	
}

#footerImg {
	position:relative; 
	z-index:50; 
	top:-209px;
	right: 140px;
	
}

#bottomWood {
	width: 100%;
	height: 380px;
	background-image: url(images/backgroundBottom.jpg);
	background-repeat:repeat-x;
	position:relative;
	text-align:center;
	z-index: -1;
	overflow:visible;
	margin-top: -280px;
}

#SearchBox {
	position:relative;
	float: right;
	top: 37px;
	right: 95px;
	z-index: 15;
	clear:both;
	margin-bottom: -55px;
	
}

#SearchBox input{
	background-color: white;
	border: none;
	color:#999999;
	font-size:9px;
}
.LandingPage #container {
	width: 1004px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: none;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */

	
}
.LandingPage #header {
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 60px;
	position:relative;
	clear:both;
}
.LandingPage #header img {
	
	}
	
.LandingPage #Menu {
	height: 100%;
	background-color: #779267;
	}
	
.LandingPage #mainContent {
	padding-left: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image:url(images/Content.png);
	background-repeat:repeat-y;
	width:1000px;
	overflow: hidden;
	background-color: none;

	
	
}

.LandingPage #mainContent #flash{
	margin-left: 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.LandingPage #Content {
	width:550px; 
	float:left;
	position:relative;
	padding-top: 20px;
	padding-left: 40px;
	background-color: none;
	
}

.LandingPage #footer {
	padding: 0 25px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-color:none;
	height: 114px;
	background-image:url(images/Footer.png);
	background-repeat:no-repeat;
	position:relative;
	top: -30px;
	
	
	
}
.LandingPage #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}



/*  ---------------------------------------------- SECONDARY PAGES  --------------------------------------------  */
/*  ---------------------------------------------- SECONDARY PAGES  --------------------------------------------  */
/*  ---------------------------------------------- SECONDARY PAGES  --------------------------------------------  */



.SecondLayout #container {
	width: 1004px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: none;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */

	
}
.SecondLayout #header {
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 60px;
	position:relative;
	clear:both;
}
.SecondLayout #header img {
	
	}
	
.SecondLayout #Menu {
	height: 100%;
	background-color: #779267;

	}

.SecondLayout #BreadCumb {
	height: 32px; 
	background-color:#070244; 
	width:740px; 
	float:left; 
	position:relative;	}
	
.SecondLayout #mainContent {
	padding-left: 23px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image:url(images/Content.png);
	background-repeat:repeat-y;
	width:988px;
	overflow: hidden;
	background-color: none;
	margin-bottom: 30px;
	
	
}

.SecondLayout #mainContent #Pic1{
	position:relative;
	top:460px;
	clear:both
}
.SecondLayout #mainContent #Pic2{
	position:relative;
	top:1535px;
	clear:both
}
.SecondLayout #mainContent #Pic3{
	position:relative;
	top:1880px;
	clear:both
}
.SecondLayout #mainContent #Pic4{
	position:relative;
	top:2190px
}

.SecondLayout #Content {
	width:550px; 
	float:left;
	position:relative;
	padding-top: 20px;
	padding-left: 40px;
	background-color: none;
	
}

.SecondLayout #Contentfire {
	width:550px; 
	float:left;
	position:relative;
	padding-top: 0px;
	padding-left: 0px;
	background-color: none;
	
}

.SecondLayout #footer {
	padding: 0 25px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-color:none;
	height: 114px;
	background-image:url(images/Footer.png);
	background-repeat:no-repeat;
	position:relative;
	top: -30px;

	
}
.SecondLayout #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}



/*  ----------------------------------------------  MENU STYLES  --------------------------------------------  */
/*  ----------------------------------------------  MENU STYLES  --------------------------------------------  */
/*  ----------------------------------------------  MENU STYLES  --------------------------------------------  */




.clear {
	clear:both;
}

#leftMenu {
	width:221px;
	float:left;
	background-color: #779267;
}

/*
	General rules
	*/

#dhtmlgoodies_slidedown_menu li {
	list-style-type:none;
	position:relative;
	padding-top: 0px;
	
}
#dhtmlgoodies_slidedown_menu ul {
	margin:0px;
	padding:0px;
	position:relative;
	
}
#dhtmlgoodies_slidedown_menu div {
	padding:0px;
	width: 221px;
	background-color: #c5c9ae;
	
}
/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu {
	width:221px;
	margin-top: -1px;
	padding: 0px;
}
/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a {
	color: #333333;
	text-decoration:none;
	display:block;
	clear:both;
	width:221px;
}

	#dhtmlgoodies_slidedown_menu a:hover {
	text-decoration: underline;
}
/*
	A tags 
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1 {	/* Main menu items */
	margin-top:1px;
	height: 33px;

}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth2 {	/* Sub menu items */
	margin-top: 0px;
	padding-left: 22px;
	padding-top: 0px;	
	background-image:url(images/SubMenu.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	overflow:visible;
	height: 24px;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth3 {	/* Sub menu items */
	margin-top:1px;
	font-style:italic;
	color:blue;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 {	/* Sub menu items */
	margin-top:0px;
	color:red;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth5 {	/* Sub menu items */
	margin-top:0px;
}
/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1
	
	instead of 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
	*/
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul {
	padding:0px;
	padding-top: 0px;
}
#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul {
	margin-left:5px;
	padding:0px;
}
#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul {
	margin-left:10px;
	padding:0px;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul {
	margin-left:15px;
	padding:0px;
}



/*  ----------------------------------------------  Accordion STYLES  --------------------------------------------  */
/*  ----------------------------------------------  Accordion STYLES  --------------------------------------------  */
/*  ----------------------------------------------  Accordion STYLES  --------------------------------------------  */


.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid gray;
background: #779267;
width: 350px;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: #A0D39F;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}