
.awesome_box_popout_right_transparent {
   background-color: #101030;
   /*background-color: #32475A; */
   opacity: .5;
}
.awesome_flat_box_transparent {
   background-color: #101030;
   border: 2px solid #101030;
   /*background-color: #32475A; */
   opacity: .5;
}
.awesome_box_transparent {
   background-color: #101030;
}

.awesome_popout_button {
   margin: 15px 0px 15px 0px;
   padding: 5px;
}


#reimagine_box {
    position: relative;
    border: 2px solid black;
    height: 400px;
    width: 950px;
    margin-top: 35px;
    padding: 0px;
    background-color: #6E1300;
    background-image: url(images/stock/lightbulb_bg.jpg);
    background-repeat: no-repeat;
}
h1.reimagine {
    font-size: 46px;
    margin-top: 25px;
    margin-left: 30px;
    width: 450px;
    color: #FFFFFF;
}
hr.reimagine {
   text-align: left;
    margin-left: 35px;
    margin-top: 15px;
    height: 6px;
    background-color: #FFFFFF;
    border-bottom: 2px solid #202020;
    border-right: 2px solid #202020;
    width: 500px;
}
h2.reimagine {
    margin-top: 15px;
    margin-left: 80px;
    width: 450px;
    color: #FFFFFF;
    font-size: 28px;
    font-style: italic;
}
h3.reimagine {
    margin-left: 30px;
    width: 600px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    bottom: 30px;
}

#services_box {
   position: relative;
    border: 2px solid black;
    height: 520px;
    width: 950px;
    margin-top: 30px;
    padding: 0px;
}
#services_box_transparent {
   position: absolute;
   background-color: #000000;
   opacity: .6;
    height: 100%;
    width: 100%;
    padding: 0px;
}
#services_box_inner {
    position: relative;
    padding: 20px;

}
h1.services {
    color: #FFFFFF;
    font-size: 34px;
    font-weight: bold;
    margin-left: 5px;
}

.header_bar_mini {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 660px;
   height: 149px;
    background-image: url(images/nav_bar_bg_top2_small.png);
    background-repeat: none;
    background-position: -10px left;

}
.frame_mini_left {
   position: absolute;
   top: 0px;
   left: 0px;
   height: 100%;
   width: 200px;
    background-image: url(images/grad_lr_200.png);
    background-repeat: repeat-y;
    background-position: top left;
}
.frame_mini_right {
   position: absolute;
   top: 0px;
   right: 0px;
   height: 100%;
   width: 200px;
    background-image: url(images/grad_rl_200.png);
    background-repeat: repeat-y;
    background-position: top right;
}

#custom_box {
   width: 660px;
   height: 570px;
   background-color: #494949;
   border: 2px solid black;
    background-image: url(images/logo_bg_plain_cropped_corner_medium.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}

#custom_box_inner {
   position: relative;
   z-index: 4;
   height: 100%;
}

#custom_box_header {
   height: 70px;
   border-bottom: 2px solid black;
   background-color: #FFFFFF;
   width: 100%;
   position: relative;
}

#custom_box_logo {
   padding: 22px 25px 0px 20px;
   font-size: 28px;
   font-weight: bold;
   color: #05316D;
}

#custom_box_text {
   position: absolute;
   top: 128px;
   left: 20px;
   color: #FFFFFF;
   font-size: 15px;
   width: 310px;
}

#custom_box_text div.custom_bullet {
   margin-bottom: 10px;
   line-height: 100%;
   font-weight: bold;
   font-size: 18px;
   position: relative;
   left: 17px;
}


#custom_box_text div.custom_bullet div.bullet {
    background-image: url(images/white_next_arrow.png);
    background-repeat: none;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 1px;
    left: -20px;
}

#zipline_box {
   position: absolute;
   left: 30px;
   top: 95px;
   width: 430px;
   height: 400px;
   background-color: #387C2B;
   border: 2px solid black;
    background-image: url(images/zipline/zipline_logo_bg_plain_cropped_corner_small.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    overflow: hidden;
}

#zipline_box_inner {
   position: relative;
   z-index: 4;
   height: 100%;
}

#zipline_box_inner h1 {
   color: #FFFFFF;
   font-size: 24px;
   padding: 20px 0px 0px 10px;
}
#zipline_box_inner div.hr {
   background-color: #FFFFFF;
   height: 2px;
   width: 250px;
   margin: 5px 0px 5px 10px;
}
#zipline_box_inner h2 {
   color: #FFFFFF;
   font-size: 16px;
   padding: 0px 0px 0px 25px;
   font-style: italic;
}
#zipline_box_inner h3 {
   color: #FFFFFF;
   font-size: 13px;
   padding: 20px 0px 0px 10px;
   font-weight: normal;
   width: 250px;
}

