@charset "utf-8";
/* CSS Document */

body, a
{font-family:Segoe UI, Myriad Pro, helvetica, sans serif;
font-size: 14px;
line-height: 22px;
color:#d1d1d1;}

.hr
{
background:url(images/separator.jpg) repeat-x center;
height:2px;
width:700px;
clear:both;
margin:20px auto;}
p a
{color:#727272;
text-decoration:none;
border-bottom: 1px dotted;
padding: 3px 0;}

p a:hover
{
background:#922121;
color:#FFF;
border:none;}

#features
{
margin: 20px auto;
width:800px;
}

#features span.featurepanel
{
overflow:hidden;
width:300px;
padding: 20px 49px 0px 49px;
color:#272728;
float:left;
background-color:#F0F0F0;
-moz-border-radius:10px;
border-radius:10px;
-webkit-border-radius:10px;
height:155px;

}


#features div:hover
{}

.featurepanel
{
display:block;}
.featurepanel span
{
display:block;
border:none;
padding:0;
float:none;
margin:0;
width:auto;	
margin-left:92px;}

.featurepanel img
{
float:left;
margin-right:20px;
}

.featurepanel b
{display:block;
clear:right;
font-weight:normal;
font-size:120%;
color:#666;
text-shadow: 0 1px 0 #FFF;
}

#container
{
width:100%;
margin:auto;
background: #f0f0f0 url(images/header.jpg) repeat-X left top;

}

#header
{
z-index:0;
height:610px;
}
#backgrounds
{
z-index:1;
width:100%;
position:absolute;
height:610px;
padding:0;

top:0;
overflow:hidden;}
#backgrounds img
{
display:none;
position:absolute;
top:0;
z-index:1;
width:3000px;
margin:auto;
float:none;
}
#iphone
{
z-index:2;
background: transparent url(images/i_phone.png) no-repeat top left;
width: 477px;
height:717px;
margin:auto;
position:relative;
left:-235px;
top:40px;}

/*#iphone
{
z-index:0;
background: transparent url(../images/phone2.png) no-repeat top left;
width: 390px;
height:685px;
margin:auto;
position:relative;
left:-254px;
top:30px;}*/

.hide
{
text-indent:-9000px;}

.hide2
{
display:none;}

#header_content
{
z-index:2;
margin:-560px auto 0 auto;
width:492px;
position:relative;
left:245px;}

#heading
{ background: url(images/header_image.png) center top no-repeat;
width:492px;
height:154px;
}

#slider
{
height:130px;
text-indent:0;
width:280px;
text-align: center;
margin:auto;
margin-top:140px;
position:relative;}

#slider li
{
position:absolute;
top:0;
left:0;
display:none;

}

#slider li.active
{display:block;}

#spanel
{
text-indent:0;
width:347px;
height: 43px;
background:url(images/spanelbg.png) no-repeat top left;
margin:20px auto auto auto;
position:relative;
z-index:1;
opacity:0.9;
padding-left: 23px;
}

#spanel li
{
z-index:3;
float: left;
}

#spanel li h2 a
{
font-size:16px;
margin:7px 0 0 -37px;
text-align:left;
}


.box-content
{
width:585px;
margin:auto;
}

.description
{
float:left;
position:relative;
width:300px;
}
.box-content p, .box-content img
{
float:left;
margin:0;
max-width: 300px;
text-indent:0;}

.box-content h1
{
text-indent:0;
margin:0;}

ul#spanel, #spanel ul
{
position:relative;
z-index:8;
margin-left: 15px;
}

#spanel li a
{
height: 37px;
margin:0;
padding:0;
margin-top:8px;
width:80px;
display:block;
text-decoration: none;
color: #fff;
}



#spanelbg
{
height:37px;
width: 85px;
position:absolute;
top:4px;
left:4px;
z-index:-1;
}

.new
{
background:url(images/new.png) no-repeat top left;
width:92px; 
float:none;
height:92px;
position:absolute;
margin:auto;
top:00px;
left:300px;
z-index:10;}


.tempcontain
{
position:relative;
width:960px;
margin:auto;}

.viewport
{
position:absolute;
z-index:99;
width:269px;
overflow:hidden;
height:403px;
margin:auto;
left:68px;
top:141px;
}

.slider
{
width:1600px;
float:left;
position:relative;
right:0;}

.slider img
{
margin:0;
padding:0;
margin-right:-4px;
}/*
.viewport
{
position:absolute;
z-index:99;
width:269px;
overflow:hidden;
height:402px;
margin:auto;
left:93px;
top:132px;
}

.slider
{
width:9000px;
float:left;
position:relative;
right:0;}

.slider img
{
margin:0;
padding:0;
margin-right:-4px;
}*/
#fingers
{
	display:none;
background:url(images/h_finger.png) no-repeat left;
width:85px;
height:128px;
position:absolute;
top:232px;
left:283px;
z-index:100;
}

#search
{
position: absolute;
top:60px;
z-index:999;
right:10%;
padding: 10px 10px 0 10px;
background:top left url(images/searchbar.png) transparent no-repeat;
height: 27px;
color:#222222;
font-family: Myriad Pro, sans serif;
font-size: 15px;
width: 214px;
border:none;
}

#tweetbubble
{
width:320px;
height: 149px;
position:absolute;
background:url(images/twitterbg.png) no-repeat;
top:-108px;
left:60%;z-index:999;
}

#tweetbubble:hover
{
cursor:pointer;
}

#content
{
color:#272728;
font-family:Myriad Pro, segoe ui, sans serif;
position:relative;
z-index:3;
width:940px;
margin:25px auto auto;
padding: 20px;}

.slidemenu1 {
float:right;
font-family: Myriad Pro, segoe ui, sans serif;
width:520px; /*If you change the menu items, you may need to change the width according to the new number of characters*/
margin-top: -25px;
}
.slidemenu {
float:right;
font-family: Myriad Pro, segoe ui, sans serif;
margin-top:-20px;
margin-bottom:20px;
width:430px; /*If you change the menu items, you may need to change the width according to the new number of characters*/
}

.slidemenu1 li a
{
font-family: Myriad Pro, segoe ui, sans serif;
text-decoration:none;
color:#777777;
padding: 7px;
font-size: 16px;}

.slidemenu li, .slidemenu1 li
{
float:left;
text-shadow: 0 1px 1px #FFF;
}

.slidemenu1 li a:hover
{color:#333;}

.slidemenu li a
{
font-family: Myriad Pro, segoe ui, sans serif;
text-decoration:none;
float:left;
color:#999;
padding: 6px;
font-size: 14px;
text-shadow: 0 1px 1px #FFF;}

.slidemenu li a:hover
{color:#555;}

.copy
{
margin: 55px 0 10px 40px;}

p, h1, h1 a
{
margin: 10px 40px 0 40px;
color:#272728;
line-height:30px;
}
p
{text-indent:20px;
}

.pimg
{
float:right;
margin:20px 0 20px 20px;}

h1, h1 a
{
font-size:28px;
margin:0;}

#plans
{
width:793px;
font-size: 18px;
font-weight:bold;
color:#0d0d0d;
margin:auto;
margin-top:10px;
}

button:active
{
outline:none;}

.buynow
{width:126px;
height:36px;
background:url(images/buybutton.png) top no-repeat transparent;
cursor:pointer;
outline:none;
border:none;}



.buynow:hover, #contactus:hover
{background-position:0px -36px;
}

.buynow:active, #contactus:active
{
background-position:0 -74px;
outline: 0;
border:none;}

#contactus
{width:126px;
height:36px;
background:url(images/submit.png) top no-repeat transparent;
cursor:pointer;
outline:none;
border:none;
text-indent:-9999px;}

.legend
{ background:url(images/asterisk.png) left no-repeat;
padding-left:13px;
text-align:left;
font-size:12px;
font-weight:normal;
color:#0d0d0d;}
 
#plans tr td.first
{color:#646464;
text-align:left;
width:15%;
padding-left:3%;
 }
#plans tr td
{

vertical-align:middle;
width:25%;
text-align:center;}

#plans tr.hover
{
border-bottom: 1px solid #d5d5d5;
border-top:1px solid #d5d5d5;
border-collapse:collapse;
height:65px;}

#plans tr
{
border-top: none;
border-collapse:collapse;
height:65px;}

#testimonials
{
width:800px;
margin:auto;
overflow:visible;
margin-top:20px;
background-color:#f0f0f0;
height:200px;
padding-bottom:20px;
}

#testimonials h1
{
width:100%;margin:0;margin-bottom:20px;text-align
                :center;}

#testimonials div
{
width:800px;
padding:0;
overflow:visible;}
#testimonials div div
{
width:215px;
padding:20px;
line-height:24px;
font-size:15px;
background:url(images/quote.png) top left no-repeat;
float:left;
text-align:right;
}

#testimonials div i
{
text-align:left;
color:#444444;
display:block;
margin-bottom:13px;}

h2
{
font-family:Myriad Pro, segoe ui, sans serif;
width:100%;
font-size:21px;
margin:5px 20px 0 20px;}

.cimg
{
float:right;
position:relative;bottom:10px;
}

.contactinfo
{float:right; margin-right:50px;width:430px;text-align:left;
}

.contactinfo div
{
font-family:Myriad Pro, segoe ui, sans serif;
width:100%;
border-bottom: 1px #d5d5d5 solid;
padding: 14px 0 19px 0;
color:#535353;
font-size:16px;
letter-spacing:0.4px;
}

.footer
{
position:relative;
width:100%;
padding-top: 20px;
border-top: 1px solid #777;
background:url(images/footer.png) #161616 top no-repeat;
}

.footer p
{color:#9c9797;
font-size:10px;
line-height:13px;
padding-bottom:20px;
text-indent:0;
margin:0;}
.footercontent
{
width:650px;
margin:auto;
}

.footer img
{text-align:center;
vertical-align:middle;
margin-right:37px;
}

.contactinfo b
{color:#444444;
width:24%;float:left;
display:block;
font-size:14px;}

.contactinfo a
{
color:#922121;
text-decoration:none;}

.contactinfo a:hover
{
border-bottom:dotted 1px;}

.contactinfo a#noborder:hover
{border:0;}

.form
{
margin-left:60px;
}

.form input, .form textarea
{margin: -4px 0 3px 0;
display:block;
color: #809a5d;
height: 20px;
width: 328px;
padding-top:3px;
padding-left: 3px;

font-family: Segoe UI, Myriad Pro, arial, sans serif;
font-size: 12px;}

.error_message { display: block; width:350px; line-height: 22px; background: #FBE3E4 url('../images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#succsess_page h1 { background: url('images/success.gif') left no-repeat; padding-left:22px; }


.form textarea
{
overflow:hidden;}

.form label
{color:#84AE9F;
font-size:14px;
font-variant:small-caps;
font-weight:bold;}

#messagediv textarea
{
height:200px;}

label.nec
{ background:url(images/asterisk.png) left no-repeat;
margin-left:-13px;
padding-left:13px;}
.c_asterik{ color: #c24141; }
.post h2 a
{
	font-family: Segoe UI, arial;
	font-size: 18pt;
	color: #666666;
	text-decoration: none;
}
.post h2 a:hover
{
	font-family: Segoe UI, arial;
	font-size: 18pt;
	color: #333333;
	text-decoration: none;
}

.comment
{
	background: url('images/comment.png');
	border: 2px solid #e1e3e3;
	width: 470px;
	color: #5b5c5b;
}
.bypostauthor
{
	background: url('images/red_comment.png');
	border: 2px solid #ac362f;
	color: #FFF;
}
.reply
{
	border: 1px solid #e2e3e3;
	background: #eaebeb;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float:right;
	padding: 5px;
}
.reply a
{
	font-family: Segoe UI, arial;
	text-decoration: none;
	font-size: 8pt;
	text-shadow: #FFF 0 1px 0;
	color: #989898;
}
.reply:hover
{
	background: #e1e2e2;
	color: #000;
}
.bypostauthor .reply
{
	background: #b5372f;
	border: 1px solid #b43128;
}
.bypostauthor .reply a
{
	font-family: Segoe UI, arial;
	text-decoration: none;
	font-size: 8pt;
	text-shadow: #e85148 0 1px 0;
	color: #000;
}
.bypostauthor .reply:hover
{
	background: #a33c35;
}
.separator
{
	height: 1px;
	background: #d7d7d7;
}
.bypostauthor .separator
{
	height: 1px;
	background: #a8352d;
}
ol.commentlist li.comment div.hr{width:90%; margin: 10px auto 0}
ol.commentlist li.bypostauthor div.hr{background: none; display: none}
ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { padding:1em; margin: 1em; }
.comment .comment-text { float:left;margin-left:20px;color: #5b5b5b; width: 380px }
.bypostauthor p { color: #FFF; }
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard { font:normal 16px Segoe UI, arial, georgia,times,serif; float:left; }
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a {color: #000; text-decoration: none}
ol.commentlist li.comment div.bypostauthor cite.fn a {color: #FFF; text-decoration: none}
ol.commentlist li.comment div.vcard img.avatar { margin:0 0 1em 1em; }
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { font-size:9px; float:left; }
.comment .comment-meta a { text-decoration: none; color: #5b5c5b; }
.bypostauthor .comment-meta a { text-decoration: none; color: #FFF; }
ol.commentlist li.comment p { font-size:14px; margin:0 0 1em; }
ol.commentlist li.comment ul { font-size:14px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li.comment div.reply { font-size:11px; }
ol.commentlist li.comment div.reply a { font-weight:bold; }
ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {  margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-3 {  margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-4 {  margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {  }
ol.commentlist li.odd {  }
ol.commentlist li.parent {  }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
.bypostauthor .reply a
{
	font-family: Segoe UI, arial;
	text-decoration: none;
	font-size: 8pt;
	text-shadow: #e85148 0 1px 0;
	color: #ffd5d2;
}

ol.commentlist li.comment div.reply a {
}

ol.commentlist li.comment div.comment-meta {
float:right;
font-size:9px;
}

.comment .comment-text {
color:#5B5B5B;
float:left;
margin-left:20px;
text-indent:0;
width:72%;
}


.comment .comment-meta a {
color:#9F9F9F;
font-size:12px;
text-align:right;
text-decoration:none;
}

ol.commentlist li.comment div.reply a {
}

ol.commentlist li.comment div.comment-meta {
float:right;
font-size:9px;
}

.comment .comment-text {
color:#5B5B5B;
float:left;
margin-left:20px;
text-indent:0;
width:72%;
}


.comment .comment-meta a {
color:#9F9F9F;
font-size:12px;
text-align:right;
text-decoration:none;
}


h3#comments
{
color:#878787;
font-family:Myriad Pro,segoe ui,sans serif;
font-size:20px;
font-weight:bold;
margin:5px 20px 0;
width:100%;
}

.bypostauthor .reply a
{
	font-family: Segoe UI, arial;
	text-decoration: none;
	font-size: 8pt;
	text-shadow: #e85148 0 1px 0;
	color: #ffd5d2;
}

.bypostauthor .comment-meta a { text-decoration: none; color: #f7b4ad; }





ol.commentlist li.comment div.hr{width:200px}
ol.commentlist li.comment ul.children li.depth-2 {  margin:0 0 .25em .25em; width:90%; }
ol.commentlist li.comment ul.children li.depth-3 {  margin:0 0 .25em .25em; width:90%;

 }


ol.commentlist li.comment ul.children li.depth-4 {  margin:0 0 .25em .25em; width:90%;
 }
ol.commentlist li.comment div.vcard img.avatar {}
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; font-size:13px;}




ol.commentlist li.comment div.reply a { font-weight:normal; }
#commentform #comment
{
width: 550px; height: 250px; text-indent:0;}

code
{
width: 700px; display: block; font-size: 12px;}

#commentform input, #commentform textarea
{margin: -4px 0 3px 0;
display:block;
color: #809a5d;
padding-top:3px;
padding-left: 3px;
width: 328px;
font-family: Segoe UI, Myriad Pro, arial, sans serif;
font-size: 12px;}

#commentform input
{
	height: 20px;
}



#commentform label
{
 font-family: Segoe UI, Myriad Pro, arial, sans serif;
color:#5b5b5b;
font-size:14px;
}


#commentform label.nec
{ background:url(images/asterisk.png) left no-repeat;
margin-left:-13px;
padding-left:13px;}
.c_asterik{ color: #c24141; }

#commentform #submit:hover
{background-position:0px -36px;
}

#commentform #submit:active
{
background-position:0 -74px;
outline: 0;
border:none;}

#commentform #submit
{width:126px;
height:36px;
background:url(images/submit.png) top no-repeat transparent;
cursor:pointer;
outline:none;
border:none;
text-indent:-9999px;}


.price{
	width:150px;
	height:150px;
margin:auto;
	font-weight:700;
text-align: center;

	}
.price ul
{
	margin:0;padding:0;
	list-style:none;}
.price ul li{padding: 5px;}
.price li.plantype
{color:#5a5a5a;
font-size:24px;
position:relative;
top:3px;}

.price li.pricenumber
{color:#3e3e3e;
font-size:30px;
letter-spacing:-1px;
}

.price li.pricenumber i, .price li.pricenumber em
{
	font-size:35px;
	color:#313131;
font-style:normal;
vertical-align:-10px;
}

.price li.pricenumber em
{font-size:47px;
letter-spacing:-1px;}

.price li.pricenumber b
{
	color:#3e3e3e;
position:relative;
top:10px;
font-size:22px;}

.price .pricenumber.red, .price .pricenumber.red em
{color:#be3333}


.price li.detail
{
	color:#767676;
	font-weight:normal;
	font-size:12px;
	line-height:14px;
	font-family:segoe UI, sans serif;}
	
	.post
	{
		padding: 30px 0 0 0;
		width: 850px;
	}
	.the-post{padding: 0 0 30px 0;float:left;margin-left:20px;width:90%;border-bottom: 1px solid #d5d5d5;color: #464646;}
	#post-title a
	{
		color: #313131;
		text-shadow: 1px 1px 1px #FFF;
		font-size: 19pt;
	}
	#post-title a:hover
	{
		color: #111111;
	}
	.date-first
	{
		font-weight: bold;
		font-size: 24pt;
	}
	.date-below
	{
		font-size: 11pt;
		display:block;
		text-align:center;
	}
	.post small a
	{
		color: #313131;
	}
	.post small a:hover
	{
		background: transparent;
	}
	.more
	{
		float: right;
	}
	.more a{color: #313131}
	.more a:hover
	{
		background: transparent;
		color: #313131;
	}
.entry
{
margin-top:10px;}

.entry h2, .entry p
{
text-indent:0;
margin:0;}

.entry h1, .entry h2, .entry h3
{
margin: 10px 0;}
.the-post>p
{
margin:10px 20px 0;
text-indent:0;}

.entry blockquote
{

border:1px #aeaeae dotted;
background:url(../images/quote.png) no-repeat scroll left top #transparent; 
padding:15px;
font-size:1.15em;
font-family:Georgia, serif;
font-style:italic;
color:#5b5b5b;
margin:15px 0;
}

.entry blockquote p
{
color:#5B5B5B;
margin:0;}

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

.entry ul li
{
margin:5px 30px;
list-style:disc;
}