/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
body { background:#ffffff; font-size: 13px; color: #666666; font-family: Arial, helvetica, sans-serif;}
ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}
h1 { margin-bottom: 10px; color: #111111;}	
a, img { outline: none; border:none; color: #000; font-weight: bold; text-transform: uppercase;}
p { margin: 0 0 10px; line-height: 1.4em; font-size: 1.2em;}
img { display: block; margin-bottom: 10px;}
aside { font-style: italic; font-size: 0.9em;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}
	
/* Structure */
#wrapper {
	width: 100%;	
	max-width: 920px;
	margin: auto;
	padding: 2%;
	} 

	#main {
		width: 60%;
		margin-right: 5%;
		float: left;
		}		
		#main img{
		height: auto;
	width: auto;
	float: left;
	display: block;
		}		
		
	aside {
		width: 35%;
		float: right;
		}

.box {
padding: 6px; border: 1px
dotted #808080; background: #f5f5f5;

}

#sticky-social {
   left: 0;
   position: fixed;
   top: 150px;
   
}

#sticky-social a {
   background: #333;
   color: #fff;
   display: block;
   height: 35px;
   font: 16px "Open Sans", sans-serif;
   line-height: 35px;
   position: relative;
   text-align: center;
   width: 35px;
}

#sticky-social a:hover span {
   left: 100%;
}

#sticky-social a span {
   line-height: 35px;
   left: -120px;
   position: absolute;
   text-align:center;
   width:120px;
}


#sticky-social a[class*="facebook"],
#sticky-social a[class*="facebook"]:hover,
#sticky-social a[class*="facebook"] span { background: url(http://charlottenccoredrilling.info/images/icons/facebook.jpg) 0 0 no-repeat; }

#sticky-social a[class*="twitter"],
#sticky-social a[class*="twitter"]:hover,
#sticky-social a[class*="twitter"] span { background: url(http://charlottenccoredrilling.info/images/icons/twitter.jpg) 0 0 no-repeat; }

#sticky-social a[class*="myshare"],
#sticky-social a[class*="myshare"]:hover,
#sticky-social a[class*="myshare"] span { background: url(http://charlottenccoredrilling.info/images/icons/myshare.jpg) 0 0 no-repeat; }


#sticky-social a[class*="gplus"],
#sticky-social a[class*="gplus"]:hover,
#sticky-social a[class*="gplus"] span { background: url(http://charlottenccoredrilling.info/images/icons/gplus.jpg) 0 0 no-repeat; }	

#sticky-social a[class*="linkedin"],
#sticky-social a[class*="linkedin"]:hover,
#sticky-social a[class*="linkedin"] span { background: #007bb6; }	

#sticky-social a[class*="instagrem"],
#sticky-social a[class*="instagrem"]:hover,
#sticky-social a[class*="instagrem"] span { background: #517fa4; }	

#sticky-social a[class*="stumbleupon"],
#sticky-social a[class*="stumbleupon"]:hover,
#sticky-social a[class*="stumbleupon"] span { background: #eb4924; }	

#sticky-social a[class*="pinterest"],
#sticky-social a[class*="pinterest"]:hover,
#sticky-social a[class*="pinterest"] span { background: #cc2127; }	

#sticky-social a[class*="flickr"],
#sticky-social a[class*="flickr"]:hover,
#sticky-social a[class*="flickr"] span { background: #ff0084; }	

#sticky-social a[class*="tumblr"],
#sticky-social a[class*="tumblr"]:hover,
#sticky-social a[class*="tumblr"] span { background: #32506d; }	



a.btn.btn-red {
	background-color: #cc0000;
	
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	color: #FFF;
}

	a.btn.btn-red:hover {
		background-color: #ff0000;
		border-color: rgba(0,0,0,0.5);
	}
	
	a.btn.btn-red:active {
		background-color:  #cc3333;
		border-color: rgba(0,0,0,0.9);
	}

.btn.btn-red {
	background-color: #d40f03;
	
	border-color: rgba(0,0,0,0.3);
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	color: #FFF;
}

	btn.btn-red:hover {
		background-color: #d40f03;
		border-color: rgba(0,0,0,0.5);
	}
	
	btn.btn-red:active {
		background-color:  #cc3333;
		border-color: rgba(0,0,0,0.9);
	}

