#landingpage{
    width:1360px;
    margin-left:auto;
    margin-right:auto;
}
#hp1{
    position:relative;
    z-index:1;
}
#hp1word{
    position:absolute;
    width:1360px;
    color:white;
    font-size:60px;
    font-family:arial rounded, sans-serif;
    bottom:180px;
    text-align:center;
}
#hp2{
    position:relative;
    z-index:1;
}
#hp2tittle{
    position:absolute;
    width:500px;
    color:#020292;
    font-size:60px;
    font-family:arial rounded, sans-serif;
    bottom:350px;
    margin-left:150px;
}
#hp2word{
    position:absolute;
    width:500px;
    color:#555;
    font-size:30px;
    font-family:arial rounded, sans-serif;
    bottom:170px;
    margin-left:150px;
}
#hp3{
    position:relative;
    z-index:1;
}
#hp4{
    position:relative;
    z-index:1;
}
#hp4tittle{
    position:absolute;
    width:500px;
    color:#020292;
    font-size:60px;
    font-family:arial rounded, sans-serif;
    bottom:370px;
    margin-left:800px;
}
#hp4word{
    position:absolute;
    width:400px;
    color:#555;
    font-size:30px;
    font-family:arial rounded, sans-serif;
    bottom:140px;
    margin-left:800px;
}
#homepage{
    width:1360px;
    margin-left:auto;
    margin-right:auto;
}
#navbarcolor{
    width: 100%;
    height: 40px;
    background-color:black;
}
#navbarpro{
    font-family:arial rounded mt bold;
    position:relative;
    z-index:2;
}
#body{
    margin-left:auto;
    margin-right:auto;
}
#hp5{
    position:relative;    
}
#locsymbol{
    position:absolute;
    width:40px;
    bottom:250px;
    margin-left:200px;
}
#locsymbol:hover{
    transform:scale(1.2);
    transition:0.2s;
}
#address{
    position:absolute;
    width:250px;
    color:#888;
    font-size:15px;
    font-family:arial rounded, sans-serif;
    bottom:240px;
    margin-left:270px;
}
#mailsymbol{
    position:absolute;
    width:40px;
    bottom:250px;
    margin-left:900px;
}
#mailsymbol:hover{
    transform:scale(1.2);
    transition:0.2s;
}
#mail{
    position:absolute;
    width:250px;
    color:#888;
    font-size:15px;
    font-family:arial rounded, sans-serif;
    bottom:260px;
    margin-left:970px;
}
#fb{
    position:absolute;
    width:40px;
    bottom:150px;
    margin-left:600px;
}
#fb:hover{
    transform:scale(1.2);
    transition:0.2s;
}
#yt{
    position:absolute;
    width:40px;
    bottom:156px;
    margin-left:720px;
}
#yt:hover{
    transform:scale(1.2);
    transition:0.2s;
}
#hr{
    position:absolute;
    color:#888;
    width:1000px;
    bottom:120px;
    margin-left:180px;
}
#invkin{
    position:absolute;
    width:360px;
    text-align:center;
    color:#CCC;
    font-size:30px;
    font-family:arial rounded MT bold, sans-serif;
    bottom:70px;
    margin-left:500px;
}
#footer{
    width:1360px;
    color:black;
    font-size:12px;
    font-family:calibri;
    text-align:center;
    bottom:20px;
}
#hpfooter{
    position:absolute;
    width:1360px;
    color:#888;
    font-size:12px;
    font-family:calibri;
    text-align:center;
    bottom:20px;
}
#qsrfooter{
    width:1360px;
    color:black;
    font-size:12px;
    font-family:calibri;
    text-align:center;
  
}
#register{
    width:1360px;
    height:80px;
    padding:40px 0px 20px 0px;
    color:white;
    background-color:#666;
    font-size:13px;
    font-family:arial rounded, sans-serif;
    text-align:center;
}
#support{
    width:1360px;
    height:80px;
    padding:40px 0px 20px 0px;
    color:white;
    background-color:#555;
    font-size:13px;
    font-family:arial rounded, sans-serif;
    text-align:center;
}
#enquiries{
    width:1360px;
    height:80px;
    padding:40px 0px 20px 0px;
    color:white;
    background-color:#666;
    font-size:13px;
    font-family:arial rounded, sans-serif;
    text-align:center;
}
#shop{
    width:1360px;
    height:80px;
    padding:40px 0px 20px 0px;
    color:white;
    background-color:#666;
    font-size:13px;
    font-family:arial rounded, sans-serif;
    text-align:center;
    text-decoration:none;
}
#stokwell{
    color:rgb(1, 1, 145);
    font-size:13px;
    font-family:arial rounded, sans-serif;
    text-align:center;
    text-decoration:none;
}
#firstphoto{
    position:relative;
    z-index:1;
}
#firsttittle{
    position:absolute;
    width:350px;
    color:white;
    font-size:60px;
    font-family:arial rounded, sans-serif;
    bottom:450px;
    margin-left:880px;
}
#firstdescription{
    position:absolute;
    width:350px;
    color:white;
    font-size:30px;
    font-family:arial rounded, sans-serif;
    bottom:300px;
    margin-left:880px;
}
#fd{
    position:absolute;
    width:350px;
    color:white;
    font-size:15px;
    font-family:arial rounded, sans-serif;
    bottom:150px;
    margin-left:880px;
}
#sixphoto{
    position:relative;
    z-index:1;
    margin-top:120px;
}
#sixtittle{
    position:absolute;
    width:350px;
    color:white;
    font-size:60px;
    font-family:arial rounded, sans-serif;
    bottom:350px;
    margin-left:880px;
}
#sixdescription{
    position:absolute;
    width:350px;
    color:white;
    font-size:25px;
    font-family:arial rounded, sans-serif;
    bottom:200px;
    margin-left:880px;
}

