/*
Theme Name: January 28 Test
Description: Full Page Image
Author: Kyle Burgess
*/

/* ------------------------ Defaults -------------------------- */

html, body, header, #page, #main, footer, #footer-main, img, titlecard {
	border: 0px auto;
	margin: 0px auto;
	outline: 0px auto;
	padding: 0px auto;
	clear: both;
	text-align:left;

}

a img {
	border: 0;
}


h1,h2,h3,h4,h5,h6 {
	clear: both;
}

p {
	margin-bottom: 1.625em;
}
ul, li {
	padding: 0;
}

hr.banner {
	margin:-2px;
	}

/* ------------------------ Structure ------------------------ */

body {
	width: 1005;
	color: #fff;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.625;
	background-color: #222;

}

#bg {
	background-image: url('http://test.hulo.ca/images/bg.png');
	background-size: 100%;	
}


header {
	width: 1000px;
	height: 105px;
	margin-bottom: 10px;
	background-image: url('http://test.hulo.ca/images/black80.png');;
		
	/* rounded edges */
	-moz-border-radius: 0px 0px 15px 15px;  
	-webkit-border-radius: 0px 0px 15px 15px;  
	border-radius: 0px 0px 15px 15px;
}


#logo {
	float:left;
	margin: 10px 10px 10px 10px;
	width: 100px;
}


#navpanel {
	float: right;
	padding-top:15px;
}


#page {
	width: 1000px;
	padding: 0px 0px 0px 0px;
	
}

#main {
	text-align:left;
	width: 980px;	
	padding: 10px;
	background-image: url('http://test.hulo.ca/images/black70.png');
	margin-bottom: 10px;

	/* rounded edges */
	-moz-border-radius: 0px 0px 15px 15px;  
	-webkit-border-radius: 0px 0px 15px 15px;  
	border-radius: 0px 0px 15px 15px;


}


#featured {
	text-align:left;
	width: 980px;	
	padding: 10px;
	background-image: url('http://test.hulo.ca/images/black60.png');
	
	/* rounded edges */
	-moz-border-radius: 0px 0px 15px 15px;  
	-webkit-border-radius: 0px 0px 15px 15px;  
	border-radius: 0px 0px 15px 15px;
}


footer {
	background-color: #222;
	text-align: center;
	height: 180px;
	width: 100%;
	padding: 0 auto;
	margin: 0 auto;
}

#footer-main {
	text-align:left;
	padding: 10px 10px 0px 10px;
	margin: 0 auto;
	width: 1000px;
	height: 100%;	
}

#address {
	float:left;
	color:#fff;
	padding: 0px 10px 10px 10px;
	margin: 0 auto;
	height: 100%;
}



/* ---------------------- Alignment ----------------------------- */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* ------------------------ Links ---------------------------------*/
a {
	color: #006699;
	text-decoration: none;
}

a:focus,
a:active,
a:hover {

	text-decoration: underline;
}


/* ------------------------- Main Nav ----------------------------------*/

#nav-main {
	/* Style of whole page width */
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

#nav-main li {  
	/* positions the links in the 1000px nav */
	float:left;  
	display:block;  
	position:relative;  
 	border:none;  
	padding: 0px 10px 14px 15px; 
}

#nav-main li a {
	/* Style of the link text */
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
}
/* ------------------------- Industry Nav ----------------------------------*/

#navpanel-industry {
	width: 1000px;
	clear: both;
}


#nav-industry {
	/* Style of whole page width */
	clear: both;
	display: block;
	float: left;
	width: 100%;
	height: 10px;
	margin-bottom: 10px;
	padding-bottom: 15px;
	text-align: center;
	

}

#nav-industry li {  
	/* positions the links in the 1000px nav */
	float:left; 
	display:block;  
 	border:none;  
	padding: 0px 10px 10px 15px; 
	margin-top: -10px; 
	

}  

#nav-industry li a {
	/* Style of the link text */
	text-decoration: none;
	color: #006699;
	font-size: 12px;
	
}

#nav-industry li:hover a {  
    	color:#fff;  
      
}

#nav-industry li:hover {  
    
	padding: 0px 10px 5px 15px; 
  	text-decoration: none;
	height: 10px;
	
	color: #fff;

}



#nav-industry .current_page_item > a,
#nav-industry .current_page_ancestor > a {
	color:red;
	}

/* --------- Custom Banner ----------------*/

h1.banner {
	color: #fff;
	font-size: 50px;
	font-weight: bold;
}

h3.banner {
	color: #fff;
	font-size: 30px;
	font-weight: 100;
}

a.banner {
	text-decoration:none;
}

strong.banner {
	font-weight: 500px;
}

p.banner {
	font-size: 15px;
	color: #fff;
}

img.banner {
	float:right; 
	width:300px; 
	height:333px;
	padding: 10px 60px 0px 0px;
}

/* ------- Footer ----------- */


hr.footer {
	margin:-1px;
	}