/*

 ---------------------------------

 Defaults

 ----------------------------------

 */

* {

    margin: 0px;

    padding: 0px;

    font-size:16px;

}



img {

    border: 0 none;

}



a:link, a:visited {

	color: #008080;

	font-weight: normal;

	text-decoration: none;

	outline: none;

}



a:hover {

	color: #008080;

	text-decoration: underline;

}



.clear {

    clear: both;

}



div {

    margin: 0px;

}



p, h1, h3, h4, h5, h6 {

    margin: 0px;

}



li {

    margin-left: 0px;

}



ul {

    list-style: none

}









.bold

{

    font-weight:600;

}

/*

---------------------------------

Default styling

----------------------------------

*/

h1 {

    color: #1D82C3;

    font-weight: 800;

    font-size: 1.7em;

}



h2{

    font-size: 26px;

}

#submit_form {

    margin-top: 20px;

}



/*

---------------------------------

Main

----------------------------------

*/

html, body {

    height: 100%;

    background-color:transparent;

}



html {

    font-size: 1.4em;

    background: #a2dff5;

}



#background {

    background-color: #A2DFF5;

}



#background img {

    position: absolute;

    width: 100%;

    z-index: -2;

}



#bottom_subpage {

    clear: both;

    height: 39px;

    background-image: url(frame_bottom_8.png);

    background-repeat: repeat-y;

}



#container {

    width: 964px;

    text-align: left;

    margin-left: 11px;

    padding-top: 26px;

}



#center_fold {

    margin: 0px auto;

    width: 990px;

}



#subpage_filler {

    padding-top: 30px;

    padding-left: 30px;

    width: 100%;

    height: 100%;

    background-image: url(frame_backing_8.png);

    background-repeat: repeat-y;

    float:left;

}



.heading {

    margin-bottom: 20px;

    text-align: left;

    float:left;

    width:100%;

}



#subpagse_contents {

    background-color: white;

    width: 100%;

    height: 100%;

}



#frame_outline {

    margin: 0px auto;

    width: 990px;

    z-index: -1;

    background-image: url(frame.png);

    height: 769px;

    background-repeat: no-repeat;

}



#frame_subpage_outline {

    z-index: -1;

    height: 340px;

    background-image: url(frame_background_short_8.png);

    background-repeat: no-repeat;

}



#product_image {

    height: 319px;                  

    width: 964px;

    background-image: url(product_image_background_8.png);

}



#info {

	background:url(info_background_0.jpg) repeat-y;

    padding-top: 2px;

}



#action {

    width: 964px;

    height: 24px;

    background-image: url(action_background.png);

    background-repeat: no-repeat;

    background-position: bottom;

}



/*

---------------------------------

ACTION: Logo

----------------------------------

*/



#logo {

	color:#495677;

    float: left;

    padding-left: 424px;

    margin-top: 218px;

    height: 58px;

	font-size:18px;

	font-weight:bold;

}



/*

---------------------------------

Footer

----------------------------------

*/

#footer_details {

    clear: both;

    margin: 0px auto;

    text-align: center;

    height: 40px;

    margin-top: 20px;

}



#footer {



    text-align: center;

    height: 20px;



}



#copyright {

    text-align: center;



    height: 20px;



    color: #75B0BD;

    margin-top: 10px

}



#footer a {

    margin-left: 20px;

    color: #19495A;

    font-weight: 900;

}



/*

---------------------------------

Tag lines

----------------------------------

*/



#tag_contents {

    float: left;

    height: 175px;

    width: 964px;



}



#main_tag_line {

    padding-top: 19px;

    width: 100%;

    height: 35px;

    float: left;

    text-align:center;

}



#subtag_tag {

    margin-top: 5px;

    width: 100%;

    height: 16px;

    float: left;

    text-align:center;

}

#itunes_only span {

   font-size: 14px;

}

#itunes_only {

    width: 268px;

    height: 12px;

    float: left;

    margin-left: 22px;

    margin-top: -5px;

    color: #555555;

    background-image: url(itunes_mac_only_8.png);

    background-repeat: no-repeat;

	font-size: 14px;

}



/*

---------------------------------

ACTION: Call to Action Box

----------------------------------

*/

#call_to_action {

    margin-top: 0px;

	margin-left: 184px;

}



#download {

    margin-left: 230px;

    height: 54px;

    width: 295px;

    float: left;

    background-image: url(download_beta_8.png);

    background-repeat: no-repeat;

}



#video {

    height: 54px;

    width: 302px;

    float: left;

    background-image: url(view_tour_8.png);

    background-repeat: no-repeat;

}



#extra_info {

    margin-top: -12px;

    height: 141px;

    width: 135px;

    float: right;

    background-image: url(green_8.png);

    background-repeat: no-repeat;

}



/*

---------------------------------

ACTION: Info Box

----------------------------------

*/



#sync_box {

    width: 320px;

    height: 190px;

    float: left;

}



