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;
}
/* HTML5 display-role reset for older browsers */
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;
}
/*----------------------------------------*/
/*----- 1.2 General styles -----*/
/*----------------------------------------*/
body {
	background: #f0f4f5;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #404040;
	font-weight: 300;
	line-height: 1.6em;
}
img, embed, object, video {
	max-width: 100%;
	height: auto;
}
video {
	width: 100% !important;
	height: auto !important;
}
strong {
	font-weight: bold;
}
/*----------------------------------------*/
/*----- 1.3 Typography -----*/
/*----------------------------------------*/
/*Here only common typography styles are given, 
page specific styles are in respective section*/

/*----- paragraph ----- */
p {
	padding-bottom: 10px;
}
/* ----- headings ----- */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	color: #2d2d2d;
	font-weight: 300;
	line-height: 1.3em;
	font-style: normal;
	word-spacing: 1px;
}
h1 {
	font-size: 24px;
	margin-bottom: 15px;
}
h2 {
	font-size: 20px;
	margin-bottom: 15px;
	line-height: 1em;
}
h2 span {
	font-size: 11px;
	color: #656565 !important;
	display: block;
}
h3 {
	font-size: 18px;
	margin-bottom: 15px;
}
h4 {
	font-size: 16px;
	margin-bottom: 15px;
}
h5 {
	font-size: 13px;
	margin-bottom: 10px;
	font-weight: 600;
}
h6 {
	font-size: 12px;
	margin-bottom: 3px;
	font-weight: 700;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	font-weight: 600 !important;
}
#footer h5 {
	font-weight: 300;
	margin-bottom: 15px;
}
#page_header h1 {
	font-size: 30px;
	color: #656565;
	margin-bottom: 0px;
	line-height: 1em;
}
/* ----- text styles ----- */
.text_big {
	font-size: 17px;
	font-weight: 300;
	line-height: 1.4em;
	padding-bottom: 20px;
}
.text_small {
	font-size: 8px;
	font-weight: 400;
}
/*----- dropcaps -----*/
.dropcap1 {
	font-size:35px;
	color:#525252;
	line-height:25px;
	margin:5px 10px 0px 0px;
	display:block;
	float:left;
}
.dropcap2 {
	font-size:35px;
	color:#525252;
	line-height:25px;
	font-style: italic;
	margin:5px 15px 0px 0px;
	display:block;
	float:left;
}
/*----- text highlight -----*/
.highlight_pink {
	background:#ffc9c9;
	color: #525252;
}
.highlight_blue {
	background:#bdeefe;
	color: #525252;
}
.highlight_yellow {
	background:#fee9bd;
	color: #525252;
}
.highlight_black {
	background:#353535;
	color:#fff
}
.highlight_gray {
	background:#dbdbdb;
	color: #525252;
}
/*----- blockquote -----*/
blockquote {
	margin: 10px 0px 10px 30px;
	border-left: 3px solid #dbdbdb;
	padding-left: 10px;
	font-style: italic;
}
/* ----- default links ----- */
a {
	color: #39bcdd;
	text-decoration: none;
	cursor: pointer;
	font-style: normal;
	outline: none;
}
a:hover {
	color: #404040;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #2d2d2d;
}
/*----------------------------------------*/
/*----- 1.4 Button and link styles -----*/
/*----------------------------------------*/

