/*
Theme Name: Innu/Innuit Custom WordPress Theme 2013
Theme URI: http://www.innuinuit.com/wp-content/themes/innuinuitcustom2013/
Description: Custom WordPress theme for Hagerty/Penashue Holdings Inc. and Nitassinan/Nunatsuak Supplies Inc.
Author: AmandaMarks Creative
Author URI: http://www.amandamarks.com
Version: 1.20130120
*/

/*COMMON TO ALL THEME LAYOUT*/
body{
  background-color: #800000; margin: 0 0 0 0; padding: 0 0 0 0;}

img{ max-width:100% !important;}

/*TOP OF EVERY PAGE - WHERE THE LOGO, HOTLINKS NAD SOCIAL MEDIA ICONS GO*/
#white-bar{width: 100%;
background-color: #ffffff; 
border-bottom: 1px solid #942C38;
height: 110px; 
  -moz-box-shadow: 0 2px 12px 0 #000000;
  -webkit-box-shadow: 0 2px 12px 0 #000000;
  -o-box-shadow: 0 2px 12px 0 #000000;
  box-shadow: 0 2px 8px 0px #000000;
} 
#white-bar-inside{width: 860px;
padding-top: 10px;
margin-right: auto;
margin-left: auto;}   

.smicons{float: right;
width: 110px;
padding-top: 22px;}

.hotlinks{margin-right: 110px;
margin-left: 300px;
padding-top: 30px;}

.hotlinks ul{   
  list-style-image:url('http://www.innuinuit.com/wp-content/themes/innuinuitcustom2013/images/hotlinks.png');
	margin: 0;
	padding: 0 0 0 0;
	text-align: right;}

.hotlinks li{
	display: inline;
	margin: 0 0 0 0;
	padding: 0 0 0 0;}  
	
.hotlinks li a{font-family: verdana;
font-size: 12px;
font-weight: normal;
color: #0068A2;
margin: 0;
padding: 0 8px 0 8px;
text-transform: uppercase;   
border-left: 1px solid #84D6F7;}    

.hotlinks ul li:first-child a {border-left: none;
padding-left: 0px;
margin-left: 0px;}

.hotlinks li a:hover{color: #95D9F5;}

#logo{float: left;
width: 310px;
padding: 0;
margin: 0 0 0 0;}


/*FOR EVERY PAGE - BLUE BAR THAT GOES ACROSS THE PAGE AND THE MAIN MENU*/  
#blue-bar{width: 100%;
  background-color: #0068A2;
height: 36px;
border-bottom: 1px solid #95C9E7;
box-shadow: 0 0 15px #5D8399;
} 
#blue-bar-inside{width: 880px;
margin-right: auto;
margin-left: auto;
padding-top: 0;}
  
/*MAIN MENU AREA*/    
.mmenu{ width: 820px;
margin-right: auto;
margin-left: auto;
padding: 0 0 0 0;}   

.mmenu ul{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	text-align: left;}

.mmenun li{
	display: inline;}
	
.mmenu ul li a{display: inline-block;
line-height: 100%;
font-family: verdana, sans-serif;
font-size: 16px;
font-weight: normal;
color: #ffffff;
margin: 6px 0 12px 0;
padding: 0 5px 5px 14px; 
border-left: 1px solid #317195;}    

.mmenu ul li:first-child a {border-left: none;
padding-left: 0px;
margin-left: 0px;}

.mmenu ul li a:hover{color: #95C9E7;}  


#outside-content-wrapper{
  width: 100%;
  background-image: url(http://www.innuinuit.com/wp-content/themes/innuinuitcustom2013/images/mountainrange.jpg);
  background-repeat: no-repeat; 
  background-color: #ffffff;}

#filler{width: 898px;
height: 160px;
margin-right: auto;
margin-left: auto;}    

#blog-filler{width: 898px;
height: 110px;
margin-right: auto;
margin-left: auto;}    

/*THE TRANSPARENT BAR THAT GOES ACROSS THE BODY AREA OF EVERY PAGE*/
#top {
    width: 898px;
    background-color: #800000;
    border: 2px solid #800000;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    height: 45px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.7;
}    