h1.custom {
   color: #4A1C1C;
   font-size: 38px;
   font-weight: bold;
}

p.custom {
   margin-top: 10px;
   padding: 10px;
   color: #FFFFFF;
}

#custom0 {
   position: absolute;
   left: 10px;
   bottom: 10px;
}

#custom1 {
   position: absolute;
   bottom: 0px;
   left: 0px;
}
#custom2 {
   position: absolute;
   bottom: 40px;
   left: 80px;
}
#custom3 {
   position: absolute;
   bottom: 60px;
   left: 200px;
}
#custom4 {
   position: absolute;
   bottom: 80px;
   left: 300px;
}
#custom5 {
   position: absolute;
   bottom: 100px;
   left: 400px;
}
#custom6 {
   position: absolute;
   bottom: 120px;
   left: 400px;
}
#custom7 {
   position: absolute;
   bottom: 140px;
   left: 470px;
}
#custom8 {
   position: absolute;
   bottom: 160px;
   left: 480px;
}
#custom9 {
   position: absolute;
   bottom: 180px;
   left: 460px;
}
#custom10 {
   position: absolute;
   bottom: 210px;
   left: 430px;
}
#custom11 {
   position: absolute;
   bottom: 240px;
   left: 400px;
}
#custom12 {
   position: absolute;
   bottom: 270px;
   left: 370px;
}
#custom13 {
   position: absolute;
   bottom: 320px;
   left: 410px;
}
#custom14 {
   position: absolute;
   bottom: 335px;
   left: 430px;
}
#custom15 {
   position: absolute;
   bottom: 350px;
   left: 480px;
}

#iphone0 {
   position: absolute;
   left: 400px;
   bottom: 10px;
}

#iphone1 {
   position: absolute;
   left: 60px;
   bottom: 10px;
}
#iphone2 {
   position: absolute;
   left: 0px;
   bottom: 20px;
}
#iphone3 {
   position: absolute;
   left: 80px;
   bottom: 0px;
}
#iphone4 {
   position: absolute;
   left: 120px;
   bottom: 20px;
}

#custom_button_wrapper {
   position: absolute;
   bottom: 15px;
   left: 250px;
   width: 100%;
}

#zipline_button_wrapper {
   position: absolute;
   bottom: 15px;
   left: 90px;
}


#zipline_box_header {
   height: 70px;
   border-bottom: 2px solid black;
   background-color: #FFFFFF;
   width: 100%;
   position: relative;
   z-index: 5;
}

#zipline_box_logo {
   padding: 8px 0px 0px 10px;
}

#zipline0 {
   position: absolute;
   top: 0px;
   left: -15px;
}

#zipline1 {
   position: absolute;
   left: 0px;
   top: 270px;
}
#zipline2 {
   position: absolute;
   left: 102px;
   top: 270px;
}
#zipline3 {
   position: absolute;
   left: 204px;
   top: 270px;
}
#zipline4 {
   position: absolute;
   left: 306px;
   top: 270px;
}
#zipline5 {
   position: absolute;
   left: 408px;
   top: 270px;
}
#zipline6 {
   position: absolute;
   left: 306px;
   top: 196px;
}
#zipline7 {
   position: absolute;
   left: 306px;
   top: 122px;
}
#zipline8 {
   position: absolute;
   left: 306px;
   top: 48px;
}
#zipline9 {
   position: absolute;
   left: 306px;
   top: 344px;
}
#zipline_iphone1 {
   position: absolute;
   left: 20px;
   top: 300px;
}

#home_button_outer {
   position: relative;
   background-color: #FFFFA0;
   display: inline-block;
   padding: 5px 10px 7px 10px;
   cursor: pointer;
   margin-left: auto;
   margin-right: auto;
   border: 2px solid black;
}

#home_button_outer:hover {
   background-color: orange !important;
}

#home_button_inner {
   position: relative;
   z-index: 3;
   font-weight: bold;
   font-size: 16px;
}


#reasons_box {
   position: relative;
    border: 2px solid black;
    width: 950px;
    margin-top: 30px;
    padding: 0px;
}
#reasons_box_transparent {
   position: absolute;
   background-color: #000000;
   opacity: .6;
    height: 100%;
    width: 100%;
    padding: 0px;
}
#reasons_box_inner {
    position: relative;
    padding: 20px;

}
h1.reasons {
    color: #FFFFFF;
    font-size: 34px;
    font-weight: bold;
    margin-left: 5px;
}

