html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    margin: 0;
	line-height:180%;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	background-color: #FFF;
	text-align:left;
	position: relative; /* important to assign z-index to the body for link inside flexslider */
  	z-index: 1;    
}
div.wrapper  {
 	margin-left:auto;
 	margin-right:auto;
	max-width:960px;
} 
h1, h2, h3, p, ol, ul {
    margin: 0;
    padding: 0;
}
ul {
    list-style-type: none;
}
h1	{
	font-size:40px;
	font-weight:500;
	color:#B7B7B7;
	line-height:120%;
	margin-top:50px;
	margin-bottom:50px;
}
.h1_highlight	{
	color:#D1D1D1;
}
h2	{
	font-size:22px;
	font-weight:500;
	color:#469091;
	line-height:120%;
	margin-bottom:20px;
	margin-top:60px;
}
a {
    text-decoration: none;
	color:#DD8362;
}
img {
    max-width: 100%;
    height: auto;
    border: 0;
}
p	{
	font-size:18px;
	color:#555555;
	margin-bottom:30px;
}
header	{
}
.logo	{
	height:85px;	
	margin-top:10px;
	display:inline-block;
}
.phone	{
	float:right;
	margin-top:10px; 
}
.phone a	{
	color:#AAAAAA;
	font-size:16px; 
	font-family: 'Oswald', sans-serif;
}
.phone a:hover	{
	color:#DD8362;
}
.phone_highlight	{
	font-family: 'Indie Flower', cursive;
	font-size:22px;
}
#banner	{
	height:40px;
	border-top:#CCC 1px solid;
	border-bottom:#DDD 1px solid;
	box-shadow: 0 8px 6px -6px #DDD;
}
/* 
following css for slicknav
*/
.slicknav_menu {
	display:none;
}
/* 
following css for menu
*/
nav 	{
	text-align:right;
}
#punjabi-sentence-builder, #about, #contact	{
	padding-top:10px; /* Add top padding to the anchored div */
	margin-top:-10px;  /* Avoid unnecessary whitespace by adding a negative margin  */
}
#punjabi-sentence-builder-order	{
	padding-top:30px; /* Add top padding to the anchored div */
	margin-top:-30px;  /* Avoid unnecessary whitespace by adding a negative margin  */
}
#menu li	{
	display:inline;
}
#menu a	{
	color:#AAAAAA;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	line-height:40px;
	margin-left:30px;
}
#menu a:hover	{
	color:#DD8362;
}
/* 
css for slider
*/
.flexslider	{
	z-index: -1; /* important for banner shadow to show over bg image. Note: position: relative already assigned in flexslider css file*/
	border-bottom:#CCCCCC 1px solid;
	background-image:url(images/slide_bg.fw.png);
	background-repeat:repeat;
}
.slides_container	{
 	margin-left:auto;
 	margin-right:auto;
	max-width:960px;
}
.slides_image {
	float:left; 
	margin:40px 40px 40px 0px;
}
.slides_heading	{
	font-family: 'Oswald', sans-serif; 
	font-size:46px; 
	color:#B7B7B7; 
	padding-top:40px;
	line-height:120%;
	margin-bottom:15px;
}
.slides_text	{
 	font-family: 'Indie Flower', cursive; 
	font-size:36px; 
	color:#B7B7B7;
	line-height:120%;
}
.slides_button 	{
	color:#FFFFFF;
	font-weight:300;
	background-color:#469091;
	display:inline-block;;
	padding:5px 40px 5px 40px;
	border-radius:5px;
	-webkit-transition: background-color .2s; /* For Safari 3.1 to 6.0 */
    transition: background-color .2s;
}
.slides_button:hover	{
	background-color:#3E8082;
}
.slides_button2 	{
	color:#FFFFFF;
	font-weight:300;
	background-color:#469091;
	display:inline-block;;
	padding:5px 40px 5px 40px;
	border-radius:5px;	
	margin-right:10px;
	margin-top: 30px;
}
.slides_button3 	{
	height:38px;
	width:44px;
	background-image:url(images/download.fw.png);
	overflow:hidden;
	display:inline-block;;
	border:#DDD 1px solid;
	border-radius:5px;	
	vertical-align:top;
	margin-top: 30px;
}
.slides_button3:hover	{
	background-image:url(images/download-hover.fw.png);
}
.download_text	{
	color:#469091;
	font-family: 'Indie Flower', cursive;
	font-size:18px;
	margin-left:2px;
	margin-top:4px;
}
/* 
css for book details and pricing
*/
.book_cover	{
	float: left;
	width: 30%;
}
.book_data	{
	float: left;
	width: 69%;
}
.book_details_heading	{
	color:#B7B7B7;
	font-weight:500;
	font-size:28px;
	margin-bottom:0px;
	line-height:120%;
}
.book_details_subheading	{
	color:#B7B7B7;
	font-weight:500;
	font-size:20px;
	margin-top:30px;
	margin-bottom:10px;
}
.book_details_text	{
	margin-bottom:0px;
	font-size:16px;
}
.book_summary_top	{
	padding-bottom:30px;
}
.book_summary	{
	clear:both;
	padding-top:5px;
}
/* 
css for contact 
*/
a.disable-link {
    pointer-events: none;
    cursor: default;
	color:#000;
}
a.disable-footer-link {
    pointer-events: none;
    cursor: default;
	color:#FFF;
}
.min_height	{
	height:450px;
	padding-top:50px;
}
/* 
css for learn-punjabi-lesson-one.php
*/
.lesson_indent {
	margin-left: 100px;
}
.lesson_center {
	text-align: center;
}
.lesson_underline	{
	text-decoration: underline;
}
.lesson_romanize	{
	color: #AAA;
	font-style: italic;
}
.lesson_color_subject {
	color: #489091;
	font-weight:500;
}
.lesson_color_object {
	color: #DE8463;
	font-weight:500;
}
.lesson_color_verb {
	color: #84739A;
	font-weight:500;
}
.lesson_boxes {
	text-align: center;
	margin-bottom: 30px;
}
.lesson_boxes div {
	display: inline-block;
	margin-left: 2%;
	padding: 2%;
}
.lesson_boxes p {
	margin: 0px;
}
.lesson_color_subject_box {
	border: 5px solid #489091;
}
.lesson_color_object_box {
	border: 5px solid #DE8463;
}
.lesson_color_verb_box {
	border: 5px solid #84739A;
}
/* 
css for footer.php
*/
footer 	{
	margin:50px 0px 0px 0px;
	background-color:#333;
	height:100%;
	padding-top:40px;
	padding-bottom:40px;
}
footer p	{
	font-size:13px;
	color:#FFF;
	margin-bottom:0px;
	font-weight:500;
}
.footer_heading	{
	font-weight:300;
}
.float_left	{
	float:left; 
	margin-right:75px;
	margin-bottom:20px;
	text-align:left;
}
.float_right	{
	float:right; 
	text-align:right;
	margin-bottom:20px;
}
#copyright {
	width:100%;
	margin-left:auto;
 	margin-right:auto;
	text-align:center;
	padding-top:80px;
	overflow:hidden;
}
#copyright p {
	font-weight:300;
}
#copyright a {
	font-weight:500;
	font-size:14px;
}
@media screen and (max-width: 1015px) {
	.slides_container	{
		padding:15px;
	}
}
@media screen and (max-width: 1000px) {
	div.wrapper  {
		max-width:97%; 
	} 
	#punjabi-sentence-builder, #about, #contact, #punjabi-sentence-builder-order	{
		padding-top:5px; /* Add top padding to the anchored div */
		margin-top:-5px;  /* Avoid unnecessary whitespace by adding a negative margin  */
	}
} 
@media screen and (max-width: 980px) {
.book_cover	{
	width: 35%;
}
.book_data	{
	width: 64%;
}
}@media screen and (max-width: 845px) {
.book_cover	{
	width: 40%;
}
.book_data	{
	width: 59%;
}
}
@media screen and (max-width: 745px) {
.book_cover	{
	width: 45%;
}
.book_data	{
	width: 54%;
}
}