#top-blog{
    width: 904px;
  background-color: #ffffff;
height: 36px;
border-bottom: 2px solid #95C9E7;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    height: 25px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2px;
} 

/*BODY OF EVERY PAGE BEGINS HERE*/
#content-wrapper{
width: 900px;
padding: 20px 0 0 0;
margin-top: 0;
margin-right: auto;
margin-left: auto;
background-color: #ffffff; 

  border-right: 1px dotted #FFDDDD;
  border-left: 1px dotted #FFDDDD;}     

/*BODY OF HOME PAGE ONLY*/   
#content{width: 900px;
margin-right: auto;
margin-left: auto;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
height: 300px;
background-image: url(http://www.innuinuit.com/wp-content/themes/innuinuitcustom2013/images/content-bg.png);
background-repeat: no-repeat;
padding-top: 10px;} 

#content-r{float: right;
width: 390px;
margin-right: 20px;
text-align: left;}

#content-l{width: 360px;
padding: 0;
text-align: left;
margin-left: 36px;} 

p.r{text-align: justify;
/*font-family: "trebuchet ms", "arial narrow";
font-size: 12px;*/
color: #48859E;
padding: 0 24px 10px 0;
margin: 8px 0 0 0;}  

p.l{text-align: justify;
/*font-family: "trebuchet ms", "arial narrow";
font-size: 12px;*/
color: #48859E;
padding: 0 12px 10px 0;
margin: 8px 0 0 0;}

/*#btm{width: 900px;
  height: 24px;
  background-color: #0068A2;
  border-right: 1px solid #A8CADE;
  border-left: 1px solid #A8CADE;
  opacity: .4;}*/
  
  
  
  .hm-bmenu{
      width: 900px;
      background-color: #ffffff;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 12px;
  text-align: center;}
  
  .hm-bmenu ul {padding: 6px 0 8px 0;}
  
  .hm-bmenu li {display: inline; margin: 0; padding: 0;}
  
  
  .hm-bmenu li a {
  font-family: verdana;
  font-size: 10px;
  font-weight: normal;
  color: #800000;
  padding: 0 2px 0 5px;
  margin: 0;
  text-transform: uppercase;
  border-left: 1px solid #800000;}
  
  .hm-bmenu ul li:first-child a {border-left: none;}
  
.hm-bmenu li a:hover {color: #000; text-decoration: none;}
/*END OF HOME PAGE LAYOUT*/


/*SUBPAGE LAYOUT - TYPICALLY USED FOR ALL OTHER PAGES THROUGHOUT THE SITE
#sp-wrapper-top{
width: 900px;
padding: 0 0 0 0;
margin-right: auto;
margin-left: auto;} 

/*TOP WHERE LOGO AND HOT LINKS GO  
#sp-top{width: 880px;
  height: 180px;
  padding: 90px 0 0 0;
  margin: 0; 
margin-right: auto;
margin-left: auto;}  
  
/*MAIN CONTENT AREA*/    
#sp-body{width: 810px; 
min-height: 280px;
  background-color: #ffffff;
  padding-top: 40px;
  margin-right: auto;
  margin-left: auto;} 
  
#sp-right-margin{float: right;
width: 200px;
padding: 8px 8px 12px 8px;
text-align: left;}

.content{width: 540px;
}
/*END OF SUBPAGE LAYOUT*/


/*FOOTER AREA CONTAINING BOTTOM MENU AND COPYRIGHT*/
#footer-outside{width: 100%;
  height: 95px;
  /*background-image: url(http://www.innuinuit.com/wp-content/themes/innuinuitcustom2013/images/footer-bg.gif);
  background-repeat: repeat-x;
  background-position: bottom;*/
  margin-right: auto;
  margin-left: auto;}   
  
#footer{clear: both;
  width: 900px;
  height: 95px;
  border-right: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  background-image: url(http://www.innuinuit.com/wp-content/themes/innuinuitcustom2013/images/default-footer.gif);
  background-repeat: no-repeat;
  background-position: top;
  margin-right: auto;
  margin-left: auto;}      
  
