body  
{
	font-family:Verdana, Tahoma, Helvetica, Sans-Serif;
    font-size: 100%;
    line-height: 100%;
    font-size: 16px;
    word-spacing: .0125em;
}

p 
{
	margin-top: .70em;
	text-indent: 1.0em;
    font-size: .75em;
}

p#newsuperintendent
{
	font-weight: bold;
	text-align: center;
	margin-bottom: 0em;
	font-size:.8em;
	color: Maroon;
}

p#firstparagraph
{
	font-weight: bold;
	margin-top: .1em;
	color: Maroon;
}

#animated_load 
{
   display: none; 
position: absolute;  
/*   border: 1px solid red; */
}

#animated_loading_image 
{
   height: 100px;
   width: 100px;
   /*float: left;*/
}

ul#orglist
{
   margin-top: .1em;   
}

ul#orglist li
{ 
   list-style-type:disc;
   list-style-position:inside;
   text-indent: 1em;
   font-size: .75em;
}

div#preload 
{
  display: none;
}

#header
{
    background-image: url(../images/brushed_metal_4.jpg);
    /*background-image: url(http://www.warnickconstruction.com/images/brushed_metal_4.jpg);*/
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom: 1px solid black;
    height: 165px;
    display: none; 
}

#centerbanner
{
 	width: 800px;
 	height: 165px;
    margin: auto;
}

#innercenter
{
	width: 415px; height: 135px;
	float: left;
}
#innercentermiddle
{
	width: 185px; height: 135px;
	float: left; 
}

#innercenterright
{
	float: right; 
	width: 200px; height: 135px;
}

#innerbottom
{
	position: relative; 
	width: 600px;
	height: 30px;
	clear: both;
}

#warnickimage
{
  position:relative; top: 20px; height: 100px; width: 415px;
  background-color: transparent;
}

#phonenumberimage
{
	position: relative; top: 80px; left: 0px; 
	height: 75px; width: 150px;
}
#warnickquote
{
  position:relative; top: 15px; left: 80px; 
  width: 130px; height: 130px;
}

#content 
{
	line-height: 1.0em;
    font-size: 1.0em;
    height: 770px;
    text-align: left;
    width: 800px; 
    margin: 0 auto;
    border: 1px solid white;
    display: none; 
}

#contentspacer
{
    width: 800px; height: 10px;
    float:left;
}

#contenttop {
    /*background-image: url(http://www.warnickconstruction.com/images/main_page_banner.jpg); */
    background-image: url(../images/main_page_banner.jpg); 
    background-repeat: no-repeat;
    background-position: center center;
    height: 165px; width: 800px; 
	clear:both;
}

.header 
{
	text-align: center;
}
p.nameclass 
{
	font-style: italic;
	text-indent: 0em;
}
p.headingdivclass 
{
	text-indent: 0em;
   font-style: italic;
}
p.bodydivclass 
{
	text-indent: 0em;
}
p.divider 
{
   text-indent: 0em;
   margin-top: 0.5em;
}
p#employment
{
  margin-top: .4em;
}
p#further 
{
  margin-top: 1.5em;
}

/*#contentmain 
{
   height: 435px; width: 800px;
   border: 1px solid white;
   border-bottom: 1px solid black;
}
*/

#homecontentright {
   float: right; 
   height: 270px; width: 360px;
   margin-left: 5px; 
}

#homecontentright img {
   height: 270px; width: 360px;
   position: relative; }

#homecontentbottom {
   height: 150px; width: 800px;
   /*border-top: 1px solid grey;*/
    display: none; 
}

.headerclass 
{
   font-size: 1.4em;
   text-align: center;
}

/*#contentcareers 
{
   width: 800px; height: 400px;
}
#contentprojects 
{
   width: 800px; height: 400px;
}*/

#projectlist 
{ 
   position: relative; top: 10px;	
   width: 800px; height: 400px;
}

#projectlist div ul li a
{
   font-size: .75em;
}

#projectimages 
{
	float: left; 
   width: 360px; height: 270px
}

#projectslistleft {
	float: left;
	width: 360px; height: 270px;
/*	display: none;     */
   /*border: 1px solid red;*/
   /*margin-right: 5px;*/
}

#caption 
{
   width: 360px; height: 20px;
   position: relative; top: 10px;
   text-align: center;
   font-size: .75em;
   /*border: 1px solid red;*/
}
#projectslistleft img
{   
    width: 360px; height: 270px;
}

#projectslistright 
{
	float: right;
	width: 430px; /*height: 400px;*/
    /*border: 1px solid red;*/
    padding-left: 10px;
}

