﻿
/*STYLE 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;
    margin:0;
}

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;
}


/* Temp */

/* GENERAL STYLES */

strong
{
    font-weight:600;    
}

body
{
    font-family: Arial,Verdana,sans-serif;    
}

#header
{
    background: #D2E7F0;    
    overflow:hidden;
}

#footer 
{
    background: #8DBDD3;    
}

.right 
{
    float:right;    
}

.left
{
    float:left;
}

.clear
{
    clear:both;    
    height:1px;
}

.centered
{
    margin-left:auto;
    margin-right:auto;    
}

.text-centered
{
    text-align:center;    
}

.white 
{
    color:White;    
}

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

a:visited
{
   color: #333333;
   text-decoration:none;
}

a:hover
{
    text-decoration: underline;    
}

.small-text
{
    font-size:12px;    
}

.rounded-slight
{
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.rounded
{
	-moz-border-radius: 10px;
	border-radius: 10px;
}


.pic-greyborder
{
    padding:10px;
    background: grey;
    -moz-border-radius: 10px;
	border-radius: 10px;
}


.zoom-container h3
{
    font-size:20px; 
    font-family: coolvetica, Arial, Verdana, Sans-Serif;
    margin-bottom:10px;
       
}

.zoom-container
{
    position:relative;
    clear:both;
    margin-bottom:40px;
}

.industry .zoom-container
{
    margin-bottom:15px;
}

.industry .zoom-container img
{
    margin-left:0px;
}

.zoom-container img 
{
    border: 1px solid #cccccc;  
    margin-right:10px; 
    margin-left:10px; 
}

.zoom-left, .zoom-right
{
    background: url('../../Content/images/marketing/marketing.png') no-repeat;
    background-position: 0 -605px;
    height: 35px;
    width: 36px; 
    position:absolute;
    bottom:10px;   
}

.zoom-left { left: 20px; }
.zoom-right { right: 20px; }
p { line-height:140%;}

.drop-bottom
{
	-moz-box-shadow: 0px 3px 5px #888;
	-webkit-box-shadow: 0px 3px 5px #888;
	box-shadow: 0px 3px 5px #888;  
}

/* End General Styles*/


/* Index Styles */

.w980
{
    margin-left:auto;
    margin-right:auto;
    width:980px;    
    position:relative;
}


/* HEADER */

.logo
{
    background: url('../../Content/images/marketing/marketing.png') no-repeat;
    background-position: 0px 0px;
    width:350px;
    height:120px;
    display:block;
    overflow:visible;
}

#header
{
    height:80px;   
    overflow:hidden;
}

#navigation-background
{
    background: url('../../Content/images/marketing/marketing.png') repeat-x;
    background-position: 115px -1760px;
    position:absolute;
    right:0px;  
    height:80px;
    width:500px;
    overflow:visible;
}

#header #app-navigation
{
    line-height:30px;
}

#header #app-navigation li
{
    
    text-transform:uppercase;
    display:inline-block;
    *display:inline;
    *zoom:1;
    font-size:12px;
    padding: 0px 10px;
    color:#6d6d6d;
}

#header #app-navigation a
{
    color:#6d6d6d;
}

#header #app-navigation a:hover
{
    text-decoration:none;
    color:#333333;
}



#header #marketing-navigation
{
    position:absolute;
    right:30px;
}

#header #marketing-navigation li
{
    display:inline-block;
    *display:inline;
    *zoom:1;
    font-size:20px;
    line-height:20px;
    padding: 10px 15px 5px 15px;
    font-family: coolvetica, Arial, Verdana, Sans-Serif;
    letter-spacing: 1px;
    
}

#header #marketing-navigation a
{
    color:#666666;    
}

#header #marketing-navigation a:hover, #header #marketing-navigation a.selected
{    
    text-decoration:none;
    color:black;
}

/* END HEADER*/

.get-started
{
    background: url('../../Content/images/marketing/marketing.png') no-repeat;
    background-position: 0px -370px;
    height:115px;
    width:335px;
    display:block;
}

.get-started:hover
{
    background: url('../../Content/images/marketing/marketing.png') no-repeat;
    background-position: 0px -1510px;
    height:115px;
    width:335px;
    display:block;
}

#feature .get-started 
{
    margin-right:30px;
}

#feature
{
    padding:10px 10px 0px 10px;
    background: #8DBDD3 url('../../Content/images/marketing/knoll.png') no-repeat bottom;
    
}

#hill-stage
{
    /*background: #8DBDD3 url('../../Content/images/marketing/marketing.png') no-repeat;
    background-position: 0px -1275px;
    height:100px; 
    position:relative;*/
    
}

#feature h1, #tour-feature h1, #condensed-header h1
{
    color:White;
    font-size:39px;
    font-family: coolvetica, Arial, Verdana, Sans-Serif;
    text-shadow: #333 0.06em 0.06em 0.2em;
    letter-spacing: 2px;
}

#feature h2
{
    color: #333333;
    text-align:center;
    font-size:20px;
}

#homepage h3
{
    color: #333333;  
    font-weight:normal;  
}

#homepage ul
{
    margin-bottom:40px; 
    margin-top:25px;   
    font-family: coolvetica, Arial, Verdana, Sans-Serif;
    letter-spacing: 1px;
}

#homepage li
{
    font-size:25px;  
    color:#FFFF99;  
    background: url('../../Content/images/marketing/marketing.png') no-repeat;
    background-position: 0px -220px;
    height:30px;
    line-height:30px;
    padding-left:50px;
    margin-bottom:10px;
}



.sub-ctabutton
{
    background: url('../../Content/images/marketing/marketing.png') no-repeat;
    background-position: 0px -530px;   
    width:205px;
    height:60px;
    display:block;
}

.sub-ctabutton:hover
{
    background: url('../../Content/images/marketing/marketing.png') no-repeat;
    background-position: 0px -1420px;   
    width:205px;
    height:60px;
    display:block;
}

.main-ctabutton
{
    background: url('../../Content/images/marketing/marketing.png') no-repeat;
    background-position: 0px -150px;    
    width:220px;
    height:60px;
    display:block;
}

.main-ctabutton:hover
{
    background: url('../../Content/images/marketing/marketing.png') no-repeat;
    background-position: 0px -1320px;    
    width:220px;
    height:60px;
    display:block;
}

.button-support
{
    color:White;
    font-size:14px;
    font-weight:500;    
}

#content {
   color: #666666;
   padding:30px 0;
}

