@charset "utf-8";
/* Micro Reset 
--------------------------------------------------------------------------------------*/
*{   margin: 0;    padding: 0;}

/* Clear Fix - Fixes the height of container elements which contains floating elements
--------------------------------------------------------------------------------------*/
.clearfix:after{    content: ".";    display: block;    clear: both;    visibility: hidden;    line-height: 0;    height: 0;}
.clearfix{    display: inline-block;}
html[xmlns] .clearfix{    display: block;}
* html .clearfix{    height: 1%;}

html{height:100%;}

/* Layout
--------------------------------------------------------------------------------------*/
body{
	font-family: 'Open Sans', sans-serif;  font-size: 18px;	padding: 0px; width:100%;text-align: center; height:5000px;}
/* Grid
--------------------------------------------------------------------------------------*/
.body
{
    width: auto;
    left: 0;
    margin:0px;
    padding:0px;
    text-align:center;
    }
.header
{
    position: fixed;
    top:0px;
    width: 100%;
    height: 115px;
    left: 0;
    text-align:center;
    background-color:#ffffff;
    z-index:12;
    }
.head
{
    height:auto;
    width:1000px;
    margin:0 auto;
    padding-top:8px;
    top:0px;
    }
.logo
{
  background:#ffffff url('../images/aes_logo.jpg');
  height:105px;
  width:230px;
  background-color:#ffffff;
  background-repeat:no-repeat;
  cursor:pointer;
}
.contact
{
    background-color:#6dc498;
    color:#ffffff;
    margin-top:-115px;
    padding-top:10px;
    border:0px solid red;
    margin-left:750px;
    padding-right:10px;
    padding-left:10px;
    padding-bottom:10px;
    font-size:18px;
    }
 .contact img
 {
     float:left;
     margin-top:5px;
     padding-left:5px;
     padding-right:10px;
    }

/*menu -- start */
.menu
{
    float:left;
    margin-left:200px;
    color:#6dc498;
    font-size:16px;
    list-style:none;
    margin-top:20px;
    }

.menu li
{
    float:left;
    padding-left:22px;
    padding-right:22px;
    cursor:pointer !important;
	border:0px solid red;
}
.menu li > a {
    text-decoration:none;
    color:#79d4e6;
    font-size:16px;
    }  
.seprator
{
    padding-left:0px !Important;
    padding-right:0px !Important;
    font-size:18px;
    cursor:pointer;
}
/*menu -- End */

/*content -- start*/
.content
{
    border:0px solid green;
    margin-top:100px;
    
}
.page1
{
	width:100%;
	background-color:#f0f0f0;
	color:#000000;
	z-index:0;
	}


/*content -- end*/


/* corousel -- start */
#container {
    top:0px;
    left:0px;
    /*width:1000px;*/
	margin:0 auto;
	z-index:1;
	border:0px solid red;
	height:420px;
}
	
#slide-4 #container {
    top:0px;
    left:0px;
    width:1000px;
	margin:0 auto;
	z-index:1;
	border:0px solid red;
	height:420px;
    
}
#container #slider-wrapper
{
	width:4000px;
	overflow:hidden;
	border:0px solid blue;
	height:auto;
    overflow:hidden;
}

#slide-4 #container #slider-wrapper
{
	width:2000px;
	overflow:hidden;
	border:0px solid blue;
	height:auto;
    overflow:hidden;

}

#container #slider-wrapper > .slide
{
	width:1000px;
	float:left;
	height:420px;
	text-align:left;
    overflow:hidden;
}


a.slidesjs-next
{
	display:block;
	background-image:url(../images/arrows_hover_off.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:26px;
	height:45px;
	border:0px solid red;
	position:absolute;
	margin-left:973px;
	margin-top:150px;
	}

a.slidesjs-next:hover
{
	background-image:url(../images/arrows_hover_on.png);
	background-position:0 0;
	}
a.slidesjs-previous{
	display:block;
	background-image:url(../images/arrows_hover_off.png);
	background-repeat:no-repeat;
	background-position:0px -60px;
	width:26px;
	height:45px;
	border:0px solid red;
	position:absolute;
	margin-top:150px;
	}
#slide-4 a.slidesjs-previous {
    padding-right:150px;
}
a.slidesjs-previous:hover
{
	background-image:url(../images/arrows_hover_on.png);
	background-position:0px -60px;
	}

span.slide-left-in
{
	position:absolute;
	float:left;
	margin-left:150px;
	margin-top:10px;
	font-size:22px;
	text-align:left !important;
	border:0px solid red;
    color:#f0f0f0;
	}
	
span.slide-right-in
{
	position:absolute;
	float:right;
	margin-left:480px;
	margin-top:20px;
	font-size:16px;
	text-align:left;
	border:0px solid red;
    color:#f0f0f0;
	}