a.btn.btn-blue {
	background-color: #34696f;
	border-color: rgba(0,0,0,0.3);
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	color: #FFF;
}

	a.btn.btn-blue:hover {
		background-color: #4F87A2;
		border-color: rgba(0,0,0,0.5);
	}
	
	a.btn.btn-blue:active {
		background-color: #3C677B;
		border-color: rgba(0,0,0,0.9);
	}

.button.btn.btn-blue {
	background-color: #34696f;
	border-color: rgba(0,0,0,0.3);
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	color: #FFF;
}

	a.btn.btn-blue:hover {
		background-color: #4F87A2;
		border-color: rgba(0,0,0,0.5);
	}
	
	a.btn.btn-blue:active {
		background-color: #3C677B;
		border-color: rgba(0,0,0,0.9);
	}
	
	
	
.btn.btn-blue {
	background-color: #34696f;
	
	border-color: rgba(0,0,0,0.3);
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	color: #FFF;
}

	btn.btn-blue:hover {
		background-color: #4F87A2;
		border-color: rgba(0,0,0,0.5);
	}
	
	btn.btn-blue:active {
		background-color: #3C677B;
		border-color: rgba(0,0,0,0.9);
	}



/* Logo H1 */

		
/* Nav */
header nav {
	float: right;
	margin-top: 40px; 
	}
	
	header nav li {
		display: inline;
		margin-left: 15px;
		}

.divcore
{
    display: inline;
    float: left;
     background-color:#f1f1f1;
  padding:20px;
  
  width:100%;/*The width is 20%, by default*/
}

/* Banner */			
#banner {
	float: left;
	margin-bottom: 15px;
	width: 100%;
	}

	#banner img { width: 100%; } 
* {
  box-sizing: border-box;
}

a, img {
outline : none;
border : none;
color:#004080;
font-weight : bold;
text-transform : uppercase;
text-decoration: none;

}


.appname {
position : absolute;
top : 1px;
left : 0;
right : 0;
border : none;
z-index : 50;
width : 100%;
margin : auto;
text-align : center;
background-color: #34696f;
color : #c0c0c0;
font-family : helvetica;
font-size : 20pt;
 overflow: hidden;
    text-overflow: ellipsis;
}

.leftCustom {
  background-color:#f1f1f1;
   float:left;
  width:100%;/*The width is 20%, by default*/
}

.leftCustom img{ 
  padding:20px;
  float:left;
	max-width: 80%; max-height: 80%; margin-left : auto;
margin-right : auto; 
}

.left {
  background-color:#f1f1f1;
 	float: left;
	margin-bottom: 15px;
	width: 100%;
}



	.left img { width: 100%; } 
 

.middle {
  background-color:#efefef;
   float:left;
  width:100%;/*The width is 60%, by default*/
}
.right {
  background-color:#ffffff;
  padding:20px;
  float:left;
  width:100%;/*The width is 20%, by default*/
}

.right img{
border: 1px dotted #CCFFFF;
 padding:20px;
  float:right;
 max-width: 80%; max-height: 80%; margin-left : auto;
margin-right : auto; 
}
.bottom {
  background-color:#f1f1f1;
  padding:20px;
  float:left;
	margin-bottom: 15px;
	text-align: center;
  width:100%;/*The width is 60%, by default*/
}

/*Use a media query to add a break point at 800px:*/
@media (max-width:480px) {
  .left, .middle, .right, .bottom {
    width:100%;/*The width is 100%, when the viewport is 800px or smaller*/
  }
}


/* Media Queries */
@media screen and (max-width: 480px) {

	
	
	header nav, #main, aside {
		float: left;
		clear: left;
		margin: 0 0 10px; 
		width: 100%;
		}	
		header nav li {
			margin: 0;
			background: #efefef;
			display: block;
			margin-bottom: 3px;
			}
			header nav a {
				display: block;
				padding: 10px;
				text-align: center;
				}			
}