#hp-footer{clear: both;
  width: 900px;
  height: 95px;
  border-right: 1px dotted #FFDDDD;
  border-left: 1px dotted #FFDDDD;
  background-image: url(http://www.innuinuit.com/wp-content/themes/innuinuitcustom2013/images/hp-footer.gif);
  background-repeat: no-repeat;
  background-position: top;
  margin-right: auto;
  margin-left: auto;}   
  
#nn-footer{clear: both;
  width: 900px;
  height: 95px;
  border-right: 1px dotted #FFDDDD;
  border-left: 1px dotted #FFDDDD;
  background-image: url(http://www.innuinuit.com/wp-content/themes/innuinuitcustom2013/images/nn-footer.gif);
  background-repeat: no-repeat;
  background-position: top;
  margin-right: auto;
  margin-left: auto;}            
  
#blog-footer{clear: both;
  width: 900px;
  height: 95px;
  border-right: 1px dotted #FFDDDD;
  border-left: 1px dotted #FFDDDD;
  background-image: url(http://www.innuinuit.com/wp-content/themes/innuinuitcustom2013/images/blog-footer.gif);
  background-repeat: no-repeat;
  background-position: top;
  margin-right: auto;
  margin-left: auto;}
  
#btmmenu-outside{width: 100%;} 

#bottom-tab {
    width: 900px;
    background-color: #ffffff;
    border: 2px solid #ffffff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    /*opacity: 0.4;*/
} 

.bmenu{width: 900px;
margin-right: auto;
margin-left: auto;
text-align: center;}

.bmenu ul {
margin-top: 6px;}

.bmenu li {display: inline; margin: 0; padding: 0;}