/*----- button with arrow -----*/
.button_yellow {
	background: #f2cb55; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fef291', endColorstr='#f2cb55'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fef291), to(#f2cb55)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #fef291, #f2cb55); /* for firefox 3.6+ */
	background:  -o-linear-gradient(top, #fef291, #f2cb55);
	padding: 11px 20px 10px 20px;
	margin-top: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #593706 !important;
	line-height: 14px;
	font-weight: 700;
	text-transform: uppercase;
	border: 1px solid #c46e1a;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	display: inline-block;
}
.button_yellow:hover {
	background: #fef291; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2cb55', endColorstr='#fef291'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f2cb55), to(#fef291)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #f2cb55, #fef291); /* for firefox 3.6+ */
	background:  -o-linear-gradient(top, #f2cb55, #fef291);
}
/*----- button (grey) -----*/
.button {
	background: #626262; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#626262'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#7d7d7d), to(#626262)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #7d7d7d, #626262); /* for firefox 3.6+ */
	background:  -o-linear-gradient(top, #7d7d7d, #626262);
	padding: 7px 10px;
	margin-top: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #ffffff;
	line-height: 10px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
	border: none;
	display: inline-block;
	border: 1px solid #535353;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.5) inset;
	-webkit-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.5) inset;
	box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.5) inset;
}
.button:hover {
	background: #7d7d7d; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#626262', endColorstr='#7d7d7d'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#626262), to(#7d7d7d)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #626262, #7d7d7d); /* for firefox 3.6+ */
	background:  -o-linear-gradient(top, #626262, #7d7d7d);
	color: #ffffff;
}
/*----- link with arrow sign (used in slider caption) -----*/
a.link_arrow {
	background: url(../images/slider-caption-arrow.png) no-repeat right 2px;
	width: 20px;
	height: 20px;
	padding-left: 5px;
	text-indent: -9999px;
	display: inline-block;
}
a.link_arrow:hover {
	background: url(../images/slider-caption-arrow.png) no-repeat right -18px;
}
/*----- upparcase and colored link -----*/
a.link_style {
	font-size: 14px;
	color: #39bcdd;
	font-weight: 700;
	text-transform: uppercase;
}
a.link_style:hover {
	color: #404040;
}
/*----------------------------------------*/
/*----- 1.5 Image styles -----*/
/*----------------------------------------*/
.image_border {
	background: #ffffff;
	padding: 4px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display: block;
	float: none;
}
.image_left {
	background: #ffffff;
	padding: 4px;
	margin: 0px 10px 0px 0px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
}
.image_right {
	background: #ffffff;
	padding: 4px;
	margin: 0px 0px 0px 10px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: right;
}
.image_left_noborder {
	margin: 0px 10px 0px 0px;
	float: left;
}
.image_right_noborder {
	margin: 0px 0px 0px 10px;
	float: right;
}
/*----------------------------------------*/
/*----- 1.6 List styles -----*/
/*----------------------------------------*/
ul.list_arrow li {
	background: url(../images/bullet-circled-arrow.png) no-repeat 0 0 !important;
	padding-left:30px;
	margin-bottom: 10px !important;
	line-height: 1.7em;
	display: block;
	list-style-type: none;
}
ul.list_circle li {
	background: url(../images/bullet-circles.png) no-repeat 0 5px !important;
	padding-left: 20px;
	margin-bottom: 10px !important;
	line-height: 1.7em;
	display: block;
	list-style-type: none;
}
ul.list_bullet li {
	background: url(../images/bullet-circles.png) no-repeat 0 5px !important;
	padding-left: 20px;
	margin-bottom: 10px;
	font-size: 14px;
	list-style-type: none;
}
ul.list_numberbg li {
	background: none;
	margin-bottom: 10px !important;
	list-style-type: none;
	display: block;
}
ul.list_nobg li {
	background: none;
	list-style-type: none;
	margin-bottom: 10px;
}
/*----------------------------------------*/
/*----- 1.7 Dividers and spacers -----*/
/*----------------------------------------*/
.divider {
	width: 100%;
	margin: 20px 0px;
	border-top: 1px dashed #e5e5e5;
	display: inline-block;
}
/*divider for footer*/
.divider_footer {
	background: url(../images/footer-divider.png) repeat-x;
	width: 100%;
	height: 2px;
	margin: 10px 0px;
	display: inline-block;
}
/*spacer*/
.spacer_20px {
	width: 100%;
	height: 20px;
	background: none;
	display: inline-block;
}
.spacer_30px {
	width: 100%;
	height: 30px;
	background: none;
	display: inline-block;
}
/*----------------------------------------*/
/*----- 1.8 Basic layout divs -----*/
/*----------------------------------------*/
/*columns system has separate CSS - skeleton.css*/
#wrapper_outer {
	width: 980px;
	margin: 0 auto;
}
#wrapper {
	background: #ffffff;
	width: 980px;
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
}
#content {
	padding: 20px 10px;
	display: block;
}
#content_withsidebar {
	float: left;
}
#sidebar {
	width: 95%;
	padding-left: 5%;
	display: inline-block;
}
#sidebar_left {
	width: 95%;
	padding-right: 5%;
	float: left;
}
#page_header {
	background: url(../images/widgetised-footer-bg.jpg) repeat #fbfbfb;
	padding: 20px 10px;
	border-bottom: 1px solid #efefef;
	display: block;
}
/*============================================================*/
/*---------- 2. TEMPLATE STRUCTRE ----------*/
/*============================================================*/

