/* 
CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/
/*
Font-Face
*/
@font-face {
    font-family: Archerff;
    src: url('fonts/Archer-Light.eot');
    src: url('fonts/Archer-Light.eot?#iefix') format('eot'),
		 url('fonts/Archer-Light.woff') format('woff'),
         url('fonts/Archer-Light.ttf') format('truetype'),
         url('fonts/Archer-Light.afm') format('afm');
    font-weight: normal;
    font-style: normal;
}

/*
nav
*/
#sidebar .widget ul li .current_page_item a { color:#005581; text-decoration: none;}

/*
fontsizer
*/
.fontsizer {list-style:none;position:relative;float:right;top:1em;border-top:1px dotted #DDD;border-bottom:1px dotted #DDD;padding:1px 0 2px 0;}
/* 
Fix
*/
.fix {margin:0;padding:0;height:0;width:0;visibility:hidden;}
.spacer {clear:both;}

/* 
Home and Landing Pages
*/

#typefaceh1, #typefaceh2 {
	font-family: Archerff, Georgia;
	text-align: left;
	position:relative;
	z-index:10;
	line-height:125%;
visibility: visible !important; 
}
#typefaceah1, #typefaceah2 {
	font-family: Archerff, Georgia;
	text-align: center;
	padding:10px;
	line-height:125%;
	position:relative;
	z-index:10;
visibility: visible !important; 
}
#typefacehph1, #typefacehph3 {
	font-family: Archerff, Georgia;
	text-align: center;
	line-height:125%;
	position:relative;
	z-index:10;
visibility: visible !important; 
}
#typefacehph1 {
	font-size:30pt;
	color:#005581;
}
#typefacehph3 {
	font-size:16pt;
	color:#000;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom: #fff dotted 1px;
}

.page h2, .post h2, .page h3, .post h3  { font-weight:normal; padding:  5px 20px;}
.page h4, .post h4, .page h5, .post h5, .page h6, .post h6  { font-weight:bold; margin-left:5px; margin-right:5px; }
.page p, .post p { padding:5px 20px;}

