﻿/* DOTI CSS */

/*div {
border-style:solid;
border-color:#666666;
border-width:1px;
display:none;
}

Colors:
red #bc2d35;
tan background:#efe5c4;
*/

html, body {
height:100%;
width:100%;
background-color:#e5dcbd;
margin:0;
padding:0;
}

#Top {
position:absolute;
top:0px;
left:0px;
width:100%;
min-width:1004px;
height:119px;
z-index:4;
margin:0;
padding:0;
}

#NavTop {
background-image:url(images/navTopGrad.gif);
background-repeat:repeat-x;
position:absolute;
top:0px;
left:0px;
width:100%;
min-width:1004px;
height:75px;
}

#NavTopInner {
background-image:url(images/pin.gif);
background-repeat:repeat-x;
position:absolute;
top:0px;
left:0px;
width:100%;
min-width:1004px;
height:81px;
}

#Tag {
background-image:url(images/tag.gif);
background-repeat:no-repeat;
position:absolute;
top:18px;
left:460px;
width:547px;
height:44px;
display:none;
}

#Nav {
background-image:url(images/navGrad.gif);
background-repeat:repeat-x;
position:absolute;
top:62px;
left:0px;
width:100%;
min-width:1004px;
height:22px;
z-index:2;
}

#NavBot {
background-image:url(images/botCurve.gif);
background-repeat:no-repeat;
position:absolute;
top:77px;
left:0px;
width:418px;
height:41px;
}

#Logo {
background-image:url(images/logo.png);
*background-image:url(images/logoNoShad.gif);
background-repeat:no-repeat;
position:absolute;
top:14px;
left:13px;
width:115px;
height:89px;
z-index:6;
display:none;
}

#Letter {
background-image:url(images/lettertype.png);
*background-image:url(images/lettertypeGIF.gif);
background-repeat:no-repeat;
position:absolute;
top:25px;
left:130px;
width:329px;
height:12px;
z-index:6;
display:none;
}

#Main {
position:absolute;
top:84px;
left:25px;
width:770px;
height:auto;
z-index:3;
}

#MainBody {
background-image:url(images/bodyBG.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
position:relative;
top:0px;
left:0px;
width:770px;
height:auto;
min-height:590px;
margin:0;
padding:0;
}

/* for Internet Explorer */
/*\*/
* html #MainBody {
height:590px;
}
/**/

#MainBot {
background-image:url(images/mainBot.gif);
background-repeat:no-repeat;
position:relative;
top:0px;
left:0px;
width:770px;
height:45px;
margin:0;
padding:0;
}

#Copyright {
position:relative;
top:0px;
left:0px;
width:auto;
height:auto;
}

p.CopyTxt {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#AA2B34;
margin-top:8px;
margin-bottom:25px;
}
ul{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:18px;
margin:0;
padding:0;
}

#BGFlash {
background-color:#aa2b34;
border-left-style:solid;
border-left-width:2px;
border-left-color:#666666;
position:absolute;
top:0px;
right:0px;
width:40%;
height:auto;
z-index:2;
overflow:hidden;
margin:0;
padding:0;
}

#Texture {
background-color:#EFE5C4;
position:absolute;
top:0px;
left:0px;
width:100%;
min-width:1004px;
height:100%;
z-index:1;
}

#FlashNav {
position:absolute;
top:19px;
left:0px;
height:85px;
width:1002px;
z-index:5;
}

#WelcomeFlash {
position:relative;
top:20px;
height:170px;
width:730px;
margin:0px 20px 40px 20px;
/*background-image:url(images/WelcomeFPO.jpg);
background-repeat:no-repeat;
background-color:#CCCCCC;
border-style:solid;
border-color:#666666;
border-width:1px;*/
}

#MainContent {
position:relative;
top:0px;
height:auto;
width:730px;
margin:0px 20px 0px 20px;
}

