/* Basic HTML
----------------------------------------------------------------------------------------------------*/
body
{
  font-family:'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans',Arial,Microsoft Yahei,Verdana,sans-serif;
  font-size:14px;
  line-height:150%;
  background:#e1e1e1 url(../images/container-background.jpg) repeat top left;
  color:#636363
}

a:focus
{
  outline:1px dotted
}

a
{
  color:#FF922E;
  text-decoration:none
}

a:hover
{
  text-decoration:underline
}

hr
{
  border:0 #ccc solid;
  border-top-width:1px;
  clear:both;
  height:0
}

/* Global typography
----------------------------------------------------------------------------------------------------*/
h1
{
  font-size:32px;
  line-height:33px;
}

h2
{
  font-size:25px;
  line-height:23px;
}

h3
{
  font-size:21px;
  line-height:22px;
}

h4
{
  font-size:19px;
  line-height:20px;
}

h5
{
  font-size:17px;
  line-height:18px;
  text-transform:uppercase;
}

h6
{
  font-size:14px;
  line-height:15px;
  text-transform:uppercase;
}

blockquote 
{
  margin:.5em 10px;
  padding:.2em 10px;
  quotes:"\201C""\201D""\2018""\2019";
  font-size:16px;
  width:520px;  color:#636363;
}

blockquote:before 
{
  
  content:open-quote;
  font-size:6em;
  line-height:.1em;
  margin-right:0;
  vertical-align:-.4em;
  color:#ccc;
}

blockquote p 
{
  display:inline;
  color:#636363!important;
  font-size:16px!important;
  
}

blockquote span
{
  font-style:italic;
  color: #170f07;
}


/* Global spacing
----------------------------------------------------------------------------------------------------*/
ol
{
  list-style:decimal
}

ul
{
  list-style:disc
}

li
{
  margin-left:30px
}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset
{
  margin-bottom:20px
}

/* CSS rounded Buttons
----------------------------------------------------------------------------------------------------*/
.button,.button:visited
{
  display:inline-block;
  padding:5px 10px 6px;
  color:#fff;
  text-decoration:none;
  -moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);
  text-shadow:0 -1px 1px rgba(0,0,0,0.25);
  border-bottom:1px solid rgba(0,0,0,0.25);
  position:relative;
  cursor:pointer;
  -moz-border-radius:5px;
  -webkit-border-radius:5px
}

.button:hover
{
  color:#fff;
  text-decoration:none!important
}

.button:active
{
  top:1px
}

.small.button,.small.button:visited
{
  font-size:11px
}

.button,.button:visited,.medium.button,.medium.button:visited
{
  font-size:13px;
  font-weight:700;
  text-transform:capitalize;
  line-height:1;
  text-shadow:0 -1px 1px rgba(0,0,0,0.25)
}

.large.button,.large.button:visited
{
  font-size:14px;
  padding:18px 14px 9px
}

.orange-btn.button,.orange-btn.button:visited
{
  background:#973900 url(../images/button.png) repeat-x
}

.orange-btn.button:hover
{
  background:#FE8900 url(../images/button-hover.png) repeat-x
}

/* STYLES
----------------------------------------------------------------------------------------------------*/

/*-- Header --*/
#header
{
  width:100%;
  height:145px;
  background:url(../images/background.jpg) repeat-x top center
}

#header-content
{
  width:960px;
  margin:0 auto
}

#top
{
  text-align:right;
  float:right
}

#top p
{
  text-decoration:none;
  color:#fff;
  font-size:21px;
  font-style:normal;
  margin-top:25px;
  text-shadow:-2px 2px 3px #000
}

/*-- Logotype --*/
#logo h1 a
{
  text-decoration:none;
  color:#fff;
  font-size:34px;
  margin-top:23px;
  display:block;
  text-transform:lowercase;
  letter-spacing:-2px;
  font-weight:400;
  text-shadow:1px 1px #071B24;
  font-weight:700;
  width:241px;
  height:37px
}

