
/* --- global reset, used to make things look the same in all browsers --- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, font, img, strong, b, u, i, center, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end global reset */

body {
	background: url(../img/bg_blue.jpg) #fff repeat-x top left;
}

#container {
	width: 900px; margin: auto; height: 100%; padding-top: 25px;
}

#container_head p {
	font-family: arial, helvetica, sans-serif; font-size: 21px; line-height: 28px; font-weight: 100; color: #333; margin: 70px 0 10px 6px; padding: 0; width: 88%;
}

#leftnav {
	width: 270px; float: left; margin-top: 20px;
}

#leftnav img {
	padding: 5px 0 7px 0;
}

#bodycopy_top {
	width: 600px; margin-top: 25px; float: left; padding-left: 30px; background: url(../img/vertical_rule.jpg) no-repeat left;
}

#bodycopy_btm {
	width: 470px; float: left; margin-top: 25px;
}

#callout {
	width: 381px; height: 151px; float: left; margin-left: 20px; margin-top: 25px; background-image: url(../img/callout_questions.jpg);
}

#callout p {
	font-family: arial, helvetica, sans-serif; margin: 10px 20px 5px 65px;
}

#callout h2 { 
	font-family: arial, helvetica, sans-serif; font-size: 15px; margin: 20px 0 0 65px; font-weight: normal;
}

.zixcorp {
	padding: 0 20px 10px 0;
}

.row {
	width: 900px; 
	float: left;
}

.blue {
	color: #003461;
}

.brightblue {
	color: #054D8F;
}

.bigblue {
	color: #003461; font-size: 15px;
}

p {
	font-family: arial, helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #333; padding-bottom: 20px;
}

a {
	color: #003461;
}

a:hover {
	color: #003461; text-decoration: none;
}

#footer {
	width: 400px; margin-top: 50px;
}

#footer p {
	font-family: arial, helvetica, sans-serif; font-size: 10px; margin: 0;
}

/* tutorial elements */

#container_tutorialnav {
	margin: 90px 0 0 30px; 
	padding: 0; 
}	

#tutorialnav_bg {
	padding: 0; 
	width: 898px;
	background-image: url(../img/tutorial_navbg.jpg);
	height: 61px;
}	

#container_tut_head p {
	font-family: arial, helvetica, sans-serif; 
	font-weight: 100; 
	color: #333; 
	margin: 0 0 10px 45px; 
	padding: 0; 
	width: 88%;
}

.head1{
	font-size: 20px;
	line-height: 28px; 
}

.head2{
	font-size: 17px;
	line-height: 22px; 
}

#bodycopy_tut_top {
	width: 800px; 
	margin-top: 25px; 
	float: left; 
	padding-left: 45px; 
}

#callout_tut {
	width: 858px; 
	height: 115px; 
	float: left; 
	margin-left: 20px; 
	margin-top: 25px; 
	background-image: url(../img/callout_tut_questions.jpg);
	background-repeat: no-repeat;
}

#callout_tut p {
	font-family: arial, helvetica, sans-serif; 
	margin: 10px 20px 5px 65px;
}

#callout_tut h2 { 
	font-family: arial, helvetica, sans-serif; 
	font-size: 15px; 
	margin: 20px 0 0 65px; 
	font-weight: normal;
}

#zixcorp_tut {
	width: 200px;
	height: 100px;
	float: left;
	background: url(../img/vertical_rule_tut.jpg) #fff no-repeat top right;
	margin: 0 15px 0 0;
}

.number{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #5385B1;
	padding: 0 10px 0 40px;
}

.faq_question{
	font-size: 17px;
	color: #054D8F;
}

.number_detail{
	padding: 10px 10px 10px 10px;
	float: left;
	background-color: #E8F6FC;
	width: 298px;
	margin: 0 0 0 15px;
}

.ss{
	float: right;
	margin: 0 40px 0 0;
	padding-bottom: 30px;
}

.italic{
	font-style:italic;
}

#breadcrumbs{
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 75px 0 0 0;
}

#breadcrumbs a{
	text-decoration: none;
}