/*
#projectlist ul li a:hover 
{
	color: blue; 
} 

#projectlist ul li a.dynamic:hover 
{
	color: red; 
}
*/

.projectlistclass 
{
  color:red;
  text-decoration: none;
}

#projectsinfo 
{
  position: absolute; top: 700px;
  width: 800px;
}

.inlineclass
{
  width: 215px;
  float: right;
  /* display: inline;*/
  clear: right; 
}
.blockclass
{
  width: 215px;
  float: left; 
  /*display:block;*/
}
#left {
   text-align: left; 
   font-size: .75em;
}
.highlightclass 
{
   color: Red;
   font-style: italic;
   text-transform: uppercase;
}
#contentcranerentaltop
{
	float: left;
	width: 800px; height: 60px;
}
#contentcranerentalbottom
{
	clear:both;	
	width: 800px; height: 340px;
}
#contentcranerentalbottomleft
{
	float: left;
	width: 300px; height: 340px;
}
#contentcranerentalbottomright
{
	float: left;
	width: 500px; height: 340px;
}
#cranerentalimage 
{
    position: relative; left: 10px;
}
#topdiv
{
	height: 200px;
	/*margin-top: 5px;*/
	/*padding-top:5px;*/
}
#topdiv p#first
{

	padding-top:5px;
}
#bottomdiv 
{
	height: 150px; width: 800px;
	border: 1px solid white;
}


#safetyleft
{
	width: 300px; height: 200px;
	float:left;
	border: 1px solid black;
	margin-right: 5px;
}
#safetyleft img
{
	width: 300px; height: 200px;
}
#safetyright
{
	width: 300px; height: 200px;
	float:right; 
	border: 1px solid black;
	margin-left: 5px;
}
#safetyright img
{
	width: 300px; height: 200px;
}

/*.message 
{
	position: relative; top: 10px; left: 0px;
	color:Blue; 
	font-size: 1.1em; font-style: italic;
}
*/

#homecontentbottomaddress 
{
   position: relative; left: -60px; top: 0px;
   padding-top: 5px;
   /*color: black;*/
   font-size: 0.9em;
   height: 80px; width: 300px;
   float: right;
   text-align: center;
}

#homecontentbottomleft {
   height: 150px; width: 640px;
   float: left;
}

#homecontentbottomlefttop 
{
	height: 70px; width: 640px;
}

div.phonenumber 
{
	float:left;
	width:250px;
   padding-top: 5px;
   font-size: .875em;
   text-decoration: none;
}

div#counter 
{
	float:left;
	font-size:.75em;
	width: 300px; 
}

div#counter span {
    margin-left: 10px;
}

#access_message
{
   position: relative; top:45px;
}

#homecontentbottomleftbottom 
{   
   height:80px; width: 640px; 
   /*border: 1px solid red;*/
   top: 0px; 
   text-align: left;
}

#facebook {
	float: left;
	margin-top: 15px;
   width: 300px;
/*   height: 40px;*/
}

div#facebook a img 
{   
   width: 300px;
   bottom: 0px; 
/*   top: 0px; left: 0px;*/
   /*text-align: center;*/
}

div#metalbuilding
{
   width: 100%;
   height: 100%;
}

#metal_building_diagram img
{
   float: right;
}

#homecontentbottomright {
    height: 150px; width: 160px;
    float: left;
}
#homecontentbottomrighttop
{
   height: 70px; width: 160px;
}
#homecontentbottomrighttop a img
{
   margin-top: 5px;
}
#homecontentbottomrightbottom
{
   height: 80px; width: 160px;
}

#homecontentbottomright a img#nucoricon {
  top: 5px; float: right; /*position: relative; top: 2px; left: 120px;*/
  height:60px; width: 120px;
}	

#homecontentbottomrightbottom a img#mbciicon {
  float: right; margin-right: -15px; margin-top: 0px;
  height:80px; width: 160px;
}	

a:active, a:focus 
{
   border-style: none;
   outline:none;
}

.hiddenclass 
{
  display: none;
}

#hoverpanel, #hoverpanel2 {
  position: absolute; top:0px; left:0px; 
  width: 360px; height: 11px;
  
  background-color: Gray; 
  margin: 0;
  padding-bottom: 6px; 
  display: none;
  z-index:1000; 
  }

#hoverpanel span, #hoverpanel2 span  
{
	margin: 0 0 0 0;
    color:#ffffff;
    width: 360px;
    font-size: 10px;
    text-align: center;  
}

#projectimages 
{
	text-align: center;
}

.dynamic
{
	color: Red;
}

.select
{
	color: Gray;
}

.activeclass 
{
}