html { margin:0; padding:0;  color: #fff;
background: #000 url('/viv.jpg') 0 50% repeat; }
/* background: #000 url("/tbg4.jpg") 0 0 repeat; */

body { display: block;width: 96%;
margin: 1% 2%;padding: 0;
font: normal 100% "Arial,Verdana,Helvetica", sans-serif;
background: #000;color: #fff;
background: transparent; }

/*
#article, .article { position: absolute;top:0;left: 0;display: block;width: 100%;
margin-right: 0;margin-bottom: 1px;padding: 1px;
text-align: center;}

#article,.article {background: transparent url('/viv.jpg') 0 50% repeat;} 

####################################################
*/
#article, .article { position: relative; display: block; 
width: 100%;
min-width: 18em;
margin: 0; padding: 0;
text-align: center;
background: transparent;
}

/*  ~~~~ STD ~~~  */
h1, h2, h3 { display: block; clear: both;
margin: 1% 0; padding: 0;
font-size: 1em; 
}
h2 {text-align: left; line-height: 1.75em;}
h3 {text-align: center;}
a:link, a:visited, a:hover, a:active, a:focus  { color:#fff; 
font-weight:bold;
}
em { font-style:italic; } 
.center { display:block; text-align: center; }
p, blockquote  { display:block; width:100%; 
background: transparent;}
/* ~~~~~~~ TWO SECTIONS ARE INTRO AND PIN ~~~~~~~  
   FOR MOBILE, FLOATS SHOULD BE IGNORED, 
   BUT NOT IN MY 10" TABLET                        */

/*  POSITION ODD STAR */
#pin { position: relative; display: block; 
width: 40%; 
float: right;
margin: 0;padding: 0;
text-align: center;
background: transparent url("/solo.png")10% 30% no-repeat;
} 

#intro, .intro { position: relative; display: block; 
width: 40%; min-width: 18em;
float: left; 
margin:0 2% 1% 8%; padding: 0;
font-size: 1em;
background: transparent;
color: #fff;
} 

#intro h1 { font-size: 2.4em;text-align: center;color: #fff;}
#intro h2, .intro h2 { font-size: 1.5em;text-align: center;color: #fff;}
#intro h1 em, .intro h2 em { display: block; text-align: center;color: #fff;font-weight: bold;}
.intro h2 em { font-size: .8em; }
/* width: 60%; margin: 0 15% 1% 15%; */
#pin h1 { display: block; width: 75%; margin: 0 12.5% 1% 12.5%; padding: 0;
font-size: 1.2em; font-weight: bold; text-align: center; } 
#pin h1 a { display: block;  text-align: center;  } 
#pin h1 a img { display: block; width: 100%; margin: 0; padding: 0 0 5% 0; }
#pin p { display: block;width: 100%;margin: 0;padding: 0;font-size: 1.3em;text-align: center;}

a em {  display: block; font-style: normal; } 
/*  ~~~~~~~~~~~~  */

#logoinside { display: block;width: 40%;float: right;
margin: 0;padding: .5% 8% 0 0;text-align: center;
background: transparent url("/solo.png")10% 30% no-repeat;}
#logoinside img { width: 70px;height: 109px; }
#logoinside p a:link { display:block; text-align:center; color:#fff;}

