img, div { behavior: url(iepngfix.htc) }

button, tr, td
  { behavior: url('IEFixes.htc');
  }


body {

	margin: 0px;

}

.navi {

	height: 29px;

	width: auto;

	background-image: url('navbak.gif');

	text-align: left;

	color: #24D6F3;

	font-family: "Verdana", sans-serif;

	font-size: .75em;

	

	position:relative; top:76px;

	float: right;

	margin: 0px

}


.nav {

	list-style-type: none;

	float: right;

	margin: 0px;

}



.nav li {

	float: left;

	height: 28px;

	background-image: url("images/navtab.png");

	width: 94px;

	margin-right: 3px;

}



.nav a {

	font-family: "Verdana", sans-serif;

	font-size: .65em;

	color: white;

	padding: 8px 0px 8px 0px;

	text-align: center;

	text-decoration: none;

	font-weight: bold;

	text-align: center;

	display: block;

}



.nav a:hover {

	float: left;

	background-image: url("images/navhover.png");

	width: 94px;

}



.nav a.active {

	background-image: url("images/navactive.png");

	color: gray;

}



.navspace {

	width: 70px;

	height: 25px;

	float: right;

}

div.topnav {

	background-color: #383838;

	height: 25px;

	width: 100%;

}



img.topnav {

	float: right;

	margin: 6px;

	margin-right:15px;

	border: 0px;

}

.header {
	position:relative;
	z-index:10;

	float: left;

	background-color: #0b7197;

	background-image: url("http://www.hammerheadmetalstructures.com/images/headerbg.png");

	background-repeat: no-repeat;

	width: 100%;

	height: 113px;

}


.logoheader { position:relative; width:920px; margin:0 auto; }
	.logoheader .logo { position:absolute; top:-10px; left:20px; }

.navi {

	height: 35px;

	width: auto;

	background-image: url("http://www.hammerheadmetalstructures.com/images/navbak.gif");

	text-align: left;

	color: #24D6F3;

	font-family: "Verdana", sans-serif;

	font-size: .75em;

	

	position:relative; top:76px;

	float: right;

	margin: 0px

}

.navspace {

	width: 70px;

	height: 35px;

	float: right;

}

/*Navigation*/



#navWrap{

	float:right;

	padding:32px 0 0 0;

}

#nav{

   z-index: 999;

   list-style: none;

   margin:0;

   padding:0;

}



#nav li{

   float: left;

   margin-right: 3px;

   font-size: 1.2em;

   padding:0;

}



#nav li a{

   float: left;

   display: block;

   height: 32px;

   padding: 5px 16px 0 16px;

   color:#24D6F3;

   text-decoration: none;

}



#nav li.current a{

   color: #16b1e3;

   background:#f1f3ee url(http://www.hammerheadmetalstructures.com/images/nav_bg.gif) repeat-x top left;

}



#nav li:hover,

#nav li.sfhover{

	color:#16b1e3;

	background:#f1f3ee url(http://www.hammerheadmetalstructures.com/images/nav_bg.gif) repeat-x top left;	

}





#nav li:hover a,

#nav li.sfhover a{

   color:#153c3a;



}



#nav li.current:hover a,

#nav li.sfhover.current a{

   color: #27333A;

  

}



#nav li ul{

   clear: left;

   position: absolute;

   left: -999em;

   z-index: 999;

   width: 161px;

   margin-top: 30px;

   margin-left: -1px;

   _margin-top: 0; /* IE6 Hack */

   border: 1px solid #bebeb1;

   border-top: 0;

   border-bottom: 0;

   list-style: none;

   line-height: 1;

   padding:0;

}



/* http://thatnorwegianguy.wordpress.com/2007/03/20/ie7-css-filter-hack/ */

*+html #nav li ul{

   margin-top: 0;

}



#nav li li{

   display: inline;

   _display: block;

   float: none;

   _float: left;

   margin: 0;

   font-size: .9167em;

   text-transform: none;

}



#nav li ul ul{

   margin: -31px 0 0 161px;

}



#nav li:hover ul ul,

#nav li.sfhover ul ul{

   left: -999em;

}







#nav li:hover ul,

#nav li li:hover ul,

#nav li.sfhover ul,

#nav li li.sfhover ul{

   left: auto;

}



