@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

@media only screen and (max-width: 320px) {
.mnav{
	display:block;
	visibility: visible;
	margin: 5px auto;
	width: 80%;
}
.sf-menu{
	display: none;
	visibility: hidden;	
}
body .center, #leftContent.centerContent, #leftContent {
	width: 280px;
        margin: 0px auto;
}
body h2 {
	font-size: 2em;
}
body p {
	font-size: 1.4em;
}
body #wrapper {
	overflow: visible;
}
#mainHeader #logo{
	margin: 20px auto 0px;
	width: 100%;
	float: none;
}
#mainHeader #smDetails{
	width: 100%;
	margin: 22px auto 15px;
}
#mainHeader #smDetails p {
	font-size: 16px;
}
#wrapper #leftBlogContent{
	width: 100%;
	margin-top: 30px;
	margin-right: 0%;
	border-bottom: 1px solid #333;
}
#wrapper #sidebar{
	width: 100%;
	margin-top: 30px;
	margin-right: 0%;
}
#wrapper .post{
	padding-left: 0px;
}
#wrapper .post h2 {
	font-size: 2em;
}
#wrapper .post p.postDate{
	visibility: hidden;
}
#wrapper .post .socialBlog {
	padding-bottom: 10px;
}
#wrapper .socialBlog p{
	float: none;
}
#wrapper .socialBlog div{
	width: 92px;
	margin-top: 0px;
}
#wrapper ol.commentlist li.comment div.comment-meta {
	font-size: 12px;
}
#wrapper ol.commentlist li.comment div.vcard cite.fn {
	margin-bottom: 6px;
	display: inline-block;
}
#wrapper #commentform .commentTextArea {
	width: 95%;
}
#wrapper .commentSubmit {
	margin-left: 0px;
}
#wrapper #commentform .commentText {
	width: 60%;
}
nav#mainNav li {
	width: 100%;
	text-align: center;
}
nav#mainNav li a {
	background: none;
	border-bottom: 1px solid #555;
}
nav#mainNav #searchform {
	margin: 12px 0px;
}
#mainNav .floatRight {
	width: 100%;
}
#smDetails #searchform .txtField, nav#mainNav #searchform .txtField, #sidebar #searchform .txtField{
	width: 77%;
}
#footer .snFooter {
	width: 100%;
	margin-right: 0px;
}
#footer .snFooter .footerTxtField{
	width: 60%;
}
#wrapper .shadow1{
	background: url(../_images/mobile-shadow-img1.png) no-repeat center bottom;
	padding-bottom: 15px;	
}
#wrapper .shadow2{
	background: url(../_images/mobile-shadow-img2.png) no-repeat center bottom;
	padding-bottom: 15px;	
}
#wrapper .shadow3{
	background: url(../_images/mobile-shadow-img3.png) no-repeat center bottom;
	padding-bottom: 15px;	
}


body .one_half, body .one_third, body .one_fourth, body .one_fifth, body .one_sixth, body .two_third, body .three_fourth, body .four_fifth, body .two_fifth, body .two_fifth.last, body .three_fifth, body .three_fifth.last, body .four_sixth, body .two_sixth, body .five_sixth {
	width: 100%;
	margin-right: 0%;
}

#wrapper .ui-tabs .ui-tabs-nav li {
	font-size: 13px;
}
#wrapper .ui-tabs-nav li a {
	padding: 11px 4px 10px;
}
.entry img.aligncenter, img.aligncenter {
	max-width: 100%;
}
#wrapper .promobox_2, #wrapper .promobox_1{
	margin: 0px 10px 0px 0px;
}

#wrapper .promobox_1 h2, #wrapper .promobox_2 h2 {
	min-height: 30px;
}
#wrapper .accordion .content {
	padding: 5px 10px 10px; !important
}
#wrapper .accordion h3
{
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 10px;
}
#wrapper .accordion h3 a {
	height: 30px;
}
#wrapper .post .gery_Bg_full h2{
	min-height: 20px;
}
#wrapper .post .center .frame_round {
	width: 200px;
	height: 200px;
}
#wrapper .post .center .frame_round img {
	width: 200px;
	height: 200px;
	max-width: 100%;
}