/*----------------------------------------*/
/*----- 2.1 header -----*/
/*----------------------------------------*/
#header {
	background: url(../images/header-bg.png) no-repeat center top #39bcdd;
	padding: 10px 10px 10px 10px;
	margin: 30px 0px 20px 0px;
	line-height: 1em;
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	display: block;
}
/*----- if text logo -----*/
.logo h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 40px;
	color: #ffffff;
	font-weight: 400;
	text-shadow: 0px 1px 0px #cc3558;
	margin-bottom: 0px !important;
	line-height: 0em; /*give line height if text logo*/
}
.logo h1 a {
	color: #ffffff;
	font-style: italic;
	float: left;
}
/*----- navigation -----*/
#nav {
	padding-top: 20px; /*tweak according to height of logo*/
	float: left;
}
#nav select {
	display: none;
	cursor: pointer !important;
}
/*----------------------------------------*/
/*----- 2.2 slider -----*/
/*----------------------------------------*/
/*--Typography and other properties for sliders are in their respective stylesheets--*/
#slider_wrapper {
	width: 100%;
	background: #f0f4f5;
	padding: 0;
	border: none;
	display: block;
}
/*----------------------------------------*/
/*----- 2.3 header_bottom -----*/
/*----------------------------------------*/
#header_bottom {
	background: url(../images/pattern-wood.jpg) repeat;
	padding: 20px 10px;
	margin: 0;
	color: #ffffff;
	font-weight: 400;
	display: block;
}
#header_bottom h1 {
	font-size: 32px;
	color: #ffffff;
	font-weight: 300;
	line-height: 1em;
	margin-bottom: 5px;
}
#header_bottom h3 {
	color: #ffffff;
	font-weight: 400;
}
#header_bottom h4 {
	font-size: 16px;
	color: #ffe095;
	font-weight: 700;
}
#header_bottom a {
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
}
#header_bottom a:hover {
	color: #ffe095;
}
#header_bottom p {
	padding-bottom: 5px;
}
/*----------------------------------------*/
/*----- 2.4 CSS for pages and Misc -----*/
/*----------------------------------------*/
/*===== ----- =====*/
/*----- 2.4.1 about page -----*/
/*===== ----- =====*/

