/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
 .offset-left {
 padding-left:116px !important
}
 .servicesBox1 {
 float:left;
 width:188px !important;
 margin:0px 10px 20px 0px;
}
 .servicesBox2 {
 float:left;
 width:188px !important;
 margin:0px 10px 20px 10px;
}
 .servicesBox3 {
 float:left;
 width:188px !important;
 margin:0px 0px 20px 10px;
}
 .portfolio_Wrapper ul li {
 width:181px !important;
 margin:0px 9px 20px 9px !important;
}
 .portfolio_Wrapper h4 {
 font-size:15px !important;
}
 .BlogDesWrap {
 width:345px;
}
 .BlogDesWrap1 {
 width:279px;
}
 .aboutList {
 width:344px;
}
#map_canvas{
	height: 237px !important;
    margin-bottom: 15px;
    margin-left: 10px;
    width: 350px !important;
}
.blogDesTitle{
	font-size: 11px !important;
}
}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
 
 .home-box{
	 float:none !important;
	 margin:10px auto;
	 }
 .servicesWrap {
 padding:0 10px !important;
}
 .servicesBox1 {
 float:none !important;
 width:auto !important;
 margin:20px auto !important;
}
 .servicesBox2 {
 float:none !important;
 width:auto !important;
 margin:20px auto !important;
}
 .servicesBox3 {
 float:none !important;
 width:auto !important;
 margin:20px auto !important;
}
 .portfolio_Wrapper ul li {
 float:none !important;
 margin:26px auto !important;
 width:233px;
 border:1px solid #f6f6f6;
 border-bottom:2px solid #e6e6e6;
 text-align:center;
}
 .frantCaption {
 margin:0px 10px 0px 10px !important;
}
 .logo {
 text-align:center;
 margin-bottom:10px;
}
 .facebook {
 float:none !important;
 display:inline-block !important;
}
 .twitter {
 float:none !important;
 display:inline-block !important;
}
 .youtube {
 float:none !important;
 display:inline-block !important;
}
 .linkedin {
 float:none !important;
 display:inline-block !important;
}
 .rss {
 float:none !important;
 display:inline-block !important;
}
 .socialRight {
 float:none !important;
}
 .offset-left {
 padding-left:0px !important
}
  .ribbonBg {
 	height: 40px !important;
 	min-height: 0;
    text-align: center;
    width: 100%;
}
.two.columns.offset-by-one{
	padding-left:0px;	
}
.ribbonBg ul {
    margin: 0;
    padding: 0;
    width: 100%;
}
.ribbonBg ul li{
	background: url("../images/navBorder.jpg") no-repeat center bottom ;
    display: inline-block;
    margin: 2px 5px 0 5px;
    padding: 0 0 2px;
}
.ribbonBg ul li .home{
	background: url("../images/naviconsprites.png") no-repeat -4px -3px ;
    display: block;
    height: 30px;
    width: 30px;
}
.ribbonBg ul li .home:hover {
    background-position: -45px -3px;
}
.ribbonBg ul li .home.active {
    background-position: -45px -3px;
}

.ribbonBg ul li .about{
	background: url("../images/naviconsprites.png") no-repeat -4px -52px ;
    display: block;
    height: 30px;
    width: 30px;
}
.ribbonBg ul li .about:hover {
    background-position: -45px -52px;
}

.ribbonBg ul li .about.active {
    background-position: -45px -52px;
}
.ribbonBg ul li .portfolio{
	background: url("../images/naviconsprites.png") no-repeat -4px -105px ;
    display: block;
    height: 30px;
    width: 30px;
}
.ribbonBg ul li .portfolio:hover {
    background-position: -45px -105px;
}
.ribbonBg ul li .portfolio.active {
    background-position: -45px -105px;
}
.ribbonBg ul li .blog{
	background: url("../images/naviconsprites.png") no-repeat -4px -156px ;
    display: block;
    height: 30px;
    width: 30px;
}
.ribbonBg ul li .blog:hover {
    background-position: -45px -156px;
}
.ribbonBg ul li .blog.active {
    background-position: -45px -156px;
}
.ribbonBg ul li .contact{
	background: url("../images/naviconsprites.png") no-repeat -4px -206px ;
    display: block;
    height: 30px;
    width: 30px;
}
.ribbonBg ul li .contact:hover {
    background-position: -45px -206px;
}
.ribbonBg ul li .contact.active {
    background-position: -45px -206px;
}
 .portfolio_Wrapper {
 padding:0 10px;
}
 .FrantbottomWrap h2 {
 padding:0px 10px 5px 10px;
}
 .tabing {
 margin:0 10px 20px 10px;
}
 .testimonalbg {
 margin:0px 10px 0px 10px;
}
 h1 {
 margin:0px 10px 20px 10px;
}
 .contacts {
 padding:0px 10px 0px 10px;
}
 .formwrapper {
 margin-left:10px;
 margin-right:10px;
}