/* Slider1 */
#wrapper .slides_container{
	width: 240px;	
}
#wrapper #frame{
	width: 322px;
	left: -38px;
	height: 105px;
}
#wrapper #slideContainer {
	width: 250px;
	clear: both;
}
#wrapper #slides{
	width: 280px;
}
#wrapper #slides img{
	max-width: 100%;
}
#wrapper #slides .slide_caption{
	width: 200px;
	display: none;
	height: 70px;
}
#wrapper #slides .next, #wrapper #slides .prev{
	left: -35px;
	display: none;
}
#wrapper #slides .next{
	left: 250px;
}
#wrapper .slides_container div.slide{
	width: 240px;
	height: 70px;
}
#wrapper #image_caption{
	width: 240px;
	height: 130px;
}
#wrapper .flexslider, #wrapper .flexslider .slides img { 
	height: 94px;
}
#wrapper #flexsliderCon {
	height: 150px;
        margin-top: 15px;
}
#wrapper .flex-caption, #wrapper .flex-direction-nav li{
        display: none;
}
#wrapper .flex-control-nav {
        bottom: -28px;
        left: 0px;
}
#wrapper .flex-caption{
	width: 96.5%;
}

#wrapper #portfolio .snColumnPortfolio {
	float: none;
	width: 100%;
}
#wrapper #portfolio .portImg img {
	float: none;
	width: 100%;
	height: auto;
}
#wrapper #portfolio .portImg {
	float: none;
	width: 97.5%;
	height: auto;
	margin-right: 5%;
}
#wrapper #features.home_square .one_third {
	text-align: left;
	width: 87%;
}
}
/* Mobile Lanscape Layout: 480px and below. */
@media (min-width: 321px) and (max-width: 480px) {
.mnav{
	display:block;
	visibility: visible;
	margin: 5px auto;
	width: 80%;
}
.sf-menu{
	display: none;
	visibility: hidden;	
}
body .center, #leftContent.centerContent, #leftContent {
	width: 440px;
        margin: 0px auto;
}

body #wrapper {
	overflow: visible;
}
body h2 {
	font-size: 2em;
}
body p {
	font-size: 1.4em;
}
#mainHeader #logo{
	margin: 20px auto 0px;
	width: 100%;
	float: none;
}
#mainHeader #smDetails{
	width: 100%;
	margin: 22px auto 15px;
}
#mainHeader #smDetails p {
	font-size: 16px;
}
#wrapper #leftBlogContent{
	width: 100%;
	margin-top: 30px;
	margin-right: 0%;
	border-bottom: 1px solid #333;
}
#wrapper #sidebar{
	width: 100%;
	margin-top: 30px;
	margin-right: 0%;
}
body .one_half, body .one_third, body .one_fourth, body .one_fifth, body .one_sixth, body .two_third, body .three_fourth, body .four_fifth, body .two_fifth, body .two_fifth.last, body .three_fifth, body .three_fifth.last, body .four_sixth, body .two_sixth, body .five_sixth {
	width: 100%;
	margin-right: 0%;
}
#wrapper .post{
	padding-left: 0px;
}
#wrapper .post h2 {
	font-size: 2em;
}
#wrapper .post p.postDate{
	visibility: hidden;
}
#wrapper .post .socialBlog {
	padding-bottom: 10px;
}
#wrapper .socialBlog p{
	float: none;
}
#wrapper .socialBlog div{
	width: 92px;
	margin-top: 0px;
}
#wrapper ol.commentlist li.comment div.comment-meta {
	font-size: 12px;
}
#wrapper ol.commentlist li.comment div.vcard cite.fn {
	margin-bottom: 6px;
	display: inline-block;
}
#wrapper #commentform .commentTextArea {
	width: 95%;
}
#wrapper .commentSubmit {
	margin-left: 0px;
}
#wrapper #commentform .commentText {
	width: 50%;
}
nav#mainNav li {
	width: 100%;
	text-align: center;
}
nav#mainNav li a {
	background: none;
	border-bottom: 1px solid #555;
}
nav#mainNav #searchform {
	margin: 12px 0px;
}
#mainNav .floatRight {
	width: 100%;
}
#smDetails #searchform .txtField, nav#mainNav #searchform .txtField, #sidebar #searchform .txtField{
	width: 84%;
}
#footer .snFooter {
	width: 100%;
	margin-right: 0%;
}
#footer .snFooter .footerTxtField{
	width: 60%;
}
#wrapper .shadow1{
	background: url(../_images/lanscape-shadow-img1.png) no-repeat center bottom;
	padding-bottom: 15px;	
}
#wrapper .shadow2{
	background: url(../_images/lanscape-shadow-img2.png) no-repeat center bottom;
	padding-bottom: 15px;	
}
#wrapper .shadow3{
	background: url(../_images/lanscape-shadow-img3.png) no-repeat center bottom;
	padding-bottom: 15px;	
}


