/* 
		crainsconstruction.com Main CSS File
		Created by: Netcerus - http://www.netcerus.com
	*/
	
	/* =Global
	--------------------------------------------------*/
	body, html {
		margin: 0;
		padding: 0;
	}
	
	body {
		min-width: 750px;
		min-height: 500px;
		background-image: url(../images/body-bg.jpg);
		background-color: #989898;
		background-repeat: repeat-x;
		background-position: top;
	}
	
	#wrap {
		margin: auto;
		width: 900px;
	}
	
	#header {
		background-image: url(../images/headmast-bg-logo.jpg);
		background-repeat: no-repeat;
		height: 135px;
		margin: 0 0 1px 0;
	}
	
	#header h1 {
    	padding: 5px;
	    margin: 0;
    }
	
	/* =Navigation
	--------------------------------------------------*/
	
	#nav {
		height: 33px;
		background-image: url(../images/red-grad.gif);
		background-repeat: repeat-x;
		margin: 0;
		padding: 0;
	}
	
	#navshadow {
		width: 900px;
		height: 7px;
		background-image: url(../images/menu-shadow.jpg);
		background-repeat: repeat-x;
		background-position: bottom;
	
		padding: 0;
	}		
	
	/*  IE 7 Fix for Dropshadow */
	#navshadow {_margin-top: -10px;}
	html > body #navshadow {margin-top: 0;}
	
	#nav ul{
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		width: 100%;
	} 
	#nav ul li {
		display: inline;
	}
	
	#nav li a{
		color: #FFFFFF;
		text-decoration: none;
		float: left;
		padding: 8px 10px 0 10px;
		background-image: url(../images/red-grad.gif);
		background-repeat: repeat-x;
		height: 25px;
		border-right: 1px solid #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
	}
	
	#nav li a:hover{
		background-image:url(../images/gray-grad.jpg);
		background-position:bottom;
		background-repeat: repeat-x;
		text-decoration: none;
	}
	
	/* =Layout
	--------------------------------------------------*/
	
	#main {
		float:left;
		width:500px;
	}
	
	#wrap {
		margin-bottom: 50px;
		
	}
	
	#contentwrap {
		margin: 15px 0 0 0;
		padding: 15px 30px 80px 30px;
		border: 1px solid #EAEAEA;
		background-color: #FFFFFF;
	}
	
	#sidebar {
		float:right;
		width:264px;
		border: 1px solid #EAEAEA;
		padding: 0;
		margin-top: 40px;
	}
	
	#footer {
		clear:both;
		background-image:url(../images/footer-bg.jpg);
		height: 107px;
		padding: 0;
		margin: 0;
		float:left;
        width:100%;
	}
	
	#sidebar img{
		padding: 6px;
	}
	
	form {
		padding: 0 0 0 10px;
	}
	
	/* =Typography
	--------------------------------------------------*/
	h1, h2, h3, h4, h5, p, li, label {
		font-family:Arial, Helvetica, sans-serif;
	}
	
	p a {
		color: #9B0A0B;
	}
	
	p a:hover {
		color: #E91010;
	}
	
	#header h1 {
		display:none;
	}
	
	#main h1 {
		font-size: 150%;
		color: #B30707;
		font-weight: bold;
		border-bottom: 1px solid #B30707;
	}
	
	#main p, li {
		font-size: 90%;
	}
	
	#main ul {
		list-style: square;
	}
	
	#main ul  ul{
		margin-left:10px;
		padding-left: 10px;
	}
	
	#sidebar ul {
		margin-bottom:0;
    }
	
	#main h2, #main h3, #main p {
		padding:0 10px;
    }
	
	#footer p {
		color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		padding: 10px 0 0 42px;
		margin: 0;
    }
	
	#footer a {
		color: #FFFFFF;
	}
	
	#sidebar h3{
		margin: 0;
		padding: 3px;
		background-color: #9B0A0B;
		font-weight: bold;
		color: #ffffff;
		font-size: 75%;
	}
	
	#sidebar h3{
		margin: 0;
		padding: 3px 5px 3px 6px;
		background-color: #9B0A0B;
		font-weight: bold;
		color: #ffffff;
		font-size: 80%;
	}
	
	#sidebar p{
		font-size: 75%;
		padding: 0 5px 5px 5px;
	}
	
	label {
		font-size: 14px;
	}
	
	label.error {
		color: #FF0000;
		font-size: 10px;
		padding-left: 0.5em;
		vertical-align: top;
	}
	
	.req {
		color: red;
	}
	
	#contactform {
		width: 100%;
	}
	
	.spectre {
		visibility:hidden;
		display: none;
		height: 0;
		width: 0;
	}