@charset "utf-8";
/* CSS Document */
/*General CSS structure and layout*/
/*---------------------------------------------------------------------------
----------Default styles----------

1. typography and default
2. basic columns and margin adjust classes
3. image styles
4. button styles'
5. divider
----------Index page styles----------
6. header
		- logo
		- call
7. slideshow_bg
	7.1 slideshow
	7.2 tagline
	7.3 subscribe_bg
			- text and list
			- subscribe form
8. features
9. cta
	9.1 highlight
			- 4 boxes for main features/highlight
			- button
	9.2 purchase_box
			- text and button
10. gallery
11. sub_footer
	11.1 testimonial
	12.2 social
	12.3 contact form
12. footer
		- copyright
		- genetal links
---------------------------------------------------------------------------*/
body {
	background: url(../images/pattern-1.jpg) repeat #f2f2f2 fixed;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #706f74;
	font-weight: normal;
	font-style: italic;
	line-height: 1.6em;
	text-shadow: 0 1px 1px #ffffff;
}
.clear {
	clear:both;
}
/*1.typography and default*/
/*---------------------------------------------------------------------------*/
h1, h2, h3, h4 {
	color: #4d4c50;
	line-height: 1.2em;
}
h1 {
	font-size: 24px;
	margin-bottom: 15px;
}
h2 {
	font-size: 16px;
	margin-bottom: 15px;
}
h3 {
	font-size: 14px;
	margin-bottom: 15px;
}
h4 {
	font-size: 12px;
	margin-bottom: 10px;
	line-height: 1.45em;
}
a {
	color: #706f74;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	text-decoration: underline;
}
/*2.basic columns and margin adjust classes*/
/*---------------------------------------------------------------------------*/
/*two columns*/
.column_2 {
	width: 460px;
	margin-right: 20px;
	float: left;
}
/*three columns*/
.column_3 {
	width: 300px;
	margin-right: 20px;
	float: left;
}
/*four columns*/
.column_4 {
	width: 220px;
	margin-right: 20px;
	float: left;
}
/*twothird and onethird columns*/
.column_onethird {
	width: 300px;
	margin-right: 20px;
	float: left;
}
.column_twothird {
	width: 620px;
	margin-right: 20px;
	float: left;
}
/*columns threefourth and onefourth*/
.column_onefourth {
	width: 220px;
	margin-right: 20px;
	float: left;
}
.column_threefourth {
	width: 700px;
	margin-right: 20px;
	float: left;
}
/*-----margin adjust classes-----*/
.alpha {
	margin-right: 0px !important;
}
.beta {
	padding-top: 10px !important;
}
/*3.image styles*/
/*---------------------------------------------------------------------------*/
.image_left {
	float: left;
	margin-right: 15px;
}
.image_right {
	float: right;
	margin-left: 15px;
}
/*4.button styles*/
/*---------------------------------------------------------------------------*/
.button_1 {
	background: #59575d;
	width: 248px;
	height: 30px;
	padding: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	float: left;
}
.button_1 a {
	font-size: 18px;
	color: #8bedea;
	font-weight: bold;
	line-height: 1.6em;
	text-shadow: 0px 1px 1px #39383c;
	display: block;
}
.button_1 a:hover {
	text-decoration: none;
}
/*5.divider*/
/*---------------------------------------------------------------------------*/
.divider {
	background: url(../images/div-divider.jpg) repeat-x;
	width: 940px;
	height: 3px;
	float: left;
}
/*----------------------------------------*/
/*Index page style*/
/*----------------------------------------*/
#wrapper {
	width: 940px;
	margin: 0 auto;
}
/*6.header*/
/*---------------------------------------------------------------------------*/
#header {
	width: 940px;
	padding: 20px 0px;
	float: left;
}
.logo {
	float: left;
}
#header p {
	padding-top: 7px;
	font-size: 14px;
	color: #635240;
	font-weight: bold;
	font-style: italic;
	line-height: 1em;
	float: right;
}
/*7.slideshow_bg*/
/*---------------------------------------------------------------------------*/
#slideshow_bg {
	background: url(../images/slider-bg.png) no-repeat;
	width: 940px;
	height: 382px;
	margin: 40px 0px;
	position: relative;
	z-index: 9;
	float: left;
}
/*----------slideshow----------*/
.slideshow {
	width: 938px;
	height: 380px;
	margin: 1px;
	float: left;
}
/*----------tagline----------*/
.tagline_bg {
	background: url(../images/caption-head.png) no-repeat right;
	height: 67px;
	position: absolute;
	top: 153px;
	right: 258px;
	z-index: 999;
}
p.tagline {
	background: url(../images/caption-body.png) repeat;
	height: 40px;
	border-left: 3px solid #39383c;
	padding: 27px 25px 0px 25px;
	margin-right: 25px !important;
	font-size: 20px;
	color: #8bedea;
	font-style: italic;
	text-shadow: 0px 1px 1px #39383c;
	display: block;
	float: left;
}
/*----------subscribe----------*/
#subscribe_bg {
	background: url(../images/signup-bg.png) no-repeat;
	width: 339px;
	height: 380px;
	position: absolute;
	top: 1px;
	right: 1px;
	z-index: 99;
}
#subscribe {
	width: 260px;
	float: right;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 30px;
}
form#subform {
	padding-top: 15px;
}
form#subform fieldset {
	border: none;
	background: none;
}
form#subform fieldset p {
	background: none;
	padding: 0;
	margin: 0;
	display: block;
}
form#subform input {
	background: #68666c;
	width: 246px;
	height: 21px;
	padding: 5px;
	margin-bottom: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	font-style: italic;
	line-height: 1.7em;
	text-shadow: none;
	border: 2px solid #68666c;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	outline: none;
	float: left;
}
form#subform input.sub_submit {
	background: #942a11;
	width: 260px;
	height: 35px;
	margin-bottom: 5px;
	padding: 0;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	text-shadow: 0px 1px 1px #39383c;
	border: none;
	cursor: pointer;
	outline: none;
	display: block;
	float: left;
}
/*label.error is not used for this template*/
form#subform label.error {
	font-size: 0px;
	display: none !important;
}
form#subform input.error {
	border: 2px solid #ffa0a0;
}
form#subform #result_sub {
	width: 260px;
	text-align: center;
}
/*----------bullet list----------*/
ul.bullet_list li {
	background: url(../images/bullet.png) no-repeat 0 6px;
	padding-left: 17px;
	padding-bottom: 5px;
	/* [disabled]font-size: 12px; */
	display: block;
}
/*8.features*/
/*---------------------------------------------------------------------------*/
#features {
	width: 940px;
	margin-bottom: 10px;
	float: left;
}
/*margin bottom to features is less than 40px, to adjust margin bottom of 'li'*/
ul.features li {
	width: 300px;
	margin-right: 20px;
	margin-bottom: 30px;
	float: left;
	background: none;
	list-style: none;
}
/*Adjust margin bottom of 'li img' as per your content*/
ul.features li img {
	float: left;
	margin-right: 10px;
	margin-bottom: 90px;
}
/*
If you are using icons other than 32x32, than adjust margin left of 'li h3'
h3 margin left = width of icon (px) + 10px;
*/
ul.features li h3 {
	background: url(../images/heading-divider.jpg) repeat-x bottom;
	padding-bottom: 10px;
	margin-bottom: 15px;
	margin-left: 42px;
}
/*9.cta*/
/*---------------------------------------------------------------------------*/
#cta {
	width: 940px;
	margin: 40px 0px;
	float: left;
}
/*----------highlight---------*/
.highlight {
	width: 620px;
	margin-right: 20px;
	float: left;
}
/*box*/
ul.highlight_box li {
	background: url(../images/highlight-txt-bg.png) no-repeat #f4f4f4;
	width: 120px;
	height: 66px;
	padding: 10px;
	margin-right: 20px;
	text-align: center;
	list-style: none;
	float: left;
}
ul.highlight_box li h2 {
	padding-top: 12px;
	font-size: 16px;
	color: #942a11;
	font-weight: normal;
	font-style: italic;
}
/*lines below 4 boxes*/
.hghtlight_lines {
	background: url(../images/centered-lines.png) no-repeat;
	width: 620px;
	height: 60px;
	float: left;
}
/*highlight button*/
.hightlight_button {
	background: url(../images/big-txt-box.png) no-repeat #942a11;
	width: 280px;
	height: 32px;
	padding: 10px 10px 10px 10px;
	margin: 0px auto 20px auto;
	font-size: 16px;
	color: #f4f4f4;
	font-style: italic;
	text-align: center;
	font-weight: bold;
	text-shadow: 0px 1px 1px #39383c;
	line-height: 2em;
}
/*below is additional style provided,
just in case if you need to use link in this button*/
.hightlight_button a {
	font-size: 16px;
	color: #f4f4f4;
	font-style: italic;
	text-align: center;
	font-weight: bold;
	text-shadow: 0px 1px 1px #39383c;
	line-height: 2em;
	display: block;
}
.hightlight_button a:hover {
	text-decoration: none;
}
/*----------purchase box---------*/
.purchase_box {
	background: #f4f4f4;
	width: 258px;
	padding: 20px;
	border: 1px solid #ffffff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	float: left;
}
.purchase_box h2 {
	text-align: center;
}
p.price {
	padding: 20px 0px 25px 0px;
	font-size: 36px;
	color: #942a11;
	font-weight: normal;
	font-style: italic;
	text-align: center;
	line-height: 1em;
}
/*10.gallery*/
/*---------------------------------------------------------------------------*/
#gallery {
	background: url(../images/gallery-bg.png) no-repeat;
	width: 940px;
	height: 250px;
	float: left;
	margin: 40px 0px;
	padding: 20px;
}
ul.gallery li {
	background: url(../images/gallery-box.png) no-repeat;
	width: 172px;
	height: 130px;
	padding: 0;
	margin-right: 10px;
	position: relative;
	list-style: none;
	float: left;
}
ul.gallery li a span img {
	width: 25px;
	height: 25px;
	border:none;
	margin-top: 0px;
	margin-left: 147px;
	background: none !important;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
/*10.sub_footer*/
/*---------------------------------------------------------------------------*/
#sub_footer {
	width: 940px;
	margin: 40px 0px;
	font-size: 12px;
	float: left;
}
#sub_footer h3 {
	background: url(../images/heading-divider.jpg) repeat-x bottom;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
