/** brunton website styles **/

html, body{ 
 margin:                0;
 padding:               0;
 text-align:            center;
 color:                 #ffffff;
 background-color:      #eaeaea;
}

#flashcontent{
  position:             absolute;
  z-index:              100;
  width:                600px;
  left:                 50%;
  margin-top:           204px;
  margin-bottom:        0px;
  margin-left:          -250px;
  margin-right:         auto;
}

#flashcontent2{
  position:             absolute;
  z-index:              1;
  width:                600px;
  left:                 50%;
  margin-top:           204px;
  margin-bottom:        0px;
  margin-left:          -250px;
  margin-right:         auto;
}

#pagewidth{ 
 width:                 778px; 
 font-family:           verdana, helvetica, sans-serif;
 font-size:             11px;
 color:                 #0C2577;
 background-color:      #eaeaea;
 text-align:            left;  
 margin-left:           auto; 
 margin-right:          auto;  
}
 
#header{
 position:relative; 
 height:160px; 
 width:100%;
}

#header #widelogo {
  position:           relative;
  top:                0px;
  left:               0px;
  margin:             0px;
  display:            block;
  height:             160px;
  padding:            0px;
}

#widelogo img{
  border:             0px solid #AABEC7;
  margin:             0px;
  padding:            0px;
}

#topMenu {
	position:           absolute;
	background-color:   transparent;
	width:              778px;
	top:                135px;
	left:               0px;
	z-index:            103;
}

#topMenu .menuLink:link, #topMenu .menuLink:visited {
 text-decoration:    none;
 display:            block;
 float:              left;
 padding-top:        6px;
 padding-bottom:     6px;
 padding-left:       6px;
 padding-right:      6px;
 margin-top:         0px;
 margin-bottom:      0px;
 margin-left:        6px;
 margin-right:       0px;
 border:             0px;
 background-color:   #AABEC7;
 color:              #FFFFFF;}

#topMenu .menuLink:hover {
 background-color:   #dee2e7;
 color:              #646567;}

#menubar {
	position:          absolute;
	height:            24px;
	padding-top:       6px;
	padding-bottom:    0px;
	padding-left:      40px;
	padding-right:     0px;
	z-index:           104;
	color:             #83929f;
	background-color:  #AABEC7;
}
  
#menubar .menubarLink:link, #menubar .menubarLink:visited {
  text-decoration: none;
  color: #83929f;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 0px;
  padding-right: 0px;
  width: 40px;
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
  background-color: inherit;
  white-space: nowrap;
}

#menubar .menubarLink:hover {
  color:#ffffff;
  background-color: inherit;
}
  
.separator {
  height:            2px;
  background-image:  url("../images/bline.gif");}

#maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width:100%; 
 }

h1{
  font-size: 12px;
  font-weight: bold;
  color: #dee2e7;
}
h2{
  font-size: 11px;
  font-weight: bold;
}

#boxdiv {
  width: 100%;
  border: 1px solid #dee2e7;
  padding: 10px;
  margin: 4px;
}

 #pbody {
  background-color:   #AABEC7;
  margin-top:         28px;
  margin-bottom:      0px;
  margin-left:        0px;
  margin-right:       0px;
  padding:            0px;
  width:              100%;
  color:              #ffffff;}
 
 #pagebody {
  background-color:   #83929f;
  margin-top:         28px;
  margin-bottom:      0px;
  margin-left:        0px;
  margin-right:       0px;
  padding:            0px;
  height:             330px;
  width:              100%;
  color:              #ffffff;}

#pagebody .sidebar {
  position:           relative;
  top:                0px;
  float:              left;
  width:              80px;
  height:             86px;
  right:              0px;
  border:             1px solid #dee2e7;
  margin-top:         110px;
  margin-bottom:      0px;
  margin-left:        40px;
  margin-right:       0px;
  z-index:            2;
  background-color:   transparent;}

#pagebody .sidebar img{
  margin:             0px;
  padding:            0px;
  border:             0px;
}

#pagebody .sidebar h1{
  font-family:        arial, verdana, sans-serif;
  font-weight:        normal;
  font-size:          10px;
  letter-spacing:     1px;
  color:              #ffffff;
  text-align:         center;
  background-color:   #646567;
  margin:             0px;
  padding:            0px;
}

