@charset "UTF-8";
/* CSS Document */

html{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
}

body{
padding:0;
margin:0;
background-color:#fff;
background-image:url(images/bg_colors.gif);
background-repeat:repeat-x;
}

#wrap{
width:959px;
margin:0 auto;
}

h4{
width:320px;
margin:23px 0 0 0;
padding:0;
height:122px;
background-image:url(images/logo_head.gif);
background-repeat:no-repeat;
text-indent:-9999px;
display:block;
float:left;
}

A, img {
outline:none;
border-style: none;
}

#languages{
width:619px;
margin:23px 0 0 0;
padding:0 20px 0 0;
height:122px;
background-image:url(images/head_banner.gif);
background-repeat:no-repeat;
display:block;
float:left;
}

#languages li{
float:right;
font-size:10px;
color:#CCC;
list-style:none;
padding:90px 10px 0 0;
}

#languages li a{
float:left;
color:#CCC;
padding:0 10px 0 0;
}

#languages li a:hover{
float:left;
color:#fff;
}

#nav{
padding:0;
margin:0;
background-image:url(images/nav.gif);
background-repeat:no-repeat;
background-color:#1d303a;
height:27px;
float:left;
width:959px;
}

#nav li{
padding:0;
margin:3px 0 0 0;
width:119px;
list-style:none;
text-align:center;
float:left;
}

#nav li a{
font-size:11px;
color:#a4b2ba;
text-decoration:none;


}

#nav li a:hover{
font-size:11px;
color:#fff;
text-decoration:underline;
}

#callouts{
width:959px;
height:104px;
display:block;
background-color:#316079;
}

#callouts h1{
width:483px;
height:104px;
display:block;
background-color:#316079;
background-image:url(images/centre_line.gif);
background-repeat:no-repeat;
float:left;
margin:0;
padding:0;
text-indent:-9999px;

}

h1{
color:#1d303a;
font-size:21px;
}

h2{
padding:0;
margin:0;
color:#5388a3;
font-size:16px;
}

#quote_one{
width:217px;
height:84px;
background-image:url(images/left_quote.gif);
background-repeat:no-repeat;
padding:20px 10px 0 10px;
float:left;
}

#quote_two{
width:219px;
height:84px;
background-image:url(images/right_quote.gif);
background-repeat:no-repeat;
padding:20px 10px 0 10px;
float:left;
}

#quote_one p, #quote_two p{
margin: 0 0 0 0;
color:#fff;
font-size:11px;
line-height:20px;
}

#second_group{
height:41px;
margin:0;
padding:0;
float:left;
width:959px;
background-color:#5388a3;

}

#second_group li{
list-style:none;
float:left;
padding:0;
margin:0;
}

#mobile a{
height:41px;
margin:0;
padding:0;
float:left;
width:238px;
background-image:url(images/mobile_button.gif);
background-repeat:no-repeat;
text-indent:-9999px;
background-position:0 -41px;
}

#mobile a:hover{
background-position:0 0;
}

#download a{
height:41px;
margin:0;
padding:0;
float:left;
width:483px;
background-image:url(images/download.gif);
background-repeat:no-repeat;
text-indent:-9999px;
background-position:0 -41px;
}

#download a:hover{
background-position:0 0;

}

#content_one{
height:253px;
margin:0;
padding:22px 15px 0 15px;
float:left;
width:207px;
background-image:url(images/gradient2.gif);
background-repeat:repeat-x;
color:#000;
font-size:11px;
line-height:16px;
border-left:1px solid #5388a3;
}

#content_two{
height:253px;
margin:0 0 0 0;
padding:22px 15px 0 15px;
float:left;
width:209px;
background-image:url(images/gradient2.gif);
background-repeat:repeat-x;
color:#000;
font-size:11px;
line-height:16px;
border-right:1px solid #5388a3;
}

#content_three{
margin:0 0 0 0;
padding:22px 15px 30px 15px;
float:left;
width:929px;
background-image:url(images/gradient2.gif);
background-repeat:repeat-x;
color:#000;
font-size:11px;
line-height:16px;
border-right:1px solid #5388a3;
background-color:#c7e3f2;
}