#nav li li li{

   font-size: 1em;

}



#nav li:hover li a,

#nav li.sfhover li a{

   float: none;

   width: 133px;

   height: auto;

   padding: 9px 14px;

   border-top: 1px solid #FBFCFE;

   border-bottom: 1px solid #D3D6CD;

   background: #F1F3EE;

   color: #384751;

}



#nav li:hover li a:hover,

#nav li.sfhover li a:hover{

   background: #e8f1fc;

}


/* Main Content */



#all {

	margin-left: auto;

	margin-right: auto;

	width: 909px;

}

#print {

	margin-left: auto;

	margin-right: auto;

	width: 600px;

}


.banner {

	margin: 0px;

	margin-top: 10px;

	float: left;

	position:relative;
}


.banner p { width:524px; text-align:center; position:absolute; top:100px; left:370px; color:#ababab; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; }


.title {

	width: 606px;

	border: 0px;

	border-bottom: #bfbfbf 1px dotted;

	float: left;

	margin: 5px 0px 0px 0px; 



}





.maincontent {

	float: left;

	width: 606px;

	margin: 0px 15px 0px 0px;

}

.maincontent2 {

	
	width: 100%;

	margin: 0px 15px 0px 0px;

}


#innerpg {

	padding: 15px 0px 0px 0px;

}

.content {

	float: left;

	width: 606px;

}

.content2 {

	width: 100%;

}


p.welcometxt {

	color: #a4a4a4;

	font-family: "Verdana", sans-serif;

	font-size: .7em;

	margin: 10px 0px 0px 10px;

	padding: 5px;

	float: right;

	line-height: 1.5em;

	width: 330px;

}

.welcometxt-h2  {

	color: #0C68B8;

	font-family: "Verdana", sans-serif;

	font-size: 1.05em;

}	

p.txt {

	color: #a4a4a4;

	font-family: "Verdana", sans-serif;

	font-size: .7em;

	line-height: 1.5em;

	float: left;

	margin: 10px 0px 0px 0px;

}



p.txttitle {

	margin: 5px 0px 0px 0px;	

	color: #a4a4a4;

	font-family: "Verdana", sans-serif;

	font-size: .7em;

	line-height: 2em;

	float: left;

	width: 605px;

}



img.welcome {

	float: left;

	margin: 10px 10px 10px 0px;

	border: #BFBFBF 1px solid;

}



img.about {

	float: right;

	margin: 10px 10px 10px 0px;

	border: #BFBFBF 1px solid;

}



.column {

	float: left;

	width: 175px;

}



#col2 {

	margin: 0px 39px 0px 39px;

}

img.column {

	border: #BFBFBF 1px solid;

	float: left;

}



img.column:hover {

	border: #6a6a6a 1px solid;

}

h3.column {

	font-size: .7em;

	color: #a4a4a4;

	font-family: "Verdana", sans-serif;

	margin: 10px 0px 5px 0px;

}



h3.column a {

	color: #a4a4a4;

	text-decoration: none;	

}



h3.column a:hover {

	color: #6a6a6a;

	text-decoration:underline;

}



p.column {

	float: left;

	font-size: .65em;

	color: #a4a4a4;

	font-family: "Verdana", sans-serif;

	margin: 5px 0px 0px 0px;

	line-height: 1.2em;

}



/*Sidebar*/



.whitespace {

	width: 266px;

	height: 15px;

	float: left;

	border: 0px;

}

.sidebar {

	float: left;

	background-color: #f3f2e7;

	border: #dedecc 1px solid;

	width: 266px;

	margin: 20px 0px 0px 0px;

	padding: 10px;

}



.sidebartext {

	font-family: "Verdana", sans-serif;

	font-size: .65em;

	color: #A0A0A0;

	margin: 5px 0px 7px 0px;

	float: left;

}
.hammerheadblue {
				color: #0C68B8;
			}
.sidebartext2 {
			font-family: "Verdana", sans-serif;
			font-size: .65em;
			color: #A0A0A0;
			margin: 5px 0px 0px 0px;
			float: left;
			text-align: justify;
		}
.sidebarcalltoaction {
			font-family: "Verdana", sans-serif;
			font-size: 1em;
			color: #A0A0A0;
			margin: 5px 0px 0px 0px;
			float: left;
			text-align: center;
		}
