/*  
Theme Name: VisionSteel
Theme URI: http://metalbuildinggroup.ca/visionsteel/
Description:  
Version: 0.1
Author: CrowdPeople
Author URI: http://www.blogmum.com
Tags:
*/
/* MAIN LAYOUT DIVS */

* {
border: 0px;
margin: 0px;
padding: 0px;
}

a.link, h2 a.link, h2 a.visited {
color: #003667 !important;
text-decoration: none !important;
}

a.visited {
color: #333;
text-decoration: none;
}

a.hover {
text-decoration: underline;
}

html, body {
min-height: 100%;
}

body {
font-family: Verdana, Arial, sans-serif;
background: white url('watermark_homepage.jpg');
}

#pagebackground {
position: absolute; 
background: white url('watermark_homepage.jpg');
top:0; 
left:0; 
width:100%; 
min-height:100%;
}

#main {
width: 1000px;
margin: 0px auto;
position: relative; 
z-index: 1;
}

#header {
padding-top: 20px;
height: 138px;
background: #fff;
width: 1003px;
}
#logo {
float: right;
font-size: 80%;
text-align: right;
margin-top: 40px;
display: none;
}
#logo img {
}

#tagline {
float: left;
padding: 5px;
color: #999;
font-size: 120%;
}

#greynavbar {
	background: #ccc;
background: #00487a;
	width: 993px;
	height: 30px;
	font-size: 15px;
	font-family: Arial, Tahoma, Verdana;
	color: #666;
	font-weight: bold;
	margin: 0px auto;
    margin-top: 0px;
	padding: 5px;
	}

	
#greynavbar a, #navbar a:visited {
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	padding: 0px 0px 0px 3px;
	}
	
#greynavbar a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	padding: 0px 0px 0px 3px;
	}
	

#greynavbarleft {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
#greynavbarright {
	font-size: 14px;
	float: right;
	margin: 0px;
	padding: 7px 3px 0px 0px;
	}
	

#greynav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	

#greynav a, #greynav a:visited {
	background: transparent;
	color: #fff;
	display: block;
         font-weight: bold;
         margin: 0px 0px 0px 0px;
	padding: 7px 20px 7px 20px;
-moz-opacity: 1;
opacity: 1;
	}
	
#greynav a:hover {
	background: #ffffff;
	color: #3b6a9a;
	display: block;
	text-decoration: none;
         margin: 0px 0px 0px 0px;
	padding: 7px 20px 7px 20px;
	}
 .current_page_item {
	/*background: #ffffff !important;*/
	color: #3b6a9a !important;
	display: block;
	text-decoration: none;
         margin: 0px 0px 0px 0px;
	padding: 7px 20px 7px 20px;
	}

#greynav li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#greynav li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 150px;
	}
	

#searchbox {
float: right;
}

#s {
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

#contentwrapper {
border: 5px solid #00487a;
border-bottom: 0px;
margin-top: 15px;
padding: 5px 0 5px 5px;
float: left;
background: #fff;
width: 989px;
}

#lowerwrapper {
float: left;
padding: 5px 0 5px 5px;
}

#lowercontent {
width: 620px;
float: left;
padding: 10px;
}

#lowersidebar {
width: 320px;
float: left;
margin-right: 10px;
}

.projectpost {
clear: both;
border-top: 3px solid #cecfce;
padding: 5px 0px;
font-size: 100%;
}

.projectpix {
float: right;
}

.projectpix img {
margin: 5px;
border: 1px solid #999;
padding: 2px;
}


h2 {
color: #06447d;
font-size: 16pt;
font-weight: normal;
padding: 0px;
}

#lowercontent h2 {
padding-top: 10px !important;
}

#lowercontent p {
margin: 10px 0px;
font-size: 90%;
line-height: 1.5;
}

h3 a {
color: #666;
text-decoration: none;
padding: 0px;
}

#footer {
clear: both;
width: 100%;
color: white;
background: #06447d;
border-top: 3px solid #00487a;
text-align:center;
height: 33px;
font-size: 80%;
padding-top: 18px;
}

