@charset "utf-8";
/* CSS Document */
/*General page layout*/
/*---------------------------------------------------------------------------

At start of CSS general styles are given like

1. typography and default
2. button styles
3. basic columns
4. image styles
5. list styles
6. dropcaps
7. text highlight

Main page styles start from line no. 285

1. header_top 
	- logo
	- social links
2. wrapper_bg
	2.1 wrapper_top
	2.2 wrapper_middle
			2.2.1 tagline and buttons
			2.2.2 wrapper
					- header
						- subscribe
						- video
					- content
						- features
						- text and image with fancybox 
			2.2.3 bottom_arrow
			2.2.4 offer 
			2.2.5 content_bottom
					- contact form
					- testimonial
					- adress with map
	2.3 wrapper_bottom
3. footer
	- copyright
	- some links
4. secondary page styles
---------------------------------------------------------------------------*/


body {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color: #8a8a8a;
	line-height: 1.6em;
	width:  100%;
background: url(../img/body-bg.jpg) repeat #ffffff;
}

html, body { border-width: 0px; margin: 0px; width: 100%;  }

.clear {
	clear:both;
}


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}

/*typography and default*/
/*---------------------------------------------------------------------------*/
h1, h2, h3, h4 {
	color: #676767;
	line-height: 1em;
	font-weight: normal;
}/*Margin bottom to headings as line-height property do not work well with many browsers in case of cufon*/
h1 {
	font-size: 22px;
	margin-bottom: 5px;
}
h2 {
	font-size: 20px;
	margin-bottom: 15px;
}
h3 {
	font-size: 18px;
	margin-bottom: 15px;
}
h4 {
	font-size: 16px;
	margin-bottom: 10px;
}
a {
	color: #8a8a8a;
	text-decoration: none;
	cursor: pointer;
}
span {
	color: #6eb4c3;
}



/*basic columns */
/*---------------------------------------------------------------------------*/
/*all column styles given here are not used in template, some additional styles are given if you need to use while customization*/

