@charset "utf-8";
/* CSS Document */

body {
	background:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	margin: 20px;
}
	

/* --- wrap ---*/

#wrap {
	width: 720px;
	border: 1px solid #CCCCCC;
	padding: 30px;
	margin: 0 auto;
	text-align: left;}
	
	
/* --- masthead ---*/

#masthead{
	font-size: 10px;
	color: #999999;
	width: 720px;
	margin-bottom: 15px}
	
#masthead-tools{
	float: left;
}

#masthead-logo{
	float: right;}
	


/* --- top-nav ---*/

#top-nav{
	background:url(assets/top-nav_bg.jpg) top repeat-x #FF6600; 	
	width: 690px;
	color: #FFFFFF;
	padding: 7px 15px;
}



/* --- main-image ---*/

#main-image{
	width: 720px;
	height: 250px;}



/* --- main-container ---*/

#main-container{
	width: 720px;
	margin-top: 20px;}
	
	
	
/* --- left-handside ---*/

#left-handside{
	width: 240px;
	margin-right: 15px;
	float: left;}


/* --- sub nav ---*/
	
#sub-nav{
	width: 240px;
	border-top: 1px solid #999999;
	margin-bottom: 35px;}
	
.sub-nav-link{
	width: 240px;
	line-height: 30px;
	color: #FF3300;
	border-bottom: 1px solid #999999;}
	
.sub-nav-link a{
	padding-left: 10px;
	display:block;}
	
.sub-nav-link a:hover{
	background: url(assets/top-nav_bg.jpg) top repeat-x #FF6600;
	color:#FFFFFF;
	padding-left: 10px;
	text-decoration:none;}
	
.sub-nav-link-2nd{
	width: 240px;	
	line-height: 30px;
	color: #FF9900;
	background:url(images/menu-arrow.gif)no-repeat 20px 10px;
	border-bottom: 1px solid #999999;}

.sub-nav-link-2nd a{
	padding-left: 35px;
	display:block;
	color:#FF9900;}
	
.sub-nav-link-2nd a:hover{
	color:#FF9900;
	padding-left: 35px;
	text-decoration:underline;}



.sub-nav-link-3rd{
	width: 240px;
	line-height: 30px;
	color: #FF9900;
	background:url(images/menu-arrow.gif)no-repeat 40px 10px;
	border-bottom: 1px solid #999999;}

.sub-nav-link-3rd a{
	padding-left: 55px;
	display:block;
	color:#FF9900;}
	
.sub-nav-link-3rd a:hover{
	color:#FF9900;
	padding-left: 55px;
	text-decoration:underline;}
	
	
/* --- news-handside ---*/

#news-image{
	width: 240px;
	}

#news-container{
	width: 220px;
	padding: 10px;
	background:url(assets/news_bg.jpg) repeat-x;}
	
.news-item{
	width: 220px;
	border-bottom: 1px dotted #999999;
	margin: 10px 0;
	padding-bottom: 10px;}
	
.news-date{
	color: #666666;}
	
.news-title{
	color: #FF3300;
	margin-top: 5px;}

.news-text{
	margin-top: 5px;}

	




	
/* --- right-handside ---*/

#right-handside{
	width: 450px;
	margin-left: 15px;
	float: right;
	padding: 0;
	margin-top: -5px;}
	
.image-float-right {
	float:right;
	margin: 0 0 15px 15px;}
	
.image-float-left {
	float:left;
	margin: 0 15px 15px 0;}


/* sub-nav-img */

#sub-nav-img {
	width: 450px;}
	
#sub-nav-img-left-container{
	width: 210px;
	margin-right: 10px;
	float: left;}

.sub-nav-img-left{
	width: 210px;
	margin-top: 20px;}

#sub-nav-img-right-container{
	width: 210px;
	margin-left: 10px;
	float: right;}
	
.sub-nav-img-right{
	width: 210px;
	margin-top: 20px;}

.sud-nav-images{
	width: 210px;
	height: 120px;
	border: 1px solid #999999;
	margin-top: 10px;}
	
	