#reasons_box_content {
   border: 2px solid black;
   padding: 10px 10px 20px 10px;
   position: relative;
   width: 870px;
   margin-left: 10px;
   margin-top: 10px;
   background-color: #FFFFFF;
}

ul.big_reasons {
   list-style: none;
}
ul.big_reasons li {
   padding-bottom: 5px;
   padding-left: 20px;
   background-image: url(images/orange_arrow_24x24.png);
   background-repeat: no-repeat;
   background-position: -8px 10px;
}

ul.big_reasons li h2 {
   font-weight: bold;
   font-size: 28px;
   line-height: 150%;
   color: #BD4C00;
}
ul.big_reasons li p {
   margin: 0;
   line-height: 110%;
}

h2.small_reasons_header {
   font-weight: bold;
   font-size: 24px;
   margin-top: 5px;
   padding-bottom: 10px;
}
ul.small_reasons {
   line-height: 200%;
}

ul.small_reasons li h2 {
   font-weight: bold;
   font-size: 18px;
   line-height: 150%;
   color: #00539B;
}
ul.small_reasons li p {
   margin: 0;
   line-height: 110%;
}
#iphone1_examples {
   position: absolute;
   bottom: -15px;
   right: -15px;
}
#iphone2_examples {
   position: absolute;
   bottom: -15px;
   right: -15px;
}
#iphone3_examples {
   position: absolute;
   bottom: -15px;
   right: -15px;
}
#how_it_works_header {
   font-size: 15px;
   margin-left: 20px;
}
#how_it_works_box {
   padding-top: 10px;
   padding-bottom: 10px;
}
#how_it_works_content {
    background-color: #FFFFFF;
    margin-left: 20px;
   margin-right: 20px
}
.how_it_works_icon {
    vertical-align: middle;
    text-align: center;
    width: 120px;
    height: 64px;
}
.how_it_works_header {
    font-size: 15px;
    vertical-align: bottom;
    font-weight: bold;
    text-align: center;
    padding: 5px 0px 10px 0px;
}
.how_it_works_arrow {
    background-image: url(images/arrow.png);
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center center;
}
.how_it_works_text {
    padding-top: 5px;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
}
table.screenshot td {
   padding: 10px;
}
table.screenshot td h1 {
   font-weight: bold;
   font-size: 17px;
}
table.screenshot td p {
}
div.screenshot_outer {
}
#screenshot_set_up_button_wrapper2 {
      margin-top: 20px;

}
#help_set_up_button_wrapper2 {
   position: relative;
   margin-left: 300px;

}
#screenshot_set_up_button_wrapper {
   margin-left: 0px;
}
#help_set_up_button_wrapper {
   position: relative;
   margin-left: 300px;

}
div.popup_wrapper {
   position: relative;
}

div.popup {
   border: 1px solid black;
   background-color: #FFFFC0;
   padding: 10px;
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 9999;
}
div.popup a {
   color: #800000;
   font-weight: bold;
   display: block;
   text-align: right;
   font-size: 18px;
}
div.popup_anchor {
   font-weight: bold;
   color: #00539B;
   display: inline-block;
   cursor: help;
   font-size: 20px;
}
#reimagine_custom_box {
    position: relative;
    border: 2px solid black;
    height: 350px;
    width: 700px;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 0px;
    background-color: #FFFFFF;
    background-image: url(images/stock/apples_oranges_narrow.jpg);
    background-repeat: no-repeat;
}
#reimagine_custom_quote_fade {
   position: absolute;
   background-color: #FFFFFF;
   opacity: .7;
   width: 700px;
   height: 85px;
   bottom: 0px;
   left: 0px;
}
#reimagine_custom_quote_fade1, #reimagine_custom_quote_fade2, #reimagine_custom_quote_fade3, #reimagine_custom_quote_fade4 {
   position: absolute;
   left: 0px;
   background-color: #FFFFFF;
   width: 100%;
   height: 3px;
}
#reimagine_custom_quote_fade1 {
   top: -3px;
   opacity: .8;
}
#reimagine_custom_quote_fade2 {
   top: -6px;
   opacity: .6;
}
#reimagine_custom_quote_fade3 {
   top: -9px;
   opacity: .4;
}
#reimagine_custom_quote_fade4 {
   top: -12px;
   opacity: .2;
}