#MainContent2 {
position:relative;
top:20px;
height:auto;
width:730px;
margin:0px 20px 0px 18px;
}

#MainContent3 {
position:relative;
top:0px;
height:auto;
width:730px;
margin:20px 0px 0px 0px;
}

#PromoArea {
height:110px;
width:468px;
margin:0;
background-color:#CCCCCC;
border-style:solid;
border-color:#666666;
border-width:1px;
}

#LeftContent {
position:relative;
top:0px;
left:0px;
height:auto;
min-height:350px;
width:480px;
margin:0px 0px 0px 0px;
padding-right:20px;
border-right-style:solid;
border-right-color:#666666;
border-right-width:1px;
}

/* for Internet Explorer */
/*\*/
* html #LeftContent {
height:350px;
}
/**/

#LeftNav {
position:absolute;
top:0px;
left:0px;
height:auto;
min-height:350px;
width:150px;
margin:0px 0px 0px 0px;
padding-right:11px;
*padding-right:0px;
border-right-style:solid;
border-right-color:#666666;
border-right-width:1px;
}

/* for Internet Explorer */
/*\*/
* html #LeftNav {
height:350px;
}
/**/

#RightContent {
position:absolute;
top:0px;
right:0px;
margin:0px 0px 0px 0px;
height:auto;
width:210px;
}

#RightContent2 {
position:absolute;
top:150px;
left:807px;
margin:0px 0px 0px 0px;
height:auto;
width:auto;
z-index:5;
}

.RightContentInner {
position:relative;
top:0px;
left:190px;
margin:0px 0px 0px 0px;
height:auto;
width:538px;
display:none;
}

#Promo2 {
margin:0;
padding:0;
height:110px;
width:198px;
background-image:url(images/Promo2.jpg);
background-repeat:no-repeat;
background-color:#CCCCCC;
}

#Area1 {
position:relative;
top:15px;
left:0px;
margin:0;
padding:0;
height:auto;
width:230px;
display:block;
}

#Area2 {
	position:absolute;
	top:19px;
	right:20px;
	margin:0;
	padding:0;
	height:auto;
	width:230px;
	display:block;
	background-color:none;

}

#Area3 {
	position:absolute;
	top:130px;
	right:0PX;
	margin:0;
	padding:0;
	height:auto;
	width:209px;
	display:block;
}

.portfolio{
	border:1px solid #721820;
	padding:5px;
	background-color:#FFF;
	text-align:center;
	margin:auto;
}

#whattheysay{
	font: 48px/36px 'HoneyScriptLight', Arial, sans-serif; text-align:center; color:#930;
}

#a.whattheysay:hover{
	font: 48px/36px 'HoneyScriptLight', Arial, sans-serif; text-align:center; color:#930; background-color:#none;
}

#a.whattheysay:link{
	font: 48px/36px 'HoneyScriptLight', Arial, sans-serif; text-align:center; color:#930; background-color:none;
}




p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:18px;
margin:0;
padding:0;
}

a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#aa2b34;
line-height:18px;
text-decoration:none;
padding:3px;
}

a:hover {
color:#333;
font-weight:normal;
padding:3px;
}

a.bottomnav {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#cccccc;
text-decoration:none;
}

a.bottomnav:hover {
color:#666666;
font-weight:normal;
background-color:#cccccc;
padding:3px;
}

a.lightbox {
text-decoration:none;
padding:0;
}

a.lightbox:hover {
text-decoration:none;
padding:0;
}

h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:28px;
color:#666666;
margin:0;
padding:0;
position:absolute;
right:0px;
font-weight:normal;
display:block;
*font-weight:600;
}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
color:#666666;
line-height:18px;
margin:0;
padding:0;
*padding-top:2px;
font-weight:normal;
}

h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
color:#666666;
line-height:18px;
margin:0;
margin-bottom:10px;
padding:0;
}