#wrapper .ui-tabs .ui-tabs-nav li {
	font-size: 13px;
}
#wrapper .ui-tabs-nav li a {
	padding: 11px 4px 10px;
}

#wrapper .promobox_2, #wrapper .promobox_1{
	margin: 0px 10px 0px 0px;
}


#wrapper .promobox_1 h2, #wrapper .promobox_2 h2 {
	min-height: 30px;
}
#wrapper .accordion .content {
	padding: 5px 10px 10px; !important
}
#wrapper .accordion h3
{
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 10px;
}
#wrapper .accordion h3 a {
	height: 30px;
}
#wrapper .post .gery_Bg_full h2{
	min-height: 20px;
}
#wrapper .post .center .frame_round {
	width: 200px;
	height: 200px;
}
#wrapper .post .center .frame_round img {
	width: 200px;
	height: 200px;
	max-width: 100%;
}
.entry img.aligncenter, img.aligncenter {
	max-width: 100%;
}
/* Slider1 */
#wrapper .slides_container{
	width: 360px;
	height: 110px;	
}
#wrapper #frame{
	width: 468px;
	left: -50px;
	height: 146px;
}
#wrapper #slideContainer {
	width: 370px;
	clear: both;
}
#wrapper #slides{
	width: 410px;
	height: 120px;
}
#wrapper #slides .slide_caption{
	width: 320px;
	display: none;
}
#wrapper #slides .next, #wrapper #slides .prev{
	left: -35px;
	top: 30px;
}
#wrapper #slides .next{
	left: 370px;
}
#wrapper .slides_container div.slide{
	width: 360px;
	height: 110px;
}
#wrapper #image_caption{
	width:360px;
	height: 170px;
}
#wrapper #slides img{
	max-width: 100%;
}
#wrapper .flexslider, #wrapper .flexslider .slides img { 
	height: 146px;
}
#wrapper .flexslider .slides img {
	width: 440px;
}
#wrapper #flexsliderCon {
	height: 200px;
        margin-top: 15px;
}
.flex-caption, .flex-direction-nav li{
        display: none;
}

#wrapper .flex-control-nav {
        bottom: -28px;
        left: 0px;
}
#wrapper .flex-caption{
	width: 96.5%;
}


#wrapper #portfolio .snColumnPortfolio {
	float: none;
	width: 100%;
}
#wrapper #portfolio .portImg img {
	float: none;
	width: 100%;
	height: auto;
}
#wrapper #portfolio .portImg {
	float: none;
	width: 97.5%;
	height: auto;
	margin-right: 5%;
}
#wrapper #features.home_square .one_third {
	text-align: left;
	width: 92%;
}
#wrapper #features.home_square .frame_square img {
margin-bottom: 20px;
width: 65%;
}
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media (min-width: 481px) and (max-width: 768px) {
.mnav{
	display:block;
	visibility: visible;
	float:left;
	width: 400px;
}
.sf-menu{
	display: none;
	visibility: hidden;	
}
body .center {
	width: 720px;
}

body #wrapper {
	overflow: hidden;
}
#wrapper .shadow1{
	background: url(../_images/tablet-shadow-img1.png) no-repeat center bottom;
	padding-bottom: 15px;	
}
#wrapper .shadow2{
	background: url(../_images/tablet-shadow-img2.png) no-repeat center bottom;
	padding-bottom: 15px;	
}
#wrapper .shadow3{
	background: url(../_images/tablet-shadow-img3.png) no-repeat center bottom;
	padding-bottom: 15px;	
}
.singleBlog .one_half, .singleBlog .one_third, .singleBlog .one_fourth, .singleBlog .one_fifth, .singleBlog .one_sixth, .singleBlog .two_third, .singleBlog .three_fourth, .singleBlog .four_fifth, .singleBlog .two_fifth, .singleBlog .two_fifth.last, .singleBlog .three_fifth, .singleBlog .three_fifth.last, .singleBlog .four_sixth, .singleBlog .two_sixth, .singleBlog .five_sixth {
	width: 100%;
	margin-right: 0%;
}
#leftContent {
	width: 520px;
}
#leftContent.centerContent {
	width: 320px;
	margin: 0px 20px;
}
#sidebar.sidebar{
	width:180px;
}
#smDetails #searchform .txtField, nav#mainNav #searchform .txtField, #sidebar #searchform .txtField{
	width: 64%;
}
#footer .snFooter {
	width: 48%;
	margin-right: 2%;
}
#wrapper .promobox_1 h2, #wrapper .promobox_2 h2 {
	min-height: 30px;
}
#wrapper .post .gery_Bg_full h2{
	min-height: 20px;
}
#wrapper #commentform .commentTextArea {
	width: 70%;
}
#wrapper .post .center .frame_round {
	width: 250px;
	height: 250px;
}
#wrapper .post .center .frame_round img {
	width: 250px;
	height: 250px;
	max-width: 100%;
}
#wrapper .frame_round {
	width: 150px;
	height: 150px;
}
#wrapper .frame_round img {
	width: 150px;
	height: 150px;
}

