@charset "utf-8";
/* CSS Document */

/* ------------- Base Styles -------------*/
html, body, h1, h2, h3, ul, li, p {margin:0; padding:0;}

body {background:url(../images/bg_postcard.jpg) repeat-y; background-color:#e5c78d; font-family: "Minion Pro", MinionPro, Times, serif; font-size:18px; color:#464646;}

a {color:#0f84a2; text-decoration:none;}

img {border:0;}

.clear {clear:both;}

/* ------------- Generic Layout -------------*/
#contentWrapper {width:700px; margin:0 auto; background-color:#f1dacb;}

.content {padding:10px;}
.content p {margin:10px 0 10px 0;}

/* ------------- Header Layout -------------*/
#headerWrapper {width:700px; height:466px; background:url(../images/bg_header.jpg) no-repeat; position:relative;}

.titleBar {width:700px; height:52px; padding-top:5px; background:url(../images/bg_titlebar.jpg) no-repeat; text-align:center;}

/* ------------- Main Navigation Layout -------------*/
a.nav_home {display:block; width:570px; height:89px; position:absolute; top:18px; left:130px;}
a.nav_services {
	display:block;
	width:114px;
	height:31px;
	position:absolute;
	top:271px;
	left:119px;
	background:url(../images/nav_services.png) no-repeat;
}
a.nav_services:hover {background:url(../images/nav_services_on.png) no-repeat;}
a.nav_services.on {background:url(../images/nav_services_on.png) no-repeat;}
a.nav_examples {
	display:block;
	width:147px;
	height:75px;
	position:absolute;
	top:162px;
	left:286px;
	background:url(../images/nav_examples.png) no-repeat;
}
a.nav_examples:hover {background:url(../images/nav_examples_on.png) no-repeat;}
a.nav_examples.on {background:url(../images/nav_examples_on.png) no-repeat;}
a.nav_contact {
	display:block;
	width:144px;
	height:54px;
	position:absolute;
	top:113px;
	left:504px;
	background:url(../images/nav_contact.png) no-repeat;
}
a.nav_contact:hover {background:url(../images/nav_contact_on.png) no-repeat;}
a.nav_blog {
	display:block;
	width:71px;
	height:80px;
	position:absolute;
	top:368px;
	left:614px;
	background:url(../images/nav_blog.png) no-repeat;
}
a.nav_blog:hover {background:url(../images/nav_blog_on.png) no-repeat;}

a.nav_facebook {
	display:block;
	width:25px;
	height:26px;
	position:absolute;
	top:430px;
	left:10px;
	background:url(../images/logo_facebook_hover.jpg) no-repeat;
}

/* ------------- Homepage Layout -------------*/
#introTextWrapper {margin:25px auto 25px auto; width:500px; text-align:center;}
#introTextWrapper h1, #introTextWrapper p {display:inline; font-size:1em;}

.aboutWrapper {float:left; width:400px; padding:10px;}
.aboutWrapper p {margin:10px; 0 10px 0;}
.pauljenPhoto {float:left; margin-top:45px;}

/* ------------- Services Content Layout -------------*/
#services ul {margin:0; padding:0;}
#services li {list-style-type:none; font-size:0.8em;}
.servicesColumn {float:left; width:210px; padding:10px;}

/* ------------- Memo Board Navigation Layout -------------*/
#memoBoard {width:700px; height:600px; background:url(../images/bg_memoboard.jpg) no-repeat; position:relative;}
a.memo_chicoine {display:block; width:170px; height:170px; position:absolute; top:100px; left:18px;}
a.memo_lovitt {display:block; width:170px; height:170px; position:absolute; top:195px; left:195px;}
a.memo_macartney {display:block; width:170px; height:170px; position:absolute; top:380px; left:100px;}
a.memo_cartridge {display:block; width:170px; height:170px; position:absolute; top:25px; left:308px;}
a.memo_ecosmart {display:block; width:170px; height:170px; position:absolute; top:330px; left:370px;}
a.memo_village {display:block; width:170px; height:170px; position:absolute; top:113px; left:510px;}