/*----- owner list -----*/
ul.list_owner li {
	margin-bottom:  20px;
	background: none;
	list-style-type: none;
	display: block;
}
ul.list_owner li h6 {
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 0px;
	padding-top: 13px;
}
ul.list_owner li h6 span {
	font-size: 10px;
	color: #404040;
	font-weight: 400;
	text-transform: none;
	padding-top: 3px;
	display: block;
}
ul.list_owner li img {
	background: #ffffff;
	padding: 4px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
}
/*----- testimonial slider -----*/
.testimonial-slider {
	font-size: 14px;
	color:#656565;
	font-style: italic;
	font-weight: 400;
	line-height: 1.5em;
	padding-top: 20px !important;
}
.testimonial-slider span {
	font-size: 12px;
	font-weight: 600;
}
.circle_color {
	margin-right: 30px;
	margin-bottom: 50px;
	background: #39bcdd;
	width: 60px;
	height: 60px;
	border-radius: 60px;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	float: left;
}
.circle_color img {
	margin-left: 16px;
	margin-top: 20px;
	float: left;
}
/*----- features -----*/
.features {
	font-size: 16px;
	color: #2d2d2d;
	text-align:center;
	font-weight: 600;
	padding: 10px 50px 0px 50px;
}
.features img {
	margin-bottom: 10px;
}
/*===== ----- =====*/
/*----- 2.4.2 services page -----*/
/*===== ----- =====*/
ul.services li {
	width: 300px;
	margin: 0px 20px 20px 0px;
	background: none;
	list-style-type: none;
	display: inline-block;
	float: left;
}
ul.services li h5 {
	line-height: 1.5em;
	font-weight: 600;
}
ul.services li img {
	margin: 0px 20px 20px 0px;
	float: left;
}
/*----- box -----*/
.box {
	background: #ffffff;
	width: 260px;
	padding: 19px;
	margin: 0px 10px;
	border: 1px solid #e6e6e6;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-moz-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.05) inset;
	-webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.05) inset;
	box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.05) inset;
	float: left;
}
.box h4 {
	font-weight: 600;
}
/*===== ----- =====*/
/*----- 2.4.3 product gallery page -----*/
/*===== ----- =====*/
#portfolio_nav {
	margin: 0px 0px 10px 10px;
	font-size: 12px;
	color: #2d2d2d;
	font-weight: 700;
	display: inline-block;
}
#portfolio_nav li {
	padding:0;
	margin: 0;
	display:inline;
	float: left;
	list-style:none;
}
#portfolio_nav li a {
	color: #2d2d2d;
	font-size: 11px;
	text-transform: uppercase;
	margin-right: 20px;
}
#portfolio_nav li a:hover {
	text-decoration:none;
}
#portfolio_nav a.active {
	color:#39bcdd !important;
}
.allimage {
	background: url(../images/filter-all.png) no-repeat 0 0;
	width: 12px;
	height: 12px;
	float: left;
	margin-top: 6px;
}
.allimage:hover {
	background: url(../images/filter-all.png) no-repeat 0 -12px;
}
/*3 column portfolio*/
ul#portfolio_3column li {
	background: #ffffff;
	width: 300px;
	height: auto;
	margin:0 10px 30px 10px;
	list-style-type: none;
	float: left;
}
ul#portfolio_3column li img {
	width: 290px;
	height: 218px;
	padding: 4px;
	margin-bottom: 10px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	list-style-type: none;
	float: left;
}
/*4 column portfolio*/
ul#portfolio_4column li {
	background: #ffffff;
	width: 220px;
	height: auto;
	margin:0 10px 30px 10px;
	list-style-type: none;
	float: left;
}
ul#portfolio_4column li img {
	width: 210px;
	height: 140px;
	padding: 4px;
	margin-bottom: 10px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	list-style-type: none;
	float: left;
}
ul#portfolio_4column li a:hover, ul#portfolio_3column li a:hover {
	text-decoration: none;
}
ul#portfolio_4column li h6, ul#portfolio_3column h6 {
	margin-bottom: 5px;
}
ul#portfolio_4column li p, ul#portfolio_3column p {
	padding-bottom: 0px;
}
.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
/*===== ----- =====*/
/*----- 2.4.4 packages page -----*/
/*===== ----- =====*/
.packages h4 {
	font-weight: 700;
}
.price img {
	vertical-align: text-top;
}
/*----- table -----*/
table.oliv_table {
	width: 80%;
	margin-bottom: 20px;
	border: 1px solid #535353;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-collapse: separate;
}
table.oliv_table thead {
	background: #626262; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#626262'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#7d7d7d), to(#626262)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #7d7d7d, #626262); /* for firefox 3.6+ */
	background:  -o-linear-gradient(top, #7d7d7d, #626262);
}
table.oliv_table thead th {
	padding: 10px;
	border-right: 1px solid #535353;
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: left;
}
table.oliv_table td {
	background: #f6f6f6;
	padding: 10px;
	border: 1px solid #535353;
	border-width: 1px 1px 0px 0px;
}
table.oliv_table thead th:last-child, table.oliv_table td:last-child {
	border-right: 0px;
}
/*card*/
.card {
	background: url(../images/card-pattern.jpg) repeat #e2e2e2;
	width: 280px;
	height: 130px;
	padding: 10px;
	margin-bottom: 20px;
	color: #656565;
	border-top: 1px solid #ffffff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.2);
	display: block;
}
.card h1 {
	font-size: 28px;
	color: #656565;
	margin-bottom: 5px;
	line-height: 1em;
}
.card .text_small {
	float: left;
	margin-top: 50px;
}
.card img {
	float: right;
	margin-top: 40px; /*adjust it according to your logo height*/
}
/*===== ----- =====*/
/*----- 2.4.5 faq page -----*/
/*===== ----- =====*/
ul.list_faq li {
	margin-bottom: 20px;
	background: none;
	list-style: none;
	display: block;
}
ul.list_faq li h6 {
	margin-bottom: 10px;
}
/*===== ----- =====*/
/*----- 2.4.6 contact and appointments page -----*/
/*===== ----- =====*/
#appointmentform h5 {
	margin-bottom: 20px;
	font-size: 12px;
	text-transform: uppercase;
}
.map {
	background: #ffffff;
	width: 210px;
	height: 343px;
	padding: 4px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
/*===== ----- =====*/
/*----- 2.4.7 blog -----*/
/*===== ----- =====*/
.multiposts {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #dbdbdb;
	background: none;
	list-style-type: none;
	display: block;
}
.last_multipost {
	border-bottom: 0px !important;
}
.blog_img_vid {
	background: #ffffff;
	width: 200px;
	padding: 4px;
	margin-right: 20px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
}
.blog_img_vid img, .blog_img_vid iframe {
	float: left;
}
.blogslider {
	width: 210px;
	float: left;
	margin-right: 20px;
}
.blogtext {
	width: 390px;
	float: left;
}
/*list for blog information*/
ul.bloginfo {
	padding-bottom: 15px;
	display: block;
	float: left;
}
ul.bloginfo li {
	margin: 0px 20px 5px 0px;
	font-size: 11px;
	background: none;
	list-style-type: none;
	float: left;
}
ul.bloginfo li.blogdate {
	background: url(../images/icons/icon-date.png) no-repeat left 0;
	padding-left: 25px;
}
ul.bloginfo li.blogauthor {
	background: url(../images/icons/icon-author.png) no-repeat left 0;
	padding-left: 25px;
}
ul.bloginfo li.blogtags {
	background: url(../images/icons/icon-tag.png) no-repeat left 0;
	padding-left: 25px;
}
ul.bloginfo li.blogcomments {
	background: url(../images/icons/icon-comment.png) no-repeat left 0;
	padding-left: 25px;
}
/*----- twitter feed -----*/
#twitter li {
	background: none;
	padding-bottom: 10px;
}
/*----- flickr feed -----*/
.flickr_feed img {
	background: #ffffff;
	width: 70px !important;
	height: 70px !important;
	padding: 4px;
	margin: 0px 10px 10px 0px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
}
/*===== ----- =====*/
/*----- 2.4.8 Misc -----*/
/*===== ----- =====*/
/*----- social icon list -----*/
ul.social {
	float: right;
}
ul.social li {
	margin-left: 5px;
	font-size: 11px;
	color: #656565;
	font-weight: 700;
	background: none;
	list-style-type: none;
	float: left;
}
ul.social li img {
	vertical-align: middle;
}
ul.social li p {
	padding-right: 5px;
	padding-bottom: 0px;
	line-height: 2em;
}
/*This is for circle behind number - used in list*/
.number_bg {
	background: #9f9f9f;
	width: 14px;
	height: 14px;
	margin-right: 10px;
	margin-top: 3px;
	font-size: 10px;
	color: #ffffff;
	text-align: center;
	line-height: 14px;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	float: left;
}
/*----- gift_icon -----*/
.gift_icon {
	float: right;
	margin-left: 25px;
}
/*----------------------------------------*/
/*----- 2.5 footer -----*/
/*----------------------------------------*/
#footer {
	background: url(../images/widgetised-footer-bg.jpg) repeat #f8f8f8;
	padding: 20px 10px;
	border-top: 1px solid #efefef;
	display: block;
}
/*----- testimonial list -----*/
ul.list_testimonial li {
	margin-bottom: 15px;
	font-style: italic;
	background: none;
	list-style-type: none;
}
ul.list_testimonial li span.quote {
	font-size: 22px;
	font-weight: 300;
	display: inline-block;
}
ul.list_testimonial li span {
	font-weight: 600;
	font-size: 11px;
	display: block;
}
/*----- blogpost list -----*/
ul.list_blog li {
	margin-bottom: 10px;
	font-size: 11px;
	font-style: italic;
	background: none;
	list-style-type: none;
}
/*----------------------------------------*/
/*----- 2.6 footer_bottom -----*/
/*----------------------------------------*/
#footer_bottom {
	background: #2c3638;
	padding: 15px 10px 15px 10px !important;
	margin: 20px 0px 30px 0px;
	color: #d5d5d5;
	line-height: 1em;
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	float: left;
}
#footer_bottom h1, #footer_bottom h2, #footer_bottom h4, #footer_bottom h5, #footer_bottom h6 {
	color: #ffffff;
}
#footer_bottom a, #footer_bottom h3 {
	color: #d5d5d5;
}
/*----- social buttons -----*/
ul.social_buttons li {
	margin-bottom: 10px;
	background: none;
	list-style-type: none;
	float: left;
}
/*----- copyright -----*/
#copyright {
	font-size: 11px;
	float: left;
}
#copyright img {
	margin-right: 10px;
	float: left;
}
#copyright a:hover {
	text-decoration: underline;
}
#copyright p {
	padding-top: 16px; /*tweak as per logo height*/
}
#copyright ul {
	padding-top: 16px; /*tweak as per logo height*/
	float: right;
}
#copyright ul li {
	margin-left: 10px;
	background: none;
	list-style-type: none;
	float: left;
}
/*----------------------------------------*/
/*----- 2.7 forms -----*/
/*----------------------------------------*/
/*----- subscribe form -----*/
form#subform {
	background: #fbfbfb;
	width: 260px;
	margin-bottom: 15px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position: relative;
}
form#subform fieldset {
	border: none;
	background: none;
}
form#subform fieldset p {
	background: none;
	padding: 0;
	margin: 0;
}
form#subform input {
	background: transparent;
	width: 200px;
	height: 20px;
	padding: 8px 10px;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #9f9a95;
	font-weight: 400;
	line-height: 12px;
	outline:none;
	border: none;
	float: left;
}
form#subform input.sub_submit {
	background: url(../images/subscribe-btn.png) no-repeat 0 0;
	width: 40px;
	height: 36px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	outline: none !important;
	border: none;
	float: left;
}
form#subform input.sub_submit:hover {
	background: url(../images/subscribe-btn.png) no-repeat 0 -36px;
}
form#subform label.error {
	font-size: 10px;
	color: #b14344;
	position: absolute;
	top: 33px;
	left: 2px;
}
form#subform #result_sub {
	width: 260px;
	line-height: 2em;
	text-align: left;
	position: absolute;
	top: 40px;
	left: 0;
}
/*----- contact and appintment form -----*/
/*common properties for both forms*/
#contactform label, #appointmentform label {
	width: 100%;
	margin-bottom: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #404040;
	font-weight: 600;
	display: block;
}
#contactform input.submit, #appointmentform input.appointment_submit {
	background: #626262; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#626262'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#7d7d7d), to(#626262)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #7d7d7d, #626262); /* for firefox 3.6+ */
	background:  -o-linear-gradient(top, #7d7d7d, #626262);
	width: auto;
	height: 30px;
	padding: 0px 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #ffffff;
	line-height: 10px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
	border: 1px solid #535353;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.5) inset;
	-webkit-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.5) inset;
	box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.5) inset;
}
#contactform input.submit:hover, #appointmentform input.appointment_submit:hover {
	background: #7d7d7d; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#626262', endColorstr='#7d7d7d'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#626262), to(#7d7d7d)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #626262, #7d7d7d); /* for firefox 3.6+ */
	background:  -o-linear-gradient(top, #626262, #7d7d7d);
	color: #ffffff;
}
#contactform label.error, #appointmentform label.error {
	display: none !important;
}
#contactform input.error, #appointmentform input.error {
	border: 1px solid #dc8f89;
}
#contactform textarea.error, #appointmentform textarea.error {
	border: 1px solid #dc8f89;
}
/*----- Contact form -----*/
#contactform ul li {
	margin-bottom: 20px;
	background: none;
	list-style-type: none;
}
#contactform input, #contactform textarea, #contactform select {
	background: #fbfbfb;
	width: 368px;
	height: 18px;
	padding: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #9f9a95;
	line-height: 1.9em;
	display: block;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#contactform select {
	width: 380px;
	height: 30px;
}
#contactform textarea {
	height: 88px;
}
#result {
	width:380px;
	padding-top: 5px;
	display: block;
	float: left;
}
/*----- appointment form -----*/
#appointmentform {
	width: 580px;
}
#appointmentform ul li {
	width: 280px;
	margin-right: 20px;
	margin-bottom: 20px;
	background: none;
	list-style-type: none;
	float: left;
}
#appointmentform input, #appointmentform textarea, #appointmentform select {
	background: #fbfbfb;
	width: 268px;
	height: 18px;
	padding: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #9f9a95;
	line-height: 1.9em;
	display: block;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#appointmentform select {
	width: 280px;
	height: 30px;
}
#appointmentform textarea {
	width: 568px;
	height: 88px;
}
#appointmentform #result_appointment {
	width: 580px;
	padding-top: 5px;
	float: left;
	display: block;
}
.radio_input {
	width: auto !important;
	height: auto !important;
	margin-right: 16px;
	float: left;
}
p.radio_button {
	float: left;
}
/*============================================================*/
/*---------- 3. Media queries ----------*/
/*============================================================*/