.sidebarcalltoaction2 {
			font-family: "Verdana", sans-serif;
			font-size: 2em;
			color: #A0A0A0;
			margin: 5px 0px 0px 0px;
			float: left;
			text-align: center;
		}



.sidebarimg {

	float: left;

}



.testimony {

	font-family: "Verdana", sans-serif;

	font-size: .65em;

	color: #A0A0A0;

	margin: 5px 0px 7px 0px;

	float: left;

}



.testimony blockquote p cite{

	color:#5c5854;

}



.testimonial {

	background:url(../images/quote_left.gif) no-repeat left 0;

	text-indent:24px;

}

.testimony blockquote .last{

	background:url(../images/quote_right.gif) no-repeat right top;

	padding:0 20px 0 0;

}

.testimony blockquote p cite{

	color:#5c5854;

}



.search {

	float: left;

	border: #d6d5c4 1px solid;

	font-size: .75em;

	height: 17px;

	padding: 4px;

	margin: 5px 5px 0px 0px;

	font-family: "Arial", sans-serif;

	color: #b0afa3;

	background-color: #fffef0;

	width: 215px;

}



.searchbutton {

	float: left;

	background-color: #0b7197;

	height: 26px;

	padding: 4px;

	width: 35px;

	font-size: 11px;

	color: white;

	margin: 5px 0px 0px 0px;

	text-align: center;

	font-family: Georgia, "Times New Roman", Times, serif;

	border: 0px;

	font-weight: bold;

	text-decoration: none;

}



.searchbutton:hover {

	border: 0px;

	height: 26px;

	padding: 4px;

	background-color: #454545;

}



.newstitle {

	margin-bottom: 5px;

	float: left;

}



.news div a {

	float: left;

	width: 260px;

	border: 0px;

	background-color: #f3f2e7;

	text-decoration: none;

	border-top: #d8d7ce 1px dotted;

}



.news div a:hover {

	background-color: #eeecdd;

}



a strong.newsheader {

	width: 260px;

	font-size: 1em;

	color: #888888;

	font-family: "Verdana", sans-serif;

	text-decoration: none;

}



p.newstxt a{

	padding: 10px 0px 10px 5px;

	font-size: .70em;

	color: #999999;

	font-family: "Verdana", sans-serif;

	text-decoration: none;

	line-height: 1.3em;

}







/* Footer */



.footer {

	float: left;

	background-image: url("images/footerbg.png");

	background-repeat: repeat-x;

	width: 909px;

	height: 27px;

	text-align: center;

	font-family: "Verdana", sans-serif;

	font-size: .7em;

	color: #8a8a8a;

	padding: 8px 0px 5px 0px;

	margin: 25px 0px 10px 0px;

}



h1, h2{

	padding:0 0 20px 0;

	margin:0;

	color:#004a8a;

	font-family:Georgia, "Times New Roman", Times, serif;

}

h3, h4, h5, h6{

	padding:0 0 10px 0;

	margin:0;

	color:#004a8a;

	font-family:Georgia, "Times New Roman", Times, serif;

}

h1{

	font-size:24px;

}

h2{

	font-size:20px;

}



h3{

	font-size:16px;

}

h4{

	font-size:14px;

}



h5{

	font-size:12px;

}



h6{

	font-size:10px;

}

p{

	margin:0;

	padding:0 0 20px 0 ;

	line-height:20px;

	font-size:13px;

}





/*Breadcrumbs*/



.breadcrumbs{

	padding:10px 10px;

	margin:20px 0 20px 0;

	background:#f4f1ea;

	border:1px solid #ded7c9;

}

.yourhere{

	float:left;

	font-family:Georgia, "Times New Roman", Times, serif;

	color:#736f67;

	font-style:italic;

	padding-right:10px;

}

.breadcrumbs ul{

	list-style:none;

	padding:0;

	margin:0;

}

.breadcrumbs ul li{

	display:inline;

	margin:0 0 0 10px;

	color:#68645d;

	font-size: 13px;

	font-family: "Verdana", sans-serif;

	font-weight:bold;

}

