/* SM Morris CSS Document */
* {
	margin:0;
	padding:0;
	}
body {
	font-family: verdana, helvetica, arial, sans-serif;	
	padding: 0;	
	margin:0;	
	font-size:76%;
	background: #fff url(i/body-bg-grey.png) top left repeat-x; 	
	color:#333;
	}
#wrap {
	width:780px;
	/*max-width: 1200px; */
 	background: #fff url(i/header-bg.png) top right no-repeat;
	margin: 0 auto;
	/*border-left:10px solid #993232;*/
	}
p.img {text-align:center;}
/* Header
------------------------------------------------------------------*/
#header {

	height:63px; 
 
	}
#index-page #header {
	background:none;
	}
#header h1 {
	margin:0;
	padding:0;
	}
#header h1 a {
	background: url(i/sm-logo-01.png) no-repeat;
	float:left;
	width: 400px;
	height: 63px;
	display: block;
	text-decoration: none;
	}
#header h1 a:hover {
float:left;
	background: url(i/sm-logo-01.png) no-repeat 0 0;
	}
#header a span {
	visibility: hidden; 
	}
/* Layout 
------------------------------------------------------------------*/
#index-subnav {
	width:619px;
	float:right;
	margin-top:10px;
	margin-bottom: 10px;
	}
#tag-line {
	width:620px;

	float:right;

	}
#content {
	background: url(i/content-bg.png) bottom right no-repeat;

	float: right;
	width: 59%;
	}
 
#sidebar {
	background: url(i/sidebar-bg.png) top right repeat-y;
	margin-bottom:15px;
	float: left;
	width: 41%;
	}
 
#footer {
	clear: both;
	padding-top: 5px;
	padding-bottom:15px;
	background: #FFF url(i/footer-bg.png) top left no-repeat;
	text-align:center;
	margin:0 auto;	
	}
#footer2 {width:750px;margin:0 auto;}
#footer2 table {width:230px;}	
/* gutters */

#content .gutter {
	padding: 5px 25px 25px 25px;
 
	}
#sidebar .gutter, #sidebar-2 .gutter {
	padding: 15px;
 
 
	}
/* Main navigation
------------------------------------------------------------------*/
div#globalnavbar {
	background:transparent;
	position: relative;
	width: 619px;
	height: 25px;
	text-align: left;
	overflow: hidden;
	float:right;
	margin-bottom: 20px;
	padding-top:11px;
	}
body#index-page div#globalnavbar {
	margin-bottom: 0px;	
	}
div#globalnav	{
	width: 619px;
	height: 25px;
	}

div#globalnav ul#menu {
	height: 25px;
	width: 619px;
	background: transparent url(i/nav.png) top left no-repeat;
	position: relative;
	}

div#globalnav ul#menu li {
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#menu li, ul#menu a {
	height: 25px;
	display: block;
	}
div#globalnav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
div#globalnav ul#menu li {
	text-indent: -9999px;
	text-decoration: none;
	}	
#about {left: 0px; width: 54px;}
#civil-eng {left: 78px; width: 102px;}
#asphalt	{left: 203px; width: 50px;}
#concrete	{left: 277px; width: 56px;}
#aggregates	{left: 357px; width: 68px;}
#contracts	{left: 451px; width: 61px;}
#contact	{left: 532px; width: 65px;}

#about a:hover	{background: transparent url(i/nav.png) 0px -25px no-repeat;}
#civil-eng a:hover	{background: transparent url(i/nav.png) -78px -25px no-repeat;}
#asphalt a:hover {background: transparent url(i/nav.png) -203px -25px no-repeat;}
#concrete a:hover {background: transparent url(i/nav.png) -277px -25px no-repeat;}
#aggregates a:hover {background: transparent url(i/nav.png) -357px -25px no-repeat;}
#contracts a:hover {background: transparent url(i/nav.png) -451px -25px no-repeat;}
#contact a:hover {background: transparent url(i/nav.png) -532px -25px no-repeat;}

/* Main navigation "active tabs"
------------------------------------------------------------------*/