#map_canvas{
	height: 237px !important;
    margin-bottom: 15px;
    margin-left: 10px;
    width: 400px !important;
}
 .blog-wrapper {
 padding:0px 10px 0px 10px;
}
 .blog-right {
 padding:20px 10px 0px 10px;
}
 .BlogDesWrap {
 width:332px;
}
 .BlogDesWrap1 {
 width:266px;
}
 .rightsidebar {
 padding:20px 10px 0px 10px;
}
 .wrappadd {
 margin:0px 10px 0px 10px;
}
 .aboutWrap {
 padding:0px 10px 0px 10px;
}
 .imgRight {
 float:none !important;
 margin:10px 0px 10px 0px !important;
 text-align:center;
}
 .imgLeft {
 float:none !important;
 margin:10px 0px 10px 0px !important;
 text-align:center;
}

}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

 .logo {
 text-align:center;
 margin-bottom:10px;
}
 .facebook {
 float:none !important;
 display:inline-block !important;
}
 .twitter {
 float:none !important;
 display:inline-block !important;
}
 .youtube {
 float:none !important;
 display:inline-block !important;
}
 .linkedin {
 float:none !important;
 display:inline-block !important;
}
 .rss {
 float:none !important;
 display:inline-block !important;
}
 .socialRight {
 float:none !important;
}
 .offset-left {
 padding-left:0px !important
}
 .ribbonBg {
 	min-height: 0;
    height: 40px !important;
    text-align: center;
    width: 100%;
}
.two.columns.offset-by-one{
	padding-left:0px;	
}
.ribbonBg ul {
    margin: 0;
    padding: 0;
    width: 100%;
}
.ribbonBg ul li{
	background: url("../images/navBorder.jpg") no-repeat center bottom ;
    display: inline-block;
    margin: 2px 5px 0 5px;
    padding: 0 0 2px;
}
.ribbonBg ul li .home{
	background: url("../images/naviconsprites.png") no-repeat -4px -3px ;
    display: block;
    height: 30px;
    width: 30px;
}
.ribbonBg ul li .home:hover {
    background-position: -45px -3px;
}
.ribbonBg ul li .home.active {
    background-position: -45px -3px;
}

.ribbonBg ul li .about{
	background: url("../images/naviconsprites.png") no-repeat -4px -52px ;
    display: block;
    height: 30px;
    width: 30px;
}
.ribbonBg ul li .about:hover {
    background-position: -45px -52px;
}

.ribbonBg ul li .about.active {
    background-position: -45px -52px;
}
.ribbonBg ul li .portfolio{
	background: url("../images/naviconsprites.png") no-repeat -4px -105px ;
    display: block;
    height: 30px;
    width: 30px;
}
.ribbonBg ul li .portfolio:hover {
    background-position: -45px -105px;
}
.ribbonBg ul li .portfolio.active {
    background-position: -45px -105px;
}
.ribbonBg ul li .blog{
	background: url("../images/naviconsprites.png") no-repeat -4px -156px ;
    display: block;
    height: 30px;
    width: 30px;
}
.ribbonBg ul li .blog:hover {
    background-position: -45px -156px;
}
.ribbonBg ul li .blog.active {
    background-position: -45px -156px;
}
.ribbonBg ul li .contact{
	background: url("../images/naviconsprites.png") no-repeat -4px -206px ;
    display: block;
    height: 30px;
    width: 30px;
}
.ribbonBg ul li .contact:hover {
    background-position: -45px -206px;
}
.ribbonBg ul li .contact.active {
    background-position: -45px -206px;
}
 .slideNext {
 display:none !important;
}
 .slidePre {
 display:none !important;
}
 .frantCaption {
 margin:0px 10px 0px 10px !important;
}
 .FrantbottomWrap h2 {
 padding:0px 10px 5px 10px;
}
 .testimonalbg {
 margin:0px 10px 0px 10px;
}
 .portfolio_Wrapper ul li {
 float:none !important;
 margin:26px auto !important;
 width:233px;
 border:1px solid #f6f6f6;
 border-bottom:2px solid #e6e6e6;
 text-align:center;
}
 .servicesWrap {
 padding:0 10px !important;
}
 .servicesBox1 {
 float:none !important;
 width:auto !important;
 margin:20px auto !important;
}
 .servicesBox2 {
 float:none !important;
 width:auto !important;
 margin:20px auto !important;
}
 .servicesBox3 {
 float:none !important;
 width:auto !important;
 margin:20px auto !important;
}
 .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen {
padding-left: 0px !important;
}
 .portfolio_Wrapper {
 padding:0 10px;
}
 .tabing {
 margin:0 10px 20px 10px;
}
 h1 {
 margin:0px 10px 20px 10px;
}
 .contacts {
 padding:0px 10px 0px 10px;
}
 .formwrapper {
 margin-left:10px;
 margin-right:10px;
}

