/* 
  ------------------------------------------------
  PVII CSS Page Builder Magic
  Copyright (c) 2011 Project Seven Development
  www.projectseven.com
  01: 1 Col Flex
  ------------------------------------------------
*/

/* class tags start with . and generally apply to a group while id tags start with a # and are usually one-off */

/*Min-width determines the point at which your layout width will cease to shrink horizontally and your browser will spawn a horizontal scroll bar.  min-width: 900px;*/
/* Border Radius for CURVED CORNERS. The overall wrapper is assigned an 8px radius on all 4 corners. The masthead is assigned a 6px radius for its top corners. The footer is assigned a 6px radius for its bottom corners. The footer and masthead radii must always be 2px less than the radii set on the content wrapper so that its border displays properly.*/


/*The content wrapper border and shadow effects.*/
.content-wrapper {
	-webkit-box-shadow: 0 0 20px #999;
	box-shadow: 0 0 20px #999;
	border: 0px solid #222;
	border-radius: 8px;
	margin: 0 auto;
	width: 55em;
	background-color: #A6C4CC;
	padding: 0px;
	font-size: 1.0em;
	line-height: 1.15em;
	text-align: center;
}

/*trying to get the menu to centre on the page, espcially in IE*/
.masthead {
	margin-left: auto;
	margin-right: auto;
	height: 5px;
	overflow: hidden;
}

.footer {
	border-radius: 0px 0px 6px 6px;
}

/*This container is inside the columns wrapper and serves as a container for the content inside, allowing you to adjust whitespace (padding) without altering the CSS box model. This is the rule to use to set text attributes for your main content.  line-height was 1.5em*/


/* trying to create a simple hr rule without success */
.bk {
	height: 1px;
	padding: 0px;
	margin: 1px;
	border: 1px;
}

/*A utility rule assigned to the first heading to remove all margins. This class can be used on any element for which you would like to remove margin.*/
.newheader {
	margin: 0;
	color: #000;
	padding: 15px 20px 0px;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-weight: bold;
	text-align: center;
}

.footer {
	padding: 10px 30px;
	font-size: 11px;
	color: #FFF;
	background-color: #222;
	border-top: 1px solid #222;
}

.atlas_footer {
	line-height: 1.0em;
}
.footer p.copyright {
	text-transform: uppercase;
	margin: 0px;
}

/*P7MOBILE Styles. These styles will be used only by mobile devices (phones and tablets) and will be ignored by desktop and laptop browsers. */
body.p7mobile {
	-webkit-text-size-adjust: 100%;
	min-width: 0;
}
.p7mobile .content {
	padding: 1.5em;
	font-size: large;
	line-height: 1.35em;
}
.p7mobile .menutop li {
	margin-bottom: 5px;
}
.p7mobile .menutop a, .p7mobile .footer {
	font-size: large;
}
