body {
    background-color:#ffffff;
     font-family: Helvetica;
    font-size: 22px;
    letter-spacing: .5px;
   }


a {
    text-decoration:none;
  }

a:link {color:#555555;}     
a:visited {color:#555555;}


/*-----------------------------------HEADER STUFF-----------------------------*/

#header {
    position:fixed;
    top:-5;
    left:-5;
    width:102%;
    height:150px;
    z-index:500;
    box-shadow:5px 5px 10px #cceedd;    
}

#headerbox {
    position:fixed;
    top:-5;
    left:-5;
    width:102%;
    height:150px;
    z-index:500;
    background-color:white;
    opacity:0.9;
    z-index:1;
}
    
#title {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    top: 25px;
    width:auto;
}

#about {
    position:fixed;
    margin-left:auto;
    margin-right: auto;
    top: 100px;
    left:20px;
    width:auto;
    
    cursor: pointer; cursor: hand;
    z-index:100;
}

#contact {
    position:fixed;
    margin-left:auto;
    margin-right: auto;
    top: 20px;
    right:20px;
    width:auto;
    font-size:30;
    font-family: "Wingdings";
    cursor: pointer; cursor: hand;
    z-index:100;
}

#navigation {
    position:relative;
    margin-left:auto;
    margin-right: auto;
    top: 100px;
    width:auto;
    font-size:20;
    font-family: "Wingdings 2";
     z-index:2;
}

#navigation2 {
    position:relative;
    margin-left:auto;
    margin-right: auto;
    top: 55px;
    width:auto;
    font-size:20;
    font-family: "Wingdings 2";
     z-index:3;
}


/*-----------------------------------END HEADER STUFF-----------------------------*/


#content {
    position:relative;
    width:90%;
    height:80%;
    top:160px;
    margin-left:auto;
    margin-right:auto;
/*    background-color:yellow;*/
    min-height:400px;
    min-width:1000px;
}

.content {
    position:relative;
    top:200px;
    width:90%;
    height:80%;
    margin-left:auto;
    margin-right:auto;
/*  background-color:orange;*/
    min-width:800;
    min-height:300;
    
}

.contentsm {
    position:relative;
    top:250px;
    width:90%;
    height:40%;
    margin-left:auto;
    margin-right:auto;
    min-width:800;
/*    background-color:pink;*/
}

.contentdivider {
    position:relative;
    top:250px;
    width:90%;
    height:30%;
    margin-left:auto;
    margin-right:auto;
}


#allcontent {
    /*  background-color:red;*/
    min-width:1000;
}

    
#imgshad3 {
    width:80%;
    box-shadow:5px 5px 12px #dfdfdf;    
}

#imgshad2 {
    width:36%;
     box-shadow:5px 5px 10px #cccccc;    
}

.topleft{
    width:90%;;
    position:absolute;
    top:2%;
    left:10%;
}

.bottomleft{
    width:90%;
    position:absolute;
    top:50%;
    left:10%;
}

.right{
    width:100%;
    position:absolute;
    margin-top:0;
    top:0;
    right:0;
    margin-right:5%;
}


/*----------------------------CONTACT INFO------------------------------------------*/

#emailbox {
    position:fixed;
     top: 25px;
    right:80px;
    width:auto;
    font-size:18;
    font-family: "Trebuchet MS";
    letter-spacing: 2px;
    background-color:orange; 
    display:none;
    padding:2;
    z-index:600
}



#websitebox {
    position:fixed;
    top: 60px;
    right:80px;
    width:auto;
    font-size:18;
    font-family: "Trebuchet MS";
    letter-spacing: 2px;
    background-color:yellow;
    display:none;
   padding:2;
    z-index:600
}
    

#phonebox {
    position:fixed;
    top: 95px;
    right:80px;
    width:auto;
    font-size:18;
    font-family: "Trebuchet MS";
    letter-spacing: 2px;
    background-color:pink;
    display:none;
    padding:2;
    z-index:600
}

#aboutbox {
    position:fixed;
    top: 75px;
    left:80px;
    width:auto;
    font-size:11;
    font-family: "Trebuchet MS";
    letter-spacing: 2px;
    background-color:pink;
    display:none;
    padding:2;
    z-index:600;
line-height: 150%;
}

/*----------------------------END CONTACT INFO------------------------------------------*/