.sidekick {clear:both;}
.sidekick p { padding:0 5px;}
.sidekick h4 { padding-left:0;}
.sidekick {margin: 20px -10px 10px -10px; background-image:url("images/sidekickbg.gif"); background-repeat:repeat-y; background-position:50% top; }
.sidekick ul {margin:0; padding:0; list-style:none;}
.sidekick ul li {width: 200px; margin: 0 10px; padding:0 5px; float:left; list-style-type:none;}
#rightsidekick {border-right:0px;}
.sidekick a {color:#c2a30f;font-weight:bold;}
.sidekick a:hover {color:#000;}
.sidekick img {margin:0 -15px;}

.callout {margin:0 -50px;padding:15px 50px 55px 50px; background: url("images/calloutbanner.png") no-repeat center bottom; color:#000; text-align:center; font-size:12pt; vertical-align:middle; overflow:hidden;}

.hp {padding:20px 10px 10px; border: #fff solid 1px;}
.hp1 {position:absolute;top:10px;left:10px;width:440px; text-align:center; background: rgba(245,240,225,0.4); padding: 10px; border: rgb(255,255,255) solid 1px; z-index:100;}
.hp2 {position:absolute;bottom:10px;right:10px;width:620px; text-align:center; background: rgba(245,240,225,0.8); padding: 10px; border: #fff solid 1px; z-index:100;}
.hp3 {position:absolute;bottom:10px;left:10px;width:500px; text-align:center; background: rgba(245,240,225,0.9); padding: 10px; border: #fff solid 1px; z-index:100;}
.hp4 {position:absolute;top:10px;left:10px;width:480px; text-align:center; background: rgba(245,240,225,0.4); padding: 10px; border: #fff solid 1px; z-index:100;}

.hp4 .brr {size:24pt; color:#005581;}

/* 
Homepage Video Link
*/

#vb { width:150px; top:-170px; position:absolute; float:left; left:550px; z-index:10000;} 
#vb a { -moz-opacity:0.75; opacity:0.75; filter:alpha(opacity=0.75); outline:none; cursor:pointer;
	-webkit-transition: .25s opacity ease-out; -moz-transition: .25s opacity ease-out; transition: .25s opacity ease-out; }
#vb a:hover { -moz-opacity:1; opacity:1; filter:alpha(opacity=100); }

/* 
Intros
*/

#home_intro {width:940px;margin: 0 auto;}

#all_hero_photo {margin: -132px -20px -20px -20px;}
#comm_hero_photo {margin: -115px -20px -20px -20px;position:relative;z-index:0;}
#all_hero_video {margin: -132px -15px -30px -20px;}

#wide_hero_intro {width:500px;top:-570px;position:relative;margin-bottom:-200px;float:left;clear:right;}
#wider_hero_intro {width:590px;top:-570px;position:relative;margin-bottom:-200px;float:left;clear:right;}
#widest_hero_intro {width:660px;top:-570px;position:relative;margin-bottom:-200px;float:left;clear:right;}
#dufferin_hero_intro {width:600px;top:-470px;position:relative;margin-bottom:-200px;float:left;clear:right;}
#dufferin_hero_intro p{width:430px;}
#belllane_hero_intro {width:770px;top:-570px;position:relative;margin-bottom:-200px;float:left;clear:right;}
#owensound_hero_intro {width:900px;top:-570px;position:relative;margin-bottom:-200px;float:left;clear:right;}
#madonna_hero_intro {width:880px;top:10px;position:relative;margin-bottom:40px;float:left;clear:right;}

#why_hero_intro {width:730px; text-align: center; margin:20px auto; padding-bottom:30px;}
#about_hero_intro {width:800px; text-align: center; margin:20px auto;}

.col-right .title {padding-top:300px;}
.col-right2 .title {padding-top:0px;}

.heroine {margin:-414px -15px 80px -20px; }
.address {text-align:center;}

/* 
About Us
*/

.philosophy {margin:0 15px 30px 15px;width:840px; text-align:center; background: #F5F0E1; padding: 10px; border: #828282 solid 1px; border: #FFFFFF solid 1px;}
.philosophy p {text-align:left; font-size:9pt;line-height:13pt;margin:0 10px 10px 0;width:143px;padding:0 0 0 10px;float:left;vertical-align:top;}
.philosophy .cares {color:#000000;font-weight:bold;}
.philosophy .dropcap {color:#c2a30f;font-size:2.7em;font-weight:normal;line-height:1em;float:left;padding-right:0.1em;vertical-align:middle;}
.philosophy p:first-letter{font-weight:normal;color:#c2a30f;float:left;font-size:2.7em;line-height:1em;margin:0�0.15em�0�0;}


/* 
Useful Links
*/
.usefullinks li {
width:420px; float:left; margin-left:20px;
}

/* 
Footer Icons
*/

#iconphone {width:90px;height:90px;display:block;margin:-15px 10px 10px 0;background: url(images/footer_phone_icon.png) no-repeat 50% 50% ;float: left;}
#iconemail {width:90px;height:90px;display:block;margin:-15px 10px 10px 0;background: url(images/footer_email_icon.png) no-repeat 50% 50% ;float: left;}

/* 
Map
*/

.map {
width:940px;
height:500px;
padding:0;
font-size:8pt;
font-family:"Lucida Grande", Helvetica, Arial, sans-serif;
line-height:1.125; 
}
.mapper {
width:940px;
height:530px;
display:block;
margin:-508px 0 0 -28px;
position:relative;
}
.mapper a {
text-decoration:none;
color:#FFFFFF;
	background-color: #005581;
	background-color: rgba(0,85,129,0.6);
}
.mapper a:hover {
	background-color: #005581;
	background-color: rgba(0,85,129,0.9);
}
.mapper p {
font-size:7pt; margin:0 0 3px 0; padding:0;
}
#dufferin {
top:245px;
left:650px;
}
#owensound {
top:211px;
left:382px;
}
#madonna {
top:159px;
left:777px;
}
#belllane {
top:287px;
left:420px;
}
#firstave {
top:330px;
left:512px;
}
#lakeshore {
top:226px;
left:164px;
}
#royaloakvillage {
top:125px;
left:130px;
}
#amherstburg {
top:422px;
left:114px;
}
#strathroy {
top:335px;
left:292px;
}
#hidden {
visibility:hidden;
}
.maptag {
	position:absolute;
	width:120px;
	font: bold 8pt sans-serif;
	color: #FFF;
	padding: 5px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	border:1px solid #FFFFFF;
	border-bottom-right-radius: 10px; 
	-moz-border-radius-bottomright: 10px; 
	-webkit-border-bottom-right-radius: 10px;
}

/*
Mapit
*/

.fbox {
    margin:-5px 0 0 -5px;
}

/* 
Contact Form
*/

span.wpcf7-list-item { display: block; left: 200px; width: 400px; margin-left:200px;}
.formitem { position: relative; float:left; display: inline-block; width: 200px; vertical-align:top; clear:left;}

/*
Job Listing
*/

.joblist {margin:0 0 10px 20px}
.joblist h4 {margin:25px 0 5px 0px;}
.joblistitem {clear:both;background-color:#efefef;margin-bottom:1px;border-bottom:1px #ccc solid;border-right:1px #ddd solid;}
.joblistitem:hover {background-color:#dedede;}
.joblist .col1, .col2, .col3 {margin:1px;padding:2px 2px 2px 4px;}
.joblist .col1{float:left;position:relative;width:423px;border-right:1px #FFF solid;}
.joblist .col1 a{font-weight:bold;color: #005581;}
.joblist .col2{float:left;position:relative;width:170px;}
.joblist .col3{float:left;position:relative;width:100px;}
.jobcat {clear:both;background-color:#eee;margin-bottom:1px;font-size:7pt; color:#bbb;}
.post li{margin-left: 22px;}
.post h2, .page h2 { color:#005581;}


/*
My Seasons
*/
.myseasons {
background-color: #c3a204;
background-image: url(images/myseasonsbg.jpg);
background-repeat: no-repeat;
background-position: -45px 0px;
border:10px #FFF solid;
z-index: 0;
padding:200px 10px 40px 10px;
}
#typefacemsh1 {
	font-family: Archerff, Georgia, serif;
	text-align: center;
	font-size:16pt;
	color:#fff;
	line-height:150%;
	position:relative;
	z-index:10;
padding:0 160px;
visibility: visible !important; 
}
.dcap { 
 font-size:70px; line-height:63px; float:left;
 margin: 0 -13px 0 0; padding:0 ;
 color: #005581;
 }
#typefacemsh2 {
	font-family: Archerff, Georgia, serif;
	font-size:24pt;
	text-align:left;
	padding:0 100px 20px;
	color:#fff;
	line-height:150%;
	position:relative;
	z-index:10;
visibility: visible !important; 
}

.msshadowtop, .msshadowbot {
margin:20px auto;
width:100%;
height:40px;
display:block;
background-repeat: no-repeat;
background-position: center top;
}
.msshadowtop {
background-image: url(images/msshadowtop.png);
}
.msshadowbot {
background-image: url(images/msshadowbot.png);
}
ul.msvideolist {
margin:0 auto;
width:750px;
list-style:none;
}
ul.msvideolist li {
float:left; 
list-style:none;
margin:15px;
padding:0;
color: #fff;
text-align:center;
}
.msvideolist img {
border:5px #FFF solid;
}
.msvideolist a:link, .msvideolist a:visited {
color:#FFF;
}
.msvideolist a:hover {
color:#000;
}
.msvideo {
	width:690px;
	height:389px;
	display:block;
	margin:0 auto 30px;
	padding:-1px 0;
	background-color:#FFF;
border:5px #FFF solid;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.msstory {
	float:left;
	width:450px;
	color:#FFF;
	margin-left:100px;
	margin-bottom:15px;
	font-size:14px;
	line-height:20px;
}
.mscallout {
	font-family: Archerff, Georgia, serif;
	float:right;
	width:190px;
	margin: -5px 100px 0 20px;
	color:#ecd771;
	font-size:20px;
	line-height:30px;
	font-style:italic;
}
/*
.mscallout:before { 
content:"\201C";
color:#967204;
font-weight:bold;
margin-left:-20px;
	font-size:36px;
	line-height:25px;
}
.mscallout:after { 
content:"\201D";
color:#967204;
font-weight:bold;
	font-size:36px;
	line-height:10px;
}
*/