﻿
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #181818;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	margin-left: 15px;
	margin-right: 15px;
	text-align: justify;
}
h5 {
	color: #777777;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
}
a{
text-decoration:none;
margin:0px;
padding:0px;
}
img{
border:0px;
}

#wrapper{
width:907px;
min-height:607px;
margin-right:auto;
margin-left:auto;
}
/* HEADER */
#topbar{
background-image:url(images/1_04_2.gif);
width:907px; /**/
height:87px;
}
	#topbar img{
	border:none;
	float:left;
	}
	#drop_down_box{
	float:left;
	margin:58px 0px 0px 410px;
	padding:0px;
	display:inline;
	}
	
/* CONTENT  */	
#content{
width:100%;
vertical-align:bottom;
background:url(images/1_14.jpg) bottom;
background-repeat:repeat-x;
background-color:#fff;
padding-top:30px;
padding-bottom:30px;
margin:0px;
}
	/*
	#content div{
	margin-bottom:0px;
	padding-bottom:0px;
	}
	*/
	#content a{
	margin-bottom:0px;
	padding-bottom:0px;
	}

/* INDEX CENTER MENU */
#centerbox{
width:907px;
height:389px;
background-image:url(images/ITservices_background.jpg);
float:right;
}
#centernav{
margin-top:344px;
height:45px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	margin-left: 15px;
	margin-top: 10px;
}
/* SIDE MENU */
#sidenavbox{
float:left;
}	
#sidenav{
margin:0px 10px 10px 10px;
float:left;
}
	#sidenav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 150px;
		background-position: left top;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #777777;
	}
	#sidenav ul li a {
		display: block;
		text-align: center;
		text-decoration: none;
		color: #111111;
		/*padding-left: 34%;*/
		border-top-width: 1px;
		border-top-color: #777777;
		border-right-color: #777777;
		border-bottom-color: #777777;
		border-left-color: #777777;
		border-top-style: dotted;
		border-bottom-style: none;
		text-transform: uppercase;
		font-size: 11px;
		border-right-style: none;
		border-left-style: none;
		font-family: Arial, Helvetica, sans-serif;
		height: 17px;
		padding-top: 5px;
		letter-spacing: 1px;
		font-weight: normal;
	}
	#sidenav ul li a:hover {
		background-color: #AAAAAA;
		color: #EEEEEE;
	}

	#sidenav ul li {
		position: relative;
	}
	#sidenav li ul.sub {
		position: absolute;
		left: 149px;
		top: 0;
		display: none;
		background-color: #EEEEEE;
	}

	#sidenav li:hover ul.sub {
		display: block;
	}
	#sidenav li ul li ul.sub2{
		position: absolute;
		left: 149px;
		top: 0;
		display: none;
		background-color: #EEEEEE;
	}
	#sidenav li ul li:hover ul.sub2{
	display:block;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

#midcolumn{
width:520px;
min-height:150px;
/*IE6 min-height fix*/
height:auto !important;
height:150px;
/*END FIX*/
float:left;
margin-bottom:210px;
background-color:#fff;
}
#flashbox{
width:520px;
min-height:400px;
float:left;
}
table.centerTable{
margin-top:28px;
}
	table.centerTable  td{
	vertical-align:top;
	}
#options{
width: 140px;
height:400px;
margin:0px 20px 20px 0px;
padding:0px 0px 0px 20px;
float:left;
display:inline; /*IE6  margin fix*/
border-left: 1px dotted;
font-weight:normal;

}
	#options h4{
	margin:0px;
	padding:0px;
	font-size:12px;
	letter-spacing:2px;
	
	}
	#options ul{
	list-style:none;
	margin:0px;
	padding:10px;
	}
	#options ul a{

	
	}
	#options a:hover{
	color:#777;
	}
	#options a:visited{
	color:#777;
	}

	#options ul li{
	margin-top:8px;
	}
	
/*  FOOTER  */
#footer{
width:100%;
height:60px;
background-color:#000;
margin-top:0px;
padding-top:0px;
}
	#footer div{
	float:left;
	padding-top: 20px;
	margin-top:0px;
	}
#bottomnav{
margin-left:250px;
float:left;
}
	#bottomnav ul{
	list-style:none;
	margin:0px;
	padding:0px;
	}
	#bottomnav li{
	display:block;
	float:left;
	margin-left:20px;
	}
	#bottomnav a{
	font-weight:bold;
	color:#999;
	}
	#bottomnav a:hover{
	color:#fff;
	}
.copyright {
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #777777;
padding-left: 15px;
margin-top:4px;
}