.carousel-1	
{
	background-image:url(../images/carousel_01.png);
	background-repeat:no-repeat;
	margin:0 auto;
	width:400px;
	height:231px;
	margin-top:100px;
	border:0px solid red;
	}
.carousel-2
{
	background-image:url(../images/carousel_02.png);
	background-repeat:no-repeat;
	margin:0 auto;
	width:784px;
	height:279px;
	margin-top:50px;
	border:0px solid red;
	
	}
.carousel-2 + span.slide-right-in
{
	margin-top:0px !important;
	}
.carousel-3	
{
	background-image:url(../images/carousel_03.png);
	background-repeat:no-repeat;
	margin:0 auto;
	width:404px;
	height:332px;
	margin-top:50px;
	border:0px solid red;
	
	}
.carousel-3 + span.slide-right-in
{
	margin-top:5px !important;
	}
.carousel-4
{
	background-image:url(../images/carousel_04.png);
	background-repeat:no-repeat;
	margin:0 auto;
	width:675px;
	height:219px;
	margin-top:100px;
	border:0px solid red;
	}
.carousel-4 + span.slide-left-in
{
	margin-top:50px !important;
	}
/* corousel -- end */
/* table format div*/
.row
{
    width: 100%;
    display: inline-table;
    margin: 0 auto;
    vertical-align: middle;
    text-align: center;
    position: relative;
    border: 0px solid red;
}
.cell
{
    width: auto;
    float: left;
    padding: 0px;
    margin: 5px;
    text-align: center;
    min-width: 150px;
    border: 0px solid red;
}
/* table format div*/

.contactcell
{
    width: auto;
    float: left;
    padding: 35px;
    margin: 5px;
    text-align: center;
    min-width: 150px;
    border: 0px solid red;
}


.contentClients .row
{
    width:800px;
    margin:0 auto;
    text-align:center;
    position: relative;
    }

#projects 
{
    margin:0px;
    padding:0px;
    background-color:#38abcb;
    padding-top:100px;
    width:100% !important;
    max-width:100% !important;
    }
.project1
{
    margin:0px;
    padding:0px;
    background-color:#38abcb;
    width:100%;
    }
    
.project2
{
    margin:0px;
    padding:0px;
    padding-top:10px;
    background-color:#4ebddc;
    width:100%;
    border:0px solid red;
    }
.project3
{
    margin:0px;
    padding:0px;
    padding-top:10px;
    background-color:#5fc8e5;
    width:100%;
    border:0px solid red;
    }
.project4
{
    margin:0px;
    padding:0px;
    padding-top:10px;
    background-color:#75d7f2;
    }
.project5
{
    margin:0px;
    padding:0px;
    padding-top:10px;
    background-color:#82e4ff;
    padding-bottom:100px;
    }
    
 .teamDesc
 {
     padding-top:10px;
	 padding-left: 20px;
     text-align:left !important;
     color:#fff;
     }
.teamNum
{
    padding-top:10px;
    padding-left:5px;
     text-align:left !important;
    }
 
 #team {padding-bottom:50px;}
.teamTitle
{
    color:#fff !important;
    }
.teamSeprator
{
    padding-bottom:20px;
    }
.aboutTeam
{
    padding-top:10px;
    color:#fff !important;
    }
    
.address{margin-left:0px; color:#fff !important;font-size:14px;}
#slide-7 .number
{
    margin-left:0px;
    padding-top:30px;
    color:#fff !important;
    font-size:14px;
    }
#slide-7 .email
{
    margin-left:0px;
    padding-top:30px;
    font-size:14px;
    }
#slide-7 .email a
{
        font-size:14px;
        text-decoration:none;
        color:#ffffff;
    }
#slide-7 .socalText
{
    margin-top:30px;
    padding-top:30px;
    }
.socialImg img{padding:20px;}
.footer{background-color:#f0f0f0;height:150px;font-size:14px;text-align:center;vertical-align:middle;}
.foot{text-align:center;margin:0 auto;width:960px;height:80px;position:relative;}
.footer .foot .fname, .fnumber, .femail{float:left;color:#000!important;font-size:14px;border:0px solid red;margin:0; padding:0;width:auto;padding-top:20px; padding-left:100px;}
    .femail a {text-decoration:none;color:#000;}
.spiffy{text-align:center;margin:0 auto;width:960px;height:20px;position:relative;padding-bottom:20px;}
.spiffy img{margin-bottom: 5px;padding-left: 4px;padding-right: 0px;}
.backToTop {
    background-image:url(../images/footer_end_up_arrow.png);
	background-repeat:no-repeat;
    margin:0 auto;
    position:relative;
    margin-top:8px;    
	width:44px;
    height:22px;
}