.breadcrumbs ul li a{

	float:left;

	display:block;

	font-weight:normal;

	background:url(../images/breadcrumb_arrow.gif) no-repeat right 60%; 

	padding-right:15px;

	padding-left:10px;

	text-decoration:none;

	color:#2567b3;

}

.breadcrumbs ul li a:hover{

	color:#00408a;

}







/*Coda Slider*/

/*Slider Featured Products*/



#slideWrap  ul.featuredProducts{

  list-style: none;

  color: #333333;

  font-family: "Verdana", sans-serif;

  font-size:11px;

  margin: 0 0 20px 0;

  padding: 0;

  float:left;

}



#slideWrap ul.featuredProducts li{

  color: #333333;

  float: left;

  padding: 10px;

  display: block;

  margin-right: 10px;

  background:#f3f1ec;

}





#slideWrap  ul.featuredProducts li a{

  color: #333333;

  display: block;

  overflow: hidden;

  height: 75px;

  width: 75px;

  text-decoration:none;

}

#slideWrap  ul.featuredProducts li a:hover{

	text-decoration:none;

}



#slideWrap  #a1{

  width: 210px;

}



#slideWrap  ul li img{

  position: absolute;

  border: 3px solid #dad6cb;

}



#slideWrap  ul li span{

  margin: 0;

  color: #0b7095;

  padding: 0;

  width: 120px;

  display: block;

  margin-left: 85px;

  line-height:14px;

}



/*Table*/

table {  

  margin: 0 0px 20px 0px;

  float: left;

  padding: 0;

  display: block;

  font-size: 12px;

  border-collapse: collapse;

  width:100%;

}

table caption {

  margin: 0 12px;

  padding: 20px 0 5px 0;

  font: 12px arial, sans-serif;

  text-align: left;  

}



table th,table td {

  text-align: left;

  vertical-align: top;

  padding: 6px 10px;

}





thead th {

  color: #FFF;

  background-color: #6d6453;

  border-bottom: 1px solid #585043;

}



tbody tr.highlighted {

  background-color: #f3f2e7;

}



tbody td {

  border-bottom: 1px solid #d3ccbd;

}



/*tbody tr:hover td {
tbody tr:hover td {
  background: #cddfb1; 

  border-bottom: 1px solid #9fbb73;

}*/

tbody tr:hover,tbody tr.hover
  { background:#cddfb1;
   border-bottom: 1px solid #9fbb73;
  }


/*form - Form Style*/

form {

  padding: 20px 0;

}

label {

  float: left;

  width: 100px;

  padding-right: 1px;

}

input,

textarea{

  padding: 2px;

  font: 400 12px arial, sans-serif;

  background: #fff;

  border-width: 1px;

  border-style: solid;

  border-color: #c0c0ba #f4f4ec #f4f4ec #c0c0ba;  

}

input:focus,

textarea:focus{  

  color: #333;

  background-color: #e8f1fc;

}

#name, #email, #subject{

	width:200px;

}

#message{

	width:300px;

	height:150px;

}

input.button {

  padding: 1px 10px;

  font: bold 1em arial, sans-serif;

  cursor: pointer;

  color:#fff;

  background-color: #004a8a;

  border-width: 1px;

  border-style: solid;

  border-color: #0c68b8 #0c68b8 #023f74  #023f74;

}





/*errorMsg - Error Message Block style*/



.errorMsg {

	float:left;

	padding:20px 20px 0px 20px;

	background:#f2e6e4;

	font-family: "Verdana", sans-serif;

	font-size:11px;

	color:#98311d;

	margin:0 0 20px 0;

	border-top:1px solid #ad5341;

	border-bottom:1px solid #ad5341;

	width:93%;

}

.errorMsg h3{

	color:#98311d;

	margin:0;

	padding:0;

}

.errorMsg ul{

	margin:0;

	padding:0;

}

.errorMsg ul li{

	display:block;

	list-style:none;

	padding:0;

	margin:0;

}

.infoMsg {

	float:left;

	padding:20px 20px 0px 20px;

	background:#e6f4e8;

	font-family: "Verdana", sans-serif;

	font-size:11px;

	color:#319240;

	margin:0 0 20px 0;

	border-top:1px solid #ad5341;

	border-bottom:1px solid #ad5341;

	width:93%;

}

.infoMsg h3{

	color:#319240;

	margin:0;

	padding:0;

}