@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. 275

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
						- slider
						- subscribe
					- content
						- features
						- general list
			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 {
	background: url(../images/body-bg.jpg) repeat #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color: #8a8a8a;
	line-height: 1.6em;
	width:  100%;
}
.clear {
	clear:both;
}
/*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: 26px;
  text-align: center;
	margin-bottom: 5px;
}
h2 {
	font-size: 20px;
	margin-bottom: 15px;
}
h3 {
	font-size: 18px;
	margin-bottom: 15px;
}
h4 {
	font-size: 16px;
  text-align:center;
	margin-bottom: 10px;
}
a {
	color: #6884a3;
  font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
span {
	color: #6884a3;
}
/*button styles */
/*---------------------------------------------------------------------------*/
.button_1 {
	background: url(../images/calltoaction-1.png) no-repeat;
	width: 140px;
	height: 35px;
	margin-right: 20px;
	float: left;
}
.button_2 {
	background: url(../images/calltoaction-2.png) no-repeat;
	width: 140px;
	height: 35px;
	float: left;
}
.button_1 a, .button_2 a {
	color: #ffffff;
	font-size: 18px;
	display: block;
	text-align: center;
	padding-top: 8px;
}
.button_3 {
	background: url(../images/calltoaction-3.png) no-repeat;
	width: 160px;
	height: 45px;
	float: right;
}
.button_3 a {
	color: #ffffff;
	font-size: 20px;
	display: block;
	text-align: center;
	padding-top: 11px;
}
/*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;
}
/*list style*/
/*---------------------------------------------------------------------------*/
ul.list1 li {
	list-style: none;
	background: url(../images/bullet-1.png) no-repeat 0 6px;
	padding-left: 15px;
	line-height: 1.7em;
}
ul.list2 li {
	list-style: none;
	background: url(../images/bullet-2.png) no-repeat 0 6px;
	padding-left: 15px;
	line-height: 1.7em;
}
ul.list3 li {
	list-style: none;
	background: url(../images/bullet-3.png) no-repeat 0 6px;
	padding-left: 15px;
	line-height: 1.7em;
}
ul.list4 li {
	list-style: none;
	background: url(../images/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: 15px 0px 15px 0px;
}
/*----------logo----------*/
.logo {
	float: left;
}
/*----------social----------*/
#header_top ul {
	font-size: 15px;
	height: 30px;
  padding: 15px 0px;
	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(../images/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(../images/wrapper-top.png) no-repeat;
	width: 1000px;
	height: 10px;
	float: left;
}
#wrapper_middle {
	background:url(../images/wrapper-middle.png) repeat-y;
	width: 980px;
	padding: 0px 10px;
	float: left;
}
#wrapper_bottom {
	background: url(../images/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(../images/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: 940px;
	padding-right: 20px;
	float: left;
}
.tagline_text p {
  text-align:center;
}
/*header*/
/*---------------------------------------------------------------------------*/
#header {
	width: 940px;
	padding: 19px 0px;
	margin: 0px 19px;
	border-bottom: 1px solid #ebeae5;
	position: relative;
	float: left;
}
/*----------slider----------*/
#slider {
	width: 940px;
	height: 390px;
	background: #f9f9f9;
	z-index: 99;
	float: left;
}
/*----------subscribe----------*/
/*subscribe is in relative to header*/
#subscribe {
	background: url(../images/pattern.png) repeat;
	width: 250px;
	height: 350px;
	padding: 20px;
	color: #3c3c3c;
	z-index: 999;
	position: absolute;
	top: 19px;
	right: 0;
}
#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(../images/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(../images/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;
}
/*content*/
/*---------------------------------------------------------------------------*/
#content {
	width: 940px;
	margin: 0px 19px;
	padding: 19px 0px 0px 0px;
	float: left;
}
/*----------features----------*/
ul.feature li {
	margin-bottom: 20px;
	padding: 0;
	list-style: none;
	float: left;
}
ul.feature li.last_feature {
	margin-bottom: 0px;
}
/*----------list with checkmark bullet and 2 li in each row----------*/
ul.bullet {
	padding-top: 5px;
}
ul.bullet li {
	background: url(../images/bullet-1.png) no-repeat 0 6px;
	padding-left: 15px;
	margin-right: 20px;
	line-height: 2em;
	list-style: none;
}
/*last_list class should be attached to every second li*/
ul.bullet li.last_list {
	margin-right: 0px;
}
/*----------content_arrow----------*/
.content_arrow {
	background: url(../images/bottom-arrow.png) no-repeat center top;
	width: 980px;
	height: 40px;
	float: left;
}
/*offer*/
/*---------------------------------------------------------------------------*/
#offer {
  background: #ffffff;
	width: 940px;
	padding: 19px;
	margin: 20px 0px;
	border: 1px solid #6884a3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: left;
}