/* ---- sub-nav-img-single	----*/
#sub-nav-img-single{
	width: 450px;
	margin-top: 30px;
	}

/* ---- sub-nav-img-single2	----*/
#sub-nav-img-single2{
	width: 450px;
	margin-top: 0;
	}

/* ---- sub-nav-text-single	----*/	
#sub-nav-text-single{
	width: 450px;
	margin-top: 30px;
	}

/* --- our partners --- */	

#our-partners{
	width: 450px;
	margin-top: 20px;}
	
.our-partners-logo{
	height: 42px;
	float: left;
	margin-top: 10px;
	display: block;}

.our-partners-logo img{
	display: block;}
	
.our-partners-logo a{
	display: block;}
	
/*our partners cognos*/

#our-partners-cognos{
	width: 68px;
	height: 42px;
	margin-right: 10px;}	
	
#our-partners-cognos a{
	width: 68px;
	height: 42px;
	background:url(assets/partners_cognos-on.gif) 0 0 no-repeat;}
	
#our-partners-cognos a:hover{
	background-position: -68px 0;}
	

/*our partners frs*/	

#our-partners-frs{
	width: 78px;
	height: 42px;
	margin-right: 10px;}	
	
#our-partners-frs a{
	width: 78px;
	height: 42px;
	background:url(assets/partners_frsglobal-on.gif) 0 0 no-repeat;}
	
#our-partners-frs a:hover{
	background-position: -78px 0;}
	

/*our partners microsoft*/	

#our-partners-microsoft{
	width: 65px;
	height: 42px;
	margin-right: 10px;}	
	
#our-partners-microsoft a{
	width: 65px;
	height: 42px;
	background:url(assets/partners_microsoft-on.gif) 0 0 no-repeat;}
	
#our-partners-microsoft a:hover{
	background-position: -65px 0;}
	
	
/*our partners lothbury*/	

#our-partners-lothbury{
	width: 78px;
	height: 42px;
	margin-right: 10px;}	
	
#our-partners-lothbury a{
	width: 78px;
	height: 42px;
	background:url(assets/partners_lothbury-on.gif) 0 0 no-repeat;}
	
#our-partners-lothbury a:hover{
	background-position: -78px 0;}
	
	
	
/*our partners crede*/	

#our-partners-crede{
	width: 65px;
	height: 42px;
	margin-right: 10px;}	
	
#our-partners-crede a{
	width: 65px;
	height: 42px;
	background:url(assets/partners_crede-on.gif);}
	
#our-partners-crede a:hover{
	background-position: -65px 0;}
	
	

/*our partners ncc*/	

#our-partners-ncc{
	width: 46px;
	height: 42px;}	
	
#our-partners-ncc a{
	width: 46px;
	height: 42px;
	background:url(assets/partners_ncc-on.gif);}
	
#our-partners-ncc a:hover{
	background-position: -46px 0;}
	
	

/* --- footer --- */

#footer{
	font-size: 10px;
	text-align: center;
	color: #FF3300;
	border-top: 1px solid #FF3300;
	width: 720px;
	margin-top: 30px;
	padding-top: 15px;
	}












/* --- formatting --- */

img{
	border: 0;}

h1 {
	font-size: 22px;
	color: #999999;
	font-weight: normal;
	margin-top: 0;
	padding-top: 0;
	}

h2 {
	font-size: 14px;
	color: #FF3300;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
	}
	
p {
	font-size: 12px;
	color:#000000;
	text-align: left;
	margin-top: 0;}
	
a {
	text-decoration: none;
	color: #FF3300;}
	
a:hover{
	text-decoration: underline;}
	
a.gray-link{
	color: #999999;}
	
a.white-link{
	color:#FFFFFF}
	
a:hover.white-link{
	color:#FFCC00;
	text-decoration: none;}

.clear-div {
	clear: both;}
	
.gray-line-top {
	border-top: 1px solid #999999;
	margin-top: 15px;
	width: 450px;
	height: 1px;
	
}

.gray-line-bottom {
	border-top: 1px solid #999999;
	margin-top: 30px;
	width: 450px;
	height: 1px;
	
}