/*----------------------------------------*/
/*----- 3.1 Tablet (Portrait) / Design for a width of 768px -----*/
/*----------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
/*----- No need to change below unless heavy layout changes -----*/
#wrapper_outer {
 width:100%;
 margin: 0 auto;
}
#wrapper {
 width:100%;
}
#header {
 width:100%;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 20px 0px;
 margin-bottom: 20px;
}
#header_bottom {
 width:100%;
 padding: 20px 0px 20px 0px;
}
#content {
 padding: 20px 0px;
 display: block;
}
#footer {
 padding: 15px 0px 15px 0px !important;
 width:100%;
}
#copyright {
 width:100%;
}
.image_border {
 max-width: 97%;
}
.image_left {
 max-width: 97%;
}
.image_right {
 max-width: 97%;
}
/*sliders*/
.nivoslider {
 display: none;
}
.flex-caption {
 display: none;
}
/*services*/
ul.services li {
 width: 236px;
}
.box {
display: block;
margin-top: 20px;
}
/*packages*/
table.oliv_table {
 width: 100%;
}
.card {
display: none;
}
/*blog*/
.blog_img_vid, .blogslider {
 margin-bottom: 20px;
}
.blogtext {
 width: 490px;
 float: left;
}
/*contact and appintment*/
.map {
 width: 162px;
}
#contactform input, #contactform textarea, #contactform select, #appointmentform input, #appointmentform textarea {
 width: 288px;
}
#contactform select, #appointmentform select {
 width: 300px;
 height: 30px;
}
#result, #appointmentform #result_appointment {
 width:300px;
 padding-top: 5px;
 display: block;
 float: left;
}
#appointmentform ul li {
 width: 300px;
 margin-right: 0px !important;
 margin-bottom: 20px;
 float: none;
 display: block;
}
}