#content h2
{
    font-size:19px;
    line-height:180%;
    
}

#company-logos p
{
    height:50px;
    line-height:50px;
    margin-right:50px;
    font-style:italic;
}

.section-separator
{
    background: url('../../Content/images/marketing/marketing.png') no-repeat;
    background-position: 0px -510px;
    height:10px;
    margin:30px 0px;   
}

#homepage-features
{
    margin-bottom:20px;  
    line-height:140%;    
}

#homepage-features .feature-description
{
    height:100px;    
}

#homepage-features .feature-left,
#homepage-features .feature-center,
#homepage-features .feature-right
{
    width:270px;
    float:left;   
}


#homepage-features .feature-center
{
    margin-left:85px; 
    margin-right:85px;   
}


#marketing h3
{
    font-weight:600; 
 
}

#homepage-features .learn-more
{
    padding:5px;
    background-color:#D9D9C5;
    font-size:14px;
}

#homepage-features .feature-graphic
{
    width:270px;
    height:100px;
    margin-bottom:5px;
    background: url('../../Content/images/marketing/marketing.png') no-repeat;;
    display:block;
    margin-bottom:20px;
    border: 1px solid #cccccc;
}

#homepage-features h3
{
    margin-bottom:5px;    
}

#homepage-features p
{
    font-size:14px;    
}

#homepage-features .graphic1
{
    background-position: 0px -850px;    
}

