#main {
width:1100px;
height:900px; 
position:relative;
margin-left:auto;   /*centers*/
margin-right:auto;  /*centers*/
}

p{
padding: 20px;
}

.mainheight {
 height:900px;
 }
 .p4:first-letter {
  font-size: 30pt;
  display: block;
  float: left;
  margin: 0 10px 5px 0;
}
.p5:first-letter {
  font-size: 30pt;
  display: block;
  float: left;
  margin: 0 5px 5px 0;
}
.p6:first-letter {
  font-size: 30pt;
  display: block;
  float: left;
  margin: 0 5px 5px 0;
}
.p7:first-letter {
  font-size: 30pt;
  display: block;
  float: left;
  margin: 0 5px 5px 0;
}

 .windowsoperatingsystemsheight {
 height:1600px;
 }
 .word2 {
 font-family: 'Parisienne', cursive;
 font-size:22px;
 margin-left:620px;
 }
 .tipsandtricksheight {
 height:3100px;
 }
 .webbrowsersheight {
 height:1400px;
 }
 .mainContentHeight{
 height:400px;
 }
.link {
 color:#0E264D;
 text-decoration: none;
 }
 .link:hover {
 color:#FF6033;
 text-decoration: underline;
 }
 .link1 {
 color:#0E264D;
 text-decoration: none;
 }
 .link1:hover {
 color:#FF6033;
 text-decoration: underline;
 }

table {
  border-collapse: collapse;
  padding-left:10px;
 padding-right:20px;
 padding-bottom:200px;
 padding-top: 50px;
 height:300px;
 width:400px;
 right:340px;
 top:310px;
 position:absolute;
  
  }
.p1 {
margin-top:15px;
padding-left:45px;
}
.p2 {
margin-top:15px;
padding-left:45px;
}
.p3 {
margin-top:15px;
padding-left:45px;
}
.p5 {
margin-top:5px;
}
.p6 {
margin-top:5px;
font-size:18px;
}
.p7 {
margin-top:5px;
}

td, th {
  border: 1px solid #999;
  padding: 0.5rem;
  text-align: left;
}
 .box2{
    margin: 50px auto;
    width: 800px;
    height:250px;
    padding: 10px;
    position:relative;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#f3f3f3), to(#fff), color-stop(.1,#f3f3f3));
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-border-bottom-right-radius: 60px 60px;
    -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
    
}
.box2:before{
    content:'';    
    width: 25px;
    height: 20px;
    position: absolute;
    bottom:0;
    right:0;
    -webkit-border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform:
    rotate(-20deg)
    skew(-40deg,-3deg)
    translate(-13px,-13px);
}

.box2:after{
    content: '';
    z-index: -1;
    width: 100px;
    height: 100px;
    position:absolute;
    bottom:0;
    right:0;
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    -webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
                        translate(-45px,-20px)
                           skew(20deg);
}

.box7{
    margin: 50px auto;
    width: 800px;
    height:125px;
    padding: 10px;
    position:relative;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#f3f3f3), to(#fff), color-stop(.1,#f3f3f3));
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-border-bottom-right-radius: 60px 60px;
    -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
    
}
.box7:before{
    content:'';    
    width: 25px;
    height: 20px;
    position: absolute;
    bottom:0;
    right:0;
    -webkit-border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform:
    rotate(-20deg)
    skew(-40deg,-3deg)
    translate(-13px,-13px);
}

.box7:after{
    content: '';
    z-index: -1;
    width: 100px;
    height: 100px;
    position:absolute;
    bottom:0;
    right:0;
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    -webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
                        translate(-45px,-20px)
                           skew(20deg);
}

 .box8{
    margin: 50px auto;
    width: 800px;
    height:125px;
    padding: 10px;
    position:relative;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#f3f3f3), to(#fff), color-stop(.1,#f3f3f3));
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-border-bottom-right-radius: 60px 60px;
    -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
    
    
}
.box8:before{
    content:'';    
    width: 25px;
    height: 20px;
    position: absolute;
    bottom:0;
    right:0;
    -webkit-border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform:
    rotate(-20deg)
    skew(-40deg,-3deg)
    translate(-13px,-13px);
}

.box8:after{
    content: '';
    z-index: -1;
    width: 100px;
    height: 100px;
    position:absolute;
    bottom:0;
    right:0;
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    -webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
                        translate(-45px,-20px)
                           skew(20deg);
}
 .box9{
    margin: 50px auto;
    width: 800px;
    height:255px;
    padding: 10px;
    position:relative;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#f3f3f3), to(#fff), color-stop(.1,#f3f3f3));
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-border-bottom-right-radius: 60px 60px;
    -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
    
    
}
.box9:before{
    content:'';    
    width: 25px;
    height: 20px;
    position: absolute;
    bottom:0;
    right:0;
    -webkit-border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform:
    rotate(-20deg)
    skew(-40deg,-3deg)
    translate(-13px,-13px);
}