.bmenu li a {
font-family: verdana;
font-size: 10px;
font-weight: normal;
color: #ffffff;
padding: 0 2px 0 5px;
margin: 0;
text-transform: uppercase;
border-left: 1px solid #ffffff;}

.bmenu ul li:first-child a {border-left: none;}

.bmenu li a:hover {color: #000; text-decoration: none;}   


.cright{width: 900px;
text-align: center !important; 
margin-right: auto;
margin-left: auto;}

p.cright{
text-align: center !important;
font-family: Amerigo Md BT, verdana, arial, sans-serif;
font-size: 16px;
font-weight: normal;
color: #ffffff;}

/*END OF FOOTER LAYOUT*/

/*TYPOGRAPHY*/  
h1{font-family: Amerigo Md BT, verdana, arial, sans-serif;
font-size: 26px;
font-weight: normal;
color: #942C38;
text-align: left;
margin: 0 0 0 0;
padding-bottom: 14px;
line-height: 100%;
/*padding-bottom: 2px;
border-bottom: 1px solid #84D4F4;*/
}   

h2{font-family: Amerigo Md BT, verdana, arial, sans-serif;
font-size: 19px;
font-weight: bold;
color: #306D86;
text-align: left;
margin: 0 20px 8px 0;
padding-top: 16px;
padding-bottom: 2px; 
border-bottom: 3px dotted #306D86;
}   
  
  
h2.slider{font-family: verdana, arial, sans-serif;
font-size: 18px;
color: #306D86;
text-align: left;
margin: 0 40px 0 30px;
padding-top: 6px;
}

h3{font-family: verdana, arial, sans-serif;
font-size: 15px;
font-weight: normal;
color: #306D86;
text-align: left;
margin: 0 2px 0 0;
padding-top: 8px;
padding-bottom: 8px;
}   
  
h3.widget-title{font-family: verdana, arial, sans-serif;
font-size: 15px;
font-weight: normal;
color: #306D86;
text-align: left;
margin: 12px 2px 0 2px;
padding-bottom: 8px;
}    
  
h4{font-family: Amerigo Md BT, verdana, arial, sans-serif;
font-size: 16px;
font-weight: normal;
color: #942C38;
text-align: left;
line-height: 120%;
margin: 0 8px 0 2px;
padding-top: 8px;
padding-bottom: 8px;
} 

p{font-family: verdana, arial, sans-serif;
font-size: 12px;
line-height: 140%;
color: #306D86;
text-align: left;
margin: 0 0 0 0;
padding-bottom: 14px;
} 

p.wysija-instruct, p.wysija-p-firstname, p.wysija-p-lastname, p.wysija-p-email{margin: 0 0 0 8px;
padding-bottom: 4px;}
.widget_wysija_cont, .wysija-submit, .wysija-submit-field {
    margin-top: 4px !important;
    padding: 0 0 0 2px;
}     

.wysija-submit{margin-left: 8px;}       

ul{font-family: verdana, arial, sans-serif;
font-size: 12px;
color: #48859E;
text-align: left;
margin: 0 20px 20px 20px;
padding: 0 0 0 0;
}              

li{
margin: 0 0 0 0;
padding: 8px 0 0 8px;
} 



/*Text Links*/
A:link{
        font-family: verdana, sans-serif;
        font-size: 13px;
				font-weight: bold;
				color: #000000;
				text-decoration: none;
}

A:visited{font-family: verdana, sans-serif;
            font-size: 13px;
				font-weight: bold;
            color: #000000;
            text-decoration: none;
}

A:active{font-family: verdana, sans-serif;
            font-size: 13px;
				font-weight: bold;
            color: #000000;
            text-decoration: none;
}

A:hover{font-family: verdana, sans-serif;
            font-size: 13px;
				font-weight: bold;
            color: #2F4049;
            text-decoration: none;
}     

A:link.biglink, A:visited.biglink, A:active.biglink{font-family: Amerigo Md BT, verdana, arial, sans-serif;
font-size: 26px;
font-weight: normal;
color: #942C38;}

A:hover.biglink{color: #2F4049 !important;}     

A:link.homelink, A:visited.homelink, A:active.homelink{font-family: Amerigo Md BT, verdana, arial, sans-serif;
font-size: 22px;
font-weight: normal;
color: #2F4049 !important;}

A:hover.homelink{color: #800000 !important;}     

A:link.styled, A:visited.styled, A:active.styled{font-family: verdana, arial, sans-serif;
font-size: 11px !important;
font-weight: bold;
color: #48859E;}   
        

A:hover.styled{color: #800000;} 

A:link.wpmega-link-title, A:visited.wpmega-link-title, A:active.wpmega-link-title{font-family: verdana, arial, sans-serif;
font-size: 11px !important;
font-weight: bold !important;
color: #48859E !important;}       

A:hover.wpmega-link-title{color: #800000;}
  
/*MISC*/  
.textwidget{font-family: verdana, arial, sans-serif;
font-size: 11px;
line-height: 110%;
color: #48859E;
text-align: left;
margin: 0 0 0 0;
padding: 0 0 10px 2px;}

img.aligncenter{text-align: center;}

img.alignright{float: right;
margin-left: 10px;}

img.alignleft{float: left;
margin-right: 10px;}

.irw-slider{height: 110px;
margin: 0 0 10px 0 !important;
padding: 0 0 0 0;
text-align: left;}

.active{height: 110px;
padding: 0 0 0 0;
margin: 0 0 0 6px;}

/*WEBSIMON TABLES*/

.start{font-family: verdana, arial, sans-serif;
color: #000000 !important;}   

.t1, .t2, .t3{font-family: verdana, arial, sans-serif;
color: #800000 !important;}

table#t4 {
    margin: 5px 0 20px 4px !important;
}

ul.submenu{  
text-align: left;
margin: 0 0 20px 8px;
padding: 0 0 0 8px;
}              

li.submenu{
margin: 0 0 0 0;
padding: 2px 0 0 4px;
} 
	
.submenu li a{font-family: Amerigo Md BT, verdana, arial, sans-serif;
font-size: 18px;
font-weight: normal;
color: #800000;
margin: 0;
padding: 0; } 

.submenu ul li a:hover{color: #95C9E7;} 

#carousel{clear: both;
width: 960px;
margin-top: 60px;
margin-right: auto;
margin-left: auto;}

#clearboth{clear: both;
  border-right: 1px dotted #FFDDDD;
  border-left: 1px dotted #FFDDDD;}
  
  
  @media only screen and (min-width: 160px) and (max-width: 680px)
  {
	  
	  /*ADDED FEBRUARY 2017
	  TOP OF EVERY PAGE - WHERE THE LOGO, HOTLINKS NAD SOCIAL MEDIA ICONS GO*/
	  
	  body{background-color: #ffffff;}
	    
	  #white-bar{width: 100%;
	  border-bottom: none;
	  height: 90px; 
	    -moz-box-shadow: none;
	    -webkit-box-shadow: none;
	    -o-box-shadow: none;
	    box-shadow: none; } 
	    
	  #white-bar-inside{width: 100%;
	  padding-top: 0;}   
	  
	  .smicons{clear: both;
	  float: left;
	  width: 100%;
	  padding-top: 1%;}  
	  
	  #logo{float: left;
	  width: 96%;
	  padding-bottom: 8%;
	  padding-left: 4%;} 
	  
	  .hotlinks{display: none;}	  
	   
	  #blue-bar{display: none; } 
	  #blue-bar-inside{display: none; }	  
	  .mmenu{display: none; } 

	  
	  #outside-content-wrapper{ background-image: none; padding-top: 2%;}
	  
	  #filler, #blog-filler{display: none;} 
	  
	  /*OMIT IN MOBILE*/
	  #top, #top-blog {display: none;}   
	  
	  /*BODY OF HOME PAGE ONLY MOBILE CHANGES 2017*/   
	  #content{width: 100%;
	  border-right: none;
	  border-left: none;
	  height: auto;
	  background-image: none;
	  background-color: #ffffff;
	  padding-top: 1%;} 
	  
	  #content-r{clear: both;
	  float: left;
	  width: 92%;
	  margin-right: 4%;
	  margin-bottom: 4%;
	  margin-left: 4%;}
	  
	  #content-l{clear: both;
	  float: left;
	  width: 92%;
	  margin-right: 4%;
	  margin-bottom: 6%;
	  margin-left: 4%;} 
	  
	  p.r{background-color: #800000;
	  color: #ffffff;
	  padding: 2%;
	  margin: 2% 0 0 0;}  
	  
	  p.l{background-color: #800000;
	  color: #ffffff;
	  padding: 2%;
	  margin: 2% 0 0 0;}     

	  A:link.homelink, A:visited.homelink, A:active.homelink{font-family: Amerigo Md BT, verdana, arial, sans-serif;
	  font-size: 18px;
	  font-weight: bold;
	  color: #ffffff !important;}

	.hm-bmenu{
    	width: 100%;
    	background-color: none;
    	border-bottom-left-radius: none;
    	border-bottom-right-radius: none;
    	margin-top: 4%;
    	margin-bottom: 1%;}

	.hm-bmenu ul {padding: 6px 0 8px 0;}

	.hm-bmenu li {display: inline; margin: 0; padding: 0;}


	.hm-bmenu li a {text-wrap: none; border-left: none;}

	.cright{width: 100%;}

	p.cright{
	font-size: 12px;
	color: #800000;}
	/*END OF HOME PAGE LAYOUT FOR MOBILE*/

	/*SUBPAGE LAYOUT RESPONSIVE FEBRUARY 2017*/
	#content-wrapper{
	width: 100%;
	padding: 0 0 0 0;	
	border-right: none;
 	border-left: none;} 
 	
	#sp-body{width: 100%;
	min-height: none;
	padding-top: 0;} 
  
	#sp-right-margin{clear: both;
	float: left;
	width: 96%;
	padding: 0 0 8% 4%;}

	.textwidget{width: 100%;
	padding: 0 0 2% 0;}

	.content{clear: both;
	float: left;
	width: 96%;
	padding-left: 4%;}  
  
	#nn-footer{display: none;} 
  
	#hp-footer{display: none;} 

#bottom-tab {display: none;} 

.bmenu{width: 100%;}

.bmenu ul {
margin-top: 6px;}

.bmenu li {display: inline; margin: 0; padding: 0;}


.bmenu li a {
color: #800000;
font-size: 11px;
border-left: none;
word-wrap: none;}

.bmenu ul li:first-child a {border-left: none;}
 





}/*end of responsive*/