/*This is a cascading stylesheet for sun268tours*/

#paraPic{height:37%; width:37%}

#container{background-color:#CCCCC; position:absolute; top:0; left:6%; width:82em;color:white;}

#content {margin-top: 15%; z-index:1; }

#sp1{position:absolute; top:30%;width:100%;color:white}

#header {position: fixed; width: 81.5em; height:38%;top: 0; z-index: 10; }

#div_head {position: fixed; width: 82em; height:17.5%;top:11%; z-index: -10;  background-color:white;}


#menu li
{
padding: 10px 0;
font-size: 22px;
}

#table1{width: 101%; height:93px;background-color:#383838;color:grey;font-weight:bold;}

#td0{width:30%;height:33px;text-align:center;}

#div1{position:relative; top:-5%; width:90%}

#top2{position:absolute; top:163%; left:10%;width:95%;}

#para1{margin-left: 10%;text-align:center;}

#top1{position:absolute; top:100%; left:10%;width:95%;}

#top3{position:absolute; top:218%; left:10%;width:95%;}

#div2{position:absolute; left:1%;top:90%;}

#div3{position:absolute; top:90%; left:50%;width:95%;}

#div4{position:relative; top:10%; left:12%;width:70%; background-color:#383838;color:grey;}

#top1_1{position:absolute; left:1%;top:90%;}

#top1_2{position:absolute; top:90%; left:20.5%;}

#top1_3{position:absolute;top:90%; left:63.5%;}

#top1_4{position:absolute; left:1%;top:268%;}

#top1_5{position:absolute; top:268%; left:42%;}

#top2_1{position:absolute; left:1%;top:90%}
#top2_2{position:absolute; top:90%; left:23%;}
#top2_3{position:absolute;top:90%; left:43.5%;}
#top2_4{position:absolute; top:90%;left:61%;}

#top2_1_Img{}
#top2_2_Img{}
#top2_3_Img{}
#top2_4_Img{}

#para2{color:black;}

#footer{position:absolute; top:265%; width:100%; background-color:#383838;color:grey;}

.text{
font-family: 'Brush Script MT';
font-size: 2.7em;
text-align: center;
padding: 0;
margin: 0;
margin-left: 50%;
transform: translateX(-200%);
opacity: 0;
animation: slide-in-anim 3.0s ease-out forwards;
}

#top4_Img{height:96%; width:96%}
#top5_Img{height:96%; width:96%}

#pExotic{color:black;text-align:left;font-size:2em;font-weight:bold;margin-left: 30%;}

#mpop{color:black;text-align:left;font-size:2em;font-weight:bold;margin-left: 30%;}

#mplan{position:absolute; top:13%; left:.5%; color:black;font-size:2em;font-weight:bold;width:95%;}

#planImg{height:90%; width:90% }

#getTKnow{height:20%; width:20%}

a:link{text-decoration: none;}
a:link{color:white;}/* Unvisited links */
a:visited{color:rgb(0,0,0);} /* Visited links */
a:hover{background:rgb(0,0,0); color:red; text-decoration:none;} /* Hovered links */
a:active{background:#FFFFFF; color:white;} /* Active links */

#tabl1{width:100%;font-weight:bold}

#tabl2{width:40%; font-weight:bold}

#td1{border-bottom-style: solid; border-color:grey;border-width: thin;}

#sunParaF{height:90%; width:100%}

#td2{font-size:1.0em;font-family:Roboto,sans-serif;padding-right:10em;}

#td3{font-size:1.0em;font-family:Roboto,sans-serif; padding-left:6em;width:30%}

#tabl3{background-color:#FF6347;color:white; width:100%;height:0.8em}

#td4{font-size:0.6em;font-family:Roboto,sans-serif; text-align:center;}