#pagebody .sidebar h2{
  font-family:        arial, verdana, sans-serif;
  font-weight:        normal;
  font-size:          10px;
  letter-spacing:     1px;
  color:              #ffffff;
  text-align:         center;
  background-color:   #83929f;
  margin:             0px;
  padding:            0px;
}

#footer {
  background-color:   #AABEC7;
  text-align:         center;
  color:              #ffffff;
  clear:              both;
  height:             80px;}

#footer #address {
  position:           relative;
  top:                0px;
  font-size:          11px;
  font-weight:        bold;
  color:              #ffffff;
  background-color:   inherit;
  margin:             0px;
  padding:            0px;
}

#footer #address a:link, #footer #address a:visited {
  color:#ffffff;
  background-color: inherit;
  text-decoration:none;
}

#footer #address a:hover{
  color:#dee2e7;
  background-color: inherit;
}

#footer #copyright {
  position:           relative;
  top:                30px;
  font-size:          10px;
  color:              #dee2e7;
  background-color:   inherit;
}

#footer #validbuttons {
  position:           relative;
  float:              right;
  top:                -44px;
  height:             70px;
  padding:            0px;
  margin:             0px;
  font-size:          10px;
  z-index:            100;
  color:              #dee2e7;
  background-color:   inherit;
}

#footer #validbutton2 {
  position:           relative;
  float:              left;
  top:                -4px;
  height:             70px;
  padding:            0px;
  margin-top:         0px;
  margin-bottom:      0px;
  margin-left:        10px;
  margin-right:       0px;
  font-size:          10px;
  z-index:            100;
  color:              #dee2e7;
  background-color:   inherit;
}

#footer #footerText{
  position:           relative;
  margin-right:       0px;
}

#footer #footerMenu{
  position:           relative;
  top:                34px;
}

#footer .footermenuLink:link, #footer .footermenuLink:visited {
  color:              #ffffff;
  background-color:   inherit;
  font-size:          10px;
  text-decoration:    none;}

#footer .footermenuLink:hover {
  color:              #dee2e7;
  background-color:   inherit;
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/*index file css*/

#pagebody #contact {
  position: relative;
  top: 80px;
  left:120px;
}

#pagebody #whitetext {
  position:         relative;
  top:              2px;
  height:           320px;
  left:             0px;
  color:            #000000;
  background-color: #ffffff;
}

#pagebody #blueText, #pbody #blueText{
  position:         relative;
  float:            left;
  width:            100%;
  top:              0px;
  left:             0px;
  border:           0px solid #eaeaea;
  color:            #ffffff;
  background-color: #83929f;
}

#pagebody #blueText #bTextContent, #pbody #blueText #bTextContent {
  margin-top:       30px;
  margin-bottom:    20px;
  margin-right:     50px;
  margin-left:      30px;
  background-color: transparent;
}

#pagebody #blueText #bTextContent h2, #pbody #blueText #bTextContent h2{
  font-family:        arial, verdana, sans-serif;
  font-weight:        bold;
}

#pagebody #blueText #bTextContent h3, #pbody #blueText #bTextContent h3{
  font-family:        arialverdana, sans-serif;
  font-weight:        bold;
}

#pagebody #blueTitle{
  position:         absolute;
  text-align:       center;
  vertical-align:   middle;
  top:              0px;
  right:            0px;
  font-size:        14px;
  font-weight:      bold;
  padding-top:      0px;
  padding-bottom:   17px;
  padding-left:     10px;
  padding-right:    10px;
  font-family:      arial, verdana, sans-serif;
  height:           100%;
  color:            #fafafa;
  background-color: #646567;
  margin:           0px;
}

#pbody #blueTitle {
  position:         absolute;
  text-align:       center;
  vertical-align:   middle;
  top:              0px;
  right:            0px;
  font-size:        14px;
  font-weight:      bold;
  padding-top:      0px;
  padding-bottom:   0px;
  padding-left:     10px;
  padding-right:    10px;
  font-family:      arial, verdana, sans-serif;
  height:           100%;
  color:            #fafafa;
  background-color: #646567;
  margin:           0px;
}

#bmap {
 text-align: center;
 float: right;
}