/* -- Browser Style Reset (by  Creative Graphic Solutions.BIZ) -- */

* {
position: static; vertical-align: bottom;
box-sizing: border-box; margin: 0px; border: 0px solid black;
padding: 0px; background-clip: border-box;
}
html {
position: absolute; width: 100%; height: 100%;
overflow-x: auto; /* Show a horizontal  browser scroll bar when needed. */
overflow-y: scroll; /* Always show a vertical browser scroll bar to prevent  short page shifting. */
}
body {
position: relative;
width: 975px; margin: 0px auto;  /* Set static page width and center horizontally. */
min-height: 100% ;  /* Fill the screen vertically even if there is little  content. */
max-height: 999999px;  /* Prevent font boosting on small screen devices. */
font-size: 18px; line-height: 1.15; font-family: Arial, Verdana, sans-serif; color: black; /* Set a default font. */
}
img { display: inline-block; vertical-align: baseline; }
p { margin-bottom: 0.8em;  padding-bottom: 0.2em; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 1em; font-weight: bold; font-size: 1.50em;  }
table { table-layout: fixed; border-spacing: 0px; border-collapse: collapse; empty-cells: show; }
td { vertical-align: middle; text-align: center; }
a:link, a:focus, a:visited { color: inherit;  text-decoration: inherit; }
a:hover, a:active { color: inherit; text-decoration: underline; }




/* -- Style Page -- */

body {
background: White;   /* Set browser background. */
font-family: sans-serif; line-height: 1.15; font-size: 28px;  color: #222; /* Set default font. */
} 
#page {
width: 100%;
min-height: calc( 100vh - 20px ); margin-top: 10px; /* Fill the screen vertically even if there is little  content.  Set vertical margins.*/
background: hsl(0, 0%, 100%);   /* Set page background. */
}




/* Quick Settings...*/
.set-nw { white-space: nowrap; }
.set-flush-top { display: inline-block; vertical-align: top;}
.set-flush-bot { display: inline-block; vertical-align: bottom;}

/* Normal Links... */
a.normal { color: hsl(10, 72%, 38%); text-decoration: underline; }
a.normal:hover, a.normal:active { color: hsl(10, 72%, 48%);text-decoration: underline; }

/* Normal Unordered Lists... */
ul.normal {
margin: 0px; padding: 0px;
}
ul.normal   li {
margin-left: 1.35em;  /* Set left-hand margin for lists and sublists. */
margin-bottom: 0.50em;  /*Set list item spacing. */
list-style-type: none; padding-left: 0px;  /* Remove browser style bullet points. */
text-indent: -1.15em; padding-left: 1.15em; /* Prepare for custom bullet points. */
}
ul.normal   li:before {
display: inline; content: "\25CF  \00A0"  /*  Apply custom bullet points (disc = \25CF    space = \00A0  ). */
}
ul.normal   li:last-child {
margin-bottom: 0px;
}

/* Ordered Lists... */
ol {
margin: 0px; padding: 0px;
}
ol   li {
margin-left: 2.35em;  /* Set left-hand margin for lists and sublists. */
margin-bottom: 1.00em;  /*Set list item spacing. */
}
ol   li:last-child {
margin-bottom: 0px;
}




#logo {
display: inline-block;  margin: 25px 0px; 
}
#article {
position: relative; /* Set anchor point.*/
}
#article-theme {
opacity: 0;
animation: delayed-fade-in 1s linear 1s 1 normal forwards; /* (duration curve delay loop direction stickyness pause.)*/
}
@keyframes delayed-fade-in {
000% { opacity: 0.0; }
060% { opacity: 0.8; }
100% {opacity: 1.0; }
}
#service {
width: 400px; margin: 50px 300px 20px 120px;
font-size: 21px; font-family: Verdana, serif;  color: hsl(0, 10%, 30% );
}
#service > p:first-child {
margin-right: 65px;
}
#service   .contact {
font-size: 20px; font-style: italic;
}



sale-banner {
display: block; margin: 0px auto; 
}
#article.for-sale {
font-size: 22px;
width: 700px;  border: 4px solid #4B4948; margin: 0px auto 50px;
padding: 75px; 
background: linear-gradient( -180deg,  #F6C200, White ) 0px 0px/100% 12% no-repeat;
}

#other-domains-header {
text-align: center;
}
#other-domains-header   img {
width: 130px; 
margin-top: 5px; 
transition: transform 0.5s;
opacity: 0.30;
}

#other-domains-section {
text-align: center; margin-top: 50px;
}
#other-domains-section   img {
width: 265px; 
margin-top: 25px; 
transition: transform 0.5s;
}
#other-domains-header   img:hover,
#other-domains-section   img:hover {
transform: scale( 1.15, 1.15 );
opacity: 1.00;
}


#back-link {
text-align: right; margin-top: 60px; margin-right: -40px;  margin-bottom: -50px; 
font-size: 80%; font-style: italic; text-decoration: underline;

}
#back-link:first-child {
margin-top: -50px; margin-bottom: 20px; 
}