html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'Open sans',Arial,sans-serif;
	color: #000000;background:none repeat scroll 0 0 #cccccc;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


h1, h2, h3, h4, h5, h6 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
a {
	color: #444;text-decoration:none;
}
footer h2, h3, h4, h5, h6 {
	background: none;
	color: #fff;
	margin: 0;
	padding: 0;
}
hr {
	border: none;
	background: #e3e3e3;
	height: 1px;
	margin-top: 25px;
	margin-bottom: 25px;
}
header{	
	background:-moz-linear-gradient(center top , #fafafa, #f5f5f5) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-bottom: 1px solid #eee;
	color: #444;
	min-height: 44px;
	padding: 8px 10px;
	overflow:hidden;
}
.article-content{margin-bottom:20px; margin-top: 10px;}
header .logo{float:left;}
.container{width:936px;margin:0 auto;background:#fff;padding:0 15px 10px;}
nav{float:right;}
nav ul li{
	margin: 0 3px 0 0;
	float: left;
	font-size: 13px;
	line-height:6.7;
	padding:0 6px;
	text-shadow:0 -1px 0 transparent;
	text-transform:uppercase;
}
nav li a:hover{text-decoration:underline;}
.features{	padding:20px 15px;background:none repeat scroll 0 0 #f5f5f5;overflow:hidden;}
.features ul{margin:0 10px;}
.features ul li{margin:0 1.4881% 20px;float:left;width:30.3%;text-align:left;}
.features li .cell{
	display: inline-block;
	max-width: 260px;
	text-align: left;margin-bottom:10px;
}
.features li img{float:left;margin-right:16px;vertical-align:middle;}
.features li h2 {
    display: table-cell;
    vertical-align: middle;
	font-size: 21px;
	font-weight: 300;
	line-height: 25px;
}
.features p {
    color: #909090;
    line-height: 1.3;
}
.content{float:left;overflow:hidden;margin:15px 0;padding: 0 10px;}
article{
    float: left;
    padding: 0 10px;
    width: 96%;
}
.banner_image img{width:100%;}
article h1{
    font-size: 18px;
    font-weight: 300;
    line-height: 35px;
}
article span{color:#0066cc;}
.content p {
    color: #4b4b4b;
    font-size: 14px;
    line-height: 1.5;
    margin: 10px 0;text-align: justify;
}
aside{
	background-color: #f5f5f5;
	border: 1px solid #e5e5e5;
	padding: 15px 20px;overflow: hidden;
	float:right;width:55%;margin:1% 10px 0 0;
}
aside p img{width:100%;}
.content aside p{margin:20px 0;font-size:12px;}
aside p a{width:100%;float:left;color:#0066cc;}
aside p a::after{
    background-image: url("../img/link_out.gif");
    background-repeat: no-repeat;
    background-size: 13px 13px;
    content: " ";
    display: inline-block;
    height: 14px;
    margin-left: 10px;
    width: 13px;
}
.social a:link {
	float: right;
	background-image: url(../img/facebook.png);
	width: 30px;
	height: 30px;
	background-position: 0 -30px;
	-webkit-transition: background-position .3s ease;
	-moz-transition: background-position .3s ease;
	-o-transition: background-position .3s ease;
	transition: background-position .3s ease;
	margin-left: 2px;

}
.social a:last-child {
	float: right;
	background-image: url(../img/twitter.png);
	width: 30px;
	height: 30px;
	background-position: 0 -30px;
	-webkit-transition: background-position .3s ease;
	-moz-transition: background-position .3s ease;
	-o-transition: background-position .3s ease;
	transition: background-position .3s ease;
	margin:0 3px;
}
.social a:hover {
	background-position: 0 0;
}
.clients h2 {
    margin: 15px 0;
    text-align: center;
    text-transform: capitalize;
}
.clients ul {
    padding: 0 15px; margin-bottom: 25px;
}
.clients ul li {
    background: none repeat scroll 0 0 #fff;
    cursor: pointer;
    display: inline-block;
    /* height: 160px; */
    margin: 6px 7px;
    overflow: hidden;
    padding:0 7px;
    position: relative;
    vertical-align: top;
    width: 149px;
}
.clients ul li .c_img {
    height: 40px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.clients ul li  img{margin:10px 0;vertical-align: middle;}
.clients ul li p {
    color: #909090;
    font-size: 11px;
    height: 70px;
    line-height: 1.6;
    margin: 10px 0;
    overflow: hidden;
    text-align: center;
}
.clients ul li  div.learmore{text-align: center;color:#3679ec;font-weight:bold;}
.social {    float: right;}
footer {
	background: #222222;
	padding: 15px 13px;
	color: #fff;overflow:hidden;
}
footer p{ 
    float: left;
    font-size: 13px;
    line-height: 2.6;
    text-align: center;
    width: 90%;
}
.clients {
    margin: 15px 0;
    overflow: hidden;
	width:100%;background:#f5f5f5;
	border-top:solid 2px #bbbbbb;
	border-bottom:solid 2px #bbbbbb;
}
.full_width{margin:0 0 30px;width:100%;}
.full_width article{width:98%;overflow: hidden;}
.full_width img {
    float: left;
    width: 36%;
}
.divide_section{float:left;overflow:hidden;margin-bottom: 10px;}
.divide_section h2{
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 4px;
    /* padding-top: 25px; */
}
u {    color: #067abf;}
#main_content{width:37%;}
.walkins {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e6e6e6;
    color: #062937;
    float: left;
    margin: 5px 0 10px;
    padding: 5px 5px 5px 10px;
    position: relative;
    text-align: center;
    width: 500px;
}
.walkins ul {
   /*  border-left: 1px solid #dfdfdf;*/
    border-top: medium none;
    float: right;
    margin: 0;
    padding: 0;
    text-align: left;
}
.walkins ul p {
    color: #7a7b7c;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 10px 0;
}
.walkins li {
    background: url("../images/arrow.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #7a7b7c;
    font-size: 12px;
    line-height: normal;
    margin-bottom: 10px;
    padding-left: 18px;
    line-height: 1.4em;
}
.box {
 /*    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #e5e5e5;  width: 94%;*/
    float: left;
    /*margin: 10px 0;*/
    padding: 0 50px; 
   
}
.divide_section ul {padding: 0 50px;}
.box h2{font-size:16px;color:#5e94ff;font-weight:bold;}
.divide_section ul h4{color: #000;font-size: 13px;font-weight: bold;margin: 20px 0 10px;}
.divide_section li {
    color: #4b4b4b;
    line-height: 1.3;font-size:14px;
    list-style: disc outside none;
    margin-bottom: 10px;
    margin-left: 15px;
    padding-left: 3px;
}
.product {
    margin: 10px 0;
    overflow: hidden;
    width: 100%;
}
.product h2 {margin: 16px 0;}
.product img {
    border-right: 1px solid #e5e5e5;
    float: left;
    margin-right: 10px;
    vertical-align: middle;
    width: 30%;
}
.product p {
    float: right;
    margin: 0 !important;
    text-align: justify;
    width: 68%;
}
.product_1 {    width: 100%;}
/* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
 	}


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }
      
        .social a:link{
        	
        }
        .main-nav {
        	text-align: center;
        }
		footer ul {
			display: none;
		}
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }
    }
	

/*craeer css*/
.form_groups {
    /* border-top: 1px dotted #999;*/ 
    display: block;
    /* margin: 0 0 1.5em; */
    overflow: hidden;
    padding: 3px 0;
}
.form_groups h2 {
    color: #555;
    font-size: 20px;
    margin: 0;
    padding: 1.5em 0;
}
.form_panel .form_inputs {
    display: block;
    margin: 8px 0;
    overflow: hidden;
}
.form_panel .form_inputs label {
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 0.55em 2px 0;
    text-align: right;
    width: 10em;
}
.form_inputs .formText {
    padding: 2px;
    width: 180px;
}
.form_panel .select_input {
    display: block;
    line-height: 1.3;
    margin: 0 0 15px 10.55em;
    padding: 2px 0;
    width: 307px;
}

.submit-button {
    background: none repeat scroll 0 0 #7a4;
    border: 1px solid;
    color: #fff;
    cursor: pointer;
    padding: 6px 10px; margin-bottom:20px;
}
.left_scroll {
    float: left;
    margin-right: 6px;
    overflow: hidden;
}
.right_scroll {float: right;}
.form_panel{
    float: left;
    width: 100%;
}
.address1 {
    margin: 0;
    padding: 18px 0;
}
.first h2 {
    font-weight: bold;
    padding: 12px 0;font-size:16px;
}

.first p {
    line-height: 10px;
    margin: 2px 0 10px;
}
.form_groups #success{
    background: none repeat scroll 0 0 white;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 20px;
}

.first {
    border-right: 1px solid #ccc;
    float: left;
    width: 35%;
}
.contact_form {
    float: right;
    /* margin: 5em 0 0; */
    width: 64%;
}
.contact_form .form_inputs { margin:10px 0 20px 0;}
.contact_form .formText {width: 300px;}
.up_file{width:209px;float:right;}
.submit-button:hover{background:#62952f;}
#form1 h2 {
    font-style: italic;
    margin: 1em 0 1.3em 1em;
    text-transform: capitalize;
}
.contact_form .submit_button{margin-bottom:0;}