.box9:after{
    content: '';
    z-index: -1;
    width: 100px;
    height: 100px;
    position:absolute;
    bottom:0;
    right:0;
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    -webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
                        translate(-45px,-20px)
                           skew(20deg);
}
body {
background-image:url("Images/background 6.jpg");
}
.content2 {
background-color:#606060;
color:black;
padding:5px;
border-radius:2px;
}

 #navigation {
 position:absolute;
 top:0px;
 left:0px;
 width:100%;
 height:25px;
 text-align:right;
 border-top-left-radius:10px;
 border-top-right-radius:10px;

 }




.nav {
text-decoration:none;
font-family:HELVETICA,sans-serif; /*Verdana*/
font-weight:bold;
font-variant:small-caps;
color:white;

}


.nav:hover{
text-decoration:underline;

}
img {
border-radius:5px;
}
 #footer {
 position:absolute;
 bottom:3px;
 left:0px;
 width:100%;
 height:25px;
 color:black;
 font-size:10pt;
 text-align:center;
 }
  #footere {
 position:absolute;
 top:1874px;
 left:0px;
 width:100%;
 height:25px;
 color:black;
 font-size:10pt;
 text-align:center;
 }
  #footer1 {
 position:absolute;
 top:1872px;
 left:0px;
 width:100%;
 height:25px;
 color:black;
 font-size:10pt;
 text-align:center;
 }
 #footer2 {
 position:absolute;
 top:1875px;
 left:0px;
 width:100%;
 height:25px;
 color:black;
 font-size:10pt;
 text-align:center;
 }
 #footer2 {
 position:absolute;
 margin-bottom:15px;
 left:0px;
 width:100%;
 height:25px;
 color:black;
 font-size:8pt;
 text-align:center;
 }
 #footer3 {
 position:absolute;
 margin-bottom:15px;
 left:0px;
 width:100%;
 height:25px;
 color:black;
 font-size:10pt;
 text-align:center;
 top:3572px;
 }
 #footer4 {
 position:absolute;
 top:880px;
 left:0px;
 width:100%;
 height:25px;
 color:black;
 font-size:10pt;
 text-align:center;
 }
 .nounderline {
 height:900px;
 text-decoration:none;
 color:#0E264D;
 }
 .nounderline:hover {
 text-decoration:underline;
 
 }
 #banner {
 position:absolute;
 top:25px;
 left:0px;
 width:100%;
 height:450px;
 border-top-left-radius:10px;
 border-top-right-radius:10px;
 background-image:url(images/office3.jpg);
 }
 

 #content{
 position:absolute;
 top:484px;
 left:0px;
 width:100%;
 border-bottom-left-radius:10px;
 border-bottom-right-radius:10px;
 background-color:white; 
 font-size:15px;
  font-family: Proxima Nova,arial  ;
 }
 
.floatright {
 float:right;
 padding-left:10px;
 padding-right:20px;
 padding-bottom:200px;
 padding-top: 50px;
 height:300px;
 width:400px;
 right:15px;
 top:210px;
 position:absolute;
}
.floatright2 {
 float:right;
 padding-left:10px;
 padding-right:20px;
 padding-bottom:200px;
 padding-top: 50px;
 height:300px;
 width: 400px;
 top:560px;
 right:15px;
 position:absolute;
}
.floatright3 {
 float:right;
 padding-left:10px;
 padding-right:20px;
 padding-bottom:200px;
 padding-top: 50px;
 height:300px;
 width: 400px;
 top:910px;
 right:15px;
 position:absolute;
}
.floatright4 {
 float:right;
 padding-left:10px;
 padding-right:20px;
 padding-bottom:200px;
 padding-top: 50px;
 height:300px;
 width:400px;
 right:15px;
 top:195px;
 position:absolute;
}
.floatright5 {
 float:right;
 padding-left:10px;
 padding-right:20px;
 padding-bottom:200px;
 padding-top: 50px;
 height:300px;
 width: 400px;
 top:545px;
 right:15px;
 position:absolute;
}
.floatright6 {
 float:right;
 padding-left:10px;
 padding-right:20px;
 padding-bottom:200px;
 padding-top: 50px;
 height:300px;
 width: 400px;
 top:895px;
 right:15px;
 position:absolute;
}
.floatright7 {
 padding-left:10px;
 padding-right:20px;
 padding-bottom:200px;
 padding-top: 50px;
 height:400px;
 width:600px;
 margin-top:10px;
 right:230px;
 position:absolute;
}
.floatright8 {
 padding-left:10px;
 padding-right:20px;
 padding-bottom:200px;
 padding-top: 50px;
 height:500px;
 width: 700px;
 top:1175px;
 right:15px;
 left:200px;
 position:absolute;
}
.floatright9 {
 padding-left:10px;
 padding-right:20px;
 padding-bottom:200px;
 padding-top: 50px;
 height:400px;
 width:600px;
 margin-top:10px;
 right:230px;
 position:absolute;
}
 .floatleft {
 float:left;
 padding-left:5px;
 padding-right:10px;
 }
 
 #title {
 position:absolute;
 top:19px;
 right:1px;
 width:700px;
 color:#0E264D;
 font-size:40pt;
 font-family:'Ubuntu Mono', Arial, serif;
 text-align:right;
 }

 #title1 {