h4 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
*font-size:11px;
color:#ffffff;
padding:3px;
padding-left:10px;
padding-right:10px;
background-color:#aa2b34;
margin:0;
margin-bottom:15px;
font-weight:normal;
*font-weight:600;
width:170px;
}

h3-find {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:17px;
*font-size:16px;
color:#666666;
margin:0;
margin-bottom:3px;
padding:0;
}

.images {
border-style:solid;
border-width:1px;
border-color:#666666;
height:auto;
width:auto;
padding:4px;
margin:0;
}

.imagesInner {
border-style:solid;
border-width:1px;
border-color:#666666;
}

.HeadIMG {
border-style:solid;
border-width:1px;
border-color:#666666;
width:730px;
height:170px;
margin-top:47px;
}

.HeadIMG_about {
border-style:solid;
border-width:1px;
border-color:#666666;
width:730px;
margin-top:47px;
}

a.LeftNavB {
margin:0;
position: relative;
left: 0px;
padding:3px;
padding-left:8px;
width:100%;
height:auto;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#aa2b34;
display:block;
background-image:url(images/navGrad2.gif);
background-repeat:repeat-y;
*font-weight:600;
}

a.LeftNavB:hover {
margin:0;
position: relative;
left: 0px;
padding:3px;
padding-left:8px;
width:100%;
height:auto;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
display:block;
color:#ffffff;
background-image:none;
background-color:#666666;
*font-weight:600;
}

a.LeftNavBON {
margin:0;
position: relative;
left: 0px;
padding:3px;
padding-left:8px;
width:100%;
height:auto;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#ffffff;
display:block;
background-color:#aa2b34;
*font-weight:600;
}

a.LeftNavBON:hover {
margin:0;
position: relative;
left: 0px;
padding:3px;
padding-left:8px;
width:100%;
height:auto;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#ffffff;
display:block;
background-color:#aa2b34;
*font-weight:600;
}

p.UnderHeadIMG {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:18px;
margin:0;
margin-top:15px;
padding:0;
line-height:20px;
width:635px;
}

.DropCap {
float:left;
padding-right:10px;
padding-bottom:5px;
display:inline;
}

.callout{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	color:#bc2d35;
	font-size:18px;
	line-height:20px;
float:left;
min-height:40px;
vertical-align:middle;
padding-left:37px;
padding-top:5px;
}

.callout a{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#bc2d35;
	font-size:18px;
	line-height:20px;
	text-decoration:none;
	font-style:italic;
}

.callout a:hover {
color:#bc2d35;
font-weight:bold;
}

#aboutContent:img {
float:right;
padding-left:8px;
padding-bottom:8px;
}

.hrline {
background-color:#666666;
height:1px;
font-size:1px;
width:100%;
margin-top:15px;
margin-bottom:10px;
position:relative;
}

a.FullStory {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
font-style:italic;
}

.NewsStory {
display:block;
padding:8px;
margin:0;
}

#crumbs {
margin:0;
padding:0;
margin-top:10px;
margin-bottom:10px;
}

a.NewsHead {
}

a.NewsHead:hover {
font-weight:bold;
}

#BotArea {
background-image:url(images/BotGrad.gif);
background-repeat:repeat-x;
background-color:#333333;
border-top-style:solid;
border-top-width:1px;
border-top-color:#666666;
height:12%;
width:100%;
position:absolute;
top:805px;
left:0px;
z-index:3;
}

#BotNav {
margin:0;
padding:5px 0px 0px 25px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
text-decoration:none;
}

