/* CSS Document : Peacemaker GFX : Firefox */

.page_container {   
    width: 1034px; 
    margin:0 auto;
    text-align: left;
}

body {  /* Body Properties, and Background Image (Repeating Horizontally) */
    background: url(images/bgRepeat.png) repeat-x;	 
	background-color: #494949 !important; background-color: #3e3e3e; /* IE BG Colour Fix*/
	color: #bbb;
    padding:0;
	margin: 1px; 
    text-align: center;
}

/* Website Main Images */

#header { /* Header Image */
    position: relative;
	display:block;
	background: url(images/pageHeader.png) no-repeat;	 
	height:142px;
    width: 1017px; 
	padding:0;
    margin: 0; 
}
    
#footer { /* Footer Image */
    float: left;
    display: block;
	background: url(images/pageFooter.png) no-repeat;	 
	height:54px;
    width: 1017px; 
	padding:0;
	margin: 0; 
}

#bgBlendLeft { /* Background Image Blend - Left Side (10px wide)*/
    float: left;
    position: relative;
    display: block;
    background: url(images/bgBlendLeft.png) no-repeat;
    height:764px;
    width: 10px; 
	padding:0;
	margin: -1px 0 0 -10px; 
}

#bgBlendRight { /*  Background Image Blend - Right Side (10px wide) */
    float: left;
    position: relative;
    display: block;
    background: url(images/bgBlendRight.png) no-repeat;
    height:764px;
    width: 10px; 
	padding:0;
	margin: -710px 0 0 0;
}

#footerReflection {
   float:left;
   display: block;
   background: url(images/bgFooterReflection.png) no-repeat;
   height: 29px;
   width: 1018px; 
   padding:0;
}

#page_title {
   float: left;
   height: 10px;
   width: 100px;
   padding: 0;
   margin: 85px 0 0 10px;
   font-family: sans-serif;
   font-size: 13px;
   color: #8aa8d2;
}


/* Buttons */

#menu_bg { /* Menu Background Image */
    float: left;
    display: block;
	background: url(images/menuBg.png) no-repeat;	 
	height:567px;
    width: 181px; 
	padding:0;
	margin: 0; 
}

#button_container {
   margin: 40px 0 0 12px;
}

.menu_button a {
   float:left; 
   display: block;
   background: url(images/siteMenuButtonNl.png) no-repeat;
   height: 23px;
   width: 159px; 
   font-family: sans-serif;
   font-size: 15px;
   color: #777;
   text-decoration: none;
   padding: 3px 0 0 4px;
   margin: 0 !important;  margin: 0 0 3px 0; /* Internet Explorer Margin Fix */
}

.menu_button a:hover {
   float:left; 
   display: block;
   background: url(images/siteMenuButtonUp.png) no-repeat;
   height: 23px;
   width: 159px; 
   font-family: sans-serif;
   font-size: 15px;
   color: #999;
   text-decoration: none;
   padding: 3px 0 0 4px;
   margin: 0 !important;  margin: 0 0 3px 0; /* Internet Explorer Margin Fix */
}

.menu_button a:active {
   float:left; 
   display: block;
   background: url(images/siteMenuButtonDn.png) no-repeat;
   height: 23px;
   width: 159px; 
   font-family: sans-serif;
   font-size: 15px;
   color: #555;
   text-decoration: none;
   padding: 3px 0 0 4px;
   margin: 0 !important;  margin: 0 0 3px 0; /* Internet Explorer Margin Fix */
}

/* Page Content */

#content_bg { /* Content Page Background Image */
    float: left;
    display: block;
	background: url(images/pageBgGrey.png) no-repeat;	 
	height:567px;
    width: 836px; 
	padding:0;
	margin: 0; 
}

#content_bg_green { /* Content Page Green Background Image */
    float: left;
    display: block;
	background: url(images/pageBgGreen.jpg) no-repeat;	 
	height:567px;
    width: 836px; 
	padding:0;
	margin: 0; 
}

#content {
    margin: 20px 0 0 10px; 
    font-family: sans-serif;
    font-size: 15px;
    color: #777; 
}

#content_products {
    overflow: auto;
    margin: 20px 0 0 10px; 
    font-family: sans-serif;
    font-size: 15px;
    height: 547px;
    width: 98%;
    color: #777;
}

