/* CSS Document */

body {
		background:url(../images/background.jpg) repeat-x #fff;
		margin: 0;
		padding: 0;
		text-align:center;
		}
		
p 	{
		font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
		color: #666;
		}
		
h2 	{
		font: 15px/17px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color:#009;
		}
		
h4 {
		font: 13px/14px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color:#009;
		}
		
p.footer {
		height:80px;
		background-image:url(../images/footer.gif);
		background-repeat:repeat-x;
		}
		
#container {
		width: 775px;
		height: auto;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		}
		
#header {
		width: 775px;
		height: 240px;
		padding:0;
		margin-bottom:10px;
		background-image:url(../images/header.gif);
		background-repeat:no-repeat;
		}
		
#mainbody {
		width:580px;
		height:auto;
		padding:0;
		margin-left:15px;
		float:left;
		}
	
/*------------------------sidebar-------------------------*/

#sidebar {
		width:165px;
		height:560px;
		float:left;
		clear:both;
		padding:0;
		margin-right:15px;
		}
		
ul.bullet {
		padding: 20px 0 0 0;
		font:13px/23px Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;
		background-color:#fff;
		}
		
#sidebar ul li{
		background:url(../images/ul_arrow.gif) no-repeat 0 8px; 
		border-bottom:#999 1px dashed;
		padding: 0 0 0 25px;
		list-style-type:none;
		}
		
#sidebar a{
		font:13px/23px Verdana, Arial, Helvetica, sans-serif; 
		color:#009; 
		text-decoration:none; 
		background-color:#fff;
		}
		
#sidebar a:hover{
		color:#3366FF; 
		font-weight:bold;
		}
		
/*------------------------footer-------------------------*/

#footer {
		height:80px;
		background-image:url(../images/footer.gif);
		background-repeat:repeat-x;
		text-align:center;
		padding-top: 10px;
		clear:both;
		}

#footer a{
		font:12px/14px Verdana, Arial, Helvetica, sans-serif; 
		color:#fff;
		text-decoration:none;
		margin:0 15px 0 15px; 
		text-align: center;
		}
#footer a:hover{
		color:#003300; 
		font-weight:bold;
		}
#footer p{
		margin:0 0 0 7px;
		font:11px/20px Verdana, Arial, Helvetica, sans-serif; 
		color:#fff; 
		text-align: center;
		}
		
/*------------------------Main Body-------------------------*/

ul.bullet {
		padding: 20px 0 0 0;
		font:13px/23px Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;
		background-color:#fff;
		}
		
#mainbody ul li{
		background:url(../images/ul_arrow.gif) no-repeat 0 8px; 
		padding: 0 0 0 25px;
		list-style-type:none;
		font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
		color: #666;
		text-align:justify;
		}
		
#mainbody a{
		font:13px/23px Verdana, Arial, Helvetica, sans-serif;
		color:#009; 
		text-decoration:none; 
		background-color:#fff;
		}
		
#mainbody a:hover{
		color:#3366FF; 
		font-style:oblique;
		}
		
#mainbody a:visited	{	color:#0099CC;
						}
		
#mainbody h3 {
		font:14px/17px Verdana, Arial, Helvetica, sans-serif; 
		color:#093;
		font-weight: bold; 
		}
#mainbody h4 {
		font:12px/15px Verdana, Arial, Helvetica, sans-serif; 
		color:#009;
		font-weight: bold; 
		}

#newsletters	{
					margin: 50px 0 0 25px;
					}
/*------------------------Scroll Boxes-------------------------*/

#scroll { 	width: 570px;
			height: 300px;
			padding: 5px 5px 5px 5px;
			overflow: auto;
			}
			
#scrollclients	{ 	width: 400px;
					height: 350px;
					padding: 0 5px 5px 5px;
					overflow: auto;
					margin: 40px auto 0 auto;
					}
					
#scrollcontactus {	width: 350px;
					height: 100px;
					overflow:auto;
					margin: 0 0 25px 25px;
					padding: 0 0 5px 10px;
					}
					
#scrollservices	{	width: 500px;
					height: 425px;
					overflow:auto;
					margin: 0 0 0 0;
					padding: 0 25px 5px 0;
					}
					
/*------------------------Buttons-------------------------*/

#nextbutton {		width: 105px;
					height: auto;
					margin: 10px 50px 0 0;
					float:right;
					}
					
#previousbutton {	width: 105px;
					height: auto;
					margin-top: 10px;
					float:left;
					}