.designSurvey {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

a.PromoIMGlink{
background-color:none;
padding:0;
}

.menuButton {
background-image:url(images/bodyBG.gif);
background-color:#FFFFFF;
border:none;
padding:5px;
margin:5px 0px 5px 0px;
border-right-style:solid;
border-right-color:#CCCCCC;
border-right-width:1px;
border-left-style:solid;
border-left-color:#CCCCCC;
border-left-width:1px;
border-bottom-style:solid;
border-bottom-color:#999999;
border-bottom-width:1px;
font-size:10px;
cursor:hand; cursor:pointer;
}

.StyleHead {
margin:0;
margin-top:0px;
margin-bottom:12px;
padding:5px;
padding-left:12px;
width:auto;
height:auto;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:19px;
color:#aa2b34;
display:block;
background-image:url(images/navGrad2.gif);
background-repeat:repeat-y;
*font-weight:600;
}

/*COUPON*/
.bubble {
	padding:10px;
	clear: both;
	margin: 0px auto;
	width: 350px;
	border:2px dashed #ab2c35;
	border-spacing: 2px;
	background: #d7cda9;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align:center;
	behavior: url(PIE.htc);
	-moz-box-shadow: 5px 5px 5px #696863;
  -webkit-box-shadow: 5px 5px 5px #696863;
  box-shadow: 5px 5px 5px #696863;
	position: relative; 
	left:-20px;
	z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */
}

.rectangle {
	background: #ab2c35;
	height: 50px;
	width: 400px;
	position: relative;
	left:-25px;
	top: 0px;
	float: left;
	text-align:center;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */
}

.couponhead {
	font-size: 42px;
	color: #fff;
	padding-top: 6px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	text-align: center;
	font-family: 'HoneyScriptLight';
	text-shadow: 1px 2px 2px #303030;
filter: dropshadow(color=#303030, offx=1, offy=2); 
}
.coupontitle {
	font-size: 42px;
	line-height:40px;
	color: #ab2c35;
	padding-top: 6px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	text-align: center;
	font-family: 'HoneyScriptLight';
}

.info{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height: 28px;
	text-align:center;
	color:#333;
}

.homepagepromo{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height: 18px;
	text-align:center;
	color:#333;
}

.homepagepromo a:link{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height: 18px;
	text-align:center;
	color:#333;
}

.homepagepromo a:hover{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height: 18px;
	text-align:center;
	color:#333;
font-weight:normal;
padding:3px;
}

.triangle-l {
	border-color: transparent #871b23 transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: -40px;
	top: 35px;
	z-index: -1; /* displayed under bubble */
}

.triangle-r {
	border-color: transparent transparent transparent #871b23;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: 360px;
	top: 5px;
	z-index: -1; /* displayed under bubble */
}



@font-face {
    font-family: 'HoneyScriptLight';
    src: url('HoneyScript-Light-webfont.eot');
    src: url('HoneyScript-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('HoneyScript-Light-webfont.woff') format('woff'),
         url('HoneyScript-Light-webfont.ttf') format('truetype'),
         url('HoneyScript-Light-webfont.svg#HoneyScriptLight') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* Bubble with an isoceles triangle
------------------------------------------ */

.triangle-isosceles {
   position:relative;
   padding:15px;
   margin:1em 0 3em;
   color:#000;
   background:#efe5c4;
font-family: 'HoneyScriptLight';
   /* css3 */
background: #D8CCA2; /* Old browsers */
background: -moz-linear-gradient(top, rgba(239,229,196,1) 0%, rgba(216,204,162,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,229,196,1)), color-stop(100%,rgba(216,204,162,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(239,229,196,1) 0%,rgba(216,204,162,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(239,229,196,1) 0%,rgba(216,204,162,1) 100%); /* Opera 11.10+ */

background: linear-gradient(top, rgba(239,229,196,1) 0%,rgba(216,204,162,1) 100%); /* W3C */

margin-left:5px;
  
  -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align:center;
	behavior: url(PIE.htc);
}

/* creates triangle */
.triangle-isosceles:after {
   content:"";
   display:block; /* reduce the damage in FF3.0 */
   position:absolute;
   bottom:-15px;
   left:80%;
   width:0;
   border-width:15px 15px 0;
   border-style:solid;
   border-color:#D8CCA2 transparent;
}