#logo span
{
  color:#6BAEC9;
  font-weight:400
}

.site-title-quote
{
  text-align:right;
}

.site-title-quote img
{
  margin:0;
  float:right
}

/*-- Twitter --*/
#tweeter-feed
{
  color:#f5f5f5;
  width:565px;
  float:left
}

#tweeter-feed
{
  margin:-3px 0 0
}

#tweeter-feed img
{
  float:left;
  margin:21px 0 0
}

#tweeter-feed a
{
  color:#ccc;
  text-shadow:1px 1px 1px #333
}

#tweeter-feed ul
{
  list-style:none;
  margin:-3px 0 0
}

.timestamp
{
  display:none
}

#tweeter-feed ul li
{
  color:#f5f5f5;
  float:left;
  width:89%;
  margin:0 0 0 8px;
  text-shadow:1px 1px #333
}

.loading-text
{
  float:left;
  margin:-20px 0 0 10px
}

.loading-text img
{
  width:100px!important;
  height:30px!important
}

/*-- Social icons --*/
#social
{
  text-align:right;
  margin-top:-30px;
  float:right;
  height:32px;
  width:580px;
  float:right
}

#social a
{
  display:inline-block;
  height:70px;
  width:38px
}

#social a img
{
  width:32px;
  height:32px;
  margin-top:25px
}

#social ul
{
  list-style:none;
  float:right
}

#social ul li
{
  float:left;
  margin:0 0 0 0
}

/*-- Pricing tables --*/
#pricing-tables
{
  width:100%;
  display:block;
  margin:0 0 35px;
  float:left;
  color:#03060B
}

.price-box
{
  background:transparent;
  text-align:center;
  margin:0;
  -moz-box-shadow:1px 2px 7px #555;
  -webkit-box-shadow:1px 2px 7px #555;
  box-shadow:1px 2px 7px #555;
  opacity:.70;
/* Standard: FF gt 1.5, Opera, Safari */
  filter:alpha(opacity=70);
/* IE lt 8 */
  -ms-filter:alpha(opacity=70);
/* IE 8 */
  -khtml-opacity:.70;
/* Safari 1.x */
  -moz-opacity:.70;
/* FF lt 1.5, Netscape */
  width:320px;
  float:left;
  -moz-border-radius:5px;
  -webkit-border-radius:5px
}

.pretty-hover
{
  float:left;
  position:relative;
  z-index:10;
  -moz-box-shadow:1px 2px 7px #555;
  -webkit-box-shadow:1px 2px 7px #555;
  box-shadow:1px 2px 7px #555;
  opacity:100;
/* Standard: FF gt 1.5, Opera, Safari */
  filter:alpha(opacity=100);
/* IE lt 8 */
  -ms-filter:alpha(opacity=100);
/* IE 8 */
  -khtml-opacity:100;
/* Safari 1.x */
  -moz-opacity:100;
/* FF lt 1.5, Netscape */
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg)
}

.pretty-hover-slide
{
  float:left;
  position:relative;
  z-index:10;
  margin:-5px;
  -moz-box-shadow:1px 2px 5px #555;
  -webkit-box-shadow:1px 2px 5px #555;
  box-shadow:1px 2px 5px #555;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px
}

.price-box-header
{
  width:100%;
  height:105px;
  margin:0;
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-radius:5px 5px 0 0;
  background:url(../images/price-header.jpg) repeat-x!important
}

.price-box-header h3,.price-box-header h4,.price-box-header p
{
  color:#f5f5f5;
  text-shadow:1px 1px #333
}

.price-box-header h3
{
  margin:0;
  padding:11px 0 0;
  text-transform:uppercase;
  font-size:23px;
  letter-spacing:0;
  font-weight:400;
  text-shadow:none!important
}

.price-box-header h4
{
  margin:0;
  padding:22px 0 0;
  font-size:32px;
  font-weight:400;
}