#homepage-features .graphic2
{
    background-position: 0px -980px;    
}

#homepage-features .graphic3
{
    background-position: 0px -1100px;    
}

#whats-new ul
{
    margin-top:10px;
    margin-left:10px;    
}
#whats-new li
{
    background: url('../../Content/images/marketing/marketing.png') no-repeat;
    background-position: 0px -335px;
    height:15px;
    padding-left:25px;
    line-height:15px; 
    margin-bottom:10px;
}

#testimonials
{
    margin-top:15px;  
    margin-bottom:15px;  
}

.monial
{
    width:450px;    
    background: #eeeeee;
    height:100px;
    padding:10px; 
    position:relative;
    font-style:italic;
    color: #555555;
}

.monial-person
{
    position:absolute;
    bottom:5px;    
}


/* Tour */

#tour-header, #condensed-header
{
    background: #8DBDD3;  
    height:80px;
    position:relative;
}

#tour-header .main-ctabutton
{
    position:absolute;
    right:0px;
    top:15px;
}

#tour-feature, #tour-content
{
   margin-left:280px;
}

#tour-feature h1
{
    position:absolute;
    top:20px;  
    left: 10px;
}

#condensed-header h1
{
    line-height:80px;    
}

#tour-navigation
{
    margin:10px;
    border:1px solid #cccccc;
    background:white;
    width:250px;
    position:absolute;
    left:0px;
    z-index:12;
    top:100px;
}


#tour-navigation a
{
    width: auto;
    height:20px;
    display:block; 
    *zoom:1;
    padding:10px;   
}

#tour-navigation a:hover, #tour-navigation a.selected
{
    background: #CAE9FF;
    cursor: pointer;
    text-decoration:none;    
}


#tour-navigation li.spacer, #pricing-feature-list li.spacer
{
    background: url('../../Content/images/marketing/marketing.png') no-repeat;
    background-position: 0px -1270px;
    display:block;
    height:2px;
    width:200px;
    padding:0px;
    font-size:0;
    line-height:0;  
}

