/*-----------------------------------------------
    Standard elements
----------------------------------------------- */


* { padding:0; margin:0; }

body {background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:100%; margin:0px; padding:0px; color:#333333; }

img {border:none; padding: 0; margin:0;}
p {text-align:left; margin-bottom:20px; color:#666666;}


h1, h2, h3, h4, h5, h6 { text-align: left }
h1{ color: #0081c6; font-family:Arial; font-size:2.5em; font-weight:normal; margin:0 0 0 0; padding:5px 0 10px 5px; text-decoration:none; line-height:30px;}
h2 {color: #0099ff; font-family:Arial; font-size:2.8em; font-weight:normal; margin:0 0 0 0; padding:0 0 10px 0; text-decoration:none; line-height:30px;}
h3 {color: #333333; font-family:Arial; font-size:1.7em; font-weight:normal; margin:0px 0 0 0; padding:10px 0 10px 5px; line-height:1.5em;}
h4 {color: #0099ff; font-size:0.8em; font-weight:normal; margin:0 0 0 0; padding:15px 0 0 15px;}


h1 a {color: #FFFFFF;}
h1 a:hover {text-decoration:underline; color:#FFFFFF;}
h1.form {padding-left:10px;}
h2 a {color: #3a4ba4; text-decoration:none;}
h2 a:hover {color: #3a4ba4; text-decoration:underline;}


a {background: none transparent scroll repeat 0% 0%; color:#3a4ba4; text-decoration:none;}

A:hover {text-decoration:underline; color:#3a4ba4;}

ul { list-style:none;}


p .slider { color:#FFFFFF;}

/*-----------------------------------------------
    Navigation
----------------------------------------------- */

#nav {
    position:absolute;
    top:60px;
    left:10px;
	width: 760px;
	height: 48px;
	background-image: url(../images/nav/bg.png);
	margin: 24px 0 0 0;

}
.menu {
	font-family: "Trebuchet MS", Arial, san-serif;
	width:492px;
	height:42px;
	position:relative;
	font-size:11px;
	margin: 0;
}
.menu ul li a {
	display:block;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	width:81px; 
	height:42px; 
	text-align:center;
	border-bottom: 0;
	background-image:url(../images/nav/2a.png);
	line-height:48px; 
	font-size:11px; 
	overflow:hidden;
	padding-left: 1px;
}
/* first and last tabs */
.menu .one {
	background-image:url(../images/nav/);
	padding-left: 1px;
	margin-right: -1px;
}
.menu .three {
	background-image:url(../images/nav/3a.png);
}

.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

.menu ul li.active .one {color:#002a54; background: url(../images/nav/1b.png);}



/* button hover properties */
.menu ul li:hover a {color:#043454; background: url(../images/nav/2b.png);}
.menu ul li:hover ul {display:block; position:absolute; top:42px; left:0; width:152px; margin: 0; padding: 0;}
.menu ul li:hover ul li a.two {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.two {background:#6fc; color:#544a3a;}
.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover .one {color:#043454; background: url(../images/nav/1b.png);}
.menu ul li:hover .three {color:#043454; background: url(../images/nav/3b.png);}

/* dropdown properties */
.menu ul li:hover ul li a {background-image: none; display:block;height: 28px; line-height: 26px; color:#043454; width:142px; text-align:left; margin: 0; padding:0 0 0 11px;font-weight:normal;}
.menu ul li:hover ul {
	margin: 0 0 0 3px;
	padding: 0;
	background-image: url(../images/nav/ddbg.png);
	background-repeat:no-repeat;
	background-position:bottom left; 
}
.menu ul li:hover ul .hlight {
	background-image: url(../images/nav/hlight2.png);
	margin-right: 1px;
}

/* dropdown selected properties */
.menu ul li:hover ul li a:hover {color:#fff; background-image: url(../images/nav/hlight.png);}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}







#header {
    position:relative;
	background-image: url(../images/header-swish.png);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	height: 140px;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
    border-left: 1px solid #bababb;
    border-right: 1px solid #bababb;    
}

#breadcrumb {
    padding: 0 0 0 20px;
}


#container {
    position:relative;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	background-color:#e5f2f9;
}


#MainContent {
	font-size: 0.8em;
	width: 780px;
    height:100%;
    position:relative;
	background-color: #FFFFFF;
	min-height: 400px;
	padding: 0 0px 20px 0px;
	margin-right: auto;
	margin-left: auto;
    border-left: 1px solid #bababb;
    border-right: 1px solid #bababb;    
}

#topbox { 
    width:760px;
    height:270px;
    background-image: url(../images/topbox.png);
	background-repeat: no-repeat;
    margin: 0 10px 10px 10px;
	position:relative;
}

#topbox-about { 
    width:760px;
    height:270px;
    background-image: url(../images/topbox-about.png);
	background-repeat: no-repeat;
    margin: 0 10px 10px 10px;
	position:relative;
}


#topbox-services { 
    width:760px;
    height:270px;
    background-image: url(../images/topbox-services.png);
	background-repeat: no-repeat;
    margin: 0 10px 10px 10px;
	position:relative;
}

#topbox-what { 
    width:760px;
    height:270px;
    background-image: url(../images/topbox-what.png);
	background-repeat: no-repeat;
    margin: 0 10px 10px 10px;
	position:relative;
}

#topbox-who { 
    width:760px;
    height:270px;
    background-image: url(../images/topbox-who.png);
	background-repeat: no-repeat;
    margin: 0 10px 10px 10px;
	position:relative;
}

#topbox-analysis { 
    width:760px;
    height:270px;
    background-image: url(../images/topbox-analysis.png);
	background-repeat: no-repeat;
    margin: 0 10px 10px 10px;
	position:relative;
}

#topbox-monitoring { 
    width:760;
    height:270px;
    background-image: url(../images/topbox-monitoring.png);
	background-repeat: no-repeat;
    margin: 0 10px 10px 10px;
	position:relative;
}



#topbox-left {
    float:left;
    width: 420px;    
    padding: 10px 0 0 10px;
}

#topbox-left p {
    width:400px;
	font-size:1.4em;
    padding: 0 0 0 10px; 
    line-height:1.4em;    
}

#topbox-right {
    position:absolute;
	top:15px;
	right:0px;
    width: 300px;
    padding: 0 0 0 0px ;
}

#mid_content {
    position:absolute;
    top:190px;
    left:0px;    
    width:760px;
    height:400px;    
      
}

#mid_content_home {
    position:absolute;
    top:190px;
    left:0px;    
    width:760px;
    height:400px;    
    background-image: url(../images/home_bg.png); 
    background-repeat:no-repeat;
       
}



.mid_content {
    padding: 0 0 0 15px;

}

.mid_content p {
    width:740px;
    font-size:1.5em;
    padding: 0 0 0 5px;
}

.mid_content h1 {
    line-height:20px;
}

.mid_content h3 {
	color: #0081c6; 
	font-family:Arial; 
	font-size:2.0em; 
	font-weight:normal; 
	margin:0px 0 0 0; 
	padding:10px 0 10px 5px; 
	line-height:1.5em;
}


.highlight {
    color:#3b6184;
}

#clientbox { 
    padding: 0 10px 10px 10px;
}





#professionals {
    position:relative; 
    top:0px; 
    left:20px; 
    padding: 0 0 20px 0; 
    margin: 0 0 20px 0; 
    color:#4b4a4a;
    width:700px;
    }

#professionals li { 
    list-style-image: url(../images/bullet.gif); 
    margin: 0 0 0 20px;
    line-height:1.5em;
    }

#prof_left { 
    float:left; 
    width:300px;
    }

