@charset "UTF-8";
/* CSS Document */

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html {height: 100%;  overflow-y:scroll;       
background-color:#A2B2C8;

}  /* OVERFLOW Y TO KEEP THE VERTICAL SCROLL BAR AT ALL TIMES TO PREVENT SCREEN JUMP BETWEEN PAGES. */

body {height: 100%; 
      text-align:center;

      
} /* SET YOUR BACKGROUND C0LOR THE SAME FOR BOTH HTML AND BODY */

img {border:0px;} /* ZERO OFF YOUR IMAGE BORDERS TO PREVENT SOME OLDER BROWSERS FROM PUTTING THE HYPERLINK AROUND THE HOVERED IMAGES */

*:focus {
    outline: none;
}

/* Universally set the outline to none on focus again to prevent a box around on click */

area {
outline:none;  /* IF YOU'RE USING AN IMAGE MAP AS A HYPERLINK THEN USE THIS TO PREVENT SAFARI FROM PUTTING A BORDER AROUND YOUR HOVERED IMG MAPS */
}

#wholeclick {position:relative;
width:100%;
height:100%;
}

#bottomclick {position:relative;
width:100%;
height:100%;
background:#A2B2C8 url("../../../images/smlbuddha.png") no-repeat bottom center;
margin-top:-166px;
z-index:-1;
}

#header {position:fixed;
width:100%;
height:1px;
z-index:10;
}

#insideheader {
position:relative;
width:1136px; /* The width of an iPhone screen in pixels. Which also proves to be a handy size for a website build. */
height:100px;
margin:0px auto;
}

#adbox {
position:relative;
width:728px;
height:90px;
margin:0px auto 0px auto;
padding:4px 0px 6px 0px;
}

#adboxbot {
float:right;
width:187px;
height:134px;
margin:0px 30px 30px auto;
}

#lefthanger {
float:left;
width:12px;
margin:0px 10px;
height:600px;
}

#righthanger {
float:right;
width:12px;
margin:0px 10px;
height:600px;
}



#logo {position:fixed;
margin-left:-200px;
width:184px;
height:116px;
}


#wrap {width:auto;
    min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto -200px auto; /* the bottom margin is the negative value of the footer's height */
	
}

#push {
	height: 20px; /* .push must be the same height as .footer */
	width:1136px; /* added width to stop IE from adding horizontal scroll bars */
	margin:0px;
}

#footer {
width:100%;
height:20px;
margin:0px auto;
}

#footercontainer {
width:auto;
height:10px;
margin:0px auto;
padding:20px 0px 30px 0px;
}

#nav-container {
position:fixed;
width:184px;
height:390px;
margin-top:116px;
margin-left:-200px;

}

ul#navigation { width: 184px; }
ul#navigation li {
  list-style: none;
  border-top: solid 1px #000;
  text-align: left;
  margin: 0;
} 
ul#navigation li a {
  display: block;
  text-decoration: none;
  padding: .25em;
  /* border-bottom: solid 1px #39f;  box off the nav elements creating a button effect */
  /* border-right: solid 1px #39f;   box off the nav elements creating a button effect */
} 

#contentcontainer {
position:relative;
top:40px;
width:100%;
margin:0px auto 0px auto;
padding-left:0px;
}



#footerleft {float:left;
margin:30px;}
#footerright {float:right;
margin:30px;}

.clearfloats {clear:both;}


#propellerholdings {
position:relative;
height:102px;
width:300px;
margin:auto auto;
}

#leftcontainer {float:left;
width:746px;
height:848px;
margin-left:30px;
}

#rightcontainer {position:relative;
width:940px;
margin:0px 50% 0px 50%;

}

#leftcontainer-intro {position:relative;
width:1920px;
height:1200px;
margin:-120px auto 0px auto;
background-image:url("../images/intro.jpg");
}

#bottomleftbox {float:left;
width:60px;
height:60px;
background-color:#ff0000;
background:#A2B2C8 url("../../../images/menubutton.gif") no-repeat left top;
margin:-60px 0px 0px 0px;
}

#bottomleftboxhome {float:left;
width:60px;
height:60px;
background-color:#ff0000;
background:#A2B2C8 url("../../../images/homebutton.gif") no-repeat left top;
margin:-60px 0px 0px 0px;
}


#bottomrightbox {float:right;
width:60px;
height:60px;
background-color:#00ff00;
background:#A2B2C8 url("../../../images/fx.png") no-repeat left top;
margin:-64px 4px 0px 0px;

}

#worldmap {position:relative;
width:314px;
height:192px;
background:#A2B2C8 url("../../../images/world.png") no-repeat;
margin:0px auto -266px auto;
}