/* reset all styles */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/* global styles */

body {
  font: x-small verdana, arial, helvetica;
}

a {
  color: #0281CA;
}

h1 {
  font-size: 170%;
}

h2 {
  font-size: 150%;
}

h3 {
  font-size: 130%;
}

h4 {
  font-size: 110%;
}

/* layout styles */

#header {
  background-color: #272727;	
}

  #header div {
	  position: relative;
	  margin: 0 auto;
		width: 600px;
		min-height: 60px;
	}
	* html #header div {
	  height: 60px;
	}
	
	  #header div h1 {
		  position: absolute; bottom: 8px;
			color: #FFF;
		}
		
		#header div ul {
		  position: absolute; bottom: 5px; right: 0;
		}
		
  	  #header div ul li {
			  float: left;
				margin-left: 10px;
      }
			
  	    #header div ul li a {
				  display: block;
					padding: 5px 10px;
					background-color: #4E4E4E;
					text-transform: uppercase;
					text-decoration: none;
					font-weight: bold;
				  font-size: 110%;
				  color: #272727;
				}
  	    #header div ul li a:hover, #sbuttons li#mbuttons a, #stools li#mtools a, #scontact li#mcontact a {
				  color: #FFF;
				}
				
#content {
  margin: 30px auto;
	width: 600px;
}

#footer {
  margin: 30px auto;
	width: 600px;
}

  #footer a {
	  float: right;
		margin-left: 20px;
	}