﻿/*  RESET  */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}


/* BASE 
--------------------------------------
*/

h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold; color:#333}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ol,dl{margin:1em;}ol,dl{margin-left:2em;}ol li{list-style:decimal outside;}dl dd{margin-left:1em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}fieldset,table,pre{margin-bottom:1em;}


body, html {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 100%; 
text-align: left;  
color: #777;
height:100%;
width:100%;
}

h1 {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
font-size: 38px; 
color:#555; 
margin:45px 0 25px 0;
/*text-shadow:1px 1px 0px #ccc;*/
}

h2 {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
font-size: 23px; 
line-height:1.5em;
font-weight:400; 
color:#888; 
margin:0 0 45px 0;
width:700px;
}

h3 {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
font-size: 20px; 
line-height:1.3em;
font-weight:bold; 
color:#666; 
margin:25px 0;
}

p {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
font-size:14.7px;
line-height:1.6em;
margin-top:0.8em;
margin-bottom:1.6em;
color:#777;
}

a {
color:#FF850C; 
font-weight:bold;
text-decoration:none;
}

a:hover {color:#FF6C00;}

ul {
padding-left:0; 
margin-left:0; 
}

/* Color Classes */
.LongHeaderCenter {
width:940px;
text-align:center;
}

/* Half Width Paragraph*/
.half_width {
width:400px;
padding-right:70px;
float:left;
}


/* Wrapper */

#wrapper {
background-color:#E5E2D9;
width: 100%;
min-width:1000px;
min-height:100%;
position:relative;
z-index:0;
}


/* Header */

#header {
background-color:#ffffff;
width:100%;
position:relative;
z-index:0;
} 

#header ul {
width:940px;
margin:0 auto;
}

#header ul li{
list-style-type:none; 
display:inline-block;
}
	
#header ul li.logo {margin:12px 0 0 0;}
#header ul li.tag {
position:relative;
top:6px;
left:20px;
z-index:0;
padding-top:5px;
}

#header ul li.tag img, #header ul li.logo img {display:block;width:300px;}
#header ul li.tag img {width:90%;}

	
#header ul li.top_nav {
float:right;
font-size:14px; 
line-height:1.48em; 
background-color:#FF850C;
height:25px;
color:#fff;
padding:5px 13px;
}

#header ul li.top_nav a{
font-family: "Helvetica Neue",Arial,sans-serif;
color:#fff;
text-decoration:none;
}
#header ul li.top_nav a:hover {color:#ffffff;text-decoration:underline;}



/* Main Nav*/

#nav {
margin: 0;		
padding:0;
float:left;
width:100%;
position:relative;
z-index:9999;
}

#nav #main_nav {
width:100%;
background-color:#555;
}

#nav #main_nav ul {
width:940px;
margin:0 auto;
padding:0;
display:table;
}

#nav #main_nav ul li{
height:55px;
line-height:55px;
float:left;
margin:0;
list-style: none; 
display: inline; 
padding:0 45px 0 0;
}

#nav #main_nav ul li.circle {
background: url(../images/circle.png) no-repeat;
background-position:top 8px left 0;
background-position-x: 0%;
background-position-y: 50%;
padding-left:15px;
padding-right:20px;
}

#nav #main_nav ul li a{	
font-family: "Helvetica Neue",Arial,sans-serif;
color: #F9F9F9; 
text-decoration: none;
font-size:13.5px;
letter-spacing:.04em;
 -webkit-transition: color 0.14s ease-in;
   -moz-transition: color 0.14s ease-in;
   -o-transition: color 0.14s ease-in;
   -ms-transition: color 0.14s ease-in;

}

#nav #main_nav ul li a:hover{color:#FF850C;}



/* Sub Nav*/

#nav #subnav {
margin: 0;		
padding:0;
float:left;
width:100%;
background-color:#777;
}

#nav #subnav ul {
width:940px;
margin:0 auto;
padding:0 0 2px 0;
}

#nav #subnav ul li{
height:35px;
line-height:35px;
list-style: none; 
display: inline; 
padding:0 53px 0 0;
}

#nav #subnav ul li a{
font-family: "Helvetica Neue",Arial,sans-serif;
color: #FFFFFF; 
text-decoration: none;
font-size:14px;
font-weight:normal;
letter-spacing:.03em;
 -webkit-transition: color 0.14s ease-in;
   -moz-transition: color 0.14s ease-in;
   -o-transition: color 0.14s ease-in;
   -ms-transition: color 0.14s ease-in;
text-shadow:none;
}

#nav #subnav ul li a:hover{color:#FF850C;}

#subnav_highlight {
width:940px; 
margin:0 auto;
}

#subnav_highlight .triangle1 {
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 5px 5px 5px;
border-color: transparent transparent #F8F8F8;
z-index: 3;
position:relative;
top:34px;
left:100px;
}