/*----------testimonial----------*/
span.testimonial {
	padding-top: 5px;
	padding-bottom: 15px;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.3em;
	text-align: right;
	display: block;
}
/*----------social----------*/
#twitter ul li {
	background: none;
	list-style: none;
	margin: 0px 0px 10px 0px;
	padding: 0;
	display: block;
}
ul.social li {
	float: left;
	padding-right: 5px;
	background: none;
	list-style: none;
}
/*----------contact form----------*/
form#form fieldset {
	border: none;
	background: none;
}
form#form fieldset p {
	background: none;
	padding: 0;
	margin: 0;
	display: block;
}
form#form label {
	width: 66px;
	font-size: 10px;
	color: #535156;
	font-weight: bold;
	line-height: 1.5em;
	text-align: left;
	float: left;
}
form#form input {
	background: #68666c;
	width: 220px;
	height: 16px;
	padding: 5px;
	margin-bottom: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	line-height: 1.4em;
	text-shadow: none;
	border: 2px solid #68666c;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	outline: none;
	float: left;
}
form#form textarea {
	background: #68666c;
	width: 220px;
	height: 80px;
	padding: 5px;
	margin-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	line-height: 1.5em;
	text-shadow: none;
	border: 2px solid #68666c;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	outline: none;
	float: left;
}
form#form input.submit {
	background: #942a11;
	width: 100px;
	height: 30px;
	margin-left: 68px;
	margin-bottom: 5px;
	padding: 0;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-shadow: 0px 1px 1px #39383c;
	border: none;
	cursor: pointer;
	outline: none;
	display: block;
	float: left;
}
/*label.error is not used for this template*/
form#form label.error {
	width: 0px;
	font-size: 0px;
	line-height: 0em;
	display: none !important;
}
form#form input.error {
	border: 2px solid #ffa0a0;
}
form#form textarea.error {
	border: 2px solid #ffa0a0;
}
form#form #result {
	width: 232px;
	margin-left: 68px;
	float: left;
	text-align: left;
}
/*8.footer*/
/*---------------------------------------------------------------------------*/
#footer {
	width: 940px;
	font-size: 10px;
	margin: 10px 0px 40px 0px;
	float: left;
}
#footer p {
	float: left;
}
#footer ul {
	float: right;
}
#footer ul li {
	padding-left: 10px;
	background: none;
	list-style: none;
	float: left;
}