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

a {
    text-decoration: none;
    color: #00a1e1;
}
p {
    font-size:1em;
}

html{
	margin:0;
	padding:0;
	overflow-x:hidden;
}
body{
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
}
h1{
	color:#231f20;
	margin-top:0px;
	font-size:24px;
}
h2{
	color:#00a1e1;
	margin-top:5px;
	font-weight:bold;
	font-size:20px;
}
h3{
	color:#00a1e1;
	margin-top:5px;
	font-weight:bold;
	font-size:18px;
}
#mainContainer{
	max-width:1000px;
    width:90%;
	margin:0 auto;
}
#header{
	height:230px;
    background-color: #231f20;
    margin: 0 auto;
    width:100%;
    padding-top:20px;
}
.blue-bar {
    height:15px;
    background-color: #00a1e1;
    margin-bottom:50px;
}
.dragon {
    height:600px;
    width: 600px;
    background-image: url(images/dragon.gif);
    -webkit-background-size: contain;
    background-size:contain ;
    background-position: center center;
    float: left;
    z-index: -10;
    position: absolute;
    margin-top: -150px;
    margin-left:-80px;
    transform: rotate(10deg);
}
#header a {
    display: block;
    margin:0 auto;
    width:300px;
    height:154px;
}

#header a img {
    width:300px;
    height:154px;
}
#nav{
	font-size:14px;
    display: block;
    text-align: center;
    margin-top:20px;
}
#nav a, #nav p{
	color:#eee;
    display: inline;
    text-decoration: none;
}
#nav a:hover{
	color:white;
}
#testCopy{
	text-align:center;
    margin:0 auto;
    padding:0 5%;
}
#testCopy .pad-bot {
    padding-bottom: 50px;
    border-bottom: 1px solid #eee;
    
}

#homeCopy{
	width:40%;
	display:inline-block;
	font-size:14px;
	color:#666;
}

.blue{
	color:#00a1e1;
	font-weight:bold;
}

#carousel{
	width:400px;
	height:435px;
	display: inline-block;
    padding-left:50px;
}

.client-logos {
    width:100%;
    height:auto;
    text-align: center;
    margin-top:40px;
}

.client-logos img {
    width:100%;
    height:auto;
}


#bottom{
    width:100%;
    display: flex;
	color:#666;
    justify-content: space-between;
}

#bottom div {
    padding:5%;
    background-color: #eee;
    margin: 10px;
}
	
.contact {
    padding:20px;
    font-size:1.2em;
    font-family: Helvetica, Arial, sans-serif;
    text-align: center;
    color: #555555;
}
#footer{
	width:100%;
	height:50px;
	padding-top:5px;
	font-size:10px;
	color:#222;
    text-align: center;
}
		
		
#slider{}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:365px;
	height:426px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:22px;
	height:22px;
	}	
#nextBtn{ 
	float:right;
	margin-top:-220px;
	margin-right:5px;
	}
	
#prevBtn{ 
	float:left;
	margin-top:-220px;
	margin-left:-25px;
	}															
#prevBtn a, #nextBtn a{  
	width:22px;
	height:22px;
	background:url(images/btn_prev.png) no-repeat 0 0;	
	text-decoration:none;
	}	
#nextBtn a{ 
	background:url(images/btn_next.png) no-repeat 0 0;	
	}	
@media only screen and (max-width: 830px) {
    #bottom {
        flex-direction: column;
    }
    
    #homeCopy {
        width:100%;
    }
#carousel{
    padding-left:10px;
}
}