body#index-page #about {background: transparent url(i/nav.png) 0px -25px no-repeat;}	
body#civil-eng-page #civil-eng {background: transparent url(i/nav.png) -78px -25px no-repeat;}
body#asphalt-page #asphalt {background: transparent url(i/nav.png) -203px -25px no-repeat;}
body#concrete-page #concrete {background: transparent url(i/nav.png) -277px -25px no-repeat;}
body#aggregates-page #aggregates {background: transparent url(i/nav.png) -357px -25px no-repeat;}
body#contracts-page #contracts {background: transparent url(i/nav.png) -451px -25px no-repeat;}
body#contact-page #contact {background: transparent url(i/nav.png) -532px -25px no-repeat;}


/* Silding Nav 
------------------------------------------------------------------*/
			#Menu2,
			#Menu2 ul {
				list-style : none;
				width : 248px;
			}
			#Menu2 a.head {
				background: url(i/projects-header.png) no-repeat;
				color : #000;
				display : block;
				height:25px;
				text-decoration:none;
			}
			#Menu2 a span {
					visibility: hidden; 
					}
			#Menu2 ul li {
				padding-top:3px;
				padding-bottom:3px;
				}
			#Menu2 ul a {
			display:block;
				background : #eee;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:0.9em;
 	text-decoration:none;
	color:#000;
			}
			#Menu2 ul a:hover {
				background : #ccc;
				text-decoration:none;
			}
			#Menu2 ul a.current {
				background:#ccc;
				}
/* general link styles 
------------------------------------------------------------------*/

	a	{
		color: #FF6414;
		/*font-weight:bold;*/
		text-decoration: none;
		background-color: transparent;
		}

	a:link	{
		color: #FF6414;
		text-decoration: none;
		background-color: transparent;
		} 

	a:visited	{
		color: #FF6414;
		text-decoration: none;
		background-color: transparent;
		} 

	a:active	{ 
		color: #FF6414;  
		text-decoration:underline;
		background-color: transparent;
		} 

	a:hover		{ 
		color: #FF6414; 
		text-decoration:underline; 
		background-color: transparent;
		}
#footer	a	{
		color: #fff;
		/*font-weight:bold;*/
		text-decoration: none;
		background-color: transparent;
		}

#footer	a:link	{
		color: #fff;
		text-decoration: none;
		background-color: transparent;
		} 

#footer	a:visited	{
		color: #fff;
		text-decoration: none;
		background-color: transparent;
		} 

#footer	a:active	{ 
		color: #fff;  
		text-decoration:underline;
		background-color: transparent;
		} 

#footer	a:hover		{ 
		color: #fff; 
		text-decoration:underline; 
		background-color: transparent;
		}		
/* --------------------------------------------- Typography ------------ */ 
h1, h2, h3, h4, h5, h6 {
	/*font-family:"Courier New", Courier, monospace;*/

	color:#FF6414;
}

h2 {
	font-size: 2em;
	display:block;
}

h3 {
/*	display: block;*/
	font-size: 1.3em;
}
h3.tag {
 
	font-size: 2em;
}
h4 {
 
	font-size: 1.2em;
	margin: 20px 0 20px 0;
 
}

h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}
img {
	border: none;
	}
#content ol, #content ul, #content li {
	font-size: 11px;
	line-height: 1.2em;
	margin-top: 0.2em;
	margin-bottom: 0.3em; 
	margin-left: 2em;
	} 
#content p {
	font-size: 11px;
	line-height: 1.8em;
	margin: 0.6em 0em 0.6em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
p.right {
	text-align:right;
	}
#footer p {
color:#fff;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	font-size: 85%;
  
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}

td {width:50%}
.directions td {width:auto; padding:2px;}
tr.odd td	{
	background:#ccc;
	}
/*  IE fixes */
#content, #sidebar {
	height: 1%;
	}
	
/* Hides from IE/Mac \*/
* html .feature { 
	height: 1%; 
	}
#footer {
	height: 1%;
	}

#table {
	width:100%;
	margin:0 auto;}
td {
	vertical-align:top;
	}
	
/* Images */

img.index-image {
	border:none;
	margin:0;
	padding:0;
	}
img.index-image-left {
	float:left;
	border:none;
	margin:0;
	padding:0;
	}
img.article {
	float:right;
	border: 9px solid #fffdf3;
	margin: 0 0 1em 1em;
	}
