@charset "UTF-8";
@import url("about.css");
/* CSS Document created by: JunOsorio.com  */

/*html {
    overflow-y:hidden;
}*/

body
{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000;
	position:absolute;
    top:0px;
    left:0px;
 /*   bottom:-20px;*/
	background-image:url(../images/bg.jpg);
	/*    overflow-y: scroll;
    overflow-x: hidden;
	 bottom: 0px;
    right: 0px;*/
	/* margin:0;
  padding:0 0 5 0;
  overflow: hidden;*/
}

/* Let's get this party started */
/*::-webkit-scrollbar {
    width: 12px;
}*/
 
/* Track */
/*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}*/
 
/* Handle */
/*::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}*/


#wrapper
{
	width:8000px;
	/*background:#CCC;*/
	height:100%;
	margin:0px;
    bottom:0px;
}

#homeframe
{
	float:left;
	width:2000px;
	height:800px;
	/*background-color:#FFF;*/
	margin:0px;
    bottom:0px;
	background-image:url(../images/images/Atlas-conceptd-mockup_01.png);
	background-repeat:no-repeat;
}




#aboutframe
{
	float:left;
	width:2000px;
	height:800px;
	/*background-color:#06C;*/
	margin:0px;
    bottom:0px;
	/*background-image:url(../images/02_About.jpg);*/
	background-image:url(../images/images/Atlas-conceptd-mockup_02.png);
	background-repeat:no-repeat;
}

#aboutlink 
{
	width:34px;
	height:80px;
	float:left;
	margin-left:790px;
	margin-top:215px;
	/*background-color:#0C3;*/
	position:absolute;
	/*background-image:url(../images/aboutlink.png);*/
}

.aboutlink ul li
{
	padding:0px;
	list-style-type: none;
}


.navi
{
	/*font-family: 'Gloria Hallelujah', cursive;*/
	padding:0px;
	list-style-type: none;
	font-size:22px;
	color:#FFF;
	line-height: 1.5;
	text-shadow: 1px 1px 2px #000;
	display:block;
	height:35px;
}

a.navi:hover
{
	/*font-family: 'Gloria Hallelujah', cursive;*/
	padding:0px;
	list-style-type: none;
	font-size:22px;
	/*color:#fbf9e6;*/
	line-height: 1.5;
	text-shadow: 1px 1px 2px #000;
	background-image: url(../images/hover.png);
	width:317px;

}


.naviactive
{
	/*font-family: 'Gloria Hallelujah', cursive;*/
	padding:0px;
	list-style-type: none;
	font-size:22px;
	color:#fbf9e6;
	line-height: 1.5;
	text-shadow: 1px 1px 2px #000;
	background-image:url(../images/hover-active.png);
	width:317px;
	display:block;
	height:35px;
}


.nav
{
	font-size: 18px;
	list-style-type: none;
	position:absolute !important;
	padding:0px;
	margin-top:0px;
	/*font-family:'Gloria Hallelujah', cursive;*/
	text-decoration:none;
}





#tetimonialsframe
{
	float:left;
	width:2000px;
	height:800px;
	/*background-color:#C60;*/
	margin:0px;
    bottom:0px;
	/*background-image:url(../images/03_Testimonials.jpg);*/
	background-image:url(../images/images/Atlas-conceptd-mockup_03.png);
	background-repeat:no-repeat;
}

#testimonieslink 
{
	width:40px;
	height:92px;
	float:left;
	margin-left:818px;
	margin-top:327px;
	/*background-color:#0C3;*/
	position:absolute;
	/*background-image:url(../images/aboutlink.png);*/
}

#conatctframe
{
	float:left;
	width:2000px;
	height:800px;
	margin-top:80px;
	/*margin:0px;
    bottom:0px;*/
	background-image:url(../images/images/Atlas-conceptd-mockup_04.png);
	background-repeat:no-repeat;
}

#contactlink 
{
	width:44px;
	height:80px;
	float:left;
	margin-left:828px;
	margin-top:456px;
	position:absolute;
	
}

a
{
	color:ffffff;
	text-decoration:none;
}

a:active, a:visited
{
	color:ffffff;
	text-decoration:none;
}

#testidots
{
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
	position:absolute;
	margin-top:40px;
	margin-left:75px;
	color:#333;
}

a.copyright
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#000;
	/*text-shadow: 1px 1px 1px #000;*/
}


/*FIXED FOOTER*/

 #footer{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:100px;
 }
 

#footer{
   position: fixed;
  }
  
 html body{
  overflow:auto;
 } 
 
#content{
  height:100%;
  overflow: auto;
 }