.offer_text {
	width: 760px;
	padding-right: 20px;
	float: left;
}
/*content_bottom*/
/*---------------------------------------------------------------------------*/
#content_bottom {
	background: #ffffff;
	width: 940px;
	padding: 10px 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(../images/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(../images/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(../images/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;
	height: 12px;
}
/*----------testimonial----------*/
.testimonial span {
	display: block;
	color: #848179;
	font-weight: bold;
	font-size: 11px;
}
/*----------map----------*/
.map {
	background: url(../images/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 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;
}


.inner-wrap h2.section-title { margin: 10px 0; text-align:center; }
/**PRICING TABLE**/
#pricing-table { margin: 0 auto; overflow:hidden; width:970px; }
#pricing-table .table-text { text-align: left; color:#575757; font:15px Times New Roman; line-height:16px; margin:0px 0px 20px; text-align:left; }
#pricing-table ul{ margin:0px;}
#pricing-table ul li{ padding:0px; background:none;}
#pricing-table ul .red { color:#9f0000; }
#pricing-table ul .green { color:#0073bc; }
#pricing-table ul .cross { background:url(images/pckg-no-bg.png) no-repeat center center; display:block; } 
#pricing-table ul .tick { background:url(images/pckg-yes-bg.png) no-repeat center center; display:block; }
#pricing-table .choose-plan { float:left; margin:0; width:165px; }
#pricing-table .choose-plan .heading {height:120px; position:relative; z-index:25; }
#pricing-table .choose-plan .heading h4 {font:18px Times New Roman; line-height:24px; margin:0px 0px 0px 22px; padding:22px 0px 0px; }
#pricing-table .choose-plan .heading h4 strong { font:21px Times New Roman; }
#pricing-table .choose-plan ul { border:1px solid #ccc; margin:-5px 0px 0px; position:relative; z-index:15; padding: 0; }
#pricing-table .choose-plan ul li { border-bottom:1px solid #d3d3d3; font:16px Times New Roman; line-height:20px; padding:10px 0px 10px 5px; list-style: none; }
#pricing-table .business-plan { float:left; height:270px; position:relative; width:190px; z-index:55; }
#pricing-table .business-plan .heading { background:url(images/pckg-business-bg.png) #6884a3 repeat-x; height:115px; overflow:hidden; position:relative; top:0px; -webkit-box-shadow: 0px 0px 2px #989898; -moz-box-shadow:0px 0px 2px #989898; box-shadow: 0px 0px 2px #989898;  z-index:35; }
#pricing-table .business-plan .heading p { text-align:center; margin:0px; color:#fff; font:14px Times New Roman; text-transform: uppercase; height:24px; line-height:18px; padding:8px 0px 8px 0px; text-shadow:1px 1px 0px #83a23e; }
#pricing-table .business-plan .heading h4 { color:#e6e6e6; font:14px Times New Roman; line-height:24px; text-align:center; text-shadow:1px 1px 1px #83a23e; margin:0px; }
#pricing-table .business-plan .heading h4 span { color:#fff; font:18px Times New Roman; text-shadow:1px 1px 1px #83a23e; }
#pricing-table .business-plan .heading h4 strong { color:#fff; font:30px Times New Roman; text-shadow:1px 1px 1px #83a23e; }
#pricing-table .business-plan ul { background:#fff; border:1px solid #ccc; height:143px; margin:0px 0px 0px; -webkit-box-shadow: 0px 0px 5px #989898; -moz-box-shadow:0px 0px 5px #989898; box-shadow: 0px 0px 5px #989898; list-style: none; padding: 0; }
#pricing-table .business-plan ul li { border-bottom:1px solid #d3d3d3; color:#0073bc; font:16px Times New Roman; line-height:20px; text-align:center; padding:10px 0px 10px 0px;  }
#pricing-table .purchase-btn { background:url(images/perchaise-btn.png) no-repeat left top; color:#fff; cursor:pointer; display:block; font:13px Times New Roman; height:28px; line-height:28px; margin:14px auto 0px; text-align:center; text-shadow:1px 1px 1px #83a23e; width:92px; }
#pricing-table .purchase-btn:hover,#pricing-table .purchase-btn:focus { background:url(images/perchaise-btn.png) no-repeat left bottom; }
#pricing-table .pricing-picture {float:left; padding-left:45px;}


#footer { margin:0px auto; overflow:hidden; padding:10px 0px 10px; width:920px;}

.download { float:left; margin: 0 0 0 10px; width: 220px; color:#575757;}
.download .download-btn { background:url(../images/download_button.png) no-repeat left top; color:#000000; display:block; font:13px height:41px; line-height:41px; margin:10px 0px 0px; text-align:center; text-shadow:1px 1px 1px #83a23e; width:109px;}
.download .download-btn:hover,.slider-info .download-btn:focus {  background:url(../images/download_button.png) no-repeat left bottom; }

.factsheet { float:left; margin: 0px 50px 0 10px; width:220px; height: 312px;}

.quick-contact { float:left; margin:0px 0px 0px 20px; width:370px; color:#0073bc; font:13px Times New Roman; }

p { margin:0px 0px 10px; }

.send-btn { background:url(../images/download_button.png) no-repeat left top; color:#fff; display:block; font:13px Times New Roman; height:41px; line-height:41px; margin:0px; text-align:center; text-shadow:1px 1px 1px #83a23e; width:109px;}
.send-btn:hover,.slider-info .download-btn:focus {  background:url(../images/download_button.png) no-repeat left bottom; color:#fff; }
a.send-btn:link, a.send-btn:hover, a.send-btn:active, a.send-btn:visited { color:#000000; text-decoration:none; }