/** 
 * SilverStripe Holistic Health Theme
 * http://www.smartplugsdesign.com
 *
 * Main Layout File
 */

/* Misc Styles and defaults 
-------------------------------------------- */

* {
	margin:0;
	padding:0;
}

body {
	background-color:#FFF;
	color:#333;
 	font-size:62.5%;
 	margin-bottom:40px;
	font-family:Verdana, Lucida, sans-serif;
}

html {
}

table {
	border-collapse:collapse;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}

.clear{
	clear:both;
}

/* CONTAINER
----------------------------------------- */
#BgContainer {
	width:100%;
}
#Container {
	margin:0 auto;
}
#NetworkSites {
	background-color:#FFF;
	clear:both;
	width:100%;
}
	#NetworkSitesInner {
		width:1000px;
		margin:0 auto;
		padding:20px 0;
	}
		#NetworkSitesInner table {
			width:100%;
		}
		#NetworkSitesInner td {
			text-align:center;
		}
		#fancy_div {
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
		}
			#fancy_div img {
				margin:15px 0 10px 14px;
			}
			#fancy_div h4 {
				font-size:1.4em;
				margin:0 18px 13px;
			}
			#fancy_div p {
				font-size:1.2em;
				margin:0 18px 10px;
				line-height:1.3em;
			}
			#fancy_div a {
				text-decoration:underline;
				color:#FFA700;
			}
				#fancy_div a:hover {
					text-decoration:none;
				}
			#fancy_div p.visitLink {
				text-align:center;
				font-size:1.6em;
				margin:15px 0 10px;
			}
				#fancy_div .dr-amy-yaskoLink a,
				#fancy_div .dr-amy-yaskoLink a:hover {
					color:#FF7FAC;
				}

#Layout,
#LowerLayout {
	float:left;
	clear:both;
	width:100%;
}
#LowerLayout {
	background:#EEE;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
	#LayoutInner,
	#LowerLayoutInner {
		width:1000px;
		margin:20px auto;
	}
#Content {
	margin:20px 0;
}
	#Columns {
		float:left;
		display:inline;
		clear:both;
		margin:0 auto 10px;
	}
		#Columns .column {
			display:inline;
			float:left;
			width:313px;
			margin-right:30px;
		}
			.typography #Columns .column p {
				text-align:justify;
			}
		#Columns .last {
			margin-right:0;
		}

/* HEADER
----------------------------------------- */
#Header {
 	width:100%;
 	margin:0;
 	padding:0;
}
	#HeaderInner {
		width:1000px;
		margin:0 auto;
		padding:10px 0;
		position:relative;
	}
 	#Header h1 {
	  	color:#000;
		font-size:2.8em;
		font-weight:normal;
		font-family:Arial, Helvetica, sans-serif;
		margin:0;
		padding:0;
	}
		#Header h1 img {
			margin:0;
		}
	#Header p#ContactUs {
		position:absolute;
		right:20px;
		top:10px;
		text-align:right;
		font-size:1.2em;
	}

/* MESSAGEBOXES
--------------------------------------------- */
.message {
	margin:15px;
	padding:5px;
	width:92%;
	color:#979908;
	border:4px solid #F7F8B4;
	background:#FFFFEA;
}
span.middleColumn .message {
	margin:4px 0 0 3px;
}
.required {
	margin:4px 0 0 3px;
	padding:5px;
	width:92%;
	color:#DC1313;
	border:4px solid #FF7373;
	background:#FED0D0;
}

p#Remember label {
	margin:0 0 0 20px;
	text-align:left;
}
.checkbox {
	margin-left:0;
	float:left;
	clear:left;
}

.entry {
	border-bottom:1px solid #eee;
}



/* FOOTER
----------------------------------------------- */

#Footer {
 	clear:both;
	width:100%;
	background:#FFF;
}
	#FooterInner {
		width:1000px;
		margin:20px auto;
	}
  	#Footer p {
  		text-align:center;
	}
  		#Footer a {
		}
			#Footer a:hover {
			}


/*	FANCYBOX MODS
----------------------------------------------- */

div#fancy_div {
	background:#FFF;
	border-color:#CCC;
	border-width:2px;
}