/* CSS Document */

body {
	margin:0px;
	padding: 0px;
	background-color:#b4b4b4;
	color:#555555;
	text-align:center;
	}
	
#droppedphoto {
	margin:0px;
	padding: 0px;
	background:#b4b4b4 url(../folioimages/fallingmugfinal185x207.gif) fixed 400px 450px no-repeat;
	color:#656565;
	text-align:center;
	}


p {
	font:12px/14px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 6px 0;
	}
	
a {
	text-decoration:none;
	color:#656565;
	font-weight: bold;
	}

a:link {
	color:#656565;
	}
	
a:visited {
	color:#656565;
	}
	
a:hover, a:active {
	color: white;
	background-color:#eb9c00;
	}

#envelope {
	width: 912px;
	margin:20px auto 0;
	padding:0;
	text-align:left;
	position:relative;
}




/* this allows for a floating column for quotes, captions and images on the left-hand edge */
#overlapleft {
	width: 118px;
	height: 600px;
	position:absolute;
	z-index:100;
	top:0;
	left:0;
	background: url(../generalimages/sketchpadedge28x134.gif) 56px 340px no-repeat;
	padding:0;
	margin:0;
	}

#wrapper {
	width: 800px;
	z-index:1;
	padding:0;
	margin-left:56px;
	}
	

/* this allows for a floating column for quotes, captions and images on the right-hand edge */
#overlapright {
	width: 118px;
	height:600px;
	position:absolute;
	top:0px;
	right:0;
	z-index:250;
	color:white;
	padding:0;
	margin:0;
}



#topbar {
	width:800px;
	height:15px;
	background:url(../generalimages/topcurvebar800x15.gif) 100% 100% no-repeat;
	background-color:#b4b4b4;
	margin:0;
	padding-top:1px;
	padding-bottom:1px;
	}
	
#logo {
	width:800px;
	height:113px;
	background:url(../generalimages/lodestonelogo330x85.gif) 425px 7px no-repeat;
	background-color:white;
	padding-top:1px;
	padding-bottom:1px;
	}
	
#logo h1 {
	visibility:hidden;
	font-size:80%;
	padding:0 0 0 45px;
	padding-left:45px;
	margin:0;
	}


#logoimagemap {
	width:330px;
	height:85px;
	padding-top:7px;
	padding-right:45px;
	float: right;
	}

#logoimagemap a {
	padding-bottom:60px;
	text-decoration:none;
	color:#656565;
	display:block;
	text-indent:-5000px;
	}
	
#logoimagemap a:hover, #logoimagemap a:active {
	background-color:transparent;
	}
	
#navigation {
	width:710px;
	background-color:white;
	text-align:left;
	text-decoration:none;
	padding-top:8px;
	padding-left:45px;
	padding-right:45px;
	}
	


#navigation ul{
	margin:0px;
	padding:0px;
	padding-bottom:0.3em;
	border-bottom:2px solid #b4b4b4;
	text-indent:25px;
	}
	
#navigation li{
	list-style:none;
	display:inline;
	}
	
/* padding on right hand edge is bigger to balance bullet point */	
	
#navigation a{
	text-decoration:none;
	padding:0.3em 18px 0.5em 12px;
	font-size:70%;
	color:#656565;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	margin:0px;
	}
	
#navigation a:link {
	color:#656565;
	}
	
#navigation a:visited {
	color:#656565;
	}
	
#navigation a:hover, #navigation a:active {
	background-color:transparent;
	}

/* padding shrinks on left and right for active and hover styles to allow for the border to be added */	

#navigation a:hover {
	padding-left:10px;
	padding-right:16px;
	color:#656565;
	border:2px solid #b4b4b4;
	border-bottom: 4px solid white;
	}
	
#navigation a:active {
	padding-left:10px;
	padding-right:16px;
	color:#656565;
	border:2px solid #b4b4b4;
	border-bottom: 4px solid white;
	}

