/* reset */
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,dl,dt,dd,ol,nav ul,nav 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;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table { border-collapse:collapse;border-spacing:0; }
/* start editing from here */

a {text-decoration:none; color:#ad1e22;}
a:hover {text-decoration:none; color:#000;}

.txt-rt { text-align:right; }/* text align right */
.txt-lt { text-align:left; }/* text align left */
.txt-center {text-align:center;}/* text align center */

.alt h2 { color:#ccc;font-weight:bold;padding-right:30%;margin:-2% 0 -2% 0;}

.float-left { float:left; width:48%; margin: 0; } /* float left */
.float-right {float:right; width:48%; margin: 0; }/* float right */
.float-left p { margin:0 0 2% 0;}
.float-right p { margin:0 0 2% 0;}

.float-right .contact {float:right;}
.float-right .contact img {float:right;margin-top:0px;}

.float-left-contact { float:left; width:40%;}
.float-right-contact {float:right;width:60%;background:url(../images/backsplash.png) no-repeat;}
.float-right-contact .contact {float:right;}
.float-right-contact .contact img {float:right;margin-top:10%;}
.float-right-contact p { float:left;margin:2% 2% 0 2%;}

.hr { clear:both;margin:0 0 2% 0;}

.clear { clear:both; }
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */

nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */

img{max-width:100%;}
/*end reset*/

body {
	font-family:trebuchet ms, arial, sans-serif;
	font-size: 100%;
	background: url(../images/background.gif) repeat-x;
	color:#555555;
}
.wrap{
	margin:0 auto;
	width:80%;
}
.wrapper{
	padding: 2% 6%;
}
/* start header*/
.header{
	display: block;
}
.logo{
	float:left;
	margin-top:-13px;
}
/*menu*/
.cssmenu {
	float: right;
	margin-top: 1%;
}
.cssmenu > ul > li {
	display:inline-block;
	position: relative;
}
.cssmenu > ul > li.active a{
	color:#ffffff;
	background-color:#ad1e22;
}
.cssmenu > ul > li span img {
	vertical-align: middle;
}
.cssmenu > ul > li > a {
	font-weight:bold;
	color: #ccc;
	display: block;
	font-size: 15px;
	line-height: 1.8em;
	padding: 24px 26px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.cssmenu > ul > li > a:hover {
	background-color:#ad1e22;
	color: #ffffff;
}
/* display with 800px  */
.top-nav{
	display: none;
}
.nav_bg{
	background: #464646;
}
.clearfix {
	height: 40px;
	width: 100%;
	font-size: 11pt;
	font-weight: bold;
	position: relative;
	z-index: 9999;
	
}
.clearfix ul {
	padding: 0;
	margin: 0 auto;
	display: none;
	background: #f0f0f0;

}
.clearfix li {
	display: block;
}
.clearfix a {
	color: #555555;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	display: block;
	width:100%;
	text-indent: 10px;
	text-align: left;
	text-decoration: none;
	line-height: 40px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.clearfix li a {
	border-bottom: 1px solid rgba(90, 85, 73, 0.17);
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.clearfix li:last-child a {
	border-right: 0;
}
.clearfix a:hover,.clearfix a:active {
	background: #424242;
	color:#ffffff;
}
.clearfix a#pull {
	font-size: 20px;
	display: block;
	width: 100%;
	position: relative;
	text-shadow: 0 1px 0 #181717;
	color: #FFFFFF;
	background-color: #ad1e22;
}
.clearfix a#pull:after {
	background:url('../images/nav-icon.png')no-repeat;
	width: 30px;
	content:"";
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 10px;
}
/* start banner */
.banner{
	text-align:center;
	padding: 4% 0 0 0;
	/*background: url(../images/banner-bg.png) no-repeat;*/
}
.banner h1{
	font-family: 'Pontano Sans', sans-serif;
	/*line-height: 1.5em;*/
	font-size: 3em;
	color: #666666;
	/*text-shadow: 0px 1px 0px #ffffff;*/
}
.banner h2{
	font-family: 'Pontano Sans', sans-serif;
	/*line-height: 1.5em;*/
	font-size: 3em;
	color: #666666;
	/*text-shadow: 0px 1px 0px #ffffff;*/
}
.banner h3{
	font-family: 'Shadows Into Light', cursive;
	line-height: 1.5em;
	font-size: 2em;
	color: #ad1e22;
	text-shadow: 0px 1px 0px #ffffff;
}
/* start main */
#main{
	display: block;
}
#content .list ul { width:48%;margin-left:0px;}
#content .list ul li { width:48%;margin-left:0px;}
#content h3 {
	font-family:trebuchet ms, arial, sans-serif;
	line-height: 1.8em;
	font-size: 1.3em;
	color: #ad1e22;
	text-shadow: 0px 1px 0px #ffffff;
}
#content strong { font-weight:bold;}
#content h1{
	font-weight:700;
	line-height: 1.5em;
	font-size: 1.5em;
	color: #555555;
	text-transform: uppercase;
	padding: 10px 0;
	border-bottom: 1px solid rgb(209, 209, 209);
}
#content h2{
	font-weight:700;
	line-height: 1.3em;
	font-size: 1.3em;
	color: #666;
	padding: 10px 0 0 0;
}
/* grids of four   */
#grids { margin: 2% 0;}