#tour-navigation h2
{
    font-family: coolvetica, Arial, Verdana, Sans-Serif;
    font-size:18px;
    text-align:center;
    padding: 10px 10px;
    font-weight:normal;
    letter-spacing: 2px;
    background: #FFFF99;
    
    -moz-border-top-right-radius: 10px;
    -moz-border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

#pricing-feature-list h3, #pricing-feature-list2 h3, #pricing-information2 h3
{
    font-family: coolvetica, Arial, Verdana, Sans-Serif;
    font-size:18px;
    text-align:center;
    padding: 10px 10px;
    font-weight:normal;
    letter-spacing: 2px;
    background: #FFFF99;
  
}

.right-bullets h2 
{
    background: #FFFF99; 
    border: 1px solid #cccccc;
    -moz-border-top-right-radius: 10px;
    -moz-border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}


/* End Tour */


/* Pricing*/



#pricing-feature-list
{
    background:White;
    color #333333;
    margin:10px;
    padding-bottom:10px;
}

#pricing-feature-list2
{
    background:White;
    color #333333;
    margin:10px;
    padding-bottom:10px;
    width:350px;
}


#pricing-information
{
    margin-top: 30px;
    margin-bottom:30px;
    width: 700px;
    text-align:center;
    
}

#pricing-information li, #pricing-information2 li
{
    display:inline-block;
    *display:inline;
    *zoom:1;    
    font-size:16px;
    margin-top:5px;

}


#pricing-information li a, #pricing-information2 li a
{
    height:60px;
    display:inline-block;
    background:white;
    border: 1px #666666 solid; 
    padding:10px;
}

#pricing-information li a:hover, #pricing-information2 li a:hover 
{
    text-decoration:none;
    cursor:pointer;
    background: #CAE9FF;
}

#pricing-information .folks, #pricing-information2 .folks
{
    display:block;
    color:#333333;   
    text-align:center; 
    font-family: coolvetica, Verdana, Arial, Sans-Serif;
    font-size:25px;
    margin-bottom:10px;
}

#pricing-information .plan-price, #pricing-information2 .plan-price 
{
    display:block;
    text-align:center;
}

.question-block
{
    margin-bottom:30px;    
}

.question-block h3
{ 
    margin-bottom:5px;
}

.start-trial
{
    background: url('../../Content/images/marketing/marketing.png') no-repeat;
    background-position: 0px -770px;
    height:60px;
    width:215px;
    display:block;
}

.start-trial:hover
{
    background: url('../../Content/images/marketing/marketing.png') no-repeat;
    background-position: 0px -1650px;
    height:60px;
    width:215px;
    display:block;
}

/* Pricing*/


/* Footer */

#footer
{
    margin-top:10px; 
    padding-bottom:15px;   
    padding-top:40px;
    font-size:12px;
    color: #333333;
}



#footer .get-started
{
    position:absolute;
    top:-15px;
    right: 0px;
    
}
        
#footer p
{
    font-size:12px;
    color: #333333;    
    display:inline-block;
    vertical-align:top;
    margin-right:20px;
    line-height:140%;
}

#footer .margin
{
    margin-left: 20px;
}



/* End Footer */


/* Temp Styles */

.main-placeholder
{
    width:500px;
    height:300px;
}

.client-logo
{
    background: url('../../Content/images/marketing/marketing.png') no-repeat;
    background-position: 0px -606px;
    height:75px;
    width:90px;
    display:inline-block;
    margin-right:30px;
}

/* Tos */
    
.terms 
{
    line-height:140%;    
}

.terms p 
{
    margin-left:20px;
}

.terms h2
{
    margin-top:10px;
    text-decoration:underline;
}

.terms .last-updated
{
    float:right;
    font-weight:600;
    margin-bottom:10px;    
}

/* End Tos*/

/* Industry */
#industry-body p
{   margin-bottom:20px; }



.right-bullets h2
{   margin-bottom:20px;}

.right-bullets
{
    width:330px;
    float:right;
    min-height:400px;
    margin-left:10px;
}

.right-bullets li
{   margin-bottom:10px;
    background: url('../../Content/images/marketing/marketing.png') no-repeat;
    background-position: 0px -220px;
    padding-left:40px;
}

/* End Industry */

.facebox img:hover
{
    border: 1px #666666 solid;    
}

/* New sign up form*/

#sign-up-form-container
{
    position:absolute;
    right:0px;    
    background:white;
    width:300px;
    text-align:left;
    border: 1px solid #cccccc;
    margin-top:10px;
    z-index:6000;
}

#sign-up-form-container label
{
    font-size:16px;
    margin-bottom:10px;
    margin-right:10px;
    display:block;
}

#sign-up-form-container input
{
    height:20px;
    margin-bottom:10px;
    width:200px;   
    padding:3px;
}

#pricing-information2 
{
    width: 800px;    
    height:360px;
    position:relative;
}

#pricing-feature-list2
{
    padding:10px;
    position:absolute;
    bottom: 50px;
    left: 30px;
}

.orange-button, .orbutton
{
	border: 1px solid #cccccc; 
	background: #FFCB1A url('images/schedulesprite5.png') repeat-x top left;
	background-position: 0 -949px;   
	height:24px;
	line-height:24px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
	display:inline-block;
	padding-left:7px;
	padding-right:7px;
	color:white !important;
	color:#58584E !important;
	font-size:13px;
	font-weight:700;
	-moz-box-shadow: 1px 1px 3px #ccc;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	box-shadow: 1px 1px 3px #ccc;  
	white-space:nowrap;
	
}

.orange-button:hover, .orbutton:hover
{
	background: #FFCB1A url('images/schedulesprite5.png') repeat-x bottom left;
	background-position: 0 -874px; 
	text-decoration:none;
	cursor:pointer;
}