div.quote_name {
   text-align: right;
   font-size: 15px;
   font-weight: bold;
}
h1.reimagine_custom {
    font-size: 38px;
    margin-top: 15px;
    margin-left: 15px;
    padding-left: 10px;
}
h2.reimagine_custom {
    margin-top: 40px;
    margin-left: 40px;
    width: 450px;
    font-size: 24px;
    font-style: italic;
}
h3.reimagine_custom {
    margin-left: 30px;
    width: 640px;
    font-size: 17px;
    font-weight: normal;
    position: absolute;
    bottom: 15px;
}
h3.csleadquote {
   font-size: 22px;
   color: #FFFFFF;

   }

div.awesome_box_popout_inner h1 {
   font-size: 21px;
   font-weight: bold;
   padding: 0;
   margin: 10px 0px 0px 0px;
}
div.awesome_box_popout_inner h3 {
   font-weight: normal;
   font-size: 13px;
   line-height: 100%;
   padding: 0;
   margin: 0;
}

div.popout_button h3 {
   color: #FFFFFF;
   font-size: 22px;
   font-weight: bold;
   line-height: 100%;
   padding: 0;
   margin: 0;
}
div.popout_button p {
   color: #FFFFFF;
   font-size: 11px;
   font-weight: bold;
}

div.benefit {
   width: 205px;
}

div.benefit h2 {
   font-weight: bold;
   color: #05316D;
   font-size: 17px;
}

div.benefit p {
   padding-top: 5px;
   font-size: 15px;
}

div.featured_services {
	width: 285px;
}

div.featured_services h1{
	font-weight: bold;
	color: #E96D1F;
	font-size: 25px;
}

div.featured_services h2{
	font-weight: bold;
	color: #05316D;
	font-size: 20px;
}

div.featured_services p {
	padding-top: 5px;
	font-size: 15px;
}

div.featured_services_header h1{
	font-weight: bold;
	color: #E96D1F;
	font-size: 25px;
}

div.featured_services_divider {
	width: 2px;
	height: 120px;
	background-color: #808080;
	margin: 0px 10px 0px 15px;
}

div.vertical_divider {
   width: 2px;
   height: 170px;
   background-color: #808080;
   margin: 0px 15px 0px 15px;
}
div.horizontal_divider {
   width: 100%;
   height: 2px;
   background-color: #808080;
   margin: 15px 0px 15px 0px;
}

#iphone_title_box {
   width: 190px;
   position: relative;
}
#iphone_title {
   color: #FFFFFF;
   font-weight: bold;
   font-size: 17px;
   line-height: 100%;
}
#iphone_link {
   float: right;
}
#big_iphone {
   position: absolute;
   right: 5px;
   top: 10px;
   z-index: 3;
}

#small_iphone1 {
   position: absolute;
   left: 30px;
   top: 100px;
}

#small_iphone2 {
   position: absolute;
   left: 20px;
   top: 120px;
}

#small_iphone3 {
   position: absolute;
   left: 10px;
   top: 145px;
}

h2.awesome_flat_box_header {
   font-weight: bold;
   font-size: 15px;
   color: #FFFFFF;
}

div.checklist p {
}

div.checklist div.popup_anchor {
   font-weight: bold;
   display: inline-block;
   cursor: help;
   font-size: 17px;
   line-height: 100%;
   margin-bottom: 15px;
   position: relative;
   margin-left: 30px;
}

div.ideal_logic_bullet {
    background-image: url(images/swirl_24x24.png);
    background-repeat: none;
    position: absolute;
    width: 24px;
    height: 24px;
    top: -2px;
    left: -30px;
}

div.check_mark {
    background-image: url(images/check_24x24.png);
    background-repeat: none;
    position: absolute;
    width: 24px;
    height: 24px;
    top: -2px;
    left: -30px;
}

div.zipline h4 {
   padding-bottom: 25px;
   font-size: 15px;
   font-weight: bold;
}

div.zipline p {
   padding-top: 70px;
   font-size: 14px;
}

div.uct {
   position: relative;
    font-family: Calisto, Georgia, Times, serif;
    top: 0px;
    left: 30px;
}

div.uct #the {
   position: absolute;
   left: 0px;
   top: 8px;
}
div.uct #ultimate {
   position: absolute;
   left: 20px;
   top: 0px;
   font-size: 36px;
}
div.uct #ct {
   position: absolute;
   left: 23px;
   top: 36px;
   font-size: 17px;
}
h1.contact {
   color: #FFFFFF;
   display: inline-block;
   font-size: 20px;
   font-weight: bold;
   }
h3.contact2 {
   color: #FFFFFF;
   font-size: 15px;
   padding-top: 10px;
}
