.bodystyle 	{	/*background-COLOR: #ABBCCF; /* background-COLOR: #ddffdd;  */
				background-image:url('picts/cms-background.jpg');
				FONT: 12px arial, verdana, sans-serif;
				margin-left:0;
				margin-top: 0;
				margin: auto;
				/*scrollbar-base-color: #669999 */
			}
a:link		{ color: #004400; text-decoration: none }
a:visited	{ color: #99CCFF; text-decoration: none }

a:hover		{ color: #66FFFF; text-decoration: none }

a:active	{ color: #66FFFF; text-decoration: none }
/*a.menu:link	{ color: #D3BBB2; text-decoration: none }*/
a.menu:link	{ color: #FFFFFF; text-decoration: none }
/*a.menu:visited	{ color: #D3BBB2; text-decoration: none }*/
a.menu:visited	{ color: #ffff00; text-decoration: none }

/*a.menu:active	{ color: #FFCC00; text-decoration: none }*/
a.menu:active	{ color: #00CCCC; text-decoration: none }

/*a.menu:hover	{ color: #000000; text-decoration: none }*/
a.menu:hover	{ color: #FFCC00; text-decoration: none }

/*								*/
/*
#something { color: red; } /* Applies to IE6 and above. */
/*
*+html #something { color: green; } /* Applies to IE7. */
/*
* html #something { color: blue; } /* Applies to IE6. */
/* tool tip css */
.ddimgtooltip{
box-shadow: 3px 3px 5px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 5px #818181;
-moz-box-shadow: 3px 3px 5px #818181;
display:none;
position:absolute;
border:1px solid black;
background:white;
color: black;
z-index:2000;
padding: 4px;
}
.right	   {text-align: right;}
div#preload { display: none; }
.just 		{text-align: justify;}
table.center {
    width:75%; 
    margin-left:12%; 
    margin-right:13%;
  }	
a:link		{ color: #aa44ff; text-decoration: none }
a:visited	{ color: #7E51F3; text-decoration: none }
a:hover		{ color: #00FFaa; text-decoration: none; background:#B1B7DA }	 /* was: color: #66FFaa; text-decoration: underline */
a:active	{ color: #66FFFF; text-decoration: none }
a.menu:link	{ color: #FFFFFF; text-decoration: none }
a.menu:visited	{ color: #CCB4BC; text-decoration: underlined }
a.menu:active	{ color: #FFFFCC;  text-decoration: underlined }
a.menu:hover	{ color: #FFCC00; text-decoration: none }	   /* was: 	color: #FFCC00; text-decoration: none */
.menu 		{ lefT: 0px; POSITION: absolute; TOP: 98px }
h1 {font-family:"Comic Sans MS", cursive, sans-serif; font-style:italic; font-size:32px; color:black;}
h2 {font-family:"Comic Sans MS", cursive, sans-serif; font-style:italic; font-size:24px; color:black;}
h3 {font-family:"Comic Sans MS", cursive, sans-serif; font-style:italic; font-size:18px; color:black;}
h4 {font-family:"Comic Sans MS", cursive, sans-serif; font-style:italic; font-size:12px; color:black;}
.centerList {     width:75%; 
    margin-left:12%; 
    margin-right:13%;

  }	
#wrapper { background:#F5F6FA; width:10px; margin:auto  }  
#services { width:200px; float:left; margin:0 0 0 25px; padding:15px 0; color:#333  }
.webprogramming 	{ background-color:#ABBCCF; color:#000000; text-align: justify;}
.just-black-24pt		{text-align: center; color: #000000; font: 24px arial, verdana, sans-serif; font-weight:bold;}
.just-white-24pt		{text-align: center; color: #ffffff; font: 24px arial, verdana, sans-serif; font-weight:bold;}
.center-black-16pt		{text-align: center; color: #000000; font: 16px arial, verdana, sans-serif; font-weight:bold;}
.just-black-16pt		{text-align: justify; color: #000000; font: 16px arial, verdana, sans-serif; font-weight:bold;}
.just-black-12pt		{text-align: justify; color: #000000; font: 12px arial, verdana, sans-serif; font-weight:normal;}
.right-black-12pt		{text-align: right; color: #000000; font: 12px arial, verdana, sans-serif; font-weight:bold;}
.center-black-12pt		{text-align: center; color: #000000; font: 12px arial, verdana, sans-serif; font-weight:bold;}
.center-black-14pt		{text-align: center; color: #000000; font: 14px arial, verdana, sans-serif; font-weight:bold;}
.center-white-12pt		{text-align: center; color: #ffffff; font: 12px arial, verdana, sans-serif; font-weight:bold;}
.center-red-12pt		{text-align: center; color: #FF0000; font: 12px arial, verdana, sans-serif; font-weight:bold;}
.center-white-16pt		{text-align: center; color: #ffffff; font: 16px arial, verdana, sans-serif; font-weight:bold;}
.just-white-16pt		{text-align: justify; color: #ffffff; font: 16px arial, verdana, sans-serif; font-weight:bold;}
.just-white		{text-align: justify; color: #ffffff; font: 12px arial, verdana, sans-serif; font-weight:normal;}
.left-white		{text-align: left; color: #ffffff; font: 12px arial, verdana, sans-serif; font-weight:normal;}
.left-black		{text-align: left; color: #000000; font: 12px arial, verdana, sans-serif; font-weight:normal;}
.left-black-16pt		{text-align: left; color: #000000; font: 16px arial, verdana, sans-serif; font-weight:normal;}
.left-black-14pt		{text-align: left; color: #000000; font: 14px arial, verdana, sans-serif; font-weight:normal;}
TABLE 		{ COLOR: #F0F0F0; FONT: 12px arial, verdana, sans-serif; font-weight: bold}

LI 		{ COLOR: #F0F0F0; FONT: 14px arial, verdana, sans-serif; font-weight: normal }

.title 		{ color: #FFFFFF; font: 25px arial; letter-spacing: 0px; font-weight: bold }
.title-best 		{ color: #FFFFFF; font: 20px arial; letter-spacing: 0px; font-weight: bold }
.title-best-bottom 		{ color: #FFFFFF; font: 16px arial; letter-spacing: 0px; font-weight: bold }
.title-black-best 		{ color: #000000; font: 20px arial; letter-spacing: 0px; font-weight: bold }
.careers 	{ COLOR: #C0C0C0; FONT: 12px arial, verdana, sans-serif; font-weight: bold}

.copytext 	{ COLOR: #F0F0F0; FONT: 10px arial, verdana, sans-serif; font-weight: bold}

.subtitle 	{ color: #CCFFFF; font: 15px arial, verdana, sans-serif; font-weight: bold}

.subtitle-normal 	{ color: #000000; font: 13px arial, verdana, sans-serif; font-weight:bold}

.subsubtitle-normal 	{ color: #000000; font: 13px arial, verdana, sans-serif; font-weight:normal; text-align:justify;
							
	border-left-width: 3px;
	border-top-width: 3px;
	border-bottom-width: 3px;
    border-right-width: 3px;    
	/*border-right-style: solid;
	border-left-style: solid;
	border-top-style: solid;
	border-bottom-style: solid; */   
	border-right-color: #330033;
	border-left-color: #330033;
	border-top-color: #330033;
	border-bottom-color: #330033; 
    background-color:#ABBCCF;
     padding: 3px;
                        }
.date-font	{ color: #000000; font: 10px verdana, arial, sans-serif; font-weight: bold }
.subtitle-just 	{ color: #CCFFFF; font: 12px arial, verdana, sans-serif; font-weight:normal; text-align: left}
.subcentertitle 	{ color: #CCFFFF; font: 18px arial, verdana, sans-serif; text-align: center; font-weight: bold}

.subsublefttitle 	{ color: #CCFFFF; font: 12px arial, verdana, sans-serif; text-align: justify; font-weight: bold}

.companytitle 	{ color: #FFFF33; font: 16px verdana, arial, sans-serif; font-weight: bold }

.phonetitle 	{ color: #FFFFFF; font: 12px verdana, arial, sans-serif; font-weight: bold }

.picturetitle 	{ COLOR: #F0F0F0; FONT: 10px verdana, arial, sans-serif; font-weight: bold }

.picturedesc 	{ COLOR: #000000; FONT: 10px arial, verdana, sans-serif; font-weight: bold }
.picturedesc-white 	{ COLOR: #ffffff; FONT: 11px arial, verdana, sans-serif; font-weight: bold }

#sidepictures1 	{ RIGHT: -705px; POSITION: relative; TOP: 51px; WIDTH: 114px; background-color:#669999; BORDER: #000000 1px solid; background-image: url("picts/background-rightmenu.gif") }

#sideglobe1 	{ RIGHT: -705px; POSITION: relative; TOP: 50px; WIDTH: 114px; background-color:#669999; BORDER: #000000 0px solid; background-image: url("picts/background-rightmenu.gif") }

#sidepictures 	{ RIGHT: 200px; POSITION: absolute; TOP: 413px; WIDTH: 114px; background-color:#669999; BORDER: #000000 1px solid; background-image: url("picts/background-rightmenu.gif") }

#sideglobe 	{ RIGHT: 200px; POSITION: absolute; TOP: 337px; WIDTH: 114px; background-color:#ABBCCF; BORDER: #000000 0px solid; background-image: url("picts/background-rightmenu.gif") }



.clientsites	{ /* background-image: url("picts/black-fade.jpg");  */
			background-color:#556677;
			
            
            BORDER: #FFFF00 3px inset;
            border-top-color: #000000;
            border-left-color: #000000;
            border-right-color: #ffffff;
            border-right-color: #ffff00;
            border-bottom-color: #ffff00;
            
            border-right-width: 1px;
            border-bottom-width: 1px;
            padding: 0px;
            font: 8px verdana, arial, sans-serif; font-weight: normal; font-style: oblique;
           color:#000000; 
            }
.home-headings	{ text-align:center; COLOR: #725302; FONT: 17px arial, verdana, sans-serif; font-weight: bold }

.first-plus	{ COLOR: #556677; FONT: 18px arial, verdana, sans-serif; font-weight: bold } 
.costheadingsrow1  { background-color:#663399; COLOR: #FFFFFF; FONT: 12px arial, verdana, sans-serif; font-weight: bold }
.costheadingsrow116pt  { background-color:#663399; COLOR: #FFFFFF; FONT: 16px arial, verdana, sans-serif; font-weight: bold }

.costheadingsrow2  { background-color:#3333CC; COLOR: #FFFFFF; FONT: 12px arial, verdana, sans-serif; font-weight: bold }
.costheadingsrow216pt  { background-color:#3333CC; COLOR: #FFFFFF; FONT: 16px arial, verdana, sans-serif; font-weight: bold }

.costheadingsrow3  { background-color:#79A0D4; COLOR: #FFFFFF; FONT: 12px arial, verdana, sans-serif; font-weight: bold }
.costheadingsrow316pt  { background-color:#79A0D4; COLOR: #FFFFFF; FONT: 16px arial, verdana, sans-serif; font-weight: bold }

#packagesize {  color: #FFFF33; font: 13px verdana, arial, sans-serif; font-weight: bold }
#gallerypicborder {
			      background-color:#B3C3DC;
            
            BORDER: #FFFFFF 3px inset;
            border-top-color: #000000;
            border-left-color: #000000;
            border-right-color: #CCCC99;
            border-right-width: 3px;
            border-bottom-width: 3px;
            border-bottom-color: #CCCC99;
            padding: 0px;
            font: 10px verdana, arial, sans-serif; font-weight: normal; font-style: oblique;
           color:#000000; 
            }
#menu 		{ RIGHT: 0px; POSITION: absolute; TOP: 98px }

.menu 		{ lefT: 0px; POSITION: absolute; TOP: 98px }
.menu-location  { position:absolute; visibility:visible; left:0px; top:132px; z-index:2 } 
.deepbox	{ /* background-image: url("picts/black-fade.jpg");  */
			background-color:#B3C3DC;
            
            BORDER: #FFFFFF 4px inset;
            border-top-color: #000000;
            border-left-color: #000000;
            border-right-color: #ffffff;
            border-right-width: 10px;
            border-bottom-width: 8px;
            padding: 10px;
            font: 10px verdana, arial, sans-serif; font-weight: normal; font-style: oblique;
           color:#000000; 
            }
           
            
.manyblocks	{ 
			/*background-color:#000000;*/
            BORDER: #112233 3px;
            border-top-color: #112233;
            border-left-color: #112233;
            border-right-color: #112233;
            border-bottom-color: #112233;
            border-left-width: 4px;
            border-bottom-width: 4px;
            border-top-width: 4px;
            border-right-width: 4px;
            border-style: double;
            padding: 0px;
         /*  width: 100;
            height: 100;    */
			}            
.galleryheading	{ 
			background-color:#556677;
            BORDER: #112233 3px;
            border-top-color: #112233;
            border-left-color: #112233;
            border-right-color: #112233;
            border-bottom-color: #112233;
            border-left-width: 4px;
            border-bottom-width: 4px;
            border-top-width: 4px;
            border-right-width: 4px;
            border-style: double;
            padding: 4px;
         /*  width: 100;
            height: 100;    */
			}            
 
.menulinks	{ background-image: url("picts/background-menu-blue2.jpg");
		 color: #000000;		  
		font: 12px arial, verdana, sans-serif;
		  font-weight: bold;
		
		padding-left: 8px;
		  height: 25px; }


.button { 	background-image: url("picts/button.gif");
		background-color:#000000;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #FFFFFF;
		font-size: 9pt;
		height: 23px;
		cursor:auto;
		font-weight: bold;
		text-align: center;
		BORDER: #666666 0px solid }

.buttonon { background-image: url("picts/buttonon.gif");
		background-color:#333333;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #FFFFCE;
		font-size: 9pt;
		height: 23px;
		cursor:auto;
		font-weight: bold;
		text-align: center;
		BORDER: #FFFFFF 0px solid }

.button-popups {background-color:#666666;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #FFFFFF;
		font-size: 8pt;
		cursor:auto;
		font-weight: bold;
		BORDER: #C0C0C0 1px solid }


.contact {	background-color:#000000;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #FFFFFF;
		font-size: 9pt;
		height: 23px;
		cursor:auto;
		font-weight: normal;
		text-align: center;
		BORDER: #FFFFFF 1px solid }

.contacton {	background-color:#333333;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #FFFFCE;
		font-size: 9pt;
		height: 23px;
		cursor:auto;
		font-weight: normal;
		text-align: center;
		BORDER: #FFFFFF 1px solid }



.shadeform	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		WIDTH: 220PX;
		BORDER: #000000 1px solid}

.textarea	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		WIDTH: 300PX;
		HEIGHT: 125PX;
		BORDER: #000000 1px solid}

.dropdown {	COLOR: #333333;
		WIDTH: 220PX;
		FONT: 11px geneva, verdana, arial, sans-serif }

.dropdownslim {	COLOR: #333333;
		WIDTH: 180PX;
		FONT: 11px geneva, verdana, arial, sans-serif }
     
