/* *********** DIV IDS *********** */

/*
#hc {
	position: absolute;
	z-index: 2000;
	width: 996px;
	height: 650px;
	left: 50%;
	margin-left: -498px;
}
*/

#holdlarge {
	position: absolute;
	z-index: 100;
	top: 53px;
	left: 64px;
	width: 362px;
	height: 440px;
}

#mycarousel {
	position: absolute;
	z-index: 200;
	top: 404px;
	left: 12px;
}

#home-center {
    z-index: 5;
    position: relative;
    clear: both;
    width: 100%;
    height: 447px;
}

#h-intro {
	z-index: 5;
	clear: both;
	float: right;
	margin-top: 22px;
	margin-right: 82px;
	width: 430px;
	height: 142px;
}

#point-box {
	z-index: 5;
	clear: both;
	float: right;
	margin-top: 20px;
	margin-right: 39px;
	width: 468px;
	height: 130px;
	padding: 0 0 0 30px;
	background: url('../images/point_box.jpg') no-repeat;
	font-family: Arial;
	font-size: 14px;
	line-height: 28px;
	color: #393939;
}
#point-box ul {
	margin-top: 14px;
}
#point-box ul li {
	margin: 1px 0 8px 0;
	margin-left: -10px;
	font-family: Arial;
	font-size: 16px;
	line-height: 120%;
	color: #1c537c;
}

#h-buttons {
	clear: both;
	float: right;
	margin-top: 39px;
	margin-right: 39px;
	text-align: right;
}

#how-works {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    height: 122px;
    background: url('../images/works_bg.jpg') repeat-x;
}

#active-backup {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    height: 127px;
    background: url('/images/activebackup_bg.png') repeat-x;
    padding-top: 1px;
    z-index: 5;
}

#grey-gradient {
	clear: both;
	float: left;
	width: 100%;
	padding: 15px 0 20px 0;
	background: #585858 url('../images/grad_drgry_ltgry.jpg') repeat-x;
}
* #grey-gradient {
	height: 332px;
}

#grey-gradient-small {
    clear: both;
    float: left;
    width: 100%;
    padding: 15px 0 20px 0;
    background: #585858 url('../images/grad_drgry_ltgry_small.png') repeat-x;
}

#sect-1, #sect-2, #sect-3 {
	float: left;
	width: 281px;
	font-family: Arial;
	font-size: 11px;
	line-height: 120%;
	color: #fff;
	vertical-align: top;
}

#sect-1 {
	margin-left: 38px;
}

#sect-2 {
	margin-left: 8px;
	margin-right: 8px;
	padding: 0 8px 40px 8px;
	width: 310px;
	border-left: 1px dotted #858585;
	border-right: 1px dotted #858585;
}

#sect-1, #sect-3 {
	width: 281px;
}

* html #h-intro, #point-box, #h-buttons, #sect-1, #sect-2 {
	display: inline;
}


/* *********** DIV CLASSES *********** */

.w-title {
    float: left;
    width: 199px;
}

.w-icon {
    float: left;
    margin-top: 20px;
    margin-right: 44px;
}

* html .w-icon {
    display: inline;
}

.a-title {
    float: left;
    width: 149px;
}

.a-icon {
    float: left;
}

.a-icon img {
    width: 160px;
}

* html .a-icon {
    display: inline;
}



/* *********** IMAGES *********** */

.iphone {
	float: left;
	margin-right: 4px;
}

.desktop {
	margin-bottom: 1px;
}

#desktop_signup {
	float: right;
}

.hlogo {
	margin-left: 10px;
	margin-right: 10px;
}


/* *********** HOW SOONR WORKS POPUPS *********** */

#hiw-container {
	position: absolute;
	z-index: 2000;
	top: 420px;
}

#backup, #dashboard, #mobile, #share, #print {
	
}

.popup {
	position: absolute;
	z-index: 5000;
	width: 291px;
	height: 135px;
	padding: 10px 14px 10px 14px;
	background: url('../images/curvebox_bg.gif') no-repeat;
	font-family: Arial;
	font-size: 12px;
	line-height: 120%;
	color: #333;
}
.popup img {
	float: left;
	margin-right: 4px;
}
.popup h3 {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #00aeef;
	margin-top: 0px;
	margin-bottom: 4px;
}

#close {
	float: right;
}

div.activebackup_section {
    width: 485px;
    height: 447px;
    padding-left: 490px;
    padding-top: 10px;
}

div.activebackup_header {
	color: rgb(50,95,141);
    font-family:Arial;
    font-size: 32pt;
}

div.activebackup_body {
    color: rgb(122,122,122);
    font-family:Arial;
    font-size: 16pt;
    margin-bottom: 20px;
}

div.activebackup_buttons {
    position: absolute;
    top: 375px;
    left: 490px;
}

ul.activebackup_list {
	border-top: 1px solid rgb(232,232,232);
    font-family:Arial;
    font-size: 10pt;
    font-weight: bold;
    padding-top: 5px;
    padding-left: 24px;
}

ul.activebackup_list li {
	color: rgb(68,203,237);
    line-height: 18pt;
    list-style-type: disc;
}

ul.activebackup_list span {
    color: rgb(122,122,122);
}