.clear{
clear:both;
}

}
hr {border: none 0; 
border-top: 1px dashed #c7c7c7;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 
.style110 {
	font-family: Arial;
	letter-spacing: 2px;
	font-size: small;
}
.style53 {
	vertical-align: middle;
}

.style128 {
	font-size: small;
	padding-left: 5px;
	background: #070b3d;
}

.style129 {
	color: #FFFFFF;
}

.style130 {
	font-size: small;
	padding-left: 5px;
	background: #070b3d;
	color: #FFFFFF;
}

.style131 {
	font-size: small;
	padding-left: 5px;
	background: #070b3d;
	font-family: Arial;
	letter-spacing: 2px;
	color: #FFFFFF;
	padding-top: 5px;
}

.style132 {
	color: #000000;
}
.style125 {
	font-size: xx-small;
	font-family: Verdana;
}
.style140 {
	border: 1px solid #C7C7C7;
	margin-bottom: 0px;
	border-collapse: collapse;
}
.style143 {
	background-image: url('gradient2.jpg');
	background-repeat: repeat-x;
	font-family: Arial;
	letter-spacing: 2px;
	font-size: small;
}


.style141 {
	border: 1px solid #C7C7C7;
	border-collapse: collapse;
}

.style142 {
	background-image: url('gradient4.jpg');
	background-repeat: repeat-x;
	font-family: Arial;
	letter-spacing: 2px;
	font-size: small;
}

.style144 {
	background-image: url('gradient5.jpg');
	background-repeat: repeat-x;
	font-family: Arial;
	letter-spacing: 2px;
	font-size: small;
}

.style145 {
	margin-top: 0px;
}
.style1 {
	text-align: left;
}
.style2 {
	text-align: left;
	margin-top: 1px;
	margin-left: 0px;
}
h4 { margin-bottom:50%;}


hr {border: none 0; 
border-top: 1px dashed #c7c7c7;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 

.style12 {
	vertical-align: middle;
}

.style36 {
	font-size: small;
}
.style30 {
	font-size: small;
	font-weight: bold;
}
.style38 {
	font-size: small;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.style50 {
	font-family: Arial;}


table.MsoNormalTable {
	line-height: 100%;
	font-size: 11.0pt;
	font-family: "Calibri","sans-serif";
}
.style28 {
	padding: 0px;
	text-align: left;
	margin-bottom: 0px;
	margin:-top:0px
}
.style48 {
	font-size: small;
	font-family: Arial;
}
.style49 {
	font-size: small;
	font-weight: bold;
	font-family: Arial;
}
.style45 {
	font-family: Arial;
	font-size: 12px;
	margin-left: 0px;
	margin-right: 8px;
	margin-top: 0px;
	text-align: left;
}

.style111 {
	vertical-align: middle;
	font-size: small;
	text-align: left;
}
.style112 {
	vertical-align: middle;
	font-size: small;
	font-family: Arial;
	text-align: left;
}
.style113 {
	font-size: small;
	margin-left: 0px;
	margin-right: 8px;
	margin-top: 0px;
	text-align: left;
	font-family: Arial;
}
.style115 {
	font-size: small;
	font-family: Arial;
	text-align: left;
}
.style120 {
	vertical-align: middle;
	text-align: left;
}

.style121 {
	font-size: small;
	font-family: Arial;
	text-align: center;
}





.style149 {
	background-image: url('gradient6.jpg');
	background-repeat: repeat-x;
	font-family: Verdana;
	letter-spacing: 2px;
	font-size: x-small;
}

.style150 {
	background-image: url('gradient6.jpg');
	background-repeat: repeat-x;
	font-family: Verdana;
	letter-spacing: 2px;
	font-size: x-small;
}

p { padding-left:0px;
}
span.WPStrong
	{font-weight:bold;
	}
.style7 {
	font-size: 9pt;
	color: black;
	font-family: Verdana;
	margin-top: 1px;
	text-align: left;
	margin-left: 0px;
}
.style11 {
	color: #000000;
	font-family: Arial;
}
.style12 {
	font-weight: 100;
}
.style15 {
	font-size: small;
}
.style18 {
	font-family: Arial;
}
.style39 {
	font-family: Arial;
	font-size: small;
}
.style42 {
	font-size: 9pt;
	color: black;
	margin-top: 1px;
	text-align: left;
	margin-left: 0px;
}
.style150 {
	background-image: url('gradient6.jpg');
}
.style152 {
	font-size: xx-small;
}
.style158 {
	font-weight: bold;
}
.style159 {
	font-family: Verdana;
	letter-spacing: 2px;
	font-size: x-small;
	text-align: left;
	background-image: url('gradient6.jpg');
	background-repeat: repeat-x;
}
.style161 {
	font-size: x-small;
	font-family: Verdana;
}
.style163 {
	font-size: small;
	font-family: Verdana;
}
.style164 {
	font-size: small;
	font-family: Verdana;
	font-weight: 100;
	vertical-align: middle;
}
.style165 {
	font-size: 9pt;
	color: black;
	margin-top: 17px;
	text-align: left;
	margin-left: 0px;
	font-family: Arial;
}
.style166 {
	font-family: Arial;
	font-size: small;
	color: #000000;
}

