/************** Conversations In Stillness.com **************/

* {margin:0; padding:0; /* - Reset all margins and padding - */} 

img {border: 0;}
.coverlogo {
	margin-top: 2em;
	margin-bottom: 2em;
	
}
.covertitle {
	font-family: "Lucida Calligraphy";
	font-size: 1.8em;
	color: #fff;
}
.covertitle_sm {
	font-family: "Lucida Calligraphy";
	font-size: 1.2em;
	color: #FFFFFF;
}
.enterbook {
	font-family: "Lucida Calligraphy";
	float: right;
	margin-right: 2em;
	margin-top: 3em;
	color: #663333;
	font-size: 1.2em;
}
.image_right {float: right;padding-left: 4px;}

.image_left {

	float: left;

	padding-top: 0px;

	padding-left: 0px;

	margin-right: 8px;

}
#titlecover {
	font-family: "Lucida Calligraphy";
	color: #fff;
}
html {

	background-color: #CBC4B6;	background-image: url(graphics/bg.gif); background-repeat: repeat;}

html>body #header,#footerend {width:100%} /* for safari and opera*/

* html #content {overflow: hidden;/* So IE won't break things */}

.h1 {
	font-weight: normal;
	font-size: 1.4em;
	font-style: normal;
	font-family: 'Lucida Calligraphy', 'Lucida Sans Unicode', verdana, lucida, Helvetica, arial, sans-serif;
	color: #fff;

}

.h2 {

	font-weight: bold;

	font-size: 1em;

	font-style: normal;

	font-family: Arial, Helvetica, sans-serif;}

.small {

	font-size: .9em;

}

.text {

}

hr {display: none; clear: both;}



.rule {

	height: 20px;

	width: 526px;

	background: url(graphics/hrule.gif) no-repeat;

	margin-right: 0;

	margin-left: 16px;

	margin-top: 1em;

	margin-bottom: 8px;

}

.bold {font-weight: bold;}

.hidden {position: absolute; height: 1px; top: -1000px;	left: -5000px; overflow: hidden;}

#clear {clear: both; padding-bottom: 8px; margin-bottom: 8px;}
.centre {
	text-align: center;
}


/* ------------------- Hidden text ------------------- */



.off, #skip {position:absolute; left:-9000px; top:0; z-index:20}

.off a:focus, .off a:active {color:#fff; background:#c4130d; font-size:1.4em; ; padding:0.5em; border:0.3em outset #000; white-space:nowrap; width:15em; text-align:center; font-weight:bold; position:absolute; left:9000px} 

#skip a:focus, #skip a:active {left:0} 

p.off {margin:0}



/************** Start Main styles **************/

body {

	padding: 0px;

	background-color: #CBC4B6;

	font-family: "Times New Roman", Times, serif;

	color: #666666;

	text-align: center;

	background-image: url(graphics/bg.gif);

	background-repeat: repeat;

	font-size: 96%;

	font-weight: normal;

	margin-top: 20px;

	margin-bottom: 2px;

}

#wrap{

	text-align: left;

	margin-right: auto;

	margin-left: auto;

	width: 388px;

}

/************** Header **************/

#header{

	background-image: url(graphics/fr_top.gif);

	height: 32px;

	width: 388px;

	float: left;

	background-repeat: no-repeat;

}

/************** Content Background Img **************/

#content{
	background-image: url(graphics/fr_mid_bg.gif);
	background-repeat: repeat-y;
	float: left;

}

/************** Where the main text goes **************/

#main{
	width: 388px;
	float: left;
	padding: 0px;
	text-align: center;

}

#main p{

	padding-top: 0px;

	padding-bottom: 10px;

	padding-right: 8px;

	padding-left: 8px;

	line-height: 1.4em;

}

#main a{color: #996600;}

#main a:visited{color: #999999;}

#main a:hover{color: #993300;}






/************** Footer **************/

#footerend {
	width: 388px;
	text-align: center;
	height: 16px;
	background-image: url(graphics/fr_bot.gif);
	background-repeat: no-repeat;
	clear: both;
	float: left;

}

#footerend li {
	display: inline;
	color: #999999;
	font-size: .7em;
	line-height: 1.3em;

}

#footerend ul {

	display: block;

	margin: 0px;

	list-style-type: none;

	padding-top: 54px;

	padding-right: 50px;

	padding-bottom: 0px;

	padding-left: 30px;

	float: right;

}

#footerend a, #footerend a:link {
	color: #666666;
	text-decoration: none;
	padding-right: 6px;
	font-size: .9em;
	font-weight: normal;

}