.procbg  { display: block;width: 80%;margin:10%;padding:3%;color: #000;background: #fff;text-align: center;}
.procbg h1, .procbg h2 {color: #046;background: #fff;
font-size: 2em;text-align: center;line-height:1em;}
.procbg h2 em {font-size: 1em;}
.procbg p {font-size: 1.2em;text-align: center;background: #fff;color: #046;}  
 
.lg p { padding: .5em 0 .8em 0;font-size: 1.8em;
text-align: center;background: transparent;color: #fff;}
.lg p em {font-size: .9em;} 

/* ~~~~~~~~~ GENERAL ~~~~~~~ */
.block {display: block;}
.justclear {display: block; clear:both; }
.clear {display: block;width: 100%;margin: 0;padding: 0;clear: both;}
.sm {font-size: .8em;}
.floatright, .fr {display: block;float: right;} 

/*  FORM */
form { position: relative;display: block;
/* width: 18em; */
width:98%;
margin: 1% auto 5%;padding: .1% 1%;
font-size: 1em;text-align: center;color: #000;
}

form p {font-size: 1em;text-align: left;color: #000;margin:0;padding:1% 0;
}
fieldset,legend{background: transparent url("/center-fade-l-to-r.png") 0 0 repeat;
} 
fieldset {margin:0; padding: 3%; 
}
legend {font-weight:normal;margin: .1% 5%;padding: 0 5%;
}
label {display: block;width: 2.5em;float: left;clear: left;
margin: .2em .5em .2em 0;padding: .1em;font-weight: bold;text-align: right;
}
input { display: block;width: 90%;
clear: right;float: left;margin: .1% auto;padding: 1%;
font-size:1.1em; font-weight: bold;text-align: left;
color: #000;
background: transparent;  
}
textarea { display:block; width: 98%;margin: auto; 
background: transparent;
font-size:1.1em; font-weight:bold; 
}
/* input {  font-size:1.1em; background: #fff url("/fade-bg-stars.jpg") 0 0 repeat;} 
 /fade-bg-stars.jpg 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~   */


/* background:transparent url("/blue-fade.png") 0 0 repeat; */
.promise, #promise  {display:block; width:80%; 
margin:0 5% 5% 5%; padding:0 5% 15% 5%;
text-align:center; 
background:transparent url("/viv.jpg") 0 0 repeat; 
}
.promise p { display:block; text-align:center;
}
#promise p { display: block; background: transparent; margin-top: .6em; font-size: 1.5em;  margin: 0; padding: .5em 0; 
text-align: center;}

.promise h1 em { font-size:.8em}
#promise h1 { font-size:2em }
#promise h1 a { color:#fff; text-decoration:none;}
#promise h1 a .h1logoinside img {display: block; width:70px; height:109px;
float:none;  } 
#promise h1 em { font-size:1em }

blockquote { display:block; margin:0; padding:0 0 1.1em 0; 
font-size:1em; font-style:italic;  text-align:center; 
background: transparent;
}
#index blockquote { display:block;width:100%; margin:0; padding:0; 
font-size:1.2em; font-style:italic;  text-align:center;
}
blockquote p { text-align:center; }
blockquote em { display:block; font-style:italic; font-size:.6em; color:#fff;
}

/*  TEMP - BUTTON INSTEAD OF POPUP BOXES */
button { color:#fff; background:transparent; font-size:1.4em; border:none; margin:.3em 0; padding:0; 
}

/* form#contactpage { display:block; width:12em; }*/
#pinmob, #pinmed {display: none;}
#footer { display: block;width: 98%;clear: both; 
background-position: center bottom; 
margin: 0 auto;margin-bottom: 0;padding: 6% 0 2% 0;text-align: center;background:transparent; color: #fff; }
#footer p { display: block;color: #fff; margin: 0 1em;text-align: center; }
#footer a { color: #fff; margin: 0 1.5em; }
#contact .intro h1 { font-size:2em; }
form#contactpage h1 { font-size:1em; }
p#tm, #pin p.tfr, #pinmob p.tfr {display: block;width:98%;margin:0 .5%;padding:0;clear: both;
text-align: right;} 
p.tfr {font-size: 1.2em;}


#wuasub { display: block;width: 4em;
clear: none;margin: .5em auto;padding: .1em;
font-weight: bold;text-align: center;background: #fff;color: #f64f1c;
border: solid 3px #f64f1c;}
#home  { display:block;width: 4em;float: left; }
#home img { width:100%; margin:0; border:0; outline:0; }

