body {
  margin: 20px 0;
  background: #000;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #1f1f1f;
}
a {
  color: #78615f;
}
a:hover {
  text-decoration: none;
  color: #e16629;
}
.title {
  border-bottom: 3px solid #cfcfcf;
  background: transparent url(images/img4.gif) no-repeat scroll right center;
}

p {
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#page {
	margin: 0 auto;
	background:#000;
	width:1000px;
	height:800px;
	border:0px;
}

#logo {
  background: transparent url(../images/main/part1.jpg) no-repeat scroll 0%;
  float: left;
  width: 555px;
  height: 110px;
}
#logo2 {
  background: transparent url(../images/main/part2.jpg) no-repeat scroll 0%;
  float: left;
  width: 130px;
  height: 110px;
}

#logo3 {
  background: transparent url(../images/main/part3.jpg) no-repeat scroll 0%;
  float: left;
  width: 315px;
  height: 110px;
}

#logo4 {
  background: transparent url(../images/main/part4.jpg) no-repeat scroll 0%;
  float: left;
  width: 501px;
  height: 611px;
}
#logo5 {
  background: transparent url(../images/main/part5.jpg) no-repeat scroll 0%;
  float: left;
  width: 499px;
  height: 611px;
}

#logo6 {
  background: transparent url(../images/main/part6.jpg) no-repeat scroll 0%;
  float: left;
  width: 1000px;
  height: 30px;
}

#logo h1 {
  padding-top: 80px;
  font-family: Georgia,"Times New Roman",Times,serif;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 36px;
  line-height: normal;
}
#logo h2 {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 11px;
  line-height: normal;
}
#logo a {
  text-decoration: none;
  color: #ffffff;
}


#links {
	float:left;
	width:400px;
	height:20px;
	margin-left:50px;
	margin-top:20px;
}

/* hack - ie will ignore this, use proper margin */
div#logo4 > div#links {
	margin-left: 100px;
}

#links a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-color:#73421b;
	text-decoration:none;
}

#links a:hover {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-color:#73421b;
	text-decoration:none;
	text-shadow:#000
}


#nextpage {

	width:130px;
	height:126px;
	margin: -45px 0px 0px 320px;

}

#nextpage2 {

	width:130px;
	height:126px;
	margin:-100px 0px 0px 340px;

}

#nextpage3 {

	width:130px;
	height:126px;
	margin:-120px 0px 0px 340px;

}

#nextpage4 {

	width:130px;
	height:126px;
	margin: 490px 0px 0px 340px;

}

#nextpage5 {

	width:130px;
	height:126px;
	margin: 0px 0px 0px 350px;

}

#prevpage {

	width:130px;
	height:126px;
	margin: -20px 0px 0px -30px;
}
	
#prevpage2 {

	width:130px;
	height:126px;
	margin: 0px 0px 0px 40px;
}	

#prevpage3 {

	width:130px;
	height:126px;
	margin: 60px 0px 0px -100px;
}


.designed {
	padding-left:485px;
}

.link_no_underline {
	text-decoration:none;
}


#content {
  border-bottom: 1px solid #ffffff;
  padding: 20px;
  float: right;
  width: 480px;
}
#content p, #content ol, #content ul {
  line-height: 152%;
}

.links {
	padding-left:100px;
	padding-top:10px;
}


.links1 {
	padding: 40px 0px 0px 100px; 
}

#slideshow {
	background:url(../images/vintageframe.png) no-repeat;
	height:400px;
	width:413px;
	padding: 140px 0px 0px 65px;
	margin: 70px 0px 0px 20px;
}

#slideshow2 {
	background:url(../images/vintageframe.png) no-repeat;
	height:290px;
	width:413px;
	padding: 140px 0px 0px 65px;
	margin: 70px 0px 0px 60px;
}

#header {
	width:420px;
	height:135px;
	margin-left:70px;
	margin-top:25px;
}

#about-page {
	width:280px;
	height:440px;
	background:url(../images/main/about-page.gif) no-repeat;
	margin: -15px 0px 0px 100px;
	padding: 20px 30px 30px 30px;
}

p.indent {
	text-indent:15px;
}

p.left {
	text-align:left;
}

p.small {
	line-height:0px;
}