#content_one li, #content_two li, #content_three li {
list-style-image:url(images/lock.gif);
margin:0 0 10px 15px;
}

#content_one a, #content_two a, #content_three a {
color:#1e4052
}

#content_one a:hover, #content_two a:hover, #content_three a:hover {
color:#000;
}



#content_one h3, #content_two h3, #content_three h3 {
color:#808080;
font-size:16px;
font-weight:normal;
margin:20px 0 10px 0;
padding:0;
}

#content_three h4{
width:auto;
height:auto;
display:inherit;
float:none;
background-image:none;
text-indent:0;
font-size:14px;
padding:0;
margin:20px 0 5px 0;
}

#imagearea{
padding:0;
margin:0;
width:481px;
float:left;
}

.blue{
color:#1e4052
}
.dgrey{
color:#494b4a
}

#footer{
width:959px;
margin:0;
padding:0;
height:39px;
display:block;
background-image:url(images/footer.gif);
background-repeat:no-repeat;
float:left;
text-align:center;
}
#footer ul{
padding:10px 0 0 0;
margin:0 auto;
width:45.0em;
}

#footer li{
margin:0;
padding-left:10px;
float:left;
list-style:none;
color:#808080;
font-size:10px;
}

#footer a {
padding-right:12px;
color:#808080;
font-size:10px;
text-decoration:none;
}


#footer a:hover {
padding-right:12px;
color:#fff;
font-size:10px;
text-decoration:underline;
}

#breadcrumbs{
width:939px;
padding:5px 0 10px 20px;
margin:0;
float:left;
font-size:10px;
background-color:#c7e3f2;
color:#1e4052
}

#breadcrumbs ul{
padding:5px 0 0 0;
margin:0;
float:left;

}

#breadcrumbs li{
padding:0 0 0 20px;
margin:0;
float:left;
list-style-image:none;
background-image:url(images/separator.gif);
background-repeat:no-repeat;
list-style-type:none;
}

#breadcrumbs li a{
padding:0 10px 0 0;
margin:0;
color:#1e4052

}

.imagearea{
float:right;
padding:0 10px 0 20px;
}



#submenu{
	float: left;
	margin: 0px;
	padding: 0 0px 0px 0px;
	position: relative;
	text-align: left;
	width: 190px;
}

#submenu ul{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#submenu ul li{
	color: #666666;
	font-size: 8pt;
	font-weight: 300;
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: none;
	list-style-image:none;
}

#submenu ul li a,
#submenu ul li a:link,
#submenu ul li a:active,
#submenu ul li a:visited{
	border-bottom: 1px dotted #1d303a;
	color: #1d303a;
	display: block;
	font-weight: 700;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
	position: relative;
	text-align: left;
	text-decoration: none;
	width: 160px;
	background: none;
}

#submenu #thispage a, #submenu ul li a:hover{
	color: #c7e3f2;
	font-weight: 700;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
	position: relative;
	text-align: left;
	text-decoration: none;
	background:#5388a3}

.tablehead{
background-color:#1e4052;
color:#fff;

}


#pricing {
padding:0;
margin:0;

}

#pricing li{
list-style:none;
list-style-image:none;
padding:0;
margin:0 0 10px 0;
}

#pricing ul{
list-style:none;
padding:0;
margin:10px 0 0 10px;
}
.priceleft {
padding:0;
width:260px;
float:left;
margin:0 20px 0 0;
}
.priceright {
padding:0;
margin:0 0 50px 0;
display:block;
width:640px;
float:left;

}
.steps{
color:#666;
list-style:none;
}

.steps li{
list-style-image:none;
list-style-type:none
}
.highlight{
font-weight:bold;
color:#000;
}

#maintext{
padding:0;
margin:0 0 50px 0;
display:block;
width:720px;
float:left;
}

#widthtext{
padding:0;
margin:0 0 50px 0;
display:block;
width:520px;
}

.red{
color:#FF0000;
}

.downloadlink{
background-image:url(img/buttons/continue_button.gif);
background-repeat:no-repeat;
text-indent:-9999px;
width:66px;
height:23px;
display:block;

}

.downloadbutton{
float:right;
}

sup{
height: 0;
	line-height: 0;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;

}

sup {
	bottom: 0.5ex;
}