.price-box-header p
{
  margin:5px 0 0;
  padding:0;
  font-style:italic
}

.price-box ul
{
  list-style:none;
  margin:0;
  padding:0
}

.price-box li
{
  margin:0;
  padding:9px 0;
  display:block;
  float:left;
  width:100%;
  color:#636363;
  font-size:10px;
  text-transform:uppercase
}

.pricebox-description
{
  color:#636363!important;
  font-size:14px!important;
  text-transform:none!important;
  font-weight:400!important
}

.price-box li span
{
  margin:0;
  padding:0;
  display:block;
  float:left;
  width:100%;
  text-align:center;
  font-size:17px;
  color:#170f07!important;
  text-transform:capitalize
}

.price-box li.last
{
  -moz-border-radius:0 0 5px 5px;
  -webkit-border-radius:0 0 5px 5px
}

.odd
{
  background:#f5f5f5
}

.even
{
  background:#ccc
}

.hot
{
  float:left;
  margin-right:-50px;
  margin:-1px -50px 0 -1px
}

.price-box .button
{
  width:200px;
  height:25px;
  margin:8px 0;
  padding-top:20px;
}

/*-- Info --*/
#info
{
  height:65px
}

/*-- Teaser --*/
#teaser {
  display: block;
  float: left;
  margin: 0;
  width: 100%;
}

/*-- Call to action --*/
#call-to-action
{
  display:block;
  float:left;
  margin:0;
  width:100%
}

#call-to-action p
{
  color:#170f07;
  font-size:31px;
  font-style:italic;
  text-decoration:none;
  text-shadow:1px 1px 1px #fff;
  text-align:center;
  margin: 0 0 19px 0;
}

#call-to-action .button
{
  float:right;
  margin-top:25px;
  text-transform:none
}

.special
{
  font-size:200%;
  color:#636363
}

/*-- Below the fold content --*/
#content-left
{
  padding-right:10px
}

#content-right
{
  padding-left:25px;
  float:right
}

#content-left,#content-right
{
  margin:50px 0 10px
}

#content-left .box-25
{
  margin:0 0 36px
}

.last
{
  margin-right:0!important
}

#content-left h3,#content-right h3
{
  margin:0 0 -1px;
  line-height:24px
}

#content-right .button
{
  margin:15px 0 19px;
  float:left;
  font-weight:400;
}

#content-left h4,#content-right h4
{
  margin:0 0 -5px;
  color:#170f07;
  text-shadow:1px 1px #f1f1f1;
  min-height:35px;
  font-weight:400;
}

#content-right h4
{
  text-align:left
}

#content-left img
{
  margin:0 15px 0 0;
  float:left
}

#content-right img
{
  margin:0 15px 0 0;
  float:left
}

#content-left p
{
  display:block;
  overflow:hidden
}

#content-left p,#content-right p
{
  margin:0;
  text-shadow:none;
  text-shadow:1px 1px 1px #fff
}

/*-- Mailing list --*/
#more-info
{
  display:block;
  margin: 14px 0 0;
  text-align:left;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background:#061117 url(../images/newsletter-background.jpg) top center;
  -moz-box-shadow:1px 2px 7px #555;
  -webkit-box-shadow:1px 2px 7px #555
}

#more-info h3
{
  font-size:26px;
  text-shadow:1px 1px 1px #000;
  color:#f5f5f5;
  font-weight:400;
  margin:12px 0 18px
}

#more-info p
{
  margin:0 0 8px;
  text-shadow:1px 1px 1px #000
}

.newsletter-left {
	float: left;
	width: 80%;
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 0;
}

#more-info form {
    float: right;
    margin: 30px 0 0;
    width: 40%;
}

#more-info input {
    -moz-border-radius: 6px 6px 6px 6px;
    background: none repeat scroll 0 0 #CCCCCC;
    border-color: #B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
    border-style: solid;
    border-width: 1px;
    color: #414141;
    padding: 8px;
    text-align: left;
    width: 235px;
}