#map_canvas{
	height: 237px !important;
    margin-bottom: 15px;
    margin-left: 10px;
    width: 280px !important;
}
 .blog-wrapper {
 padding:0px 10px 0px 10px;
}
 .blog-right {
 padding:20px 10px 0px 10px;
}
 .BlogDesWrap {
 width:210px;
}
 .BlogDesWrap1 {
 width:146px;
}
 .portfolio-Wrapper {
 padding:0px 10px 0px 10px;
}
 .rightsidebar {
 padding:20px 10px 0px 10px;
}
 .wrappadd {
 margin:0px 10px 0px 10px;
}
 .aboutWrap {
 padding:0px 10px 0px 10px;
}
 .imgRight {
 float:none !important;
 margin:10px 0px 10px 0px !important;
 text-align:center;
}
 .imgLeft {
 float:none !important;
 margin:10px 0px 10px 0px !important;
 text-align:center;
}
.home-box{
	float:none !important;
	margin:10px auto;
	}
}
 @media (max-width: 319px) {
	 
.frantCaption {
 margin:0px 10px 0px 10px !important;
}
 .portfolio_Wrapper h2 {
 font-size:12px !important;
}
 .FrantbottomWrap h2 {
 padding:0px 10px 5px 10px;
}
 .testimonalbg {
 margin:0px 10px 0px 10px;
}
 .tabing {
 margin:0 10px 20px 10px;
}
 .portfolio_Wrapper {
 padding:0 10px;
}
 .container {
 width:238px !important;
}
 .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {
 width: 238px !important;
}
 
 .slideNext {
 display:none !important;
}
 .slidePre {
 display:none !important;
}
 .servicesWrap {
 padding:0 10px !important;
}
 .servicesBox1 {
 float:none !important;
 width:auto !important;
 margin:20px auto !important;
}
 .servicesBox2 {
 float:none !important;
 width:auto !important;
 margin:20px auto !important;
}
 .servicesBox3 {
 float:none !important;
 width:auto !important;
 margin:20px auto !important;
}
 .portfolio_Wrapper ul li {
 float:none !important;
 margin:26px auto !important;
 width:213px !important;
 border:1px solid #f6f6f6;
 border-bottom:2px solid #e6e6e6;
 text-align:center;
}
 .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen {
padding-left: 0px !important;
}
 .testimonalbg {
 margin:0px 10px 0px 10px;
}
 h1 {
 margin:0px 10px 20px 10px;
 font-size:24px !important;
}
 .contacts {
 padding:0px 10px 0px 10px;
}
 .formwrapper {
 margin-left:10px;
 margin-right:10px;
}

#map_canvas{
	height: 237px !important;
    margin-bottom: 15px;
    margin-left: 10px;
    width: 220px !important;
}
 .blog-wrapper {
 padding:0px 10px 0px 10px;
}
 .blog-right {
 padding:20px 10px 0px 10px;
}
 .rightsidebar {
 padding:20px 10px 0px 10px;
}
 .wrappadd {
 margin:0px 10px 0px 10px;
}
 .aboutWrap {
 padding:0px 10px 0px 10px;
}
 .imgRight {
 float:none !important;
 margin:10px 0px 10px 0px !important;
 text-align:center;
}
 .imgLeft {
 float:none !important;
 margin:10px 0px 10px 0px !important;
 text-align:center;
}
.wrap{
	width: 160px !important;
}
 .BlogDesWrap {
 width:150px;
}
 .BlogDesWrap1 {
 width:85px;
}
.error_show{
	width: 35px !important;
}

}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/