#bits{
    width:240px;
    height:300px;
    margin-top:40px;
    margin-left:50px;
    margin-right:50px;   
    font-size:13px;
    font-family:arial rounded, sans-serif;
    text-align:center;
    float:left;
}
#gp{
    width:240px;
    height:300px;
    margin-top:40px;
    margin-left:50px;
    margin-right:50px;   
    font-size:13px;
    font-family:arial rounded, sans-serif;
    text-align:center;
    float:left;
}
#wirelessgp{
    width:240px;
    height:300px;
    margin-top:40px;
    margin-left:50px;
    margin-right:50px;   
    font-size:13px;
    font-family:arial rounded, sans-serif;
    text-align:center;
    float:left;
}
#ik{
    width:240px;
    height:300px;
    margin-top:40px;
    margin-left:50px;
    margin-right:50px;   
    font-size:13px;
    font-family:arial rounded, sans-serif;
    text-align:center;
    float:left;
}
#gear{
    width:240px;
    height:300px;
    margin-top:0px;
    margin-left:50px;
    margin-right:50px;
    margin-bottom:70px;
    font-size:13px;
    font-family:arial rounded, sans-serif;
    text-align:center;
    float:left;
}
#bt{
    width:240px;
    height:300px;
    margin-top:0px;
    margin-left:50px;
    margin-right:50px; 
    margin-bottom:70px;
    font-size:13px;
    font-family:arial rounded, sans-serif;
    text-align:center;
    float:left;
}
#fg{
    width:240px;
    height:300px;
    margin-top:0px;
    margin-left:50px;
    margin-right:50px; 
    margin-bottom:70px;
    font-size:13px;
    font-family:arial rounded, sans-serif;
    text-align:center;
    float:left;
}
#pc{
    width:240px;
    height:300px;
    margin-top:0px;
    margin-left:50px;
    margin-right:50px;   
    margin-bottom:70px;
    font-size:13px;
    font-family:arial rounded, sans-serif;
    text-align:center;
    float:left;
}
#bitsimg{
    transform:scale(0.5);
    transition:1s;
}
#bitsimg:hover{
    transform:scale(0.6);
    transition:0.2s;
}
#gpimg{
    transform:scale(0.5);
    transition:1s;
}
#gpimg:hover{
    transform:scale(0.6);
    transition:0.2s;
}
#wirelessgpimg{
    transform:scale(0.5);
    transition:1s;
}
#wirelessgpimg:hover{
    transform:scale(0.6);
    transition:0.2s;
}
#ikimg{
    transform:scale(0.5);
    transition:1s;
}
#ikimg:hover{
    transform:scale(0.6);
    transition:0.2s;
}
#gearimg{
    transform:scale(0.5);
    transition:1s;
}
#gearimg:hover{
    transform:scale(0.6);
    transition:0.2s;
}
#btimg{
    transform:scale(0.5);
    transition:1s;
}
#btimg:hover{
    transform:scale(0.6);
    transition:0.2s;
}
#fgimg{
    transform:scale(0.5);
    transition:1s;
}
#fgimg:hover{
    transform:scale(0.6);
    transition:0.2s;
}
#pcimg{
    transform:scale(0.5);
    transition:1s;
}
#pcimg:hover{
    transform:scale(0.6);
    transition:0.2s;
}
#hiw{
    margin-top:120px;
    margin-bottom:70px;
    font-size:50px;
    color:#020292;
    font-family:arial rounded, sans-serif;
    text-align:center;
}
#mcd{
    margin-top:120px;
    margin-bottom:70px;
    font-size:50px;
    color:#020292;
    font-family:arial rounded, sans-serif;
    text-align:center;
}
#fss{
    width:1360px;
    height:500px;
}
#feature{
    width:250px;
    height:400px;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:100px;
    margin-right:0px;
    padding:50px;
    font-size:13px;
    font-family:arial rounded, sans-serif;
    float:left;
    background-color:#ddd;
}
#spec{
    width:250px;
    height:400px;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:55px;
    margin-right:0px;
    padding:50px;
    font-size:13px;
    font-family:arial rounded, sans-serif;
    float:left;
    background-color:#ddd;
}
#sr{
    width:250px;
    height:400px;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:100px;
    padding:50px;
    font-size:13px;
    font-family:arial rounded, sans-serif;
    float:right;
    background-color:#ddd;
}
#qsr_launch_video{
    margin-top:120px;
    margin-left:280px;
}

#qsrgallery{
    background-color:#444;
    margin-top:120px;
    width:1360px;
    height:430px;
    font-size:50px;
    color:white;
    font-family:arial rounded, sans-serif;
    text-align:center;
}

#gallery {
    margin: 5px;
    border: 1px solid #777;
    float: left;
    width: 214px;
    height: 161px;
}

#gallery:hover {
    border: 1px solid #ccc;
}

#gallery img {
    width: 100%;
    height: 100%;
}

ul{
    margin:0;
    padding:0;
    list-style-type:none;

}

ul li a{
    text-decoration:none;
    color:white;
    display:block;

}

ul li{
    float:right;
    background-color:black;
    width:130px;
    height:40px;
    line-height:40px;
    text-align:center;
    opacity:0.8;
    margin-top:0;
}

ul li a:hover{
    background-color:gray;
}

ul li ul li{
    display:none;
    margin-top:0;
    font-size:13px;
}

ul li:hover ul li{
    display:block;
}