/* ---------------------- */
/*        fonts           */
/* ---------------------- */
@font-face {
 font-family: trajpro-ie;
 src: url("TRAJANPR.eot") /* EOT file for IE */
}

@font-face {
font-family: trajpro;
src: url(TrajanPro-Regular.otf);
}


html,body { height:100%; width:100%; margin:0; padding:0; }
#topSpace { height: 40px; }
#footSpace { height: 40px; margin: 20px 0 0 0; background-image: url(images/foot-space-bg.jpg); }
#mainPage {
	margin-left: auto; margin-right: auto;
	width: 800px;
	height: 603px;
	background: url(images/frame.png);
	position: relative;
}

#innerWindow { position: absolute; top: 55px; left: 65px; height:  494px; width: 670px; }
#device { height: 140px;  width: 320px; position: absolute; top: 0px; left:10px; }
#deviceName a { height: 80px; width: 320px; font-family: 'Trajan Pro', trajpro; font-size: 40px; color: black; position: absolute; text-decoration: none; }
#deviceSlug { font-family:  'Trajan Pro', trajpro; font-size: 16px; color: black; position: absolute; top: 47px; left: 20px; }
#deviceHr { border-bottom: 1px solid black; height: 0px; width: 320px; position: absolute; top: 70px; }
#deviceCurrentPage { position: absolute; left: 9px; top: 62px; width: 254px; text-align: center;  color: black; font-size: 12px; font-family: "Trajan Pro", trajpro; }
#devicePhone { font-family: "Trajan Pro", trajpro; font-size: 14px; font-weight: bold; color: black; position: absolute; top: 74px; left: 78px; width: 170px; text-align: center; }
#devicePhone a:link { color: #B32317; text-decoration: none; }
#deviceImg { margin:8px 0 0 0; border: none;}
.nav { position: absolute; top: 180px; left: 5px; margin:0;padding:0;
	list-style-type: none; 
}
.nav li,.nav li a { color: #B32317; text-decoration: none; font-size: 12px; font-family: "Trajan Pro"; line-height: 20px; width: 100px; height: 20px; display: block; }
#s_trend { position: absolute; top: 450px; left: 10px; font-family: "Trajan Pro"; font-size: 18px; width: 400px; }
#s_trend #s_trend2 { position: relative; left: 80px; }
.nav li span { display: none; }

/* nav backgrounds */
.nav_home { background: url(images/nav-home.jpg) no-repeat; }
.nav_about { background: url(images/nav-about.jpg) no-repeat 0 0; }
.nav_services { background: url(images/nav-services.jpg) no-repeat 0 0; }
.nav_philosophy { background: url(images/nav-philosophy.jpg) no-repeat 0 0; }
.nav_testimonials { background: url(images/nav-testimonials.jpg) no-repeat 0 0; }
.nav_contact { background: url(images/nav-contact.jpg) no-repeat 0 0; }

/* home pag eonly */
#trend { position: absolute; top: 410px; left: 60px; font-family: "Trajan Pro"; font-size: 22px; width: 400px; }
#trend #trend2 { position: relative; left: 100px; }
#tagline { position: absolute; top: 480px; font-family: Times New Roman; font-size: 14px; font-weight: bold; width: 670px; text-align: center; }
#jackie1 { position: absolute; left: 365px; top: 10px; width: 300px; height: 400px; }

/* services page only */
#services1 { position: absolute; left: 120px; top: 220px; height: 204px; width: 142px;}
#giftCards { width: 400px; height: 48px; background: #807F83; border: 1px solid #7A1600; font-size: 12px; position: absolute; left: 265px; top: 444px; color: white; overflow: hidden; padding: 3px 5px 5px 5px; }
#giftCards .title { color: white; font-size: 14px; font-weight: bold; margin: 0; padding: 0; }
#servicesContent { position: absolute; left: 295px; top: 90px; height: 280px; width: 370px; padding: 6px; color: #807F83; }
#servicesContent b { font-family: Times New Roman; font-size: 13px; line-height: 20px;  color: black; font-weight: normal;  }
.serviceAnchor { list-style-type: none; display: block; margin-left: 0; padding-left: 0; width: 366px; text-align: center;}
.serviceAnchor li a { color: #807F83; font-family: Times New Roman; font-size: 16px; line-height: 24px;  text-decoration: none; }
.serviceAnchor li a:hover { color: #B32317; }

.black { color: black; font-family: Times New Roman; }

/* about page only */
#about1 { position: absolute; left: 120px; top: 140px; }
#aboutContent { width: 363px; height: 475px; position: absolute; left: 305px; top: 0px; padding: 6px; overflow: scroll; overflow-x: hidden; overflow-y: scroll; color: #807F83; }

/* philosophy page */
#philosophy1 { position: absolute; left: 120px; top: 110px; }
#philContent { width: 373px; height: 475px; position: absolute; left: 295px; top: 0px; padding: 6px; overflow: scroll; overflow-x: hidden; overflow-y: scroll; color: #807F83; }
#philContent p { margin: 0 0 10px 0; }

/* testimonials page */
#testimonials1 { position: absolute; left: 132px; top: 260px; }
#tesContent { width: 383px; height: 475px; position: absolute; left: 285px; top: 0px; padding: 6px; overflow: hidden; font-size: 13px; color: #807F83; font-style: italic; overflow: scroll; overflow-x: hidden; overflow-y: scroll; }
#tesContent p { margin: 0 0 10px 0; padding: 0; }

/* contact page */
#contact1 { position: absolute; left: 400px; top: 70px; font-size: 12px; color: black; width: 300px; }
#contactForm { position: absolute; left: 340px; top: 110px;}
#contactForm label { float: left; width: 60px; text-align: left; margin: 10px 0 10px 0; }
#contactForm input { width: 260px; border: 1px solid black;  margin: 10px 0 10px 0; }
#contactForm input.captcha { width: 90px; margin: 0px 0 0 0; }
#contactForm input.blindSubmit { border: none; color: #B32317; width: auto; background: white; margin-left: 140px;}
#contactForm textarea { width: 260px; height: 120px; border: 1px solid black; }
#captchaExpl { font-size: 11px; margin: 8px 0 0 60px; }
#contactSubmit{ position: absolute; left: 400px; top: 200px; font-size: 20px; }