/* CSS for static pages goes here */

/*this is the start of the styles for the header*/

#header-background {
height:65px;
background-image:url(../images/static-page/header-back-3.jpg);
background-repeat:repeat-x;
padding-top:5px;
padding-left:20px;
}

#home-link {
width:55px;
height:20px;
margin-top:34px;
padding-right:20px;
float:right;
}

/*this is the start of the styles for the global text*/

p {
color:#666666;
font-size:12px;
font-family:'Verdana','Arial','sans-serif';
line-height:150%;
}

b {
color:#6699CC;
font-weight:bold;
line-height:200%;
}

a {
color:#6699CC;
text-decoration:none;
font-size:12px;
font-family:'Verdana','Arial','sans-serif'; 
}

.indent {
padding-left:40px;
}

.heading-text {
text-align:center;
font-weight:bold;
font-size:16px;
padding-bottom:20px;
color:#666666;
}

#left-column a,a:active,a:link,a:visited,a:hover {
color:#666666;
text-decoration:none;
font-size:12px;
}

/*this is the start of the left pane navigation styles*/

#left-column {
width:167px;
float:left;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
color:#666666;
font-size:12px;
font-weight:bold;
}

.first-tab {
background-image:url(../images/static-page/top_tab_non.png);
background-repeat:no-repeat;
height:16px;
width:151px;
padding:15px;
}

.first-tab-selected {
background-image:url(../images/static-page/top_tab_selected.png);
background-repeat:no-repeat;
height:16px;
width:151px;
padding:15px;

}

.middle-tab {
background-image:url(../images/static-page/mid_tab_non.png);
background-repeat:no-repeat;
height:16px;
width:151px;
padding:15px;
}

.middle-tab-selected {
background-image:url(../images/static-page/mid_tab_selected.png);
background-repeat:no-repeat;
height:16px;
width:151px;
padding:15px;
}

.last-tab {
background-image:url(../images/static-page/bottom_tab_non.png);
background-repeat:no-repeat;
height:16px;
width:151px;
padding:15px;
}

.last-tab-selected {
background-image:url(../images/static-page/bottom_tab_selected.png);
background-repeat:no-repeat;
height:16px;
width:151px;
padding:15px;
}

/*this is the start of the positioning styles for the body*/

#header-shadow {
background-image:url(../images/static-page/header-shadow.png);
height:30px;
width:960px;
}

#content-2-column {
width:960px;
height:auto;
background-image:url(../images/static-page/left-hand-column.png);
background-repeat: repeat-y;
background-color:#FFFFFF;
}

#content-1-column {
width:960px;
height:auto;
background-color:#FFFFFF;
}

#text-padding {
padding:10px;
}

#text-divide {
padding:10px;
width:auto;
border-bottom:thin;
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
}

#gradient-divide {
background-image:url(../images/static-page/gradient-divider.jpg);
background-repeat:repeat-x;
clear: both;
height:30px;
/*padding-bottom:20px;*/
}

#gradient-divide-2-column {
background-image:url(../images/static-page/gradient-divider.jpg);
background-repeat:repeat-x;
clear: both;
height:30px;
width:763px;
/*padding-bottom:20px;*/
}

#middle-column {
float:left;
width:750px;
height:auto;
}

#middle-column a {
color:#6699CC;
font-size:12px;
text-decoration:none;
}

#middle-column-text {
width:670px;
padding:20px;
}

#full-text {
width:860px;
padding:40px;
}


#float-end {
clear:both;
}

/* Shared style for learn-* pages */

#learn-main {
	background-color: #ffffff;
	color: #666666;
	line-height: 150%;
}

/*this is the start of the styles for the overview page*/

#learn-more-videoContainer {
	float:left;
	width: 460px;
	padding:20px 0px 0px 20px;
}

#learn-more-textContainer {
	float:right;
	width: 440px;
	padding:20px 20px 0px 0px;
}

.overview-icons {
padding-top:10px;
float:left;
height:75px;
width:75px;
}

.overview-text {
padding-top:10px;
}

#overview-image {
background-image:url(../images/static-page/learn-more-graphic.jpg);
background-repeat:no-repeat;
height:313px;
width:700px;
margin-left:20px;
}

.overview-heading {
font-size:36px;
color:#6699CC;
font-family:'Verdana','Arial','sans-serif';
margin-left:40px;
padding-bottom:40px;
}

/*this is the start of the styles for the storage-page*/
.storage-desc-box {
	background: transparent url(../images/static-page/learn-storage-grey-gradient.png) repeat-x;
	height: 75px;
	padding:10px 20px 0px 20px;
	position: relative;
}

.storage-download-box {
	background: transparent url(../images/static-page/learn-storage-blue-gradient.png) repeat-x;
	height: 60px;
}

/*this is the start of the styles for the videos-page*/

#video-thumb {
width:700px;
height:400px;
margin-left:30px;
margin-top:10px;
}

.video-text {
padding-left:10px;
margin-top:50px;
width:720px;
margin-left:20px;
}

.video-heading {
font-size:24px;
color:#6699CC;
font-family:'Verdana','Arial','sans-serif';
padding-bottom:40px;
}