#sonrise1 {
	width:290px;
	height:200px;
	background:url(../images/main/sonrise1.png) no-repeat;
	margin: 20px 0px 0px 110px;
	padding: 10px 30px 0px 30px;
}


#sonrise2 {
	width:290px;
	height:148px;
	background:url(../images/main/sonrise2.png) no-repeat;
	margin: 10px 0px 0px 110px;
	padding: 25px 30px 0px 25px;
	text-align:center;

}

#services1 {
	float:left;
	width:430px;
	height:110px;
	margin: 0px 0px 0px 60px;

}

#services_block_1 {
	float:left;
	width:115px;
	height:110px;
	text-align:left;
	padding: 0px 0px 0px 10px;
}

#services_block_1_sm {
	float:left;
	width:85px;
	height:110px;
	text-align:left;

}

#services1_2 {
	float:left;
	width:430px;
	height:90px;
	margin: 0px 0px 0px 60px;

}

#services_block_2 {
	float:left;
	width:115px;
	height:90px;
	text-align:left;
	padding: 0px 0px 0px 10px;
}

#services_block_2_sm {
	float:left;
	width:90px;
	height:100px;
	text-align:left;
}

#services1_3 {
	float:left;
	width:430px;
	height:80px;
	margin: 0px 0px 0px 60px;

}

#services_block_3 {
	float:left;
	width:117px;
	height:80px;
	text-align:left;
	padding: 0px 0px 0px 10px;
}

#services_block_3_sm {
	float:left;
	width:75px;
	height:80px;
	text-align:left;
}


#services2 {
	width:453px;
	height:580px;
	padding-top:10px;


}

#services2_note {

	width:295px;
	height:395px;
	background:url(../images/main/services_note.png) no-repeat;
	margin: 0px 0px 0px 50px;
	padding: 70px 20px 0px 20px;
	text-align:center;
}

.services_font1 {
	font-size:16px;
	font-weight:bold;
}

#services2_bottom {

	width:300px;;
	height:100px;
	padding: 10px 0px 0px 0px;
}



#services3 {
	width:419px;
	height:520px;
	background:url(../images/main/services3.png) no-repeat;
	margin: 30px 0px 0px 80px;

}

#services4 {
	width:419px;
	height:520px;
	background:url(../images/main/services4.png) no-repeat;
	margin: 40px 0px 0px 20px;

}


/* 
	hack - ie ignores direct child selector, use this to apply proper margin
	ie is doubling the margin on floated elements
 */
div#logo4 > #services5 {
	margin-left: 80px;
}

#services5{
	float:left;
	width: 280px;
	height: 164px;
	margin: 30px 0px 0px 40px;
	padding: 30px 0px 0px 20px;
}


/* 
	hack - ie ignores direct child selector, use this to apply proper margin
	ie is doubling the margin on floated elements
 */
div#logo4 > div#services6 {
	margin-left: 140px;
}

#services6{
	float:left;
	width: 256px;
	height: 207px;
	margin: 0px 0px 0px 70px;
	padding: 50px 20px 0px 20px;
}

#services7{
	float:left;
	width: 173px;
	height: 148px;
	background:url(../images/main/services7.png) no-repeat;
	margin: 90px 0px 0px 70px;
	padding: 40px 0px 0px 15px;
}

#services8{
	float:left;
	width: 188px;
	height: 143px;
	background:url(../images/main/services8.png) no-repeat;
	margin: 70px 0px 0px 0px;
	padding:40px 0px 0px 15px;
}

#services9{
	float:left;
	width: 171px;
	height: 100px;
	background:url(../images/main/services9.png) no-repeat;
	margin: 10px 0px 0px 70px;
	padding:40px 0px 0px 15px;
}

#services10{
	float:left;
	width: 220px;
	height: 120px;
	background:url(../images/main/services10.png) no-repeat;

	padding:40px 0px 0px 15px;
}

#services11{
	float:left;
	width: 200px;
	height: 132px;
	background:url(../images/main/services11.png) no-repeat;
	margin:30px 0px 0px 15px;
	padding:40px 0px 0px 15px;
}

#servicesphotos {
	width:350px;
	height:360px;
	background:url(../images/main/servicesphotos.png) no-repeat;
	margin-left:70px;
	padding: 35px 30px 40px 50px;
	line-height:16px;
}