/*twothird and onethird columns*/
.column_onethird {
	width: 300px;
	margin-right: 20px;
	float: left;
}
.column_twothird {
	width: 620px;
	float: right;
}
/*two columns*/
.column_2 {
	width: 460px;
	margin-right: 20px;
	float: left;
}
.column_2_last {
	width: 460px;
	margin: 0;
	float: right;
}
/*three columns*/
.column_3 {
	width: 300px;
	margin-right: 20px;
	float: left;
}
.column_3_last {
	width: 300px;
	margin: 0;
	float: right;
}
/*four columns*/
.column_4 {
	width: 220px;
	margin-right: 20px;
	float: left;
}
.column_4_last {
	width: 220px;
	margin: 0;
	float: right;
}
/*columns threefourth and onefourth*/
.column_onefourth {
	width: 220px;
	margin-right: 20px;
	float: left;
}
.column_threefourth {
	width: 700px;
	margin: 0;
	float: right;
}
/*image styles */
/*---------------------------------------------------------------------------*/
/*all image styles given here are not used in template, 
some additional styles are given if you need to use while customization*/
.image_left {
	float: left;
	margin-right: 10px;
}
.image_right {
	float: right;
	margin-left: 10px;
}
/*Images to be at center, needs to adjust margin top and bottom as per image size*/
.image_left_center {
	float: left;
	margin: 15px 10px 10px 0px;
}
.image_right_center {
	float: right;
	margin: 10px 0px 10px 10px;
}
.image_border {
	background: #f9f9f9;
	padding: 4px;
	border: 1px solid #e6e6e6;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
/*list style*/
/*---------------------------------------------------------------------------*/
ul.list1 li {
	list-style: none;
	background: url(../img/bullet-1.png) no-repeat 0 6px;
	padding-left: 15px;
	line-height: 1.7em;
}
ul.list2 li {
	list-style: none;
	background: url(../img/bullet-2.png) no-repeat 0 6px;
	padding-left: 15px;
	line-height: 1.7em;
}
ul.list3 li {
	list-style: none;
	background: url(../img/bullet-3.png) no-repeat 0 6px;
	padding-left: 15px;
	line-height: 1.7em;
}
ul.list4 li {
	list-style: none;
	background: url(../img/bullet-4.png) no-repeat 0 6px;
	padding-left: 15px;
	line-height: 1.7em;
}
ol.number {
	list-style: decimal;
	list-style-position: inside;
}
ol.roman {
	list-style: upper-roman;
	list-style-position: inside;
}
/*dropcaps*/
/*---------------------------------------------------------------------------*/
.dropcap1 {
	color:#525252;
	display:block;
	float:left;
	font-size:35px;
	line-height:25px;
	margin:5px 10px 0px 0px
}
.dropcap2 {
	color:#525252;
	display:block;
	float:left;
	font-style: italic;
	font-size:35px;
	line-height:25px;
	margin:5px 15px 0px 0px
}
/*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;
}
/*----------------------------------------*/
/*Index page style*/
/*----------------------------------------*/


/*header_top*/
/*---------------------------------------------------------------------------*/
#header_top {
	width: 940px;
	margin: 0 auto;
	padding: 30px 0px 25px 0px;
}
/*----------logo----------*/
.logo {
	float: left;
}
/*----------social----------*/
#header_top ul {
	font-size: 15px;
	height: 30px;
	float: right;
}
#header_top ul li {
	height: 30px;
	padding-left: 20px;
	line-height: 1.7em;
	background: none;
	list-style: none;
	float: left;
}
#header_top ul img {
	margin-top: 6px;
	margin-left: 5px;
	float: left;
}
#header_top ul li span {
	float: left;
	color: #8a8a8a;
}
#header_top ul li.separate {
	background: url(../img/vertical-nav-divider.jpg) no-repeat right;
	margin-right: 5px;
	padding-right: 25px;
	float: left;
}
/*all wrappers here*/
/*---------------------------------------------------------------------------*/
#wrapper_bg {
	width: 1000px;
	margin: 0 auto;
}
#wrapper_top {
	background: url(../img/wrapper-top.png) no-repeat;
	width: 1000px;
	height: 10px;
	float: left;
}
#wrapper_middle {
	background:url(../img/wrapper-middle.png) repeat-y;
	width: 980px;
	padding: 0px 10px;
	float: left;
}
#wrapper_bottom {
	background: url(../img/wrapper-bottom.png) no-repeat;
	width: 1000px;
	height: 15px;
	float: left;
}
#wrapper {
	background: #ffffff;
	width: 978px;
	border-left: 1px solid #e0dfda;
	border-right: 1px solid #e0dfda;
	float: left;
}
/*tagline*/
/*---------------------------------------------------------------------------*/
#tagline_top {
	background: url(../img/header-top.png) no-repeat;
	width: 980px;
	height: 20px;
	float: left;
}
#tagline {
	width: 940px;
	padding: 0px 19px 19px 19px;
	background: #fff7e1; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7e1', endColorstr='#ffebae'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff7e1), to(#ffebae)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #fff7e1, #ffebae); /* for firefox 3.6+ */
	border-left: 1px solid #f4dc6b;
	border-right: 1px solid #f4dc6b;
	border-bottom: 1px solid #f4dc6b;
	float: left;
}
.tagline_text {
	width: 620px;
	padding-right: 20px;
	float: left;
}
/*header*/
/*---------------------------------------------------------------------------*/
#header {
	width: 940px;
	padding: 19px 0px;
	margin: 0px 19px;
	border-bottom: 1px solid #ebeae5;
	float: left;
}
/*----------subscribe----------*/
/*subscribe is in relative to header*/
#subscribe {
	background: url(../img/pattern.png) repeat;
	width: 250px;
	height: 350px;
	padding: 20px;
	margin-right: 20px;
	color: #3c3c3c;
	float: left;
}
#subscribe h1 {
	color: #3c3c3c;
	margin-bottom: 15px;
}
.note {
	font-size: 10px;
	display: block;
	margin-top: 5px;
}
/*subscribe form*/
form#subform {
	width:250px;
}
form#subform fieldset {
	border: none;
	background: none;
}
form#subform fieldset p {
	background: none;
	padding: 0;
	margin: 0;
	display: block;
}
form#subform input {
	background: url(../img/sub-input.png) no-repeat;
	width: 240px;
	height: 27px;
	margin: 10px 0px 0px 0px;
	padding: 5px;
	font-family: Arial, Trebuchet MS, Verdana, sans-serif;
	color: #8a8a8a;
	font-size: 12px;
	line-height: 2.2em;
	border: none;
	outline: none;
	float: left;
}
form#subform input.sub_submit {
	background: url(../img/sub-submit.png) no-repeat 0 0;
	width: 250px;
	height: 37px;
	margin: 15px 0px 0px 0px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	border: none;
	cursor: pointer;
	outline: none;
	display: block;
}
/*label.error is not used for this template*/
form#subform label.error {
	font-size: 10px;
	color:  #b71e1e;
	width: 250px;
	text-align: left;
	margin: 0;
	padding: 0;
}
form#subform #result_sub {
	width: 250px;
	padding-top: 5px;
	float: left;
	text-align: left;
}
/*----------video----------*/
.video {
	/* background: #f9f9f9; */
}
/*content*/
/*---------------------------------------------------------------------------*/
#content {
	width: 940px;
	margin: 0px 19px;
	padding: 19px 0px 0px 0px;
	float: left;
}
/*----------features----------*/
ul.feature {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ebeae5;
	float: left;
}
ul.feature li {
	width: 220px;
	margin-right: 20px;
	padding: 0;
	list-style: none;
	float: left;
}
ul.feature li.last_feature {
	margin-right: 0px;
}
/*----------content_arrow----------*/
.content_arrow {
	background: url(../img/bottom-arrow.png) no-repeat center top;
	width: 980px;
	height: 40px;
	float: left;
}
/*offer*/
/*---------------------------------------------------------------------------*/
#offer {
	width: 940px;
	padding: 19px;
	margin: 20px 0px;
	background: #fff7e1; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7e1', endColorstr='#ffebae'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff7e1), to(#ffebae)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #fff7e1, #ffebae); /* for firefox 3.6+ */
	border: 1px solid #f4dc6b;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: left;
}
#offer:hover {
	background: #9ebac0; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffce5', endColorstr='#fff190'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fffce5), to(#fff190)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #fffce5, #fff190); /* for firefox 3.6+ */
	border: 1px solid #f5e36c;
}
.offer_text {
	width: 760px;
	padding-right: 20px;
	float: left;
}
/*content_bottom*/
/*---------------------------------------------------------------------------*/
#content_bottom {
	background: #ffffff;
	width: 940px;
	padding: 19px;
	border-top: 1px solid #e0dfda;
	border-right: 1px solid #e0dfda;
	border-left: 1px solid #e0dfda;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	float: left;
}
/*----------contact form----------*/
form#form {
	width: 300px;
}
form#form fieldset {
	border: none;
	background: none;
	width: 300px;
}
form#form fieldset p {
	background: none;
	padding: 0;
	margin: 0;
	display: block;
	width: 145px;
}
form#form fieldset p.submit_btn {
	width: 300px;
}
form#form fieldset .left {
	width: 140px;
	float: left;
	margin-right: 10px;
}
form#form fieldset .right {
	width: 150px;
	float: left;
}
form#form label {
	width: 140px;
	font-size: 12px;
	float: left;
	display: inline-block;
}
form#form label.top_distance {
	margin-top: 8px;
}
form#form input {
	background: url(../img/cform-input.png) no-repeat;
	width: 130px;
	height: 17px;
	padding: 5px;
	margin: 0;
	font-family: Arial, Trebuchet MS, Verdana, sans-serif;
	font-size: 11px;
	color: #8a8a8a;
	line-height: 1.6em;
	border: none;
	outline: none;
	float: left;
}
form#form textarea {
	background: url(../img/cform-txtarea.png) no-repeat;
	width: 140px;
	height: 70px;
	padding: 5px;
	font-family: Arial, Trebuchet MS, Verdana, sans-serif;
	font-size: 11px;
	color: #8a8a8a;
	line-height: 1.2em;
	border: none;
	outline: none;
	float: left;
}
form#form input.submit {
	background: url(../img/cform-submit-btn.png) no-repeat 0 0;
	width: 70px;
	height: 27px;
	margin: 5px 0px 0px 0px;
	padding: 0 !important;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	border: none;
	cursor: pointer;
	outline: none;
	float: right;
}
form#form label.error {
	font-size: 10px;
	color:  #b71e1e;
	width: 140px;
	margin: 0;
	padding: 0;
}
form#form #result {
	width: 300px;
	float: left;
	text-align: right;
}
/*----------testimonial----------*/
.testimonial span {
	display: block;
	color: #848179;
	font-weight: bold;
	font-size: 11px;
}
/*----------map----------*/
.map {
	background: url(../img/map-bg.png) no-repeat;
	width: 105px;
	height: 75px;
	padding:5px;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-top: 5px;
	float: left;
}
/*footer*/
/*---------------------------------------------------------------------------*/
#footer {
	width: 940px;
	margin: 0 auto;
	padding: 20px 0px 25px 0px;
	font-size: 11px;
}
#footer p {
	float: left;
}
#footer ul {
	float: right;
}
#footer ul li {
	padding-left: 10px;
	list-style: none;
	background: none;
	float: left;
}
/*Secondary page*/
/*---------------------------------------------------------------------------*/
/*for center alignment of text in tagline div*/
.tag_extra {
	text-align: center;
}
.col_padding {
	height: 20px;
	width: 940px;
	float: left;
}
/*---------------------------------------------------------------------------*/
#expiration, #opendisc {
border: 1px solid #ddd;
padding:10px;
margin-top:10px;
}

#toolbar {
margin-top:10px;
}