#more-info input:focus
{
  background:#fff
}

#more-info .button
{
  float:right;
  height:20px;
  margin:0 15px 0 0;
  padding:11px 17px 2px
}

input#email-address
{
  margin-bottom:10px;
  font-style:italic
}

#more-info img
{
  margin:11px 12px 0;
  float:left;
  width:48px;
  height:48px
}

/*-- Footer --*/
#footer
{
  margin:1px 0 0;
  padding:10px 0 0;
  background:url(../images/footer-background.jpg) repeat top center;
  height:32px;
  width:100%
}

.copyright
{
  margin:6px auto;
  width:960px;
  font-size:11px;
  color:#fff
}

.copyright a
{
  color:#ff922e
}

.to-top
{
  float:right;
  margin:0;
  line-height:14px
}

a:hover.to-top
{
  text-decoration:none
}

.to-top span
{
  margin:-2px 0 0 3px;
  float:right
}

/*-- Slider --*/
#slides
{
  z-index:100;
  margin:0 0 0;
  height: 535px;
}

#slides .slide
{
  width:960px;
  padding:20px
}

#slides .next,#slides .prev
{
  position:absolute;
  top:107px;
  left:-39px;
  width:24px;
  height:43px;
  display:block;
  z-index:101
}

.slides_container
{
  width:960px;
  height:490px;
  overflow:hidden;
  position:relative;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  background:#DDDDDD url(../images/frame.jpg) no-repeat top center;
  border:1px solid #ccc;
}

.slides_container .price-box
{
  cursor:default;
  opacity:100;
/* Standard: FF gt 1.5, Opera, Safari */
  filter:alpha(opacity=100);
/* IE lt 8 */
  -ms-filter:alpha(opacity=100);
/* IE 8 */
  -khtml-opacity:100;
/* Safari 1.x */
  -moz-opacity:100;
/* FF lt 1.5, Netscape */
}

#slides .next
{
  display:none
}

.pagination
{
  margin:11px auto;
  width:100px;
  list-style:none;
  z-index:9999;
  position:relative;
  text-align:center
}

.pagination li
{
  margin:0 -4px 0 12px;
  float:left
}

.pagination li a
{
  display:block;
  width:20px;
  height:0;
  padding-top:20px;
  background-image:url(../images/pagination.png);
  background-position:0 0;
  float:left;
  overflow:hidden
}

.pagination li.current a
{
  background-position:0 -20px
}

.slide-content
{
  padding-right:20px;
  float:right;
  color:#D06311
}

.slide-content h2
{
  font-size: 33px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: uppercase;
  margin: 25px 0 2px;
  color:#170f07;
}

.slide-content h2 span
{
  font-size: 27px;
  text-transform: lowercase;
  font-style:italic;
  font-weight:normal;
  color:#414141;
}

