/* CSS Document */

#container, footer
{
	margin: 0 auto;
	max-width: 1200px;
}

p.mainTitle
{
	margin: 0 auto;
	text-align: center;
}

.homeLogoLink img
{
	width: 80%;
}

@media screen and (max-width: 65em) {
	.homeLogoLink img
	{
		width: 98%;
	}
}

#main
{
	padding: 0 1em;	
}

#main img
{
	max-width: 100%;	
}

/* breadcrumb */

ul#breadcrumb { font-size: 0.85em; list-style-type: none; padding: 0; margin: 0.4em 0; }
ul#breadcrumb li, ul#breadcrumb li ul {display: inline; padding: 0; background-image: none; }
ul#breadcrumb li { margin: 0; }
ul#breadcrumb li ul { margin: 0; }
ul#breadcrumb li ul li { margin: 0 0 0 0.5em; }

ul#breadcrumb, ul#breadcrumb a { color: #666; }
ul#breadcrumb a:hover, ul#breadcrumb a:focus { color: #d51931;}

h2
{
	clear: both;	
}

/* footer */

#footerContainer
{
	margin-top: 1em;
}

footer
{
	color: #eee;	
	border-top: 0px solid #000;
	font-size: 0.85em;
	padding-bottom: 1em;
	padding-left: 2em;
}

footer .contact
{
	font-weight: bold;	
}

footer .social
{
	vertical-align: middle;
	padding-left: 1em;
	padding-right: 2em;
}

#socialMediaCredits { text-align: right; }
	
#gillidanda
{
	padding-top: 1em;
	line-height: 5px;
}
	
#gillidanda span
{
	display: block;	
}
	
#gillidanda img
{
	padding-top: 5px;
}

#myFamily img
{
	vertical-align: middle;
}

#myFamily img
{

}


.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 54em) {
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%; 
	}
	
	#socialMediaCredits { text-align: left; }
	#socialMediaCredits p { clear: both; line-height: 44px; }
	#socialMediaCredits img { float: left; padding-right: 1em; padding-left: 0; }
	#socialMediaCredits p.socMedia { padding-top: 1em; }
	
	.col { margin-left: 0; }
}