#prof_right { 
    float:left; 
    width:300px; 
    padding: 0 0 0 0; 
    margin:0;
    }





.mid_content li { 
    font-size:1.3em; color:#666666;     
    list-style-image: url(../images/bullet.gif); 
    margin: 0 0 0 20px;
    line-height:1.5em;
  }







.mooSlide img {
	float: left;
	margin-right: 20px;
}

.mooSlide {    
	background-color: #006699;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #FFFFFF;
	font-size: 11px;
}


.mooSlide h1 {
    color:#FFFFFF; font-family:Times New Roman; font-size:2.0em; font-weight:normal; margin:0 0 0 0; padding:0 0 10px 0; text-decoration:none; line-height:30px;
}

.mooSlide h2 a {
    color:#FFFFFF; font-family:Times New Roman; font-size:0.8em; font-weight:normal; margin:0 0 0 0; padding:0 0 10px 0; text-decoration:none; line-height:30px;
}

.mooSlide h2 a:hover {
    color:#FFFFFF;
    text-decoration:underline;
}

.style1 {color: #CCFF00}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
}


code {
	font-size: 12px;
	line-height: 16px;
}

a {
	color: #996600;
}

#contentfooter {padding:0 10px 10px 8px; width:780px;}

#close{
	width:10px;
	height:10px;
	float:right;
	clear:both;
}

.open_window{
	width:780px;
	height:500px;
	background-color:#000;
}

.close{
	width:10px;
	height:10px;
	float:right;
	clear:both;
}


/*-----------------------------------------------
    Footer
----------------------------------------------- */

#Footer {
    width:800px;
    height:150px;
	background-image:url(../images/footer.png);
	background-repeat:no-repeat;
	margin-bottom:40px;
}


.footer-links {
    color:#ffffff;    
	padding:0;
}

.footer-links .left {
	width:180px;
    float:left;    
	padding: 10px 0 0 20px;
}

.footer-links .mid {
	width:180px;
    float:left;
	padding-left: 40px;
	padding-top: 50px;
}

.footer-links .right {
	width:180px;
    float:left;    
	padding-left: 40px;
	padding-top: 50px;
}



.footer-links h2 {
	font-size:1.7em;
    color:#ffffff;
	width:760px;
	height:auto;
}

.footer-links li {
	color:#fff;
	font-weight:bold;
	width:150px; 
	height:auto; 
	line-height:1.6em; 
	font-size:1.1em; 


}

.footer-links li a {
	color:#fff;
	font-weight:normal;
}