#privacy {width: 70%; margin: 2.5em auto;padding: 1% 5%;text-align: left; background: transparent url("/center-fade-l-to-r.png") 50% 50% repeat;color:#000;}
#privacy h1 {margin: 1% 3% 3% 3%;padding: 0;font-size: 1.1em;font-weight: bold;text-align: center; }
#privacy p { padding:.4em 0;}

 
em.astk  { display:block; text-align:center;  font-style:normal;  font-size:2em;  }
.caption { display:block; text-align:right; font-size:.8em; font-style:italic; color:#fff;
} 
p.link { display:block; text-align:center; font-style:italic; 
 color:#fff; 
} 
.caption a, .link a {display:block; text-align:right; font-style:italic;  color:#fff; text-decoration:underline; } 
.link a {text-align:center; padding-top: 1.3em; }
.shade { background:transparent url("/blue-fade.png") 50% 50% repeat;}

strong#big  {font-size:2.5em;font-weight: bold;}



/* .homelink { display: block; width: 12em; float:left; }  */
.homelink a { display: block;  float:left; text-align:center; text-decoration:none; outline:none; border:none;  margin:1px; padding:0;}

.homelink img { display: block; width: 8em; float:right;
outline:none; border:none; margin:0; padding:0; } 
 

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    MOBILE ALTERNATIVE  max 800px overall 
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~     


@media screen and (max-width: 479px) and (max-width: 1000px) { 
*/
@media screen and (max-width: 1000px) { 
#article,.article {margin:0; padding: 0; 
background: transparent;
} 
#pin, #pinmed, .h1logoinside img  {display: none;}

/* ~~~~~~~~~~~~~~~~~
    #pin h1 { display: block; width: 60%; margin: 0 15%; padding: 0;
    font-size: 1.3em; font-weight: bold; text-align: center; } 
    #pin h1 a { display: block;  text-align: center;  } 
    #pin h1 a img { display: block; width: 100%; margin: 0 0 .5em 0; padding: 0; }
    #pin h2, #pin p { display: block;width: 100%;margin: 0;padding: 0;font-size: 2em;text-align: center;}
    #pin p {display: block; width: 98%; margin: 0 1%; padding: 0; font-size: 1.2em; }
 ~~~~~~~~~~~~~~~~~~~~ */
#pinmob {display: block; width: 98%;margin: 0 1%; padding: 0;
text-align: center;
background: transparent url("/solo.png")10% 30% no-repeat;
}

 /* #pinmob img {width: 60%;margin:auto;padding: 0;}
    #pinmob h2, #pinmob p
 NEW */


#pinmob h1 { display: block; width: 60%; margin: 0 15%; padding: 0;
font-size: 1.2em; font-weight: bold; text-align: center; 
background: transparent;
} 
#pinmob h1 a { display: block;  text-align: center; background: transparent; } 
#pinmob h1 a img { display: block; width: 100%; margin: 0; padding: 0 0 5% 0; background: transparent;
 }
 
#pinmob p  {display: block;width: 98%;margin: 0 1%;padding: 0;
font-size: 1.3em;text-align: center;
background: transparent; }  

#intro, .intro { width:98%; min-width: 18em; margin:1% auto; padding: 1% 0; background: transparent;}
#intro p { background: transparent;}
#intro h1 { font-size:2em; background: transparent; }
.lg p { font-size:1.2em; background: transparent;}

form, form #contactpage  {position: relative;display: block;width: 90%;
margin: 5%;padding:5% 0;font-size: 1em;text-align: center;color: #000;
background: transparent;
}
form p {font-size: 1em;text-align: left;color: #000; margin: 0; padding: 1% 0;
background: transparent;
}
fieldset,legend {background: transparent url("/center-fade-l-to-r.png") 50% 50% repeat;
}
label { width: 90%; float: none; clear: both;
text-align:left;margin: .1% 0;padding:1% 2% 1% 1%;
}
input { width: 96%;max-width: 96%;float: none;clear: both;margin: .1% 0;padding: 1%;
color: #000;
background: transparent url("/center-fade-l-to-r.png") 0 0 repeat; }
textarea { font-size:1.1em; font-weight:bold; 
background: transparent url("/center-fade-l-to-r.png") 50% 50% repeat;
}
#footer {margin: 2% auto; background: transparent;}
}