/*----------------------------------------*/
/*----- 3.2 Mobile (Portrait) / Design for a width of 320px -----*/
/*----------------------------------------*/

@media only screen and (max-width: 767px) {

/*----- Need changes while customization -----*/
.logo h1 {
 width: 300px; /*change height and width as per your logo*/
 height: 50px;
 margin: 0 auto;
}

/*----- No need to change below unless heavy layout changes -----*/
.container .columns, .container .column {
 margin: 10px 0px 10px 0px !important;
}
.logo {
 width: 300px;
}
#nav ul {
 display: none;
}
#nav {
 text-align:center;
}
#nav select {
 display: inline-block;
 text-align:left;
 width:60%;
 border:solid 1px #f6f6f6;
 padding: 5px;
 background:transparent;
 color: #ffffff;
}
#wrapper_outer {
 width:100%;
 margin: 0 auto;
}
#wrapper {
 width:100%;
}
#header {
 width:100%;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 20px 0px;
 margin-bottom: 20px;
}
#header_bottom {
 width:100%;
 padding: 20px 0px 20px 0px;
}
#content {
 padding: 20px 0px;
 display: block;
}
#content_withsidebar {
 width: 100%;
 display: block;
}
#sidebar {
 width: 100%;
 padding-left: 0;
 display: block;
}
#sidebar_left {
 width: 100%;
 padding-right: 0;
 display: block;
}
#footer {
 width:100%;
 padding: 20px 0px;
}
#footer_bottom {
 width:100%;
 padding: 15px 0px 15px 0px !important;
 margin: 20px 0px 0px 0px;
}
#copyright {
 width:100%;
}
#copyright ul {
 float:left;
 padding-top: 5px;
}
#copyright ul li {
 margin-right: 10px;
 margin-left: 0px;
}
.image_border {
 max-width: 97%;
}
.image_left {
 max-width: 97%;
}
.image_right {
 max-width: 97%;
}
ul.social {
float: left;
}
ul.social li {
 margin-right: 5px;
 float: left;
}
/*sliders*/
.flex-caption {
 display: none;
}
.nivoslider {
 display: none;
}
/*table*/
table.oliv_table {
 width: 100%;
}
/*portfolio*/
#portfolio_nav {
 margin: 0px 0px 20px 0px;
}
ul#portfolio_3column li {
 margin:0 0px 20px 0px;
}
ul#portfolio_4column li {
 margin:0 0px 20px 0px;
 width: 300px;
}
ul#portfolio_4column li img {
 width: 290px;
 height: 218px;
}
/*blog*/
.blog_img_vid, .blogslider {
 margin-bottom: 20px;
}
.blogtext {
 width: 100%;
 display: block;
}
/*forms*/
#contactform input, #contactform textarea, #appointmentform input, #appointmentform textarea {
 width: 288px;
}
#contactform select, #appointmentform select {
 width: 300px;
 height: 30px;
}
#result, #appointmentform #result_appointment {
 width:300px;
 padding-top: 5px;
 display: block;
 float: left;
}
#appointmentform ul li {
 width: 300px;
 margin-right: 0px;
 margin-bottom: 20px;
 display: block;
}
#appointmentform {
 width: 300px !important;
}
/*services*/
ul.services li {
 margin: 0px 0px 20px 0px;
 display: block;
 float: none;
}
.box {
 margin: 0px 0px;
 display: block;
}
/*about*/
.testimonial-slider span {
 float: right;
}
.features {
 padding: 10px 20px 0px 20px;
}
}

/*----------------------------------------*/
/*----- 3.3 Mobile (Landscape) / Design for a width of 480px -----*/
/*----------------------------------------*/

@media only screen and (min-width: 480px) and (max-width: 767px) {

/*-----No need to change below unless heavy layout changes-----*/
/* Other properties are according to those specified for Mobile (Portrait)*/
.logo {
 width: 420px;
}
/*services*/
ul.services li {
 width: 420px;
}
}

/*============================================================*/
/*---------- 4. Browser fixes ----------*/
/*============================================================*/
/*----- IE 8 fix -----*/
@media \0screen {
.logo h1 a {
	float: none;
}
}