@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=EB+Garamond);
@import url("fonts/eb-garamond/stylesheet.css");
@import url("webfonts/EBGaramond/stylesheet.css");

body {
	width: 100%;
	background-color: #FFF;
	margin: 0 auto;
}

#body {
	margin: 0 auto;
	width: 960px;
}
	

#nav{
	list-style: none;
	margin: 0 auto;
	width: 740px;
	height: 41px; 
	background-color:#CCC;
	padding: 0;
	text-align: center;
	font-size: 13px;
	font-family: Helvetica, sans-serif; 
	font-weight:400;
}

#nav li { display:inline; }
#nav a { display:inline-block; padding-top:10px;}

#nav a:link { color:#000; text-decoration:none; }
#nav a:visited { color:#000; text-decoration:none; }
#nav a:hover { color:#000; text-decoration: none; }

.but1 { width:120px; height:25px; background-color:#fc9; margin:-2px; }
.but2 { width:120px; height:25px; background-color:#99c; margin:-2px; }
.but3 { width:120px; height:25px; background-color:#cff; margin:-2px; }
.but4 { width:120px; height:25px; background-color:#cc9; margin:-2px; }
.but5 { width:120px; height:25px; background-color:#ffe790; margin:-2px; }
.but6 { width:120px; height:25px; background-color:#9cc; margin:-2px; }

h1 { width:852px; text-align:center; font-size:52px; font-weight:200; margin:0 auto; padding-top:35px; font-family: Garamond, EB Garamond, Georgia, serif;}

.customh1 { width:852px; text-align:center; font-size:26px; font-weight:200; margin:0 auto; padding-top:35px; font-family: Garamond, EB Garamond, Georgia, serif;}


h1 a:link { color:#000; text-decoration:none; }
h1 a:hover { color:#000; text-decoration:none; }
h1 a:visited { color:#000; text-decoration:none; }

h2 {
	width: 852px;
	text-align: center;
	margin-top: -15px;
	font-size: 22px;
	color: #31849b;
	font-weight: 100;
	margin: 0 auto;
	font-family: EBGaramond;
	font-style: normal;
	font-variant: normal;
	line-height: 27px;
	font-style: italic;
}

.customh2 {
	width: 852px;
	text-align: center;
	margin-top: -15px;
	font-size: 22px;
	color: #31849b;
	font-weight: 100;
	margin: 0 auto;
	font-family: EBGaramond;
	font-style: normal;
	font-variant: normal;
	line-height: 27px;
	font-style: italic;
}


h3 { width:960px; text-align:center; font-size:18px; }

.indexpara { width:960px; text-align:center; font-size:14px; margin: 0 auto; line-height:130%; padding-top:20px; font-family: Helvetica, sans-serif; font-weight:200; }
.indexpara2 { width:960px; text-align:center; font-size:14px; margin: 0 auto; line-height:180%; padding-top:20px; font-family: Helvetica, sans-serif; font-weight:200; }

.indexparaabout { width:736px; text-align:center; font-size:14px; margin: 0 auto; line-height:130%; padding-top:20px; font-family: Helvetica, sans-serif; font-weight:200; }
.indexparaaboutb { width:736px; text-align:center; font-size:14px; margin-left:auto; margin-right:auto; font-weight:bold; }

.indexparacran { width:736px; text-align:center; font-size:14px; margin: 0 auto; line-height:130%; padding-top:20px; font-family: Helvetica, sans-serif; font-weight:200; }
.indexparacranb { width:749px; text-align:center; font-size:14px; margin-left:auto; margin-right:auto; font-weight:bold; }

.indexparalocal { width:736px; text-align:center; font-size:14px; margin: 0 auto; line-height:130%; padding-top:20px; font-family: Helvetica, sans-serif; font-weight:200; }
.indexparalocalb { width:749px; text-align:center; font-size:14px; margin-left:auto; margin-right:auto; font-weight:bold; }

#websterhouse { width: 960px; text-align:center; margin-left:auto; margin-right:auto; }
#housepics { width: 960px; margin-top:30px; margin-left:auto; margin-right:auto; }
#cranbrookpics { width: 960px; margin-top:30px; margin-left:auto; margin-right:auto; }

#localpics { width: 960px; margin-top:30px; margin-left:auto; margin-right:auto; }

#courses {
	width: 852px;
	margin-top: 50px;
	padding-left: 85px;
	margin: 0 auto;
}

#travel {
	width: 852px;
	padding-top: 50px;
	padding-left: 85px;
	margin: 0 auto;
	height:280px;
}

.imageContainer { position: relative; width: 736px; height: 314px; margin:0 auto; }
.imageContainer div { position: absolute; }

.imageContainer2 { position: relative; width: 733px; height: 312px; margin:0 auto; }
.imageContainer2 div { position: absolute; }

.imageContainer3 { position: relative; width: 734px; height: 312px; margin:0 auto; }
.imageContainer3 div { position: absolute; }

.left { float:left; width:30%; height:220px; }
.left0 { float:left; width:30%; height:280px; }
.left1 { float:left; width:30%; height:580px; }
.left2 { float:left; width:30%; height:410px; }
.image { text-align:center; }
.text1 { text-align:left; font-size:12px; width:226px; margin:0 auto; }
.text2 { text-align:left; font-size:12px; width:229px; margin:0 auto; }
.text3 { text-align:left; font-size:12px; width:225px; margin:0 auto; }

#testimonials {
	width: 755px;
	margin: 0 auto;
	text-align:center;
	padding-top:1px;
}

.quotes { font-size:15px; color: #31849b; font-style:italic; }
.contact {
	width: 740px;
	margin: 0 auto;
	padding-top: 50px;
	font-family: Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 100;
	border-top: 1px solid #000;
}
.contact a:link {text-decoration:none; }
.includes { width:740px; margin:0 auto; font-size:14px; font-family:Helvetica, sans-serif; font-weight:100; }

.customh3 {
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	font-style: italic;
	text-align: center;
}

.noitalics { font-style:normal; }
#subheader { width: 740px; margin: 0 auto; }
.courses { font-family:Helvetica, sans-serif; font-size:11px; font-weight:100; }
.travel { font-family:Helvetica, sans-serif; font-size:14px; font-weight:100; }