html, body, div, span, object, iframe,
  
    ol, ul, li,
    fieldset, form, label, legend,
    article, aside, canvas, details,  
    footer, header, hgroup, menu, nav, section {
        margin:0;
        padding:0;
        border:0;
        outline:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
    }

td.underline {
border-bottom: 1px solid #cccccc;
}

body {
font-family: 'Open Sans Condensed', Sans-Serif;
background-image:url(../images/logo-background.jpg);
background-repeat: repeat;
color:#666666;
}

.wrapper ul li {
list-style-type:none;
}

p {
font-size: 20px;
}

.wrapper{
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
    position: relative;
}

.acontent {
width: 355px;
min-width: 330px;
max-width: 580px;
border: 1px solid #cccccc;
float: left;
padding: 10px;
min-height: 350px;
border-radius: 2px;
background-color:#F3F3F3;
}

.scontent{
width: 355px;
min-width: 330px;
max-width: 580px;
float: left;
padding: 10px;
min-height: 250px;
border-radius: 2px;
border-right: 1px solid #ccc;

}

.scontent ul li {
list-style-type: none;
font-size: 20px;
}
/*  header  */
header{
	width: 100%;
	height: 120px;
	border-top: 18px solid #748092;	
}

header .logo{
    float: left;
    margin-top: 15px;
}

#billwrappercontent
{
	background-image:url(../images/background-gray-transparent.png);
	background-repeat:repeat;
	height: 75px;
	width: 100%;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 28px;
	color: #ffffff;
	padding-top: 15px
}

table tr th {
text-align: left;
}


#rightnavcontainer{

height: 20px;
width: 210px;
float: right;
margin-top: 15px;
padding: 10px 0px;
font-family: Inherit;
}



header ul.rightnav li{
	float: right;
	margin-left: 25px;
	list-style:none;
}


header ul.rightnav li a{
  
	text-decoration:none;
	color: #863500;
	font-size: 20px;
}

header ul.rightnav li a:hover{
  
	text-decoration:none;
	color: #CCCCCC;
}
/*  Billboard  */
.billboard{
	width: 100%;
	height: 100px;





	no-repeat center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	overflow: hidden;
	background-image: url(../images/technology1.png);
}


/*  Services/features  */
.features{
	width: 100%;
	padding-top: 30px;
	/*background: #f7f7f7;*/
	overflow: hidden;
	background: #ffffff;
}

.features .feature{
	display: block;
	width: 28.83333333333333%;
	height: auto;
	float: left;
	margin-right: 6.666666666666667%;
	margin-bottom: 20px;
}

.features .feature:nth-child(3n+0)
{
    margin-right: 0;
}

.feature .ficon{
    display: block;
    width: 18.78612716763006%;
    float: left;
    margin-right: 11.5606936416185%;
}

.feature .ficon a:hover{
    display: block;
    width: 18.78612716763006%;
    float: left;
    margin-right: 11.5606936416185%;
	
}
.feature .ficon2{
    display: block;
    width: 18.78612716763006%;
    float: left;
    margin-right: 11.5606936416185%;
}
.feature .ficon3{
    display: block;
    width: 18.78612716763006%;
    float: left;
    margin-right: 11.5606936416185%;
}

.feature .details_exp{
    display: block;
    width: 69.36416184971098%;
    float: left;
}

.feature h3{
    margin-bottom: 20px;
    color: #767575;
     font-size: 24px;
    font-weight: bold;
    letter-spacing: 1px;

}

.feature p{
    margin-bottom: 20px;
    color: #9e9e9e;
    
    font-size: 20px;
    line-height: 22px;

}

.feature a{
    color: #848484;
 	
    font-size: 20px;
    text-decoration: none;
    letter-spacing: .5px;
}

.feature a:hover{
    color: #353434;
}

.feature a span{
 
    margin-left: 10px;
}

/*  Info Section  */
.info{
    width: 100%;
	max-width: 1200px;
    overflow: hidden;
    /*background: #3b3b3b;*/
	margin-bottom: 20px;
	/*background-image:url(../images/background-gray-transparent.png);*/
	/*border: 1px solid #666666;*/
	background-color:#cccccc;
	margin-left: auto;
	margin-right: auto;
}

