/* CSS Document */

html {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

body {
	height: 100%;
	background-image: url(images/bg.gif);
	background-position:center top;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.rightbox {
	background-color: #fff;
	border: 1px solid #ccc;
	text-align: justify;
	margin: 10 0 0 0px;
}


div.rightbox_w {
	background-color: #fff;
	border: 1px solid #ccc;
	text-align: justify;
	margin: 10 0 0 0px;
}

img.boxed {
	border: 1px solid #e5e5e5;
}

div.rightbox h3 {
	background-image: url(images/gradient_div.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #ccc;
	height: 15px;
	padding-top: 4px;
	margin: 0px;
       	font-size: 11px;
        color: #305060;
	background-color: #ddd;
       	text-align: center;
}

div.rightbox h2 {
	background-image: url(images/feature_header_bg.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #ccc;
	height: 15px;
	padding-top: 4px;
	margin: 0px;
       	font-size: 10px;
        color: #305060;
	background-color: #ddd;
       	text-align: center;
}

#h3 {
	background-image: url(images/feature_header_bg.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #868686;
	border-right: 1px solid #868686;
	border-top: 1px solid #868686;
	border-bottom: 1px solid #ccc;
	height: 15px;
	width: 100%;
	padding-top: 4px;
	margin: 0px;
       	font-size: 12px;
        color: #305060;
	background-color: #ddd;
       	text-align: left;
}


div.rightbox_w h2 {
	border-bottom: 1px solid #ccc;
	height: 15px;
	padding-top: 4px;
	padding-bottom: 1px;
	padding-left: 2px;
	margin: 0px;
       	font-size: 14px;
        color: #305060;
	background-color: #fff;
       	text-align: left;
}


div.rightbox_w h3 {
	background-image: url(images/feature_header_bg.gif);
	background-repeat: repeat-x;	
	border-bottom: 1px solid #ccc;
	height: 15px;
	padding-top: 4px;
	margin: 0px;
       	font-size: 12px;
        color: #305060;
	background-color: #ddd;
       	text-align: center;
}


div.rightbox_w h4 {
	
	background-image: url(images/feature_header_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-bottom: 1px solid #ccc;
	height: 9px;
	margin-top: 10px;
	padding-top: 0px;
	padding-bottom:82px;
	margin-bottom: 0px;
       	font-size: 32px;
        color: #305060;
	background-color: #ddd;
       	text-align: left;
}

div.rightbox p {
	 text-align: left;
	 font-size: 11px;
	 margin: 10px;
}

div.rightbox_w p,li {
	 text-align: left;
	 font-size: 11px;
	 margin: 10px;
}

#wrapper {
	width: 945px;
	border: none; 
    	margin-left: auto;
    	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Fonts */
p {
	margin: 0px;
	padding: 0px;

}

a.contact {
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 11px; 
       color: #555;
       text-decoration: none;
}

/* Top, logos and slogan */
#top {
	float: left;
	width: 945px;
	height: 91px;
	background-color: #f6f6f6;
}
#logo {
	float: left;
	width: 241px;
	height: 76px;
	padding-left: 25px;
	padding-top: 15px;
}
#logo_uassure {
	float: left;
	width: 139px;
	padding-left: 510px;
	padding-top: 40px;
	height: 51px;
}

/* Navigation */
#navi {
	float: left;
	width: 915px;
	height: 54px;
	background-image: url(images/bg_navi.gif);
	background-repeat:repeat-x;
	padding-left: 30px;
}

/* Main content wrapper */
#main_content {
	float: left;
	width: 945px;
	height: auto !important; /* for modern browsers */
	height: 560px; /* for IE5.x and IE6 */
	min-height: 560px; /* for modern browsers */
}

/* Main content, left column*/
#main_content_col1 {
	float: left;
	width: 263px;
	height: auto !important; /* for modern browsers */
	height: 520px; /* for IE5.x and IE6 */
	min-height: 520px; /* for modern browsers */
}
#image1 {
	float: left;
	clear: both;
	padding-left: 22px;
	padding-top: 14px;
	height: 271px;
}

/* Main content, left column, News */
#news{
	float: left;
	width: 251px;
	background-image: url(images/bg_news.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: auto !important; /* for modern browsers */
	height: 235px; /* for IE5.x and IE6 */
	min-height: 235px; /* for modern browsers */
	padding-left: 12px;
}