.slide-content h3
{
  font-size:14px;
  font-weight:normal;
  color: #fff;
  text-transform: uppercase;
  width:120px;
  display:block;
  text-align:center;
  background:#170f07;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

.slide-content h4
{
  font-weight:400;
  color: #636363;
}

.slide-content p
{
  font-size:14px;
  font-weight:400;
  width:95%;
  margin:0 0 10px;
  color:#414141
}

.slide-content a
{
  color:#170f07
}

.slide-content a:hover
{
  color:#ccc
}

.slide-content ul
{
  margin-bottom:40px
}


.slider-plan-description
{
 display:block;
 font-size:14px; 
 margin: 15px 0 10px;
}

/*-- Features --*/
ul.features-list
{
  font-size:12px;
  list-style:none;
  float:left;
  padding:10px 25px 0 0
}

ul.features-list li
{
  margin:0 0 7px 2px;
  color:#170f07;
  text-align:center
}

ul.features-list li.list-title
{

}

/*-- Tabs --*/
ul.tabs
{
  margin:0;
  padding:0;
  float:left;
  list-style:none;
  height:45px;
/*--Set height of tabs--*/
  width:100%;
  background:url(../images/newsletter-background.jpg) repeat center top #061117;
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-radius:5px 5px 0 0;
  -moz-box-shadow:1px 2px 7px #555;
  -webkit-box-shadow:1px 2px 7px #555
}

ul.tabs li
{
  float:left;
  padding:0;
  height:31px;
/*--Subtract 1px from the height of the unordered list--*/
  line-height:31px;
/*--Vertically aligns the text within the tab--*/
  margin:14px 2px -1px;
  overflow:hidden;
  position:relative;
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-radius:5px 5px 0 0;
  font-weight:700;
  text-shadow:0 -1px 1px rgba(0,0,0,0.25);
  color:#fff;
  padding:0px 10px;
  text-transform:capitalize
}

ul.tabs li a
{
  text-decoration:none;
  color:#fff;
  display:block;
  font-size:1em;
  padding:0 20px;
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-radius:5px 5px 0 0;
  background:url(../images/tab-background.png) repeat-x #1A435C;
  outline:none
}

ul.tabs li a:hover
{
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-radius:5px 5px 0 0;
  background:url(../images/tab-background.png) repeat-x #1A435C;
  text-shadow:none
}

html ul.tabs li.active,html ul.tabs li.active a:hover
{
/*--Makes sure that the active tab does not listen to the hover properties--*/
  border-bottom:1px solid #fff;
/*--Makes the active tab look like it's connected with its content--*/
  background:url(../images/tab-background.png) repeat-x #1A435C
}

.tab_container
{
  border-top:none;
  overflow:hidden;
  clear:both;
  float:left;
  width:100%;
  background:#fff;
  -moz-border-radius:0 0 5px 5px;
  -webkit-border-radius:0 0 5px 5px;
  -moz-box-shadow:1px 2px 7px #555;
  -webkit-box-shadow:1px 2px 7px #555
}

.tab_content
{
  padding:20px;
  font-size:1.2em
}

.tab_first
{
  margin-left:15px!important
}

.tab_content h4
{
  font-size:27px!important
}

.tab_content ul
{
  font-size:12px!important;
  list-style:none;
  margin:0
}

.tab_content ul li
{
  background-image:url(../images/check.png);
  background-repeat:no-repeat;
  background-position:0 0;
  padding-left:25px;
  margin:0 0 0px
}

.subtitle
{
  font-size:16px!important;
  font-weight:400;
  margin:0 0 15px!important;
  font-style:italic
}

.team-profile
{
  display:block;
  margin:0 0 8px!important;
  width:100%;
  float:left;
  line-height:25px;
  font-size:15px
}

.team-profile span
{
  display:block;
  font-size:11px;
  line-height:19px;
  overflow:hidden;
  color:#999
}

.video
{
  border:5px solid #ddd;
  background:#ddd;
  margin:0!important;
  padding:5px 0 0 5px!important;
  -moz-border-radius:5px
}

/*--Browser fixes--*/

@media screen and (-webkit-min-device-pixel-ratio:0) {

  .to-top span {
    float: right;
    margin: -16px 0 0 3px;
  }
  
  #more-info .button {
    float: right;
    height: 20px;
    margin: 2px 15px 0 0;
    padding: 11px 17px 3px;
  }
  
}

#page {padding:30px 0px;}
.hei30 {height:30px;}

.tos p {line-height:180%; padding:10px 10px 0px 15px;}
ul.indexfaq {padding:10px;}
ul.indexfaq a {color:#000;font-size:14px;}

input#user, input#passwd {padding:5px;border:1px solid #ccc;background:#fcfcfc;}
input#login {
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);
  background:url(../images/tab-background.png) repeat-x #1A435C;
  color:#fff;
  border:0;
  padding:5px 10px;
  cursor: pointer;
  margin-right:8px;
}
#infologin a{color:#000;}