/* LOWER SIDEBAR */
.lsbbox {
border:5px solid #ccc; 
margin: 20px 0px 20px 0px;
width: 100%;
}

.yellow {
background: transparent url('yellowgradbg.png') repeat-x bottom;
}

.lsbinner {
padding: 5px;
}

.lsbbox h2 {
background: #7f9ebb;
padding: 2px !important; 
}

.lsbbox a {
color: #333;
text-decoration: none;
}

.lsbbox p {
font-size: 80%;
}

.quoteform { width: 100%; }
.quoteform dt {float: left; font-size: 90%;}
.quote {width: 150px; }
.quoteform dd {margin: 0 5em 1em 8em;}
.orange { color: #ea5135; }

input, textarea {
border: 1px solid #ccc;
}

/*POST DATE STUFF */
.recent {
margin-bottom: 5px;
padding: 5px;
border-bottom: 3px solid #ccc;
overflow: hidden;
}

.postdate {
  position: relative;
  width: 50px;
  height: 50px;
  float: left;
margin-right: 10px;
}
.month, .day, .year {
  position: absolute;
  text-indent: -1000em;
  background-image: url('dates.png');
  background-repeat: no-repeat;
}
.month { top: 2px; left: 0; width: 32px; height: 24px;}
.day { top: 25px; left: 0; width: 32px; height: 25px;}
.year { bottom: 0; right: 0; width: 17px; height: 48px;}

.m-01 { background-position: 0 4px;}
.m-02 { background-position: 0 -28px;}
.m-03 { background-position: 0 -57px;}
.m-04 { background-position: 0 -91px;}
.m-05 { background-position: 0 -121px;}
.m-06 { background-position: 0 -152px;}
.m-07 { background-position: 0 -186px;}
.m-08 { background-position: 0 -216px;}
.m-09 { background-position: 0 -246px;}
.m-10 { background-position: 0 -274px;}
.m-11 { background-position: 0 -306px;}
.m-12 { background-position: 0 -336px;}

.d-01 { background-position: -50px 0;}
.d-02 { background-position: -50px -31px;}
.d-03 { background-position: -50px -62px;}
.d-04 { background-position: -50px -93px;}
.d-05 { background-position: -50px -124px;}
.d-06 { background-position: -50px -155px;}
.d-07 { background-position: -50px -186px;}
.d-08 { background-position: -50px -217px;}
.d-09 { background-position: -50px -248px;}
.d-10 { background-position: -50px -279px;}
.d-11 { background-position: -50px -310px; }
.d-12 { background-position: -50px -341px; }
.d-13 { background-position: -50px -372px; }
.d-14 { background-position: -50px -403px; }
.d-15 { background-position: -50px -434px; }
.d-16 { background-position: -50px -465px; }
.d-17 { background-position: -102px 0px; }
.d-18 { background-position: -102px -31px; }
.d-19 { background-position: -102px -62px; }
.d-20 { background-position: -102px -93px; }
.d-21 { background-position: -102px -124px; }
.d-22 { background-position: -102px -155px; }
.d-23 { background-position: -102px -186px; }
.d-24 { background-position: -102px -217px; }
.d-25 { background-position: -102px -248px; }
.d-26 { background-position: -102px -279px; }
.d-27 { background-position: -102px -310px; }
.d-28 { background-position: -102px -341px; }
.d-29 { background-position: -102px -372px; }
.d-30 { background-position: -102px -403px; }
.d-31 { background-position: -102px -465px; }

.y-2006 { background-position: -150px 0;}
.y-2007 { background-position: -150px -50px;}
.y-2008 { background-position: -150px -100px;}
.y-2009 { background-position: -150px -150px;}
.y-2010 { background-position: -150px -200px;}
.y-2011 { background-position: -150px -250px;}

/* PAGE TEMPLATE */
.isq {
float: left;
text-align: center;
height: 151px;
color: white;
font-weight: bolder;
font-size: 14px;
margin-right: 10px;
}

.isq img {
margin: 0px auto;
}

.isq a {
color: white;
text-decoration: none;
}




.warehousing a {
padding-top: 12px;
text-align: center;
display: block;
background: transparent url('./industrysquares/off_warehousing.jpg') no-repeat top center;
color: white;
font-weight: bolder;
font-size: 14px;
width: 151px;
height: 151px;
}

.on-warehousing {
padding-top: 12px;
display: block;
background: transparent url('./industrysquares/on_warehousing.jpg') no-repeat top center;
color: white;
font-weight: bolder;
font-size: 14px;
height: 151px;
width: 151px;
}
.commercial a {
padding-top: 12px;
display: block;
background: transparent url('./industrysquares/off_commercial.jpg') no-repeat top center;
color: white;
font-weight: bolder;
font-size: 14px;
width: 151px;
height: 151px;
}

.on-commercial {
padding-top: 12px;
display: block;
background: transparent url('./industrysquares/on_commercial.jpg') no-repeat top center;
color: white;
font-weight: bolder;
font-size: 14px;
height: 151px;
width: 151px;
}
.industrial a {
padding-top: 12px;
display: block;
background: transparent url('./industrysquares/off_industrial.jpg') no-repeat top center;
color: white;
font-weight: bolder;
font-size: 14px;
width: 151px;
height: 151px;
}


.on-industrial{
padding-top: 12px;
display: block;
background: transparent url('./industrysquares/on_industrial.jpg') no-repeat top center;
color: white;
font-weight: bolder;
font-size: 14px;
height: 151px;
width: 151px;
}


.recreational a {
padding-top: 12px;
display: block;
background: transparent url('./industrysquares/off_recreational.jpg') no-repeat top center;
color: white;
font-weight: bolder;
font-size: 14px;
width: 151px;
height: 151px;
}

.on-recreational {
padding-top: 12px;
display: block;
background: transparent url('./industrysquares/on_recreational.jpg') no-repeat top center;
color: white;
font-weight: bolder;
font-size: 14px;
height: 151px;
width: 151px;
}

.agricultural a {
padding-top: 12px;
display: block;
background: transparent url('./industrysquares/off_agricultural.jpg') no-repeat top center;
color: white;
font-weight: bolder;
font-size: 14px;
width: 151px;
height: 151px;
}
.on-agricultural {
padding-top: 12px;
display: block;
background: transparent url('./industrysquares/on_agricultural.jpg') no-repeat top center;
color: white;
font-weight: bolder;
font-size: 14px;
height: 151px;
width: 151px;
}

.institutional a {
padding-top: 12px;
display: block;
background: transparent url('./industrysquares/off_institutional.jpg') no-repeat top center;
color: white;
font-weight: bolder;
font-size: 14px;
width: 151px;
height: 151px;
}
.on-institutional {
padding-top: 12px;
display: block;
background: transparent url('./industrysquares/on_institutional.jpg') no-repeat top center;
color: white;
font-weight: bolder;
font-size: 14px;
height: 151px;
width: 151px;
}


.warehousing a:hover {
background: transparent url('./industrysquares/on_warehousing.jpg') no-repeat top center !important;
}
.commercial a:hover {
background: transparent url('./industrysquares/on_commercial.jpg') no-repeat top center !important;
}
.industrial a:hover {
background: transparent url('./industrysquares/on_industrial.jpg') no-repeat top center !important;
}
.institutional a:hover {
background: transparent url('./industrysquares/on_institutional.jpg') no-repeat top center !important;
}
.agricultural a:hover {
background: transparent url('./industrysquares/on_agricultural.jpg') no-repeat top center !important;
}
.recreational a:hover {
background: transparent url('./industrysquares/on_recreational.jpg') no-repeat top center !important;
}



.grey {
color: #666;
}

/* image preloader */
.hidden-image { display: none; }

ul {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
}

#workheader p {
	font-size: 14px;

}