#news_fi{
	float: left;
	width: 251px;
	background-image: url(images/bg_news.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: auto !important; /* for modern browsers */
	height: 175px; /* for IE5.x and IE6 */
	min-height: 175px; /* for modern browsers */
	padding-left: 12px;
}

/* Main content, left column, News */
#info_box{
	float: left;
	width: 251px;
	background-repeat: no-repeat;
	background-position: bottom;
	height: auto !important; /* for modern browsers */
	height: 45px; /* for IE5.x and IE6 */
	min-height: 45px; /* for modern browsers */
	padding-left: 12px;
	padding-bottom: 7px;
}

#news_bg {
	float: left;
	width: 220px;
	height: auto !important; /* for modern browsers */
	height: 204px; /* for IE5.x and IE6 */
	min-height: 204px; /* for modern browsers */
	background-image: url(images/bv_news.gif);
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-top: 20px;
	padding-right: 10px;
}

#news_bg_fi {
	float: left;
	width: 220px;
	height: auto !important; /* for modern browsers */
	height: 135px; /* for IE5.x and IE6 */
	min-height: 135px; /* for modern browsers */
	background-image: url(images/bv_news.gif);
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-top: 20px;
	padding-right: 10px;
}

#info_box_bg {
	float: left;
	width: 220px;
	height: auto !important; /* for modern browsers */
	height: 35px; /* for IE5.x and IE6 */
	min-height: 35px; /* for modern browsers */
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-top: 20px;
	padding-right: 10px;
}


.news {
	width: 220px;
}
.news_item {
	background-color: #e8e8e8;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.news p, a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.news a:hover {
	text-decoration: underline;
}

.news_title a {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #d64c2b;
	text-decoration: none;
}

.news_space{
	height: 2px;
}

/* Main content, right column*/
#main_content_col2 {
	float: left;
	width: 682px;
	height: 284px;
}

/* Main content, right column, image/flash*/
#image2{
	float: left;
	clear: both;
	padding-top: 5px;
	padding-bottom: 20px;
}
/* Main content, right column, introduction, "What is u.assure?", "How does it work?", "What are the benefits?" */

#introduction{
	float: left;
	clear: both; 
	width: 668px;
	background-image: url(images/bg_introduction.gif);
	background-repeat: no-repeat;
	height: auto !important; /* for modern browsers */
	height: 110px; /* for IE5.x and IE6 */
	min-height: 110px; /* for modern browsers */
}

/* Main content, right column, introduction, table */
.table_introduction{
	width: 668px;
	padding: 0px;
	margin: 0px;
}
.table_introduction p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.intro_col1 {
	width: 195px;
	padding-left: 20px;
	padding-top: 20px;
	vertical-align: top;
}
.intro_col2 {
	width: 200px;
	padding-left: 15px;
	padding-top: 20px;
	vertical-align: top;
}
.intro_col3 {
	width: 205px;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 5px;
	vertical-align: top;
}
.table_introduction a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #d5411d;
}
.table_introduction a:hover {
	text-decoration: underline;
}

/* Main content, right column, introduction, Test-box "Look", "Test drive", "Try it!" */
#test {
	float: left;
	height: auto !important; /* for modern browsers */
	height: 101px; /* for IE5.x and IE6 */
	min-height: 101px; /* for modern browsers */
	width: 668px;
	background-image: url(images/bg_test.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 10px;
}
#look-test-try{
	float: left;
	width: 653px;
	height: 78px;
	background-color: #d6d6d7;
	padding-left: 15px;
	padding-top: 12px;
}
#look-test-try img {
	padding-right: 10px;
}

/* Bottom, contact information */

#bottom {
	float: left;
	width: 945px;
	text-align: center;
	padding-top: 15px;
	background-image: url(images/bg_contactinfo.gif);
	background-repeat: no-repeat;

}
#bottom p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6a6a6a;
}

/* SUB pages */
#sub_main_content{
	float: left;
	width: 945px;
	height: auto !important; /* for modern browsers */
	height: 460px; /* for IE5.x and IE6 */
	min-height: 460px; /* for modern browsers */
	overflow: hidden;
}