.info_pic{
	display: block;
	width: 50%;
	height: 205px;
	float: left;
	background: url('../images/technology.png') no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

.info_details{
	display: block;
	width: 50%;
	height: 165px;
	float: left;
	padding: 20px 0;
	text-align: center;
}

.info_details h3{
	color: #fff;

	font-size: 24px;
	font-weight: bold;
	font-weight: bold;
	text-transform: uppercase;
	max-width: 100%px;
	margin: 0 0 0 0px;
	letter-spacing: 1px;
	line-height: 25px;
	text-align:center;
}

.info_details p{
	color: #ededed;

	font-size: 16px;
	max-width: 100%;
	margin: 20px 0 0 0px;
	letter-spacing: 1px;
	line-height: 20px;
}

.info_details a{
	color:#6F3700;
	font-size: 22px;
	margin: 0 0 0 40px;
	text-decoration: none;
}

.info_details a span{
    margin-left: 10px;
}




/*  CTA  */
.cta{
    display: block;
    text-align: center;
    padding-top: 20px;
}

.cta h3{
	color: #6b6b6b;
	
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.cta p{
	color: #7f7c7c;
	font-size: 20px;
	margin-top: 5px;
	letter-spacing: 0.5px;
	font-style: italic;
}

.cta a.cta_btn{
    display: inline-block;
    padding: 10px 30px;
   /*background-color: #863500;*/
 	border: 2px solid #863500; 
    color: #863500;
  
    font-size: 22px;
    text-decoration: none;
    margin-top: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;

}

.cta a.cta_btn:hover{
    background: #ffffff;
	color: #cccccc;
	border: 2px solid #cccccc;
	padding: 10px 30px;
}

.cta .cta_sep{
    display: block;
    width: 1px;
    height: 100px;
    background: #dedede;
    margin: 0 auto;
}




/*  Footer  */
footer{
	padding: 15px 0;
	border-top: 2px solid #cccccc;
	text-align: center;
	margin-top: 15px;
	border-bottom: 5px solid #748092;
	background-color: #333333;
}

footer .rights{
	color: #999999;
	font-family: arial;
	font-size: 14px;
	margin-top: 5px;
}

footer .rights a{
    text-decoration: none;
   
    font-weight: bold;
    color: #3b3b3b;
}

a{
	color: #003399;
	text-decoration: none;
}


h1 {
	color: #767575;
	margin: 10px 0px;
	font-size: 32px;
}


/*  Responsive */
@media (max-width:1200px){
    .wrapper{
        padding: 0 20px;
    }
    .info_pic,
    .info_details{
        width: 50%;
		
		/*max-width: 1200px;*/
    }

    .info_details{
        height: 165px;
        padding: 20px 0;
		margin: 0 0 0 0px;
    }

    .info_details h3
	{
	text-align:center;	
	/* max-width: 80%;*/
	 
	}
	
.info_details p, .info_details a{
        max-width: 80%;
        display: block;
        text-align: center;
        margin: 20px auto;
    }
}


@media (max-width:1000px){
    .billboard .caption{
        text-align: center;
        margin-left: 0;
    }
    .cta{
        width: 80%;
        margin: 0 auto;
    }
}


@media (max-width:800px){
    header .logo{
        float: none;
    }

    header .menu_icon{
        display: block;
    }

    ul.social{
        display: none;
    }

    header nav{
        display: block;
        background: #353434;
        margin: 21px 0 0 0;
        padding: 0;
        border-left: 0;
        border-top: 1px #2c2c2c solid;
        overflow: hidden;
        text-align: center;
        position: relative;
        z-index: 9999;
        display: none;
    }
/*    header nav{
        border-bottom-left-radius: 2px; 
        -webkit-border-bottom-left-radius: 2px; 
        -moz-border-bottom-left-radius: 2px; 
        -o-border-bottom-left-radius: 2px; 
        border-bottom-right-radius: 2px; 
        -webkit-border-bottom-right-radius: 2px; 
        -moz-border-bottom-right-radius: 2px; 
        -o-border-bottom-right-radius: 2px; 
    }*/
    header nav.show_menu{
        display: block;
    }
    header nav ul li{
        margin: 0;
        width: 100%;
        border-bottom: 1px #2c2c2c solid;
    }
    header nav ul li:last-child{
        border-bottom: 0;
    }
    header nav ul li a{
        display: block;
        width: 100%;
        padding: 20px 0;
    }
    header nav ul li a:active{
        display: block;
        width: 100%;
        padding: 20px 0;
        background: #2c2c2c;
    }

    .features .feature{
        width: 46.66666666666667%;
        margin-right: 6.666666666666667%!important;
    }
    .features .feature:nth-child(2n+2)
    {
        margin-right: 0!important;
    }
}

@media (max-width:725px){

 .info_pic, .info_details{
        width: 100%;
}

#rightnavcontainer{

margin-top: 5px;
padding: 5px 0px;
}

#billwrappercontent
{

font-size: 22px;

}

}





@media (max-width:500px){

    .features .feature{
        width: 100%;
        margin-right: 0!important;
    }
	
#rightnavcontainer{

margin-top: 5px;
padding: 5px 0px;
}	

}