/***********************************************/
/* motion.css                                  */
/* Copyright Motion Marketing, Inc.            */
/***********************************************/

/* Reset all */
* { margin: 0px; padding: 0px; }

/***********************************************/
/* HTML styles                                 */
/***********************************************/ 
body {
	color:#666; 
	font-size:83%;
	font-size:1em;
	line-height: 1.166;
	font-family: arial, helvetica, sans-serif;
	background-color: #fff;
/*	background-image: url(../images/background_eaebec.jpg); 
	background-repeat: repeat-x;
	background-attachment: fixed; */
	margin: 0px auto; 
	voice-family: "\"}\""; 
	voice-family:inherit;
}

@media handheld {
    BODY { /* TBD */ }
}

h1, h2, h3, h4, h5, h6 { color: #039; font-weight: bold; margin: 0px; padding: 0 0 0 0.3em; }
h1 { font-size: 2.0em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.2em; }
h4 { font-size:   1em; }
h5 { font-size: .93em; }
h6 { font-size: .86em; }
h1 a:link, 		h2 a:link, 		h3 a:link 		{ color: #039; text-decoration: none; }
h1 a:visited, 	h2 a:visited, 	h3 a:visited 	{ color: #039; text-decoration: none; }
h1 a:hover, 	h2 a:hover, 	h3 a:hover 		{ color: #039; text-decoration: underline; }
h1 a:active, 	h2 a:active, 	h3 a:active 	{ color: #039; text-decoration: underline; }

a:link, a:visited { color: #039; text-decoration: underline; }
a:hover, a:active { color: #06C; text-decoration: underline; }

p { color: #666; line-height: 1.2em; margin: 0 0 0 6px; padding: 0px; }

ul { color: #666; font-size: 1em; margin: 5px 16px 5px 20px; list-style-type: disc; }
ul ul { color: #666; font-size: .93em; list-style-type: square; }
ul ul ul { color: #666; font-size: .86em; list-style-type: circle; }

ol { color: #666; font-size: 1em; margin: 5px 16px 5px 25px; }
ol ol { color: #666; font-size: .93em;  }
ol ol ol { color: #666; font-size: .86em;  }

hr { color: #ccc; height: 1px; }

table tr, td, th { margin: 0px; padding: 0px; } 

img { border: none; }


/***********************************************/
/* Page Layout                              */
/***********************************************/
#page {
	position: relative; 
	min-width:750px;
	max-width:960px;
	margin:auto;
/*	padding: 0 10px 0 10px; */
	overflow:hidden;
}

#navBar { float: left; width: 95%; margin: 0px; padding: 0px; background-color: #eee; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }

#headlines { float:right; width: 20%; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-right: 10px; }
#content { float: left; width: 95%; margin: 4px; padding: 4px;}

#header_box1, #header_box2, #header_box3 { margin-top:8px; background:#FFF;}
#menu_box {margin-top: 8px;}

#footer_box1, #footer_box2, #footer_box3 { margin-top:8px;}

#footer { font-size: 10px; color: #999;  border: 0px solid #ccc;	padding: 10px 10px 10px 10px; margin:auto;}
	#footer a:link, #footer A:visited, #footer A:active { color: #303080; text-decoration: none;}
	#footer A:hover { color: #ff0000; text-decoration: underline;}

#copyright { color: #999; font-size: 10px; line-height: 200%; margin-top:auto; }
	#copyright A:link, #copyright A:visited { color: #999; text-decoration: none; font-size: 12px; line-height: 200%; }
	#copyright A:active, #copyright A:hover { color: #f00; text-decoration: underline; font-size: 12px; }

/***********************************************/
/* Masthead styles                             */
/***********************************************/
#masthead { padding: 10px 0px 0px 0px;	border-bottom: 1px solid #ccc;	width: 100%;}

#companylogo { }
#companytextlogo { }

#companyname {color: #999;font-size: 2em;position: absolute;left: 170px;top: 12px;}
	#companyname a:link, #companyname a:visited { color: #999; text-decoration: none; }
	#companyname a:hover, #companyname a:active { color: #06C; text-decoration: underline; }

#companytagline {color: #039; font-size: 1em; }

#slogan {font-size: 10px; color: #ccc; }


 
/***********************************************/
/*  Menu styles                                */
/***********************************************/ 
#menu {color: #ccc;font-size: 0.75em;font-family: Verdana, Arial, Helvetica;background-color: #08197A; padding:2px; }
	#menu A:link, #menu A:visited { color: #ccc; text-decoration: none; }
	#menu A:active, #menu A:hover { color: #fff; text-decoration: underline; }
	
.submenu { color: #08197A; background-color: #ECE9D8; font-size: .7em; font-family: Verdana, Arial, Helvetica; }
	.submenu A:link, .submenu A:visited { color: #666666; text-decoration: none; }
	.submenu A:active, .submenu A:hover { color: #FF0000; text-decoration: underline; }
		

/*********** #navBar link styles hacks & fixes ***********/
#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #eee;}
/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

/************* #globalNav styles **************/
#globalNav {padding: 0px 0px 5px 10px; border-bottom: 1px solid #CCC; color: #cccccc;}
#globalNav img {display: block;}
#globalNav a {font-size: 90%; padding: 0 4px 0 0;}


/************** .form styles ***************/
form {color: #666666;margin: 0; padding: 1em; }
input, select, textarea, option	{font-size: 11px; }
.formprompt { color: #999; font-size: .8em;  }


/*************** search styles *****************/
#search {position: absolute;top: 6px;right: 10px;z-index: 101;color: #333;font-weight: bold;}
#search input {font-size: .9em; margin: 0px  0px 0px 10px;}
 

/***********************************************/
/* Special Box styles                             */
/***********************************************/ 
/* .box { background: #ffffff; -moz-opacity:0.8; filter: alpha(opacity=70); }  */
.infobox { border: solid 1px #dddddd; padding: 5px }




#container_radius {
	width: 648px;
	height: auto;
	border: solid 2px #dddddd;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.button_radius {
	background: url(http://b4.crashplan.com/consumer/images/feature_box.png) repeat-x;
	width: 180px;
	height: 30px;
	margin: 5px;
	margin-left: 5;
	padding: 2px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}