/* Slider1 */
#wrapper .slides_container{
	width: 670px;	
}
#wrapper #frame{
	width: 861px;
	left: -92px;
	height: 258px;
}
#wrapper #slides .pagination{
	margin-top: 32px;
}
#wrapper #slides img{
	max-width: 100%;
}
#wrapper #slideContainer {
	width: 680px;
	clear: both;
}
#wrapper #slides{
	width: 700px;
}
#wrapper #slides .slide_caption{
	width: 630px;
}
#wrapper #slides .next, #wrapper #slides .prev{
	left: -38px;
	top: 73px;
}
#wrapper #slides .next{
	left: 685px;
}
#wrapper .slides_container div.slide{
	width: 670px;
	height: 205px;
}
#wrapper #image_caption{
	width:670px;
	height: 270px;
}


/* Slider 2 */
#wrapper .flexslider, #wrapper .flexslider .slides img { 
	height: 240px;
}
#wrapper #flexsliderCon {
	height: 295px;
}
#wrapper .flex-caption{
        padding: 1.5%;
}
#wrapper .flex-caption h2 {
        margin-bottom: 7px;
        font-size: 20px;
}
#wrapper .flex-caption p {
        font-size: 13px;
}
#wrapper .flex-caption p.button_blue.small a {
        font-size: 12px;
        padding: 0px 5px;
        height: 24px;
        line-height: 24px;
}
#wrapper .flex-control-nav {
        bottom: -28px;
        left: 0px;
}
#wrapper .flex-direction-nav li .next {
        right: -14px;
}
#wrapper .flex-direction-nav li .prev {
        left: -14px;
}

#wrapper #portfolio .snColumnPortfolio {
	width: 100%;
}
#wrapper #portfolio .portImg img {
	width: 95%;
	height: auto;
}
#wrapper #portfolio .portImg {
	width: 47.5%;
	height: auto;
	margin-right: 3%;
}
#wrapper #portfolio.twoColumnPort .snColumnPortfolio{
	width: 47%;
}
#wrapper #portfolio.twoColumnPort .portImg{
	width: 100%;
}
#wrapper #portfolio.threeColumnPort .snColumnPortfolio{
	width: 29%;
}
#wrapper #portfolio.threeColumnPort .portImg{
	width: 100%;
}
#wrapper #portfolio.fourColumnPort .snColumnPortfolio{
	width: 20%;
}
#wrapper #portfolio.fourColumnPort .portImg{
	width: 100%;
}
#wrapper #features.home_square .one_third {
	text-align: left;
	width: 26%;
}
.entry img.aligncenter, img.aligncenter {
	max-width: 100%;
}
table td, table th {
	padding: 5px 0px 5px 8px;
	font-size: 13px;
}
.ui-tabs .ui-tabs-nav li a {
	padding: 10px 8px;
}
#wrapper .one_fourth .frame_round, #wrapper .one_fourth .frame_round img{
	width: 108px;
	height: 108px;
}
}