#sub_main_content_col1 {
	float: left;
	width: 253px;
	height: auto !important; /* for modern browsers */
	height: 417px; /* for IE5.x and IE6 */
	min-height: 417px; /* for modern browsers */
	margin-top: 40px;
}
#sub_navigation {
	float: left;
	width: 221px;
	padding-left: 42px;

}
#sub_navigation li {
	border-bottom: 1px #d5d9db solid;
	margin-top: 0px;
	margin-bottom: 0px;
}

#line_list {

	   float: left;
	padding-left: 42px;

}
#line_list li {

	border-bottom: 1px #d5d9db solid;
	margin-top: 0px;
	margin-bottom: 0px;

}

ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

ul.arrow {
        list-style-image: url(images/img_nuoli.gif);
	margin-left: 35px;
}

ul.plain {
	list-style-type: disc;
	margin-left: 35px;
}

ul.plain li { 
	line-height: 1.3em;
}

.link-list {
	   text-align: left;
	   list-style: none;
	   margin: 0 0 1em;
	   padding-left: 15px;
	   padding-right: 15px;
}
.link-list>* {
	     margin: 1px 1.5ex 1px 0;
	     line-height: 1.333em;
}
.link-list>li,
.link-list>dt { padding: 2px 0; }
.link-list>dd { padding-left: 1.25ex; }
.link-list li,
.link-list dt { _padding: 0.15em 0 0.2em;  }
.link-list dd { _padding-left: 1.25ex;  }
.link-list li,
.link-list dt,
.link-list dd {
	   _margin: 1px 1.5ex 1px 0;
	   _line-height: 1.35em; 
}
ul.link-list li { 
	     _list-style-position: outside;  
}

li.icon, p.icon {  
       background-position: left top; 
       padding-left: 0px;
}

.buy { 
     background-image: url(images/icons/buy.gif);
     background-repeat: no-repeat;
     padding-left: 20px;
}

.quicktime { 
	   background-image: url(images/icons/quicktime.gif);
	   background-repeat: no-repeat;
	   padding-left: 20px;
}

.try { 
     background-image: url(images/icons/try.gif);
     background-repeat: no-repeat;
     padding-left: 20px;
}

.info { 
      background-image: url(images/icons/info.gif);
      background-repeat: no-repeat;
      padding-left: 20px;
}

.enroll { 
	background-image: url(images/icons/enroll.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.download { 
	  background-image: url(images/icons/download.gif);
	  background-repeat: no-repeat;
	  padding-left: 20px;
}


li p a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6a6a6a;
	line-height: 2.2em;
	display: inline;
}
#sub_navigation li a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cf8d19;
	line-height: 2.2em;
}
.li_selected {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cf8d19;
	line-height: 2.2em;
}

#sub_main_content_col2 {
	float: left;
	width: 577px;
	height: auto !important; /* for modern browsers */
	margin-top: 0px;
	/* border-top: 3px #d5d9db solid; */
	/* border-left: 3px #d5d9db solid; */
	/* margin-top: 40px; */
	padding-left: 0px;
	padding-top: 20px;
	padding-right: -50px; 
	margin-bottom: 2px; 
	padding-bottom: 0px; 
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #d5411d;
	line-height: 2.0em;
}
#sub_main_content_col2 p, li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.8em;
}

a.pun:link, a.pun:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d64c2b;
	text-decoration: none;
}
a.pun:hover, a.pun:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d64c2b;
	text-decoration: underline;
}

a.norm:link, a.norm:visited {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}
a.norm:hover, a.norm:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
	display: inline;
}

a.medias:link, a.medias:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #c0c0c0;
	text-decoration: none;
}
a.medias:hover, a.medias:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #c0c0c0;
	text-decoration: underline;
}


div.bluebox1 div.top { display:block; font-size:1px; height:7px; background:url(images/box_blue1_tl.gif) top left no-repeat; }
div.bluebox1 div.top div { background: url(images/box_blue1_tr.gif) top right no-repeat; display:block; height:7px; }
div.bluebox1 div.content { border-left:1px solid #9eb5c8; border-right:1px solid #9eb5c8; }
div.bluebox1 div.content1 { clear:both; padding:10px 10px 5px 10px;  }
div.bluebox1 div.bottom { display:block; font-size:1px; height:7px; background: url(images/box_blue_bl.gif) bottom left no-repeat; }
div.bluebox1 div.bottom div { background: url(images/box_blue_br.gif) no-repeat bottom right; display:block; font-size:1px; height:7px
; }