#navigation a.current {
	padding:0.3em 16px 0.5em 10px;
	border:2px solid #b4b4b4;
	border-bottom: 4px solid white;
	}

/* padding set to 210 to stop ul underline short on the left hand side */
	
#secondrownavigation {
padding-left:198px;
width:510px;
text-align:right;
border-right:2px solid #b4b4b4;
}

#secondrownavigation ul {
padding-right:20px;
padding-top:12px;
}
	
	
	
	
	
#maincontent {
	width:800px;
	text-align:left;
	padding:0;
	margin:0;
	background-color:#FFFFFF;
	}
	
#maincontent p.firstpar {
	text-indent:0px;
	}
	
#maintext {
	width:285px;
	padding:65px 10px 0 75px;
	margin:0;
	float:left;
	}
	
#mainimage {
	width:430px;
	float:right;
	padding:20px 0 0 0;
	margin:0;
	}
	
#maincontentinone {
	width:625px;
	padding:20px 100px 0 75px;
	background-color:#FFFFFF;
	}

#footer {
	width:800px;
	background:url(../generalimages/bottomcurvebar800x14.gif) top left no-repeat;
	clear:both;
}

#footer  p {
	font:12px/14px Verdana, Arial, Helvetica, sans-serif;
	text-indent:6px;
	margin: 0 0 6px 0;
	}
	
.quotetop {
	font-size:18px;
	text-indent:0px;
	padding:8px 5px 15px 10px;
	background-color:#b4b4b4;
	margin-top:200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	}


.quotetopmiddle {
	font-size:18px;
	text-indent:0px;
	padding:8px 5px 15px 10px;
	background-color:#b4b4b4;
	margin-top:220px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	}

	
.quotemiddle {
	font-size:18px;
	text-indent:0px;
	padding:8px 5px 15px 10px;
	background-color:#b4b4b4;
	margin-top:240px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	}
	
.quotemiddlebottom {
	font-size:18px;
	text-indent:0px;
	padding:8px 5px 15px 10px;
	background-color:#b4b4b4;
	margin-top:330px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	}

.quotebottom {
	font-size:18px;
	text-indent:0px;
	padding:8px 5px 15px 10px;
	background-color:#b4b4b4;
	margin-top:380px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	}
	
	
.firstparheart {
	text-indent:0px;
	padding-top:30px;
	padding-right:1px;
	}
	
/* padding at bottom ensures a minimum gap between copy and footer, or image on right takes the depth */	
.endpar {
	padding-bottom:80px;
	margin-bottom:0px;
	}
	
.endparnoindent {
	padding-bottom:80px;
	margin-bottom:0px;
	text-indent:0;
	}
	
.noindent {
	text-indent:0;
	}
		
.bolddark {
	font-weight:bolder;
	color: #656565;
	}
	
.unbold {
	font-weight:normal;
	}

.telephone {
	color:white;
	font-size:115%;
	float:right;
	padding-right:30px;
	padding-top:20px;
	padding-bottom:0;
	margin-bottom:0;
	}

	
.boldletter {
	font-weight:bolder;
	color: #7e7d7d;
	}	

	
.copyright {
	padding:20px 0 30px 20px;
	margin-bottom:0;
	}
	
.copyrightdeeper {
	padding:20px 0 80px 20px;
	margin-bottom:0;
	}


/* image styles for positioning */

.pencil {
	padding-top:10px;
	padding-left:15px;
	}
	
.passport {
	padding-left:30px;
	}
	

.map {
	padding-bottom:50px;
	}
	
.yellowsticky {
	padding: 20px 0 0 50px;
	}
	
.businesscards {
	padding: 20px 0 65px 20px;
	}
	
.newspapers {
	padding:10px 0 60px 40px;
	}
	
.mugshotpinned {
	padding: 0 0 0 80px;
	}

/* this set up allows for the text to wrap around the many slices that make up the heart image courtesy of eric meyer meyerweb.com */	
.heart {
float:right;
clear:right;
margin:0 0 0 1.5em;
}