img.side-article {
	border: 10px solid #eee;
	}	
/* Forms */

input.input {
	background:#F9F3E7;
	border: 1px solid #D46064;
	margin-left: 3em;
	color:C62D33;
	}
input.submit {
	background:none;
	border:none;
	color:C62D33;
	}		
		
/* Bot-links
------------------------------------------------------------------*/
#bot-links {
	clear:both;
	margin-bottom:12px;}
#bot-links td{
	width:25%;
	padding-left:16px;
	}
h6.bot-01 {
	margin:0;
	padding:0;
	}
h6.bot-01 a {
	background: url(i/civil-img.jpg) no-repeat;
	float:left;
	width: 161px;
	height: 134px;
	display: block;
	text-decoration: none;
	}
h6.bot-01 a:hover {
float:left;
	background: url(i/civil-img.jpg) no-repeat 0 0;
	}

h6.bot-02 {
	margin:0;
	padding:0;
	}
h6.bot-02 a {
	background: url(i/aggregates-img.jpg) no-repeat;
	float:left;
	width: 161px;
	height: 134px;
	display: block;
	text-decoration: none;
	}
h6.bot-02 a:hover {
float:left;
	background: url(i/aggregates-img.jpg) no-repeat 0 0;
	}

h6.bot-03 {
	margin:0;
	padding:0;
	}
h6.bot-03 a {
	background: url(i/asphalt-img.jpg) no-repeat;
	float:left;
	width: 161px;
	height: 134px;
	display: block;
	text-decoration: none;
	}
h6.bot-03 a:hover {
float:left;
	background: url(i/asphalt-img.jpg) no-repeat 0 0;
	}

h6.bot-04 {
	margin:0;
	padding:0;
	}
h6.bot-04 a {
	background: url(i/concrete-img.jpg) no-repeat;
	float:left;
	width: 161px;
	height: 134px;
	display: block;
	text-decoration: none;
	}
h6.bot-04 a:hover {
float:left;
	background: url(i/concrete-img.jpg) no-repeat 0 0;
	}

#bot-links a span {
	visibility: hidden; 
	}
h3.projects {
	display:block;
	margin:0;
	padding:0;
	}
h3.projects a {
	background: url(i/projects-header.png) no-repeat;
	float:left;
	width: 248px;
	height: 25px;
	display: block;
	text-decoration: none;
	}
h3.projects a:hover {
	float:left;
	background: url(i/projects-header.png) no-repeat 0 0;
	}
h3.projects a span {
	visibility: hidden; 
	}	
	
	
	/* form.css */

form {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  min-width: 360px;
  max-width: 420px;
  width: 420px;
}



label {
  font-size: 100%;
}

label u {
  font-style: normal;
  text-decoration: underline;
}

input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #025995;
  border: 1px solid #808080;
  background:#e6e6e6;
}

textarea {
  overflow: auto;
}

form div {
  clear: left;
  display: block;
  width: 500px;
  height: expression('1%');
  margin: 5px 0px 10px 0px;
  padding: 1px 3px;
}

form div.required fieldset legend {
  font-weight: bold;
}

form div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  text-align: right;
}

form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
}



form div img {
  border: 1px solid #000000;
}

form div input, form div select, form div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0px 0px 0px 0px;
}

form div input.inputFile {
  width: 211px;
}

form div select.selectOne, form div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border-width: 0px;
  padding: 0px;
  margin: 0px 0px 0px 140px;
}

form div.submit {
  width: 214px;
  padding: 0px 0px 0px 137px;
}

form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0px;
  margin: 0px;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #808080;
  color: #e2e2e2;
  width: auto;
  padding: 0px 6px;
  margin: 0px;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0px 0px 0px 5px;
}

p.formz {clear:left; width:50%;}



table.logo {width:250px;clear:left;margin-left:15px;}

/* Bluebloc Footer Link */
p.bbd {color:#e9e9e9;text-align:center;}
a.bbd, a.bbd:link {color: #e9e9e9; text-decoration: none;}
a.bbd:visited {color: #999;} 
a.bbd:hover	{color: #333; text-decoration:underline;}
a.bbd:active {color: #666; text-decoration: line-through;}