body {
	margin: 0px;
	padding: 0px;
	background:#f0f0f0;
}

*{font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:12px;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.clear{clear:both;}

#wrap{width:910px; background:#fff; margin:0 auto; overflow:hidden;}

#navbar{width:840px; height:64px; margin:10px auto 0 auto; background:url(../images/navbar.gif) no-repeat;}
#navbar ul{margin:0; padding:27px 0 0 7px; list-style:none;}
#navbar ul li{float:left; padding:0 10px; border-right:1px solid #a5b4cd;}
#navbar ul li.last_child{border:none;}

#navbar ul li a{color:#fff;}


#mainimage{width:840px; height:142px; margin:0 auto; background:url(../images/mainimage.jpg) no-repeat; overflow:hidden; }
#logo a{ display:block; width:141px; height:77px; background:url(../images/logo.gif); text-indent:-9999px; float:left; margin:30px 0 0 5px; display:inline;}


#col1, #col2, #col3{width:270px; height:255px; float:left; background:url(../images/box_background.gif) no-repeat bottom #cbeaea; display:inline; }
#col1{margin:3px 0 10px 40px;}
#col2, #col3{margin:3px 0 10px 10px;}

#col1 h2, #col2 h2, #col3 h2 {width:270px; height:38px;  margin:0; text-indent:-9999px;}
#col1 h2{background:url(../images/h2_consultancy.gif) no-repeat;}
#col2 h2{background:url(../images/h2_training.gif) no-repeat;}
#col3 h2{background:url(../images/h2_risk.gif) no-repeat;}

#col1 a, #col2 a, #col3 a {color:#526a8b;}
#col3 li  {color:#526a8b;}
#col1 ul, #col2 ul, #col3 ul {margin:0; padding:10px 0; list-style:none; line-height:18px;}

#col1 ul{line-height:15px;}
.col1_header{color:#0a3677; font-weight:bold;}

#col1 ul li, #col2 ul li, #col3 ul li{padding:0 15px;}  


#news{ width:830px; margin:0 auto; overflow:hidden; background:url(../images/news_box_background.gif) no-repeat bottom #cbeaea;  }
#news h2{width:830px; height:38px; margin:0; background:url(../images/h2_news.gif); text-indent:-9999px; }

#news_col1, #news_col2, #news_col3{width:270px;float:left; line-height:18px;}
#news_col2, #news_col3{margin-left:10px;}

#news_col1 p, #news_col2 p, #news_col3 p{padding:5px 15px 15px 15px; margin:0; color:#526a8b;}
#news_col1 h3, #news_col2 h3, #news_col3 h3{padding:10px 15px 0 15px; margin:0; color:#0a3677;}

#footer{width:830px; margin:10px auto; border-top:1px solid #cccccc; padding-top:5px; overflow:hidden; }
#footer p{margin:0; float:left; color:#666666; font-size:10px;}
#footer ul{margin:0; padding:0; float:right; list-style:none;}
#footer ul li {float:left; padding:0 5px; border-right:1px solid #888888;}
#footer ul li.last_child{border:none; padding-right:0;}
#footer ul li a{color:#666666;font-size:10px;}

#left { position:relative; width:190px; float:left; margin: 0 0 0 0; padding: 0; }
#right { position:relative; width:600px;float:right;margin: 15px 10px 20px 10px; padding: 0; text-align: justify;}
#menu, #menu ul { /* all lists */ padding: 0; margin: 0 0 0 0; list-style: none; float : left; width : 190px; background: #ccc;}


#content {width:830px; margin:15px auto; overflow:hidden;background:#C1E3E4;}
#content h1{FONT-WEIGHT: bold;FONT-SIZE: 140%;color: #000000; }

/*Side Menu*/
#menu li { /* all list items */ position : relative; float : left; line-height : 1; width: 190px; }
#menu li a { font-family: Arial, Helvetica, Verdana, sans-serif; display : block; color : #333; font-size: 90%; font-weight : normal; text-decoration : none; background : #e8e8e8; padding : 4px 10px 4px 10px; margin-top: 1px; border-top: 1px solid #fff;}
#menu li a:hover { color : #fff; background-color : #003580; }
#menu .submenu { position : relative;  float : left; line-height : 1; width: 180px; background-color : #CCC; padding-left: 10px;}
#menu .submenu a { background-color : #F8F8F8;}
#menu .submenu a:hover { color : #fff; background-color : #003580;}
#menu .top { margin-top: 0; border: none;}
#menu li ul li { position : relative;  float : left; line-height : 1; width: 180px; background-color : #CCC; padding-left: 10px;}
#menu li ul li a { background-color : #F8F8F8;}
#menu li ul li a:hover { color : #fff; background-color : #003580;}
#box {border: 1px solid #003580;padding: 5px 5px 5px 5px;}

/* ---[ BCM Lifecycle. ]---------------------------------------- */

#stage1 {left: 140px; top: 140px; width: 138px; height: 140px; margin: none; padding: none;}
#stage2 {left: 155px; top: 45px; width: 100px; height: 70px; margin: none; padding: none;z-index: 40;}
#stage3 {left: 285px; top: 175px; width: 100px; height: 65px; margin: none; padding: none;}
#stage4 {left: 160px; top: 303px; width: 100px; height: 65px; margin: none; padding: none;}
#stage5 {left: 40px; top: 175px; width: 100px; height: 65px; margin: none; padding: none;}
#stage6 {left: 10px; top: 0px; width: 420px; height: 110px; margin: none; padding: none;}

#stage1 a {height: 135px; width: 138px; margin: none; padding: none;z-index: 40;}
#stage2 a {height: 67px; width: 100px; margin: none; padding: none;z-index: 40;}
#stage3 a {height: 67px; width: 100px; margin: none; padding: none;}
#stage4 a {height: 67px; width: 100px; margin: none; padding: none;}
#stage5 a {height: 67px; width: 100px; margin: none; padding: none;}
#stage6 a {height: 150px; width: 420px; margin: none; padding: none;}

#stage1 a:hover {border:5px solid red;}
#stage2 a:hover {border:5px solid red;}
#stage3 a:hover {border:5px solid red;}
#stage4 a:hover {border:5px solid red;}
#stage5 a:hover {border:5px solid red;}
#stage6 a:hover {border:5px solid red;}

#lifecycle li {margin: 0; padding: 0 0 0 0; list-style: none; display: block; position: absolute;}
#lifecycle li a {display: block; text-indent: -9999px; text-decoration: none;}
#lifecycle {background:url(/images/bcm.png) no-repeat; height: 420px; width:420px; position: relative;}

/* ---[ ISO 27001 Lifecycle. ]---------------------------------------- */

#lifecycle27k #stage1 {left: 158px; top: 36px; width: 100px; height: 70px; margin: none; padding: none;z-index: 40;}
#lifecycle27k #stage2 {left: 277px; top: 165px; width: 100px; height: 65px; margin: none; padding: none;}
#lifecycle27k #stage3 {left: 161px; top: 298px; width: 100px; height: 65px; margin: none; padding: none;}
#lifecycle27k #stage4 {left: 39px; top: 166px; width: 100px; height: 65px; margin: none; padding: none;}


#lifecycle27k #stage1 a {height: 67px; width: 101px; margin: none; padding: none;z-index: 40;}
#lifecycle27k #stage2 a {height: 67px; width: 101px; margin: none; padding: none;}
#lifecycle27k #stage3 a {height: 67px; width: 101px; margin: none; padding: none;}
#lifecycle27k #stage4 a {height: 67px; width: 101px; margin: none; padding: none;}

#lifecycle27k li a:hover {border:5px solid red;}

#lifecycle27k li {margin: 0; padding: 0 0 0 0; list-style: none; display: block; position: absolute;}
#lifecycle27k li a {display: block; text-indent: -9999px; text-decoration: none;}
#lifecycle27k {background:url(/images/PDCA.png) no-repeat; height: 420px; width:420px; position: relative;}

/* ---[ ISO 20000 Lifecycle. ]---------------------------------------- */

#lifecycle20k #stage1 {left: 55px; top: 70px; width: 80px; height: 80px; margin: none; padding: none;z-index: 40;}
#lifecycle20k #stage2 {left: 153px; top: 30px; width: 65px; height: 32px; margin: none; padding: none;z-index: 40;}
#lifecycle20k #stage3 {left: 323px; top: 152px; width: 65px; height: 32px margin: none; padding: none;z-index: 40;}
#lifecycle20k #stage4 {left: 153px; top: 246px; width: 65px; height: 32px margin: none; padding: none;z-index: 40;}
#lifecycle20k #stage5 {left: -17px; top: 152px; width: 65px; height: 32px margin: none; padding: none;z-index: 40;}

#lifecycle20k #stage1 a {height: 80px; width: 80x; margin: none; padding: none;z-index: 40;}
#lifecycle20k #stage2 a {height: 32px; width: 65px; margin: none; padding: none;z-index: 40;}
#lifecycle20k #stage3 a {height: 32px; width: 65px; margin: none; padding: none;z-index: 40;}
#lifecycle20k #stage4 a {height: 32px; width: 65px; margin: none; padding: none;z-index: 40;}
#lifecycle20k #stage5 a {height: 32px; width: 65px; margin: none; padding: none;z-index: 40;}

#lifecycle20k li a:hover {border:5px solid red;}

#lifecycle20k li {margin: 0; padding: 0 0 0 0; list-style: none; display: block; position: absolute;}

#lifecycle20k {background:url(/images/ITIL.png) no-repeat; height: 426px; width:449px; position: relative;}