#subnav_highlight .triangle2 {
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 5px 5px 5px;
border-color: transparent transparent #F8F8F8;
z-index: 3;
position: relative;
top:34px;
left:325px;
}

#subnav_highlight .triangle3 {
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 5px 5px 5px;
border-color: transparent transparent #F8F8F8;
z-index: 3;
position: relative;
top:34px;
left:492px;
}

#subnav_highlight .triangle4 {
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 5px 5px 5px;
border-color: transparent transparent #F8F8F8;
z-index: 3;
position: relative;
top:34px;
left:615px;
}

#nav #subnav_blurbottom {
width:940px;
height:40px;
margin:0 auto;
background:blue;
position: relative;

background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(247,247,247,1) 10%, rgba(247,247,247,0.8) 34%, rgba(247,247,247,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(10%,rgba(247,247,247,1)), color-stop(34%,rgba(247,247,247,0.8)), color-stop(100%,rgba(247,247,247,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(247,247,247,1) 10%,rgba(247,247,247,0.8) 34%,rgba(247,247,247,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(247,247,247,1) 10%,rgba(247,247,247,0.8) 34%,rgba(247,247,247,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(247,247,247,1) 10%,rgba(247,247,247,0.8) 34%,rgba(247,247,247,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(247,247,247,1) 10%,rgba(247,247,247,0.8) 34%,rgba(247,247,247,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#00f7f7f7',GradientType=0 ); /* IE6-9 */
}

/* Main Content */

#container {
width:100%;
height:100%;
} 

#main_content {
vertical-align:top;
width: 940px;
padding:0; 
margin:0 auto;
padding-bottom:100px;
display:table;
}

#main_content ul li {font-size:14.5px; line-height:1.6em;}

#main_content.white_bg {background-color:#FFFFFF}

/* Content Block */

.Content_Block { 
margin:80px 0 0 0;
padding:0 0 80px 0;
background:url(../images/block_gradiation.png) bottom no-repeat;
}

.Content_Block2{ 
margin:20px 0 0 0;
padding:0;
background:url(../images/block_gradiation.png) bottom no-repeat;
display:table;
background-color:#fff;
}

.Color_Block1{ 
background-color:#E5E2D9;
width: 100%;
padding:20px 0 40px 0;
min-width:1000px;
min-height:100%;
position:relative;
z-index:0;
}

.Color_Block1 .Color_Block1_box {
vertical-align:top;
width: 940px;
padding:0; 
margin:0 auto;
display:table;
}

.Color_Block2{ 
background-color:#FFFFFF;
width: 100%;
padding:0 0 10px 0;
min-width:1000px;
min-height:100%;
position:relative;
z-index:0;
}

.Color_Block2 .Color_Block2_box {
vertical-align:top;
width: 940px;
padding:0; 
margin:0 auto;
display:table;
}



/* Homepage */




/*  Pricing  */
.price-chart {
margin-bottom:65px;
margin-top:45px;
}

p.pricing {width:530px;}

.Included {
width:250px;
left:20px;
top:130px;
position:relative;
z-index:-999;
float:right;
}

.Included p {
font-size:14.5px;
line-height:1.5em;
color:#555;
text-align:left;
}

ul.AccountBenefits {}

ul.AccountBenefits li{
list-style:none;
padding:0 0 10px 0;
}

ul.AccountBenefits li img{
vertical-align:middle; 
}


/* Testimonials */

.testimony {
width:65%;
padding:20px 40px 40px 40px;
margin:0 0 58px 0;
-webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
 <!--[endif]-->-shadow: 3px 3px 3px 0px #A9A9A9;
   -webkit-<!--[endif]-->-shadow: 3px 3px 3px 0px #A9A9A9;
   -moz-<!--[endif]-->-shadow: 3px 3px 3px 0px #A9A9A9;
background-color:#fff;
}

.testimony p{
font-family: 'Rosario', sans-serif;
letter-spacing:0.1px;
color:#888;
font-size:16px;
line-height:1.65em;
margin:20px 30px;
}

.testimony .BeginQuote {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:90px;
line-height:0;
font-weight:bold;
color:#e5e5e5;
margin:40px 0 -40px -20px;
display:block;
}
.testimony .EndQuote {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:90px;
line-height:0;
font-weight:bold;
color:#e5e5e5;
margin:-5px 0 0 0;
text-align:right;
}

.testimony p.testimony_name {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:12px;
line-height:1.4em;
font-style:normal;
margin-top:3em;
}

.testimony p.testimony_detail { 
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:11px;
line-height:1.4em;
}

img.testimony_icon { padding:0 15px 35px 0;}


/* Small Testimonials */

.testimony_RightSmall, .testimony_LeftSmall {
width:43%;
margin:40px 0 100px 0;
float:left;
padding-top:0;
}

.testimony_LeftSmall {
padding-right:30px;
padding-left:30px;
border-right:1px solid #ccc;
}

.testimony_RightSmall {
padding-right:20px;
padding-left:40px;

}

.testimony_RightSmall p, .testimony_LeftSmall p{
font-family: 'Rosario', sans-serif;
color:#777;
font-size:23px;
line-height:1.6em;
margin:0;
}

.testimony_RightSmall p.testimony_name,
.testimony_LeftSmall p.testimony_name {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:13px;
margin-top:1em;
text-align:right;
display:tabel-cell;
vertical-align:middle;
}

/* Footer */

#footer {
position:absolute;
bottom:0;
background-color:#666;
color:#ccc;
font-size: 11px;
padding: 10px 0 5px 0; 
width:100%;
height: 20px; /*height of footer*/
} 

#footer_copy {width:940px; margin:0 auto;}

/* Buttons */   
.orange_button {
   padding: 17px 30px;
   background-color: #FF850C;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 40px;
   text-shadow: #af6601 1px 1px 0px;
   color: #FFFFFF;
   font-size: 17px;
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   letter-spacing:0.3px;
   text-decoration: none;
   font-weight: normal;
   cursor: pointer;
   border:none;
   }
.orange_button:hover {
   background-color: #ed7a08;
   color: #FFFFFF;
   }
   
.orange_small_button {
   padding: 17px 30px;
   background-color: #FF850C;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 40px;
   text-shadow: #af6601 1px 1px 0px;
   color: #FFFFFF;
   font-size: 17px !important;
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   letter-spacing:0.3px;
   text-decoration: none;
   font-weight: normal;
   cursor: pointer;
   display:block;
   margin:10px;
   border:none;
   }
   
.orange_small_button:hover {
   background-color: #ed7a08;
   color: #FFFFFF;
   }
   
.green_button {
   padding: 17px 30px;
   background-color: #63bdbe;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 40px;
   text-shadow: #458889 1px 1px 0px;
   color: #FFFFFF;
   font-size: 17px;
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   letter-spacing:0.3px;
   text-decoration: none;
   font-weight: normal;
   cursor: pointer;
   border:none;
   }
.green_button:hover {
   background-color: #56a8a9;
   color: #FFFFFF;
   }


/*Round Boxes*/

.RoundBox1 {
/*background-color:#9FCE71;*/
background-color:#fcfcfc;
list-style:none;
width:23%;
height:150px;
float:left;
padding:50px 20px 0 20px;
margin:30px 0 20px 40px;
text-align:center;
-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
/* <!--[endif]-->-shadow: 1px 1px 1px 0px #7EA45B;*/
 <!--[endif]-->-shadow: 1px 1px 1px 0px #ECECEC;
   -webkit-<!--[endif]-->-shadow: 1px 1px 1px 0px #ECECEC;
   -moz-<!--[endif]-->-shadow: 1px 1px 1px 0px #ECECEC;

}

.RoundBox1 p{
font-size:14px;
line-height:1.4em;
color:#2D3D21;
letter-spacing:0.1px;
margin:5px 0 0 0;
display:block; 
}

.RoundBox1 p span{
font-size:18px;
font-weight:bold;
text-shadow: #ACE07D 1px 1px 0px;
}

.RoundBox2 {
list-style:none;
width:300px;
display:table;
float:left;
margin:20px 50px;
}

.RoundBox2_last {
list-style:none;
width:190px;
display:table;
float:left;
margin:20px 0;
}

.RoundBox2 p, .RoundBox2_last p {
font-size:14.7px;
line-height:1.67em;
}

.RoundBox3 {
list-style:none;
width:29%;
height:255px;
float:left;
padding:20px;
margin:0 0 20px 0;
text-align:center;
}

.RoundBox3 p{
font-size:14px;
line-height:1.4em;
width:210px;
color:#666;
letter-spacing:0.1px;
margin:15px auto 0 auto;
display:block; 
}

.RoundBox3 p span{
font-size:18px;
font-weight:bold;
}

.RoundBox3 img {width:75%}

.RoundBox4 {
list-style:none;
width:20%;
height:130px;
float:left;
margin:20px 45px 30px 0;
}

.RoundBox4 p{
font-size:14px;
line-height:1.4em;
width:210px;
color:#666;
letter-spacing:0.1px;
display:block;
}

.RoundBox4 p span{
font-size:15px;
font-weight:bold;
}

/*  Lists */

ul.List1 {
display:table;
margin-top:40px;
}

.ArrowBullet {
list-style-type:none;
}

.ArrowBullet p {
font-size:13px;
line-height:1.5em;
margin-bottom:1.5em;
}

.ArrowBullet p span {font-weight:bold;}

/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}