.all 
{
        background-color:white;
        font-size:1em;
        width:800px;
        margin:0 auto;
        color:#444;
        text-shadow: -1px -1px 1px #ddd;
        font-family: 'Architects Daughter', Verdana, Geneva, sans-serif;
        
}
.banner img { 
        border:none;
        padding-left:50px;
}
.banner ul
{
        padding: 10px 0 0 20px;

        
}
.banner li,.banner a {
        list-style:none;
        text-decoration:none;
        font-weight:bold;
        color:black;
        font-size:38px;
}

.banner a:hover, #home .home, #links .links, #gallery .gallery, #contact .contact {
        color:#22A2AB;
        text-shadow: 1px 1px 2px #222;
}


.hi {
        
                
        width: 650px;
        font-size:1.5em;
        padding:5px;
        margin-left:80px;


        
}

.test {
        font-family: 'Times New Roman', Times, serif;
        width: 650px;
        font-size:2.0em;
        padding:20px;
        margin-left:-10px;
        background:#eec;
        -o-transform:  rotate(-1deg)    ;
        -ms-transform:  rotate(-1deg)   ;
        -moz-transform:  rotate(-1deg)  ;
        -webkit-transform:  rotate(-1deg) ; 
        box-shadow: 2px 2px 3px #aaa;
        background: -moz-linear-gradient(100% 100% 90deg, #cca, #eec);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eec), to(#cca));
}
.list {
        border:solid 1px #C7B16F;
        font-family: 'Courier New', Courier, monospace;
        width: 750px;
        font-size:1.3em;
        padding:20px;
        margin-left:20px;
        background:#FFF7BF;
        -o-transform:  rotate(-1deg)  ;
        -ms-transform:  rotate(-1deg)  ;
        -moz-transform:  rotate(-1deg)  ;
        -webkit-transform:  rotate(-1deg) ; 
        box-shadow: 2px 2px 3px #aaa;
        background: -moz-linear-gradient(100% 100% 90deg, #FFF7BF, #FFEFBF);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFEFBF), to(#FFF7BF));
}
.list img { width:16px;}
.list ul {
        padding:10px;
        width:550px;
        border-radius: 15px ;
        border: solid 2px #aaa;
        line-height:100%;
        font-size:.8em;
        
        -o-transform:  rotate(1deg)     ;
        -ms-transform:  rotate(1deg)    ;
        -moz-transform:  rotate(1deg)   ;
        -webkit-transform:  rotate(1deg) ; 
        box-shadow: 2px 2px 5px #A8965E;
          }
.list li { list-style-type:none;}
.host {
        font-family: 'Courier New', Courier, monospace;
        width: 600px;
        font-size:1.3em;
        padding:20px;
        margin-left:220px;
        background:#cec;
        -o-transform:  rotate(-2deg)    ;
        -ms-transform:  rotate(-2deg)   ;
        -moz-transform:  rotate(-2deg)  ;
        -webkit-transform:  rotate(-2deg) ; 
        box-shadow: 2px 2px 3px #aaa;
        margin-top:20px;
        background: -moz-linear-gradient(100% 100% 90deg, #aca, #cec);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cec), to(#aca));
}

.mobile {
        font-family: 'Comic Sans MS', cursive;
        width: 400px;
        font-size:2.0em;
        padding:20px;
        margin-left:200px;
        background:#cec;
        -o-transform:  rotate(4deg)     ;
        -ms-transform:  rotate(4deg)    ;
        -moz-transform:  rotate(4deg)   ;
        -webkit-transform:  rotate(4deg) ; 
        box-shadow: 2px 2px 3px #aaa;
        background: -moz-linear-gradient(100% 100% 90deg, #aca, #cec);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cec), to(#aca));
}
.email {
        text-decoration:none;
        color:black;
        font-family: 'Courier New', Courier, monospace;
        width: 600px;
        font-size:1.6em;
        padding:20px;
        margin-left:80px;
        background:#cce;
        -o-transform:  rotate(-2deg)    ;
        -ms-transform:  rotate(-2deg)   ;
        -moz-transform:  rotate(-2deg)  ;
        -webkit-transform:  rotate(-2deg) ; 
        box-shadow: 2px 2px 3px #aaa;
        margin-top:40px;
        background: -moz-linear-gradient(100% 100% 90deg, #aac, #cce);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cce), to(#aac));
}
.email a,.gform a, .G1 a  {text-decoration:none;  color:black;}
.gform {
        text-decoration:none;
        text-align:center;
        font-family: 'Comic Sans MS', cursive;
        width: 400px;
        font-size:2.0em;
        padding:20px;
        margin-left:200px;
        background:#cec;
        -o-transform:  rotate(1deg)     ;
        -ms-transform:  rotate(1deg)    ;
        -moz-transform:  rotate(1deg)   ;
        -webkit-transform:  rotate(1deg) ; 
        box-shadow: 2px 2px 3px #aaa;
        background: -moz-linear-gradient(100% 100% 90deg, #E0CDAB, #F2DCB6);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2DCB6), to(#E0CDAB));
}
.lnk1 {
        position:relative;
        z-index:9;
        margin-top:40px;
        width: 800px;
        font-size:1em;
        padding:20px;
        margin-left:0px;
        background:#E3E3C1;
        -o-transform:  rotate(-2deg)    ;       
        -ms-transform:  rotate(-2deg)   ;       
        -moz-transform:  rotate(-2deg)  ;       
        -webkit-transform:  rotate(-2deg) ; 
        box-shadow: 2px 2px 3px #aaa;
        background: -moz-linear-gradient(100% 100% 90deg, #E3E3C1, #F2F2CE);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F2CE), to(#E3E3C1));
        
}
.lnk2 {
        position:relative;
        z-index:9;
        margin-top:40px;
        width: 800px;
        font-size:1em;
        padding:20px;
        margin-left:40px;
        background:#E3E3C1;
        -o-transform:rotate(2deg)       ;       
        -ms-transform:rotate(2deg)      ;       
        -moz-transform:  rotate(2deg)   ;       
        -webkit-transform:  rotate(2deg) ; 
        box-shadow: 2px 2px 3px #aaa;
        background: -moz-linear-gradient(100% 100% 90deg, #E3E3C1, #F2F2CE);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F2CE), to(#E3E3C1));
}



.G1 {
        float:left;
        margin-top:10px;
        width: 800px;
        font-size:1em;
        padding:20px;
        margin-left:0px;
        background:#E3E3C1;
        -o-transform:  rotate(0deg)     ;       
        -ms-transform:  rotate(0deg)    ;       
        -moz-transform:  rotate(0deg)   ;       
        -webkit-transform:  rotate(0deg) ; 
        box-shadow: 2px 2px 3px #aaa;
        background: -moz-linear-gradient(100% 100% 90deg, #E3E3C1, #F2F2CE);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F2CE), to(#E3E3C1));
}

.foot {
        position:fixed; bottom:20px; left:0;
        z-index:-1;
        
        
        font-family: 'Courier New', Courier, monospace;
        width: 200px;
        font-size:1em;
        padding:5px;
        margin-left:-15px;
        margin-top: 0px;
        padding-left:25px;
        background:#eec;
        -o-transform:  rotate(6deg)     ;       
        -ms-transform:  rotate(6deg)    ;       
        -moz-transform:  rotate(6deg)   ;       
        -webkit-transform:  rotate(6deg) ; 
        box-shadow: 2px 2px 3px #aaa;
        background: -moz-linear-gradient(100% 100% 90deg, #cca, #eec);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eec), to(#cca));
}

.button a
{
        height:50px;    
        border:solid 2px red;
}
.button a:hover 
{
        margin-top:-50px;       
        padding-top:50px;
}

.effect img { 
        border:solid 2px black; 
        box-shadow: 20px 20px 35px black;
}

.effect 
{       
        opacity:0.8;
        position:relative;
        padding:50px;
        width:60px;
        height:60px;
        display:inline-block;
        -webkit-transition: -webkit-transform 1.5s ease-in;
        -moz-transform:  rotate(10deg) scale(0.15) translate(10px,10px) ;
        -webkit-transform:  rotate(10deg) scale(0.15) translate(10px,10px); 
        z-index: 2;
}
.effect:hover {
        position:relative;
        -moz-transform: rotate(0deg) scale(.2) translate(-300px,-50px);
        -webkit-transform:  rotate(0deg) scale(.2) translate(-300px,-50px);
        z-index: 999;   
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
              opacity:1;
     
       
}
.effect:active {
        position:relative;
        -moz-transform: rotate(0deg) scale(1) translate(-300px,-100px);
        -webkit-transform:  rotate(0deg) scale(1) translate(-300px,-100px);
        z-index: 999;   
        -webkit-transition: -webkit-transform 0.1s ease-in-out;
              opacity:1;
     
       
}
h1 , h2 , h3  {
        padding:0;
        margin:0;
        color: #444;    
}

#home b {       
        font-size:1.8em;
        color:#5669D6;
        text-shadow: 1px 1px 2px #222;
}
#links b {
        font-size:1.2em;
        font-family: 'Courier New', Courier, monospace;
        color:#222;
        text-shadow: 1px 1px 2px #222;
}
#links table {
        border-top: dotted 1px #aaa;
        padding-top: 10px;
}
#links .lnk1 img {
        -o-transform: rotate(2deg) scale(1);
        -ms-transform: rotate(2deg) scale(1);
        -moz-transform: rotate(2deg) scale(1);
        -webkit-transform:  rotate(2deg) scale(1);
}
#links .lnk2 img {
        -o-transform: rotate(-2deg) scale(1);
        -ms-transform: rotate(-2deg) scale(1);
        -moz-transform: rotate(-2deg) scale(1);
        -webkit-transform:  rotate(-2deg) scale(1);
}
.includes { 
        float:right;
        position:relative;
        z-index:999;
        margin-top:40px;
        width: 300px;
        font-size:1em;
        padding:20px;
        margin-left:0px;
        background:#DEDD9E;
        -o-transform:  rotate(-2deg)    ;       
        -ms-transform:  rotate(-2deg)   ;       
        -moz-transform:  rotate(-2deg)  ;       
        -webkit-transform:  rotate(-2deg) ; 
        box-shadow: 2px 2px 3px #aaa;
        background: -moz-linear-gradient(100% 100% 90deg, #DEDD9E, #EDEB87);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EDEB87), to(#DEDD9E));
}
.price {
        font-size: 1.2em;
        color:green;
        font-weight:900;
}

.content ul { 
        
        background: #eaeaff;
        margin:25px;
        
}
.content li {
        padding:12px 15px;
        font-size:1.3em;
        color:#333;
        font-family: Garamond, serif;;
}

.footer {
        border-top: dotted 1px #aaa;
        text-align:center;
        font-size:0.9em;
        color:#88f;
        
}
img { border:none;}

.linkfooter { 
        background-color : #555;
        width:900px;
        margin:0 auto;
        line-height:135%;
}
.linkfooter ul
{
        padding:none;
        margin:none;
        font-size:14px;
        display:block;
        width:180px;
        float:left;
        color:#888;
        border: none;
        
        list-style:none;
        text-align:center;
}
.linkfooter a {
        color:#888;
        
}

.certs img {padding:10px 20px;; width:110px;}
.certs { text-align:left;}