/*this is the start of the styles for the mobile page*/

#mobile-banner {
background-image:url(../images/static-page/mobile-banner.jpg);
background-repeat:no-repeat;
height:170px;
width:960px;
padding-left:20px;
padding-top:80px;

}
.mobile-left-column {
float:left;
width:500px;
}

.mobile-right-column {
float:right;
width:250px;
}

.mobile-logo {
float:left;
height:60px;
width:50px;
padding-right:10px;
}

.mobile-heading {
padding-top:10px;
font-weight:normal;
color:#6699CC;
font-size:25px;
}

.mobile-heading p {
padding-bottom:20px;
}

#mobile-imagespace {
background-image:url(../images/static-page/android-screenshots.jpg);
height:350px;
width:500px;
background-repeat:no-repeat;
}

.mobile-app-logo {
float:left;
height:100px;
width:82px;
padding-right:10px;
}

.mobile-app-description {
font-weight:normal;
}

#entry-form {
color:#666666;
font-size:12px;
font-family:'Verdana','Arial','sans-serif';
line-height:150%;
}

/* start if FAQ properties */
.faq-header {
font-weight:normal;
font-size:25px;
padding-bottom:20px;
color:#6699CC;
}

#faq-container {
padding-top:5px;
padding-left:20px;
padding-right:20px;
}

.faq-category {
color:#666666;
font-size:20px;
}

#faq-container a {
color:#6699CC;
text-decoration:none;
}

#faq-container li {
margin-left:15px;
margin-bottom:10px;
}
.question-anchor {
color:#6699CC;
font-weight:bold;
}

.question {
color:#6699CC;
font-weight:bold;
}

.answer {
color:#666666;
font-weight:normal;
}

.line-break {
background-color:#666666;
}

/*this is the start of the styles for the getting started-page*/

#getting-started-banner {
width:743px;
height:150px;
margin-bottom:20px;
background-image:url(../images/static-page/getting-started-banner.jpg);
margin-top:20px;
padding-top:50px;
padding-left:20px;
}

.getting-started-header {
font-weight:normal;
font-size:25px;
padding-bottom:20px;
color:#6699CC;
margin-top:20px;
margin-left:20px;
}

#getting-started-text-box {
width:763px;
}

#getting-started-image {
height:200px;
width:300px;
float:left;
margin-left:20px;
}

#getting-started-content {
width:400px;
margin-right:20px;
float:right;
}

#getting-started-content li {
color:#666666;
list-style:none;
padding-bottom:10px;
}

.superscript {
list-style:none;
padding-bottom:10px;
font-size:10px;
font-style:italic;
color:#6699CC;
}

/* These are the styles for the contact us page */

.contact-us-header {
font-weight:normal;
font-size:25px;
padding-bottom:20px;
color:#6699CC;
padding-top:20px;
padding-left:20px;
}
 
#contact-us-text {
padding:20px;
}

/* These are the styles for the unsupported mobile page */

#unsupported-handset-form {
margin-top:30px;
float:right;
width:250px;
border-left:solid;
border-left-color:#666666;
border-left-style:solid;
border-left-width:thin;
padding-left:50px;
}

#unsupported-handset-left {
float:left;
width:500px;
padding-left:20px;
}

#unsupported-banner {
background-image:url(../images/static-page/unsupported-handset-banner.jpg);
background-repeat:no-repeat;
height:170px;
width:960px;
padding-left:20px;
padding-top:80px;
}

#unsupported-image {
background-image:url(../images/static-page/mobile-web.jpg);
width:475px;
height:284px;
}

/* These are the styles for the storage options page */

#pricing-text {
 float:right;
 padding-right:20px;
 width:580px;
 }
 
 #price-numbers-container {
 float:left;
 width:60px;
 margin-left:80px;
 margin-top:5px;
 }
 
 #price-numbers-container p {
 padding-bottom:6px;
 }
 
 /* These are the styles for the static footer */
 
 .static-footer {
 width:960px;
 float:none;
 color:#666666;
 font-size:13px; 
 }
 
 #press-1 {
	width:800px;
	height:50px;
}

.facebook-icon {
	background: url(../images/home/facebook-small.png) no-repeat;
	display: inline-block;
	width: 28px;
	height: 28px;
}

.twitter-icon {
	background: url(../images/home/twitter-small.png) no-repeat;
	display: inline-block;
	width: 28px;
	height: 28px;
}

/*overview-page-2*/

#overview-container {
float:left;
width:960px;
height:auto;
}

#overview-banner {
float:left;
width:400px;
margin-left:20px;
}

#overview-main-text {
float:right;
width:460px;
padding-right:20px;
text-align:center;
margin-top:40px;}

#overview-text-bullets {
float:left;
width:420px;
margin-left:20px;
}

#video-box {
width:450px;
height:250px;
background-color:#00FF00;
}

#overview-pricing {
float:right;
width:460px;
margin-right:20px;
}

#overview-title-container {
float:left;
}

#overview-float-logo {
float:left;
width:90px;
padding-top:4px;
}

#overview-float-text {
float:right;
width:300px;
padding-left:10px;
}