/*
	Theme Name: Ms Feng Shui
	Theme URI: http://www.msfengshui.com
	Version: 2.0
	Description: Custom WordPress theme for Ms Feng Shui, made by <a href="http://www.madebyguerrilla.com">Guerrilla</a>.
	Tags: Guerrilla, one-column, two-columns, three-columns, custom-background, custom-header, custom-menu, full-width-template, theme-options, threaded-comments
	Author: Mike Smith
	Author URI: http://www.madebyguerrilla.com
	License: GNU General Public License v2.0 (or later)
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/* Table of Contents

	01. CSS Reset
	02. Defaults
	03. Header
	04. Containers
	05. Content
	06. Sidebar
	07. Footer
	08. Comments
	09. Page-Navi
	10. 

*/

/* 01. CSS 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,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;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}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}

/* 02. Defaults
================================================================================================= */

body {
	background: #d6d2b0 url(images/bg_website.jpg) repeat-x top left;
	color: #464646;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 20px;
}

/* Font import */
@font-face {
    font-family: 'Calligraphy';
    src: url('fonts/calligraph421_bt_roman-webfont.eot');
    src: url('fonts/calligraph421_bt_roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/calligraph421_bt_roman-webfont.woff') format('woff'),
         url('fonts/calligraph421_bt_roman-webfont.ttf') format('truetype'),
         url('fonts/calligraph421_bt_roman-webfont.svg#Calligraph421BTRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AllerBold';
    src: url('fonts/aller-webfont.eot');
    src: url('fonts/aller-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aller-webfont.woff') format('woff'),
         url('fonts/aller-webfont.ttf') format('truetype'),
         url('fonts/aller-webfont.svg#AllerBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Aller';
    src: url('fonts/aller_rg-webfont.eot');
    src: url('fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aller_rg-webfont.woff') format('woff'),
         url('fonts/aller_rg-webfont.ttf') format('truetype'),
         url('fonts/aller_rg-webfont.svg#AllerRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AllerLight';
    src: url('fonts/aller_lt-webfont.eot');
    src: url('fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aller_lt-webfont.woff') format('woff'),
         url('fonts/aller_lt-webfont.ttf') format('truetype'),
         url('fonts/aller_lt-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;

}


span.wpcf7-list-item { display: block; clear: both; width: 100%; }

/* links */
a, a:visited {
	color: #de5973;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #464646;
	text-decoration: none;
}

p { padding: 0; margin: 12px 0; }

strong { font-weight: bold; }
em { font-style: italic; }
u { text-transform: underline; }

blockquote {
	background: #F0F0F0;
	border: 1px solid #E3E3E3;
	color: #464646;
	margin: 22px 40px;
	padding: 0 20px;
}

pre, code {
	background: #F0F0F0;
	border-top: 1px solid #E3E3E3;
	display: block;
	font-family: "Courier New", Courier, Monospace;
	line-height: 1.5;
	margin: 0 15px;
	max-height: 300px;
	overflow: auto;
	padding: 10px 15px;
	white-space: pre;
}

form { margin: 0; padding: 0; }

/* images */
img { border: 0; }

.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

.aligncenter {
	display: block;
	margin: 10px auto;
}

.wp-caption {
	padding: 5px;
	text-align: center;
}

p.wp-caption-text {
	font-size: 14px;
	margin: 5px 0;
}

.wp-smiley,
.wp-wink {
	border: none;
	float: none;
}

/* captions */
.wp-caption {}
.wp-caption img {}
.wp-caption p.wp-caption-text {}

/* headlines */
h1, h2, h3, h4, h5, h6 {
	color: #845998;
	padding: 0;
	margin: 12px 0;
	font-family: Calligraphy, Georgia, Times New Roman, serif;
	font-weight: normal;
}

h1{ font-size: 32px; line-height: 45px; }
h2{ font-size: 32px; line-height: 45px; }
h3{ font-size: 26px; line-height: 34px; }
h4{ font-size: 20px; line-height: 28px; }
h5{ font-size: 16px; line-height: 24px; }
h6{ font-size: 16px; line-height: 24px; }

/* fluid image & video */
figure {margin: 0}
img, object, embed, video {max-width: 100%; _width: 100%} /* Fluid images */
img {border: 0;	-ms-interpolation-mode: bicubic} /* Improve IE's resizing of images */
svg:not(:root) {overflow: hidden} /* Correct IE9 overflow */
img {height: auto;}

/* Clear */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
}
.clearfix {display: inline-block;}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

strong { font-weight: bold; }

/* 03. Header
================================================================================================= */

#header {
	margin: 0 auto;
	float: none;
}

.logowrap {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

.logowrap h1, .logowrap h2 { margin: 0; }

.logowrap h1 a, .logowrap h2 a {
	text-indent: -9999px;
	display: block;
	width: 100%;
	height: 170px;
}

.phone {
	position: absolute;
	top: -30px;
	left: 0;
}

.infowrap {
	position: relative;
	float: right;
	padding: 0;
	margin: 40px 10px 10px 10px;
	font-family: AllerLight;
	font-size: 18px;
	color: #b3b096;
}

.infowrap p { margin: 10px 0; }
.infowrap span { color: #845999; }

.infowrap a, .infowrap a:visited { color: #b3b096; text-decoration: none; }
.infowrap a:hover { color: #845999; text-decoration: none; }


.rss_input {
	width: 188px;
	height: 14px;
	padding: 10px;
	margin: 3px 10px 0 0;
	background: #b49eea;
	border: 1px solid #b49eea;
	color: #747474;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.rss_submit {
	width: 80px;
	padding: 10px;
	margin: 3px 0 0 0;
	background: #de5973;
	border: 0;
	color: #FFF;
	font-weight: bold;
	float: right;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.rss_input2 {
	width: 74%;
	height: 14px;
	padding: 2%;
	margin: 3px 0 0 0;
	background: #f8f8f8;
	border: 1px solid #c1c1c1;
	color: #747474;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.rss_submit2 {
	width: 14%;
	padding: 2% 2%;
	margin: 3px 0 0 0;
	background: #de5973;
	border: 0;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	float: right;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* navigation */
.sf-menu,
.sf-menu * {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sf-menu { line-height: 30px; }

.sf-menu ul {
	position:			absolute;
	top:				-999em;
	width:				200px; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li { width: 100%; }

.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

.sf-menu li {
	float: left;
	position: relative;
}

.sf-menu a {
	display: block;
	position: relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 50px; /* match top ul list item height */
	z-index: 99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 200px; /* match ul width */
	top: 0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 200px; /* match ul width */
	top: 0;
}

/* Styles for the Navigation */
.sf-menu {
	float: left;
	margin-bottom: 0;
}

.sf-menu a {
	padding: 10px;
	text-decoration: none;
}

.sf-menu a,
.sf-menu a:visited  {
	color: #FFF;
}

.sf-menu li { }

.sf-menu li ul {
}

.sf-menu li li {
	background: #785a85;
	font-size: 13px;
}

.sf-menu li li li {
	background: #785a85;
	font-size: 13px;
}

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
	background: #6c4d7a;
	outline: 0;
}

.sf-menu li li:hover,
.sf-menu li li.sfHover,
.sf-menu li li a:focus,
.sf-menu li li a:hover,
.sf-menu li li a:active {
	background: #6c4d7a;
	color: #de5973;
	outline: 0;
}

/* Search */
.searchwrap {
	position: absolute;
	top: 10px;
	right: 10px;
}

form { margin: 0; padding: 0; }

.text_input {
	width: 124px; 
	height: 31px;
	padding: 0 10px;
	margin: 0;
	background: url(images/bg_searchinput.jpg) no-repeat top left;
	border: 0;
	color: #FFF;
	float: left;
}

.text_submit {
	width: 77px;
	height: 31px;
	padding: 0;
	margin: 0;
	background: url(images/button_search.jpg) no-repeat top left;
	border: 0;
	text-indent: -9999px;
	float: right;
}


/* 04. Containers
================================================================================================= */
.container {
	margin: 0 auto;
	width: 980px;
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	position: relative;
}

.col1 {width:6.333%;}
.col2 {width:14.667%;}
.col3 {width:23.0%;}
.col4 {width:31.333%;}
.col5 {width:39.667%;}
.col6 {width:48.0%;}
.col7 {width:56.333%;}
.col8 {width:64.667%;}
.col9 {width:73.0%;}
.col10 {width:81.333%;}
.col11 {width:89.667%;}
.col12 {width:98.0%;}

/*
	Header wrap codes and Navigation
	wrap codes here so the widths override
	the col and container div codes above.
*/

.contentwide {
	margin: 0 auto;
}


.contentwrap {
	position: relative;
	float: left;
	background: #FFF;
	width: 100%;
}

.headerwide {
	margin: 0 auto;
}

.headerwrap {
	position: relative;
	float: left;
	background: url(http://www.msfengshui.com/wp-content/uploads/2014/01/bg_header.jpg) no-repeat top left;
	width: 100%;
}

.navigationwide {
	margin: 0 auto;
}

.navigationwrap {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	background: transparent url(images/bg_navigation.jpg) no-repeat top center;
	font-family: AllerLight, sans-serif;
	font-size: 20px;
	text-shadow: 1px 1px 1px #5c3b6a;
}

.footerwide {
	margin: 0 auto;
	clear: both;
}

.footerwrap {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	background: url(images/bg_footer.jpg) no-repeat top center;
	height: 94px;
}

.footerwrap a, .footerwrap a:visited { color: #464646; text-decoration: none; }
.footerwrap a:hover { color: #464646; text-decoration: underline; }

.shadow {
	position: relative;
	float: left;
	width: 100%;
	padding: 0;
	margin: 10px 0 0 0;
	height: 38px;
	background: url(images/bg_shadow.jpg) no-repeat top center;
}

.featuredtext {
	margin: 20px 1%;
}

.featuredtext h3 {
	font-family: AllerLight, sans-serif;
	font-size: 30px;
	color: #845998;
	margin: 0;
	padding: 0;
}

.featuredtext h2 {
	font-family: Calligraphy, sans-serif;
	font-size: 44px;
	color: #845998;
	margin: 0;
	padding: 0;
}

.featuredvideo {
	margin: 20px 1%;
}

.boxthree h3 {
	font-size: 30px;
	font-weight: normal;
	margin: 0;
}

.boxthree h5 {
	font-family: AllerLight, sans-serif;
	font-size: 14px;
	color: #de5973;
	margin: 0;
	font-weight: normal;
}

.boxthree a h5,
.boxthree a:visited h5{
}

.boxthree a:hover h5 { color: #464646; }

/* 05. Content
================================================================================================= */

.post {
	clear: both;
	margin: 0 0 20px 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

/* Posty titles */
.post h1 a,
.post h1 a:visited,
.post h2 a,
.post h2 a:visited  {
	color: #835999;
}

.post h1 a:hover,
.post h2 a:hover {
	color: #835999;
}

/* Post UL & OL List Codes */
.page ul, .post ul,
.page ol, .post ol { margin: 10px 10px 10px 30px; }
.page ul, .post ul { list-style-type:disc; }
.page ol, .post ol { list-style-type:decimal; }

/* Post Info */
.postinfo {
	color: #9e7bff;
	margin: 12px 0;
}

.postinfo a,
.postinfo a:visited {
	color: #de5973;
	text-decoration: none;
}

.postinfo a:hover {
	color: #835999;
	text-decoration: none;
}

/* Featured Image */
.wp-post-image {
	float: left;
	margin: 0 20px 20px 0;
}

/* Call to Action */
.calltoaction {
	background: #f8f8f8;
	overflow: auto;
	margin: 0 0 20px 0;
	padding: 2% 4%;
	width: 92%;
}

.calltoaction img.floatright {
	float: right;
	margin: 0 0 0 10px;
}
.calltoaction h3 { }

a.consultation,
a.consultation:visited {
   /* fallback/image non-cover color */
   background-color: #de5973; 
   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#de5973), to(#ec5f7b));
   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(bottom, #ec5f7b, #de5973); 
   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(bottom, #ec5f7b, #de5973);
   /* IE 10+ */
   background-image: -ms-linear-gradient(bottom, #ec5f7b, #de5973);
   /* Opera 11.10+ */
   background-image: -o-linear-gradient(bottom, #ec5f7b, #de5973);
	border: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #FFF;
	float: left;
	margin: 10px 0 10px 0;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	box-shadow: 1px 1px 1px #FFF;
}

a.consultation:hover {
	color: #FFF;
	background: #464646;
}

h1.title {
	font-size: 32px;
	line-height: 45px;
	text-align: center;
}


div.floatleft {
	float: left;
	width: 50%;
}

div.floatright {
	float: right;
	width: 46%;
}

.clearall {
	clear: both;
	width: 100%;
}

.bookbtn {
	color: #FFF;
	padding: 10px 20px;
	background: #de5973;
	font-weight: bold;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.bookbtn:hover {
	color: #FFF;
	background: #cf536b;
	cursor: pointer;
}

ul.locations { clear: both; width: 100%; }
ul.locations li {
	float: left;
	width: 25%;
}

input.wpcf7-text,
textarea.wpcf7-textarea {
	border-radius: 5px;
	border: 1px solid #c1c1c1;
	padding: 5px;
}

/* 06. Sidebar
================================================================================================= */

.widget {
	clear: both;
	margin: 20px 0;
	position: relative;
	width: 100%;
}

.widget h3 { color: #845998; }

.widget ul li {
	margin: 5px 0;
}

.widget form {
	margin: 10px 0;
	padding: 0;
}

.widget a,
.widget a:visited {
	color: #464646;
}

.widget a:hover {
	color: #de5973;
}

.postwidgetinfo { margin: 10px 0; }

/* 07. Footer
================================================================================================= */

.footerwrap .copy {
	float: left;
	width: 50%;
	margin: 10px 0;
}

.footerwrap .credit {
	float: right;
	text-align: right;
	width: 50%;
	margin: 10px 0;
}

@media (max-width: 480px) {
	.footerwrap .copy,
	.footerwrap .credit {
		text-align: left;
		width: 100%;
		margin: 10px 0;
	}
}


/* 08. Comments
================================================================================================= */

#name,
#email,
#url,
#comment {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #d8d8d8;
}

ol.commentlist {
	list-style:none;
	margin:0 0 1em;
	padding:0;
	text-indent:0;
}

ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}

ol.commentlist li.comment {
	border-bottom:1px dotted #666;
	padding:1em;
}

ol.commentlist li div.comment-author {
	color: #666;
}

ol.commentlist li div.vcard { font:normal 16px; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {}

ol.commentlist li div.vcard img.avatar {
	float:left;
	height: 50px;
	margin:0 1em 1em 0;
	width: 50px;
}
	
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}

ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta {}
ol.commentlist li div.comment-meta a { color:#ccc; }

ol.commentlist li p { }

ol.commentlist li ul {
	list-style:square;
	margin:0 0 1em 2em;
}

ol.commentlist li div.reply { }
ol.commentlist li div.reply a { font-weight:bold; }

ol.commentlist li ul.children {
	list-style: none;
	margin: 1em 0 0;
	text-indent: 0;
}

ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}

ol.commentlist li ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}

ol.commentlist li.even { background: transparent; }
ol.commentlist li.odd { background: #f1f1f1; }
ol.commentlist li.parent { border-left:5px solid #111; }

ol.commentlist li.pingback {
	border-bottom:1px solid #f1f1f1;
	padding:1em;
}

ol.commentlist li.pingback .reply,
ol.commentlist li.pingback .comment-meta,
ol.commentlist li.pingback .says,
ol.commentlist li.pingback p {
	display: none;
}

ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

#submit {
   /* fallback/image non-cover color */
   background-color: #795a86; 
   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#795a86), to(#835999));
   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(bottom, #835999, #795a86); 
   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(bottom, #835999, #795a86);
   /* IE 10+ */
   background-image: -ms-linear-gradient(bottom, #835999, #795a86);
   /* Opera 11.10+ */
   background-image: -o-linear-gradient(bottom, #835999, #795a86);
	border: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #FFF;
	float: left;
	margin: 10px 0 10px 0;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	box-shadow: 1px 1px 1px #FFF;
}

.wpcf7-submit {
	padding: 10px 20px;
	background: #de5973;
	border: 0;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.wpcf7-submit:hover {
	color: #FFF;
	background: #cf536b;
	cursor: pointer;
}


/* 09. Page-Navi
================================================================================================= */

.wp-pagenavi { 
	float: right;
	margin: 10px 8px 10px 0;
	text-align: right;
}

.wp-pagenavi a,
.wp-pagenavi a:link {
	color: #c1c1c1;
	margin: 2px;
	padding: 5px 7px;
	text-decoration: none;
}

.wp-pagenavi a:visited {
	color: #c1c1c1;
	margin: 2px;
	padding: 5px 7px;
	text-decoration: none;
}
.wp-pagenavi a:hover {
	background: #F1F1F1;
	color: #464646;
}
.wp-pagenavi a:active {
	color: #464646;
	margin: 2px;
	padding: 5px 7px;
	text-decoration: none;
}
.wp-pagenavi span.pages {
	color: #464646;
	margin: 2px;
	padding: 5px 7px;
}
.wp-pagenavi span.current {
	background-color: #F8F8F8;
	color: #464646;
	margin: 2px;
	padding: 5px 7px;
	text-decoration: none;
}
.wp-pagenavi span.extend {
	color: #c1c1c1;
	margin: 2px;
	padding: 5px 7px;	
}


/* General small screen Mobile 
============================================================================================== */
@media handheld, only screen and (max-width: 767px) {

	body {
	font-size: 1.0em;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	}
	
	.container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.col1, .col2,  .col3,  .col4,  .col5,  .col6,  .col7,  .col8, .col9, .col10, .col11, .col12 {
	width: auto;
	float: none;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
	}

	.headerwrap {
		background: url(http://www.msfengshui.com/wp-content/uploads/2014/01/bg_header-small.jpg) no-repeat top left;
	}
	
	.navigationwrap {
		background: #775a85;
	}
	
	.logowrap h1 a,
	.logowrap h2 a {
		display: block;
		height: 114px;
		text-indent: -9999px;
		width: 260px;
		text-align: center;
		margin: 0 auto;
	}

}

/* Custom sizes
============================================================================================== */
@media screen and (max-width: 480px) {
 /* Add your styles for devices with a maximum width of 480 */
	.headerwrap {
		background: url(http://www.msfengshui.com/wp-content/uploads/2014/01/bg_header-small.jpg) no-repeat top left;
	}
	.headerwrap h1,
	.headerwrap h2 { 
		height: 114px;
	}
}

@media screen and (max-width: 768px) {
 /* Add your styles for devices with a maximum width of 768 */
	.navigationwrap {
		font-size: 16px;
	}
	.headerwrap {
		background: url(http://www.msfengshui.com/wp-content/uploads/2014/01/bg_header-medium.jpg) no-repeat top left;
	}	
	.headerwrap h1,
	.headerwrap h2 { 
		height: 170px;
	}

}

@media screen and (max-width: 320px) {
 /* Add your styles for devices with a maximum width of 320 */
	.headerwrap {
		background: url(http://www.msfengshui.com/wp-content/uploads/2014/01/bg_header-small.jpg) no-repeat top left;
	}
	.headerwrap h1,
	.headerwrap h2 { 
		height: 114px;
	}
}

@media screen and (max-width: 1024px) {
 /* Add your styles for devices with a maximum width of 1024 */
}

@media screen and (max-width: 980px) {
	body {
	font-size: 1.0em;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	}
	
	.container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.col1, .col2,  .col3,  .col4,  .col5,  .col6,  .col7,  .col8, .col9, .col10, .col11, .col12 {
	width: auto;
	float: none;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
	}
	
	.infowrap,
	.searchwrap {
		display: none;
	}
}

@media screen and (max-width: 580px) {
	.navigationwrap {
		font-size: 14px;
	}
}

@media screen and (max-width: 550px) {
 /* Add your styles for devices with a maximum width of 550 */
	.headerwrap {
		background: url(http://www.msfengshui.com/wp-content/uploads/2014/01/bg_header-small.jpg) no-repeat top left;
	}
	.headerwrap h1,
	.headerwrap h2 { 
		height: 114px;
	}
	
	.rss_input2 {
		width: 64%;
		height: 14px;
		padding: 2%;
		margin: 3px 0 0 0;
		background: #f8f8f8;
		border: 1px solid #c1c1c1;
		color: #747474;
		float: left;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	.rss_submit2 {
		width: 24%;
		padding: 2% 2%;
		margin: 3px 0 0 0;
		background: #de5973;
		border: 0;
		color: #FFF;
		text-align: center;
		font-weight: bold;
		float: right;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

}

span.wpcf7-checkbox span.wpcf7-list-item { display: block;
	text-align:left;
	width: 80%;
	text-indent: 15px;
	text-padding: 5px;
}

span.wpcf7-radio span.wpcf7-list-item { display: block;
	text-align:left;
	border-radius:5px;
	width: 80%;
	text-indent: 0px;
	text-padding: 5px;
}

span.wpcf7-select span.wpcf7-list-item {
    border-radius: 5px 5px 5px 5px;
    margin: 0;
    padding: 2px 2px 2px;
    text-indent: 5px;
    width: 80%;
    z-index: 100;
}

.wpcf7-select {
    border-radius: 5px 5px 5px 5px;
    margin: 0;
    padding: 2px 2px 2px;
    text-indent: 0px;
    z-index: 100;
}

.wpcf7-textarea{
	border:1px solid #785a85; 
	border-radius:5px;
}

.wpcf7-form {
	background:#b49eea; 
	border:2px solid #785a85; 
	border-radius:5px; 
	width:85%;
	padding: 10px 20px; 
	margin-bottom:10px; 
}

.wpcf7-form p { 
	color:#785a85; 
	margin-top:10px; 
	margin-bottom:10px; 
}