#sync {

    margin-top:26px;

    margin-left:12px;

    float: left;

    width: 70px;

    height: 34px;

    background-image: url(sync.png);

    background-repeat: no-repeat;

}



#sync_image {

    margin-top:5px;

    padding-left:160px;

    float: left;

    width: 73px;

    height: 55px;

    background-image: url(sync_image.png);

    background-repeat: no-repeat;

    background-position: right;

}



#store_box {

    margin-left: 2px;

    margin-top: 4px;

	width:100%;

    float: left;

}



#store {

    margin-left: 14px;

    margin-top:22px;



    float: left;

    width: 71px;

    height: 28px;

    background-image: url(store.png);

    background-repeat: no-repeat;

}



#store_image {

    margin-top:0px;

    padding-left:160px;

    float: left;

    width: 80%;

    background-image: url(store_image.png);

    background-repeat: no-repeat;

    background-position: right;

}



#stream_box {

    margin-left: 2px;

    margin-top: 6px;

    width: 320px;

    height: 190px;

    float: left;

}



#stream {

    margin-top:20px;

    margin-left: 13px;

    float: left;

    width: 92px;

    height: 28px;

    background-image: url(stream.png);

    background-repeat: no-repeat;

}



#stream_image {

    padding-left:140px;

    float: left;

    width: 64px;

    height: 52px;

    background-image: url(stream_image.png);

    background-repeat: no-repeat;

    background-position: right;

}



.text_contents {

    margin-top: 20px;

    margin-left: 20px;

}



.text_contents ul li {

    margin-top: 10px;

    list-style-image: url(bullet.png);

}



.info_box {

    float: left;

    width: 300px;

    height: 150px;

}



.info_heading {

    margin-top: 20px;

    font-size: 3em;

}



.learn_more {

    margin-top: 20px;

    margin-left: 210px;

    float: left;

    width: 84px;

    height: 12px;

}



/*

---------------------------------

ACTION: Login Options

----------------------------------

*/



#login_form {

    float: left;

}



/*

---------------------------------

ACTION: Login Buttons

----------------------------------



*/



#start_email_login_button {

    float: left;

    width: 9px;

    height: 35px;

    background-image: url(email_left_input.png);

}



#password_button_left {

    float: left;

    width: 9px;

    height: 35px;

    margin-left: 12px;

    background-image: url(password_left_input.png);

}



.middle_login_button {

    float: left;

    width: 120px;

    height: 35px;

    background-repeat: repeat-x;

    background-image: url(input_center.png);

}



.end_login_button {

    float: left;

    width: 10px;

    height: 35px;

    background-image: url(input_right.png);

    background-repeat: no-repeat;

}



#login_options {

    float: left;

    margin-top: 24px;

    margin-left: 320px;

}



#login_button {

    float: left;

    margin-top: 13px;

    margin-left: 10px;

}



.login_text {

    margin-top: 10px;

    margin-left: 2px;

}



#submit {

    background-image: url(login.png);

    background-repeat: no-repeat;

    height: 50px;

    width: 92px;

}



/*

---------------------------------

Tour Page Css

----------------------------------



*/



.tour_block {

    padding-top:5px;

    float:left;

    width:100%;

    height:100%;

    border-bottom-style: solid;

    border-bottom-width: 3px;

    border-bottom-color: #D4D4D4;

    padding-bottom:23px;      



}



.tour_text {

    float:left;

    width:40%;

}



.tour_image {

    padding-top:43px;

    float:right;

    text-align: center;

    margin-left: 10%;

    width:50%;

}

#tour_beta_text

{

   margin-bottom:20px;

}

/*

---------------------------------

Others

----------------------------------



*/



.contents_link {

    color: #19495A;

    font-weight: 300;

}

#subpage_contents {

    width: 90%;

    margin-left:10px;

    margin-top:20px;

}

#general_info

{

   clear:both;

    margin-bottom:30px;

}

#heading_extra_img

{

    float:left;

    margin-left:30px;

}

/*

---------------------------------

bio - about us

----------------------------------

*/



.bio_text {

    margin-top: 10px;

    padding-bottom: 20px;

}



/*

---------------------------------

policys

----------------------------------

*/

#quick_links {

    position: fixed;

    width: 10%;

    margin-left: 730px;



    padding-right: 10px;

    padding-left: 10px;

    border: 1px solid;

    padding: 10px;

}



#policy_contents {

    width: 80%;

    padding-right: 10px;

    padding-bottom: 10px;

    height: 100%;

}



#policy_contents p {

    margin-top: 10px;

}



#policy_contents h3 {

    margin-top: 10px;

    font-weight: 800;

    font-size: 1.5em;

}











/*

---------------------------------

Faq

----------------------------------

*/

#faq_contents {

    width: 80%;

    padding-right: 10px;

    padding-bottom: 10px;

    height: 100%;

}



#faq_contents p {

    margin-top: 10px;

}



.indent_text

{

    margin-left:20px;

}