color:black;
font-size:20pt;
padding-left:45px;
font-family: Segoe UI, Times New Roman, times-roman, georgia, serif;
margin: 0;
line-height: 44px;
letter-spacing: -2px;
font-weight: bold; 
 }
 
 #title2 {
color:black;
font-size:20pt;
padding-left:45px;
font-family: Segoe UI, Times New Roman, times-roman, georgia, serif;
margin: 0;
line-height: 44px;
letter-spacing: -2px;
font-weight: bold;

 }
 #title3 {
color:black;
font-size:20pt;
padding-left:45px;
font-family: Segoe UI, Times New Roman, times-roman, georgia, serif;
margin: 0;
line-height: 44px;
letter-spacing: -2px;
font-weight: bold;
margin-top:100px;
margin-bottom:5px;
 }

   #title4 {
color:black;
font-size:20pt;
padding-left:45px;
font-family: Segoe UI, Times New Roman, times-roman, georgia, serif;
margin: 0;
line-height: 44px;
letter-spacing: -2px;
font-weight: bold; 


 }
 
 #title5 {
color:black;
font-size:20pt;
padding-left:45px;
font-family: Segoe UI, Times New Roman, times-roman, georgia, serif;
margin: 0;
line-height: 44px;
letter-spacing: -2px;
font-weight: bold;
margin-top:70px;
 }
 #title6 {
color:black;
font-size:20pt;
padding-left:45px;
font-family: Segoe UI, Times New Roman, times-roman, georgia, serif;
margin: 0;
line-height: 44px;
letter-spacing: -2px;
font-weight: bold;
margin-top:100px;
 }
 #title7 {
color:black;
font-size:20pt;
padding-left:45px;
font-family: Segoe UI, Times New Roman, times-roman, georgia, serif;
margin: 0;
line-height: 44px;
letter-spacing: -2px;
font-weight: bold;
margin-top:15px;
 }
 #title8 {
color:black;
font-size:20pt;
padding-left:45px;
font-family: Segoe UI, Times New Roman, times-roman, georgia, serif;
margin: 0;
line-height: 44px;
letter-spacing: -2px;
font-weight: bold;
margin-top:350px;
 }
 #title9 {
color:black;
font-size:20pt;
padding-left:45px;
font-family: Segoe UI, Times New Roman, times-roman, georgia, serif;
margin: 0;
line-height: 44px;
letter-spacing: -2px;
font-weight: bold;
margin-top:520px;
 }
 #title10 {
color:black;
font-size:20pt;
padding-left:45px;
font-family: Segoe UI, Times New Roman, times-roman, georgia, serif;
margin: 0;
line-height: 44px;
letter-spacing: -2px;
font-weight: bold;
margin-top:520px;
 }
  #title11 {
color:black;
font-size:20pt;
padding-left:45px;
font-family: Segoe UI, Times New Roman, times-roman, georgia, serif;
margin: 0;
line-height: 44px;
letter-spacing: -2px;
font-weight: bold;
margin-top:30px;
 }
 #text1 {
 width:50%;
 color:black;
 margin-left:50px;
 margin-right:50px;
 margin-top:20px;
 margin-bottom:50px;
 
 }
 #text2 {
 width:50%;
 color:black;
 margin-left:50px;
 margin-right:50px;
 margin-top:20px;
 margin-bottom:50px;
 
 }
 #text3 {
 width:50%;
 color:black;
 margin-left:50px;
 margin-right:50px;
 margin-top:20px;
 margin-bottom:100px;
 
 }

 
 #text4 {
 width:50%;
 color:black;
 margin-left:50px;
 margin-right:50px;
 margin-top:50px;
 margin-bottom:50px;
 
 }
 #text5 {
 width:50%;
 color:black;
 margin-left:50px;
 margin-right:50px;
 margin-top:50px;
 margin-bottom:50px;
 
 }
 #text6 {
 width:50%;
 color:black;
 margin-left:50px;
 margin-right:50px;
 margin-top:50px;
 margin-bottom:100px;
 }
 #text7 {
 width:90%;
 color:black;
 margin-left:50px;
 margin-right:50px;
 margin-top:20px;
 }
  #text8 {
 width:90%;
 color:black;
 margin-left:50px;
 margin-right:50px;
 margin-top:20px;
 }
  #text9 {
 width:90%;
 color:black;
 margin-left:50px;
 margin-right:50px;
 margin-top:10px;
 }
 #text10 {
 width:90%;
 color:black;
 margin-left:50px;
 margin-right:50px;
 margin-top:10px;
 }
  .text11 {
 width:90%;
 color:black;
 margin-left:49px;
 }
 #text12 {
 width:90%;
 color:black;
 margin-left:50px;
 margin-right:50px;
 margin-top:15px;
 }