.grid_1_of_4{
	display: block;
	float:left;
	margin: 4% 0 0% 4%;
}
.grid_1_of_4:first-child { 
	margin-left: 0; 
} 
.grid_1_of_4-exp{
	display: block;
	float:left;
	margin: 0 0 0 4%;
}
.grid_1_of_4-exp:first-child { 
	margin-left: 0; 
} 
.images_1_of_4 {
	width: 21.99999%;
}
.images_1_of_4  img{
	max-width:100%;
	display:block; margin: 2% auto 0 auto;
}
.images_1_of_4  h3 {
	display:block;
	margin-top:4%;
	line-height: 1.5em;
	font-size: 1.2em;
	color: #666666;
	-webkit-text-stroke: 0.2px;
	font-family: 'Open Sans', sans-serif;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.images_1_of_4  h3 a{
	display:block;
	margin-top:4%;
	line-height: 1.5em;
	font-size: 1.0em;
	color: #666666;
	-webkit-text-stroke: 0.2px;
	font-family: 'Open Sans', sans-serif;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.images_1_of_4  h3 a:hover{
	color: #ad1e22;
}
.images_1_of_4  h4 a{
	font-style: italic;
	line-height: 1.5em;
	font-size: 0.8725em;
	color: #ad1e22;	
	-webkit-text-stroke: 0.25px;
	text-transform:capitalize;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.images_1_of_4  h4 a:hover{
	color: #555555;	
}
/* grides for web examples page */
.images_1_of_4-exp {
	width: 21.99999%;
}
.images_1_of_4-exp  img{
	max-width:100%;
	display:block; margin: 2% auto 0 auto;
}
.images_1_of_4-exp  h3 {
	display:block;
	margin:0 0 6% 0;
	line-height: 1.5em;
	font-size: 0.9em;
	color: #666666;
	-webkit-text-stroke: 0.2px;
	font-family: 'Open Sans', sans-serif;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.images_1_of_4-exp  h3 a{
	display:block;
	margin:0 0 6% 0;
	line-height: 1.5em;
	font-size: 0.9em;
	color: #666666;
	-webkit-text-stroke: 0.2px;
	font-family: 'Open Sans', sans-serif;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.images_1_of_4-exp  h3 a:hover{
	color: #ad1e22;
}
.images_1_of_4-exp  h4 a{
	font-style: italic;
	line-height: 1.5em;
	font-size: 0.8725em;
	color: #ad1e22;	
	-webkit-text-stroke: 0.25px;
	text-transform:capitalize;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.images_1_of_4-exp  h4 a:hover{
	color: #555555;	
}

.images_1_of_3 {
	width: 31.33333%;
}
.images_1_of_3  h3.tools_icon{
	background: url('../images/tools_icon.png') no-repeat 0px 4px;
	padding-left: 30px;
}
.images_1_of_3  h3.wordpress_icon{
	background: url('../images/wordpress_icon.png') no-repeat 0px 4px;
	padding-left: 30px;
}
.images_1_of_3  h3.facebook_icon{
	background: url('../images/facebook_icon.png') no-repeat 0px 4px;
	padding-left: 30px;
}
.images_1_of_3  h3.user_icon{
	background: url('../images/user_icon.png') no-repeat 0px 4px;
	padding-left: 30px;
}
.images_1_of_3  h3.gallery_icon{
	background: url('../images/gallery_icon.png') no-repeat 0px 4px;
	padding-left: 30px;
}
.images_1_of_3  h3.cog_icon{
	background: url('../images/cog_icon.png') no-repeat 0px 4px;
	padding-left: 30px;
}
.images_1_of_3  h3{
	line-height: 1.5em;
	font-size: 1.2em;
	color: #666666;
	-webkit-text-stroke: 0.2px;
	font-family: 'Open Sans', sans-serif;
}
.images_1_of_3  p{
	margin-top:4%;
	font-size: 1em;
	color:#777777;
	line-height: 1.8em;
	font-family: 'Open Sans', sans-serif;
}
.images_1_of_3  p span{
	text-transform:uppercase;
}
/* start footer */
.footer_bg{
	font-family: 'Open Sans', sans-serif;
	background: #555555 url('../images/footer_top.png') repeat-x;	
}
.footer-img{
	float: left;
	margin-right: 2%;
	margin-top:0;
}
.foot_text{
	float: left;
	margin-top:1%;
}
/*.foot_img img{
	margin-top: 0px;
}*/
.foot_text p{
	font-size: 1em;
	color:#ffffff;
	line-height: 2.3em;
	margin:6% 0 -4% 0;

}
.foot_text p b{
	-webkit-text-stroke: 0.2px;
	letter-spacing: 1px;
	margin-top: 10px;
}
.foot_text h4{
	font-size: 0.8725em;
	color:#cccccc;	
}
.span_1_of_3 a h4.mail{
	background: url('../images/mail.png') no-repeat 0 0px;
	padding-left: 36px;
}
.foot_nav{
	margin-top: 8%;
}
.foot_nav ul li{
	float:left;
	margin-right: 2%;
}
.foot_nav ul li a{
	display: block;
}
.foot_nav ul li a img:hover{
	zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.7;
	-webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}

/*****************************
FOOTER
*****************************/
.footer-col-1-3{
	float:left;
	width: 40%;
	display: block;
	margin-right:0;
}
.footer-col-2-3{
	float:left;
	width:40%;
	display: block;
	margin-right:0;
}
.footer-col-3-3{
	float:left;
	width:20%;
	display: block;
	margin-right:0;
}
.footer-col-1-3 h3, .footer-col-2-3 h3, .footer-col-3-3 h3 {
	font-family:trebuchet ms, arial, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
	color: #333;
	text-transform: uppercase;
	margin:0 0 3% 0;
}
/*.footer-col-1-3 a h5, .footer-col-2-3 a h5, .footer-col-3-3 a h5 {
	margin-top:4%;
	text-transform:capitalize;
	font-size: 1em;
	color:#ffffff;	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}*/
.footer-col-1-3 a, .footer-col-2-3 a, .footer-col-3-3 a {
	color:#ffffff;	
}
.footer-col-1-3, .footer-col-2-3, .footer-col-3-3, a:hover{
	color: #999999;
}
.footer-col-1-3 p, .footer-col-2-3 p, .footer-col-3-3 p {
	margin-top:2%;
	text-transform:capitalize;
	font-size: 1em;
	color:#ffffff;	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.footer-col-3-3 a .mail {
	background: url('../images/mail.png') no-repeat 0px 0px;
	padding-left: 31px;
}
.footer-col-3-3 a .mail:hover {
	background: url('../images/mail_hover.png') no-repeat 0px 0px;
}
.footer-col-3-3 a h4{
	margin-top:4%;
	font-size: 1em;
	color:#ffffff;	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

/* start footer copy */
.copy{
	font-family: 'Open Sans', sans-serif;
}
.copy p{
	text-transform: capitalize;
	font-size: 0.8725em;
	color: #555555;
	line-height: 1.8em;
	margin-top:-2%;
}
.copy p a{
	color: #ad1e22;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.copy p a:hover{
	color: #555555;
}
/* start portfolio */
#container { margin: 0;}
#container .content-row { margin: 4% 0;clear:both;}

#content .icon { float:left; margin-right: 3.3333%; padding-bottom:2%; }
#content .icon img {margin-top: 4%;  }

#content .subhead { float:left; width:100%; margin-bottom:3%; text-align:center;}
#content .subhead img { max-width:100%;}

p.para { display:block; margin: 1% 0 ; font-size: 1em; color: #777777; 	line-height: 1.6em; font-family: 'Open Sans', sans-serif; }
p.para span{ display:block; font-weight:bold;margin: 0; font-size: 1em; color: #777777; 	line-height: 1.8em; font-family: 'Open Sans', sans-serif; }

p.para-block1 { float:left; width:48%;display:block; margin: 2% 0 0 0; font-size: 1em; color: #777777; line-height: 1.8em; font-family: 'Open Sans', sans-serif;clear:both; }
p.para-block1 span{ display:block; font-weight:bold;margin: 0; font-size: 1em; color: #777777; 	line-height: 1.8em; font-family: 'Open Sans', sans-serif; }

p.para-block2 { width:48%;float:left;display:block; margin: 2% 0 0 4%; font-size: 1em; color: #777777; 	line-height: 1.8em; font-family: 'Open Sans', sans-serif; }
p.para-block2 span{ display:block; font-weight:bold;margin: 0; font-size: 1em; color: #777777; 	line-height: 1.8em; font-family: 'Open Sans', sans-serif; }

.phone {text-align:center;}

/* start blog */
.blog_list{
	margin-top: 2%;
}
.blog_list h4 a{
	text-transform:capitalize;
	line-height: 1.5em;
	font-size: 1.4em;
	color: #666666;
	-webkit-text-stroke: 0.2px;
	font-family: 'Open Sans', sans-serif;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.blog_list h4 a:hover{
	color: #ad1e22;
}
.blog_list h5{
	margin-top: 1%;
	text-transform:capitalize;
	line-height: 1.5em;
	font-size:1em;
	color: #666666;
	-webkit-text-stroke: 0.2px;
	font-family: 'Open Sans', sans-serif;
}
.blog_list h5 a{
	color: #ad1e22;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;	
}
.blog_list h5 a:hover{
	color: #666666;
}
/*.blog_para{
	margin: 2% 0;*/
}
.blog_para p a{
	float: left;
	margin-right: 4%;
}
.blog_para p a img{
	margin-top: 10px;
}
.btn{
	color: #ffffff;
	background: #ad1e22;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	padding: 12px 24px;
	text-transform: uppercase;
	border: none;
	outline: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.btn:hover{
	background: #ad1e22;	
}

/***Contact*/
.map {
	margin: 4% 0 2%;
}
form{
	margin-top: 2%;
}
.col{
	display: block;
}
.contact-form{
	position:relative;
	padding-bottom:30px;
}
.contact-form div{
	padding:5px 0;
}
.contact-form span label{
	font-family: 'Open Sans', sans-serif;
	color: #666666;
	display: block;
	font-size: 0.8725em;
	padding-bottom: 5px;
}
.contact-form input[type="text"], .contact-form textarea {
	font-family: 'Open Sans', sans-serif;
	background: #FFFFFF;
	border: 1px solid #E7E7E7;
	color: rgba(85, 81, 81, 0.84);
	padding: 8px;
	display: block;
	width: 98%;
	outline: none;
	-webkit-appearance: none;
	text-transform: capitalize;
}
.contact-form textarea{
	resize:none;
	height:120px;		
}
.contact-form input[type="submit"]{
	cursor:pointer;
	-webkit-appearance: none;
	color: #ffffff;
	background: #ad1e22;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	padding: 12px 24px;
	text-transform: uppercase;
	border: none;
	outline: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.contact-form input[type="submit"]:hover{
	background: #ad1e22;
}
/***** Media Quries *****/
@media only screen and (max-width: 1680px) {
	.cssmenu > ul > li > a {  font-size: 15px; line-height: 1.5em; padding: 40px 20px 8px 20px;margin-top:-25%; }	

@media only screen and (max-width: 1586px) {
	.cssmenu > ul > li > a { margin-top:-24%;  }	
}
@media only screen and (max-width: 1366px) {
	.cssmenu > ul > li > a {  padding: 40px 12px 9px 12px;margin-top:-24%; }	
}
@media only screen and (max-width: 1280px) {
	.wrap{ width:95%; }
	
	#content .icon { float:left;margin-right: 3.3333%; padding-bottom:2%;}
	#content .content-row .icon img {margin-top: 0%; }

	.cssmenu > ul > li > a { padding: 40px 16px 9px 16px;margin-top:-12%; }	
	.cssmenu { margin-top:0; }	
}
@media only screen and (max-width: 1024px) {
	.wrap { width:95%; }
	.wrapper { padding: 4% 6%; }
	.logo { width: 30%; float:left; }
	.cssmenu > ul > li > a { font-size: 13px; line-height: 1.5em; padding: 30px 16px 9px 16px;margin-top:-16%; }	

	#content .icon { float:left;margin-right: 3.3333%;padding-bottom: 0%;}
	.logo { width: 30%; float:left; }

	#content .icon { float:left;margin-right: 3.3333%;padding-bottom: 0%;}
	.content-row #content .icon img {margin-top: 0%;}	

	.float-left { float:left; width:100%; margin: 0 0 2% 0; } /* float left */	
	.float-right {float:right; width:100%; margin: 0 0 2% 0; }/* float right */
	
	p.para-block1 { width:100%; display:block; margin: 2% 0 0 0; font-size: 1em; color: #777777; line-height: 1.8em; font-family: 'Open Sans', sans-serif; }
	
	.float-left-contact { float:left; width:60%;  } 
	.float-right-contact {float:right;width:40%;}
	
	.footer-col-1-3 { float:left; width:30%; display: block; 	margin-right:2%; }	
	.footer-col-2-3 { float:left; width:30%; display: block; 	margin-right:6%; }	
	.footer-col-3-3 { float:left; width:30%; display: block; 	margin-right:0; }		
	
	.footer-col-1-3 h3, .footer-col-2-3 h3, .footer-col-3-3 h3 { margin: -4% 0 3% 0;}	
}

@media only screen and (max-width: 800px) {
	.wrap { width:95%; }
	.wrapper { padding: 4% 2%  6% 2%; }
	.logo { text-align:center; float:none; width:100%; margin-bottom: 4%; }
	.cssmenu { display: none; }
	.top-nav { display:block; }
	.foot_nav ul li { margin-right: 0%; }
	.grid_1_of_4:nth-child(3) { margin-left: 0; }
	.grid_1_of_4 { display: block; float: left; margin: 4% 0 0 6%; }
	
	.grid_1_of_4-exp:nth-child(3) { margin-left: 0; }
	.grid_1_of_4-exp { display: block; float: left; margin: 0 0 0 6%; }
	
	.images_1_of_4 { width: 45.99999%; }
	.images_1_of_4-exp { width: 45.99999%; }
	
	#content .icon { float:none;padding-bottom: 0%;}
	#content .icon img {margin-top: 0%;  }
	
	p.para-block1 { width:100%; display:block; block; margin: 0 0 0 0; font-size: 1em; color: #777777; 	line-height: 1.8em; font-family: 'Open Sans', sans-serif; }
	p.para-block2 { width:100%;float:left;display:block; margin: 4% 0 0 0; font-size: 1em; color: #777777; 	line-height: 1.8em; font-family: 'Open Sans', sans-serif; }
	p.para-block2 span{ display:block; font-weight:bold;margin: 0; font-size: 1em; color: #777777; 	line-height: 1.8em; font-family: 'Open Sans', sans-serif; }	
	
	body {font-family:trebuchet ms, arial, sans-serif; font-size: 100%; background: #fff ; color:#555555; }		
}
	
@media only screen and (max-width: 640px){
	.wrap{width:95%;}
	.banner h2 {font-size: 2em; }
	.grid_1_of_4:nth-child(3){ margin-left: 0; }
	.grid_1_of_4 { display: block; float: left; margin: 4% 0 2% 4%; }
	
	.grid_1_of_4-exp:nth-child(3){ margin-left: 0; }
	.grid_1_of_4-exp { display: block; float: left; margin: 0 0 2% 4%; }
	
	/*.images_1_of_4 { width: 47.99999%; }*/
	.images_1_of_3 { width: 99.33333%; }
	
	.foot_nav { margin-top: 2%; } 
	
	.grid_1_of_4 { display: block; float: left; margin: 0 0 0 0; }
	.grid_1_of_4-exp { display: block; float: left; margin: 0 0 0 0; }	
	
	.images_1_of_4 { width: 99.33333%; margin: 4% 4% 0 0; }	
	.images_1_of_4-exp { width: 99.33333%; margin: 2% 4% 0 0; }		
	
	#content .icon {text-align:center;padding-bottom: 0%; }
	#content .icon img {margin-top: 4%;}
		
	#content .subhead { float:left;}
	#content .subhead img {margin-top: 0%;  }
	
	p.para-block1 { width:100%; display:block; block; margin: 2% 0 0 0; font-size: 1em; color: #777777; line-height: 1.8em; font-family: 'Open Sans', sans-serif; }
		
	.float-left-contact { float:left; width:100%;}
	.float-right-contact { float:right;width:100%;}
	.float-right-contact .contact img {margin-top:0;}

	.footer-col-1-3 { float:left; width:100%; display: block; }	
	.footer-col-2-3 { float:left; width:100%; display: block; }	
	.footer-col-3-3 { float:left; width:100%; display: block; }		
	.footer-col-1-3 h3, .footer-col-2-3 h3, .footer-col-3-3 h3 { margin: 3% 0 -2% 0;}	
}

@media only screen and (max-width: 480px) {
	.header { display: block; margin-top:3%;}	
	.wrap{ width:95%; }
	#content .icon { text-align:center;padding-bottom: 0%; }
	p.para-block1 { width:100%; display:block; block; margin: 2% 0 0 0; font-size: 1em; color: #777777; line-height: 1.8em; font-family: 'Open Sans', sans-serif; }
	
	.float-right-contact img {width:80%;}	

}

@media only screen and (max-width: 360px) {
	.span_1_of_3 a h4 { margin-top: 2%;  }
	.span_1_of_3 a h4.mail { padding-left: 31px;  }
	
	.footer-col-1-3 h3, .footer-col-2-3 h3, .footer-col-3-3 h3 { margin: 5% 0 -2% 0;}		
}

@media only screen and (max-width: 320px) {
	.wrap{ width:95%; }
	.banner h2 {font-size: 2em; }
	#content h2 { font-size: 1.4em; }
	#content .icon { margin-right: 3.3333%; }
	#content .icon img {margin-top: 4%;  }
	
	.float-right-contact img {float:right;width:100%;}	
	
}