#underslideshow {
	width: 350px;
	margin: 140px 0px 0px -25px;
}

.note1 {
	width:140px;
	height:294px;
	margin: 0px 0px 0px 20px;
}

.note2 {
	width:230px;
	height:290px;
	margin: -310px 0px 0px 170px;
}

.note3 {
	float:left;
	width:440px;
	height:470px;
	margin:0px 0px 0px 10px;
	line-height:16px;
	

}

.note4 {
	float:left;
	width:135px;
	height:335px;
	margin:80px 0px 0px 10px;
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.note5 {
	float:left;
	width:235px;
	height:300px;
	margin:210px 0px 0px 5px;
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* 
	hack - ie ignores direct child selector, use this to apply proper margin
	ie is doubling the margin on floated elements
 */
div#services4 > div.note6 {
	margin-left: 30px;
}	

.note6 {
	float:left;
	width:355px;
	height:272px;
	margin:60px 0px 0px 30px; /* ie is using this value - is half normal */
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.note7 {
	float:left;
	width:355px;
	height:192px;
	font-size:13px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 32px;
}

#resources1 {
	width:250px;
	height:360px;
	background:url(../images/main/resources1.png) no-repeat;
	margin: 0px 0px 0px 100px;
	padding: 80px 0px 0px 90px;
}

#resources2 {
	width:434px;
	height:520px;
	background:url(../images/main/resources2.png) no-repeat;
	padding-top:90px;
}

#rr-videos {
	width:330px;
	height:400px;
	background:url(../images/main/rr-videos.png) no-repeat;
	margin: 30px 0px 0px 70px;
	padding:170px 10px 0px 70px;
}

.rnote1{
	width:380px;
	height:260px;
	margin:0px 0px 0px 20px;
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.rnote2{
	width: 186px;
	height: 172px;
	margin: 70px 0px 0px 60px;
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#books,
#books2,
#books3,
#books4
{
	background:url(../images/main/books.png) 50% 100% no-repeat;
}

#books {
	width: 372px;
	height: 247px;
	margin: 50px 0px 0px 90px;
}

#books2 {
	width: 372px;
	height: 267px;
	margin: 0px 0px 0px 0px;

}

#books3 {
	width: 372px;
	height: 267px;
	margin: 30px 0px 0px 50px;

}

#books4 {
	width: 372px;
	height: 267px;
	margin: 30px 0px 0px 50px;

}

.booktitles {
	height:80px;
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.title1 {
	float:left;
	width:186px;
	text-align:center;
	vertical-align:bottom;
}

.title2 {
	float:left;
	width:186px;
	text-align:center;
}

.bookimages {
	float:left;
	width:146px;
	height:180px;
	padding: 20px 0px 0px 40px;
}

.bookimages2 {
	float:left;
	width:146px;
	height:180px;
	padding: 55px 0px 0px 40px;
}

#test1 {
	width:225px;
	height:400px;
	background:url(../images/main/test-scotts.png) no-repeat;
	margin-left:130px;
	padding: 55px 20px 0px 45px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

#test2 {
	width:436px;
	height:380px;
	background:url(../images/main/test-ricks.png) no-repeat;
	padding: 230px 0px 0px 50px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
}

#video_text {
	width:250px;
	height:324px;
	background:url(../images/main/video_text.png) no-repeat;
	margin: 30px 0px 0px 80px;
	padding: 100px 0px 0px 170px; 
}

#video_box {
	width:400px;
	height:272px;
	background:url(../images/main/video.png) no-repeat;
	margin: 150px 0px 0px 30px;
	padding: 30px 0px 0px 25px; 
}

#contact {
	width:310px;
	height:370px;
	background:url(../images/main/contact.png) no-repeat;
	margin: 15px 0px 0px 125px;
	padding-top:110px;
}

#julie-contact {
	margin: 0px 0px 0px 30px;
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
#email {
    font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	margin-top:10px;
}

.underline {
	text-decoration:underline;
}

#footer {
  width: 1000px;
  height:40px;
}

#footer p {
  text-align: center;
  font-size: 12px;
  color:#d8b85a;
}

#footer a {
  font-size: 12px;
  color:#d8b85a;
  text-decoration:none;
}

#footer a:hover {
  font-size: 12px;
  color:#73421b;
}



.clearboth {
	clear:both;
}