#baseLineBgGradient {
    float: left;
    display: none;
	background: url(images/baseLineBgGradient.png) repeat-x;	 
	height:60px;
    width: 100%;     
	margin: 0; 
}

#a1, #a2, #a3, #a4, a {
    color: #eee;
    text-decoration: none;
    font-size: 11px;
}

#a1, #a2, #a3, #a4, a:hover {
    color: #fff;
    text-decoration: none;
    font-size: 11px;
}

#a1, #a2, #a3, #a4, a:active {
    color: #ddd;
    text-decoration: none;
    font-size: 11px;
}

#hr {
    display: block;
    background: url(images/stripeFade.png) no-repeat;
    height: 4px;
    width: 766px; 
    padding:0;
}

#map {
   float:left;
   display: block;
   background: url(images/map.png) no-repeat;
   height: 537px;
   width: 750px; 
   padding:0;
}

#address {
   float:left;
   display: block;
   margin: 0 -50 0 620;
   font-size: 13px;
   width: 240px;
}

#staff  {
float: left;
margin: 10 0 0 10;
font-size: 12px; width: 250px;
}

#office  {
text-decoration: none;
float: left;
margin: 10 0 0 10;
font-size: 12px; width: 250px;
}

#office a {
text-decoration: none;
border-color: #555;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
font-size: 12px;
color: #555;
}

#office a:hover {
text-decoration: none;
border-color: #bbb;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
font-size: 12px;
color: #fff;
}

#office a:active {
text-decoration: none;
border-color: #bbb;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
font-size: 12px;
color: #696c86;
}

#title {
float: left;
margin: 0 0 0 5;
font-size: 14px;
width: 250px;
}

#directions a {
float: right;
display: block;
text-decoration: none;
font-size: 12px;
color: #555;
margin: -10 15 0 0;
width: 84px;
background-color: #dddddd
}

#directions a:hover {
float: right;
display: block;
text-decoration: none;
font-size: 12px;
color: #777;
margin: -10 15 0 0;
background-color: #eeeeee
}

#directions a:active {
float: right;
display: block;
text-decoration: none;
font-size: 12px;
color: #333;
margin: -10 15 0 0;
background-color: #cccccc
}

#b1, #b2 { 
   display: block;
   background: url(images/bgFade.png) no-repeat;
   height: 275px;
   width: 740px; 
   padding:0;
   font-size: 12px;
   color: #777;
   overflow: auto;  
}

#b1 p {
padding: 10 10 0 10;
}

#b2 p {
padding: 10 10 0 10;
}

#a2, #a4 { 
float:left; 
padding: 0 0 0 1;
}

#a1, #a3 {
display: block;
background: url(images/bgFadeSmall.png) no-repeat;
height: 32px;
width: 183px;
padding: 0;
}

#topic_title {
padding: 0 0 11 0;
}

#phoneFax {
   float: left;
   height: 10px;
   width: 210px;
   padding: 0;
   margin: 85px 0 0 690px;
   font-family: sans-serif;
   font-size: 13px;
   color: #0b4159;
}

#addressIndex {
   float: left;
   height: 10px;
   width: 220px;
   padding: 0;
   margin: 18px 0 0 790px !important;  margin: 12px 0 0 790px; /* IE height positioning fix */
   font-family: sans-serif;
   font-size: 12px;
   color: #4e4e4e;
}

#email a {
   float: left;
   height: 10px;
   width: 90px;
   padding: 0;
   margin: 4px 0 0 900px !important; margin: 0px 0 0 900px; /* IE height positioning fix */
   font-family: sans-serif;
   font-size: 11px;
   color: #4e4e4e;

}

#email a:hover {
   float: left;
   height: 10px;
   width: 90px;
   padding: 0;
   margin: 4px 0 0 900px !important; margin: 0px 0 0 900px; /* IE height positioning fix */
   font-family: sans-serif;
   font-size: 11px;
   color: #fff;

}

#email a:active {
   float: left;
   height: 10px;
   width: 90px;
   padding: 0;
   margin: 4px 0 0 900px !important; margin: 0px 0 0 900px; /* IE height positioning fix */
   font-family: sans-serif;
   font-size: 11px;
   color: #696c86;
}

#spacer {
   padding: 1 0 0 0;
}