#footerend a:hover {

	color: #666666; 

	text-decoration: underline;

}

#footerend a:visited {

	color: #666666; 

	text-decoration: underline;

}

#footerend a:active {

	color: #CC6666; 

	text-decoration: underline;

}

#footerend p {

	color: #666699;

	margin: 8px 0px 13px 0px;

	font-size: .9em;

}

/************** Footer **************/

#foot {

	width: 768px;

	text-align: center;

	height: 12px;

	float: left;

}

#foot li {

	display: inline;

	color: #666699;

	line-height: 1.3em;

	font-size: 0.8em;

}

#foot ul {

	display: block;

	margin: 0px;

	list-style-type: none;

	padding-right: 30px;

	padding-bottom: 0px;

	padding-left: 30px;

}

#foot a, #foot a:link, #foot a:active, #foot a:visited {

	color: #666699;

	text-decoration: none;

}

#foot a:hover {

	color: #666699; 

	text-decoration: underline;

}

#foot p {

	color: #666699;

	margin: 8px 0px 13px 0px;

	font-size: 0.8em;

}

/***************** font sizing /**********************/

#content ul, #nav ul, #content .eis ul, #sch ul, .sub ul, #popup ul {list-style:none; margin:0; padding:0}

#high li, #snav li, #nav li, #sch li, #content .error li, .error li, .booking-process li, .hand li, .pages li, .allwebcreds li, ul.portfolio li, ul.map li, ul.recommend li, .poll li {margin:0; padding:0; background:none}







#sch {text-align:right; clear:both; z-index:20}

#fontch {

	float:left;

	width:30.65em;

	padding-top: 54px;

}

html>body #fontch div {float:left; width:15.5em}

:root #fontch, :root #fontch div {width:auto}

* html #fontch {width:auto}



#sch ul.sinf {float:left; width:15.15em}

:root #sch ul.sinf {width:auto}

* html #sch ul.sinf {width:auto}



#sch ul.sinf li {display:block; float:left; padding:0 0.8em; margin-top:3px}

#sch ul.sinf li.absite {padding-right:0; border-left/**/:1px solid #781351}



#sch h2 {

	border:0;

	padding:0 5px 0 0.75em;

	margin:5px 0 0 0;

	float:left;

	clear:none;

	font-family: verdana, "trebuchet MS", helvetica, sans-serif;

	font-size: .9em;

}







#sch #fontch h2 {margin:3px 0 0 0.8em; line-height:130%}

html>body #sch #fontch h2 {margin-right:3px}



#sch ul#fonts {float:left; width:8em}

:root #sch ul#fonts {width:auto}

* html #sch ul#fonts {width:auto}



#sch ul#fonts li {margin-left:5px; float:left}



ul#fonts li a:link, ul#fonts li a:visited {

	color:#000;

	text-decoration:none;

	height:22px;

	line-height:24px;

	width:22px;

	text-align:center;

	display:block;

	float:left;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 0.9em;

	font-weight: normal;

	background-color: #FFFBF7;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #666666;

	border-right-color: #666666;

	border-bottom-color: #666666;

	border-left-color: #666666;

}

html>body ul#fonts li a, html>body ul#fonts li a:visited {min-width:25px; width:auto}



ul#fonts li a:hover, ul#fonts li a:active, ul#fonts li a:focus {

	background-color: #FFFBF7;

	border-top-color: #333333;

	border-right-color: #333333;

	border-bottom-color: #333333;

	border-left-color: #333333;

}



ul#fonts li.sma a:link, ul#fonts li.sma a:visited {

	background:#fee9bd;

	cursor/**/:/**/text;

	border-top-color: #000;

	border-right-color: #000000;

	border-bottom-color: #000000;

	border-left-color: #000;

}



ul#fonts li.med a, ul#fonts li.med a:visited {font-size:1.1em}

ul#fonts li.lar a, ul#fonts li.lar a:visited {font-size:1.4em}



#sch .clear {width:1px}



#sch form {clear:both; margin:20px 0 0; float:right}

#sch form h2 {font:1em verdana,"trebuchet MS",helvetica,sans-serif; background:none; padding:0 5px 0 0; margin:0; float:none; display:inline}



#sch label {font-weight:bold}

#sch form p {display:inline}

#sch form p.google {font-size:0.9em; text-align:right; margin-top:2px; display:block}

#content ul, #nav ul, #content .eis ul, #sch ul, .sub ul, #popup ul {list-style:none; margin:0; padding:0}