body { 
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	height: 99%;
	/* background: #b1b1b1 url(../images/page_bg.jpg) top center no-repeat; */
}

#Body {
	background: #b1b1b1 url(../images/page_bg.jpg) top center no-repeat;
}




/*  OLD INTERFACE  */ 

.softwarecell {
	border:1px solid #f4a01f;
	padding: 1px;
	background-color: #f4a01f;
	scrollbar-face-color: #f2c279;
   scrollbar-shadow-color: #915f13;
   scrollbar-highlight-color: #fff;
   scrollbar-3dlight-color: #f4a01f;
   scrollbar-darkshadow-color: #f4a01f;
   scrollbar-track-color: #f4a01f;
   scrollbar-arrow-color: #fff;
}
.webcell {
	border:1px solid #91a4ba;
	padding: 1px;
	background-color: #94a6be;
	scrollbar-face-color: #c5cfd8;
   scrollbar-shadow-color: #4e5863;
   scrollbar-highlight-color: #fff;
   scrollbar-3dlight-color: #94a6be;
   scrollbar-darkshadow-color: #94a6be;
   scrollbar-track-color: #94a6be;
   scrollbar-arrow-color: #fff;
}
.networkcell {
	border:1px solid #d0d954;
	padding: 1px;
	background-color: #d0d954;
	scrollbar-face-color: #dde398;
   scrollbar-shadow-color: #798030;
   scrollbar-highlight-color: #fff;
   scrollbar-3dlight-color: #d0d954;
   scrollbar-darkshadow-color: #d0d954;
   scrollbar-track-color: #d0d954;
   scrollbar-arrow-color: #fff;
}
.hostingcell {
	border:1px solid #fffc90;
	padding: 1px;
	background-color: #fffc90;
	scrollbar-face-color: #ebe78d;
   scrollbar-shadow-color: #9e9900;
   scrollbar-highlight-color: #fff;
   scrollbar-3dlight-color: #f7f4b5;
   scrollbar-darkshadow-color: #f7f4b5;
   scrollbar-track-color: #fffc90;
   scrollbar-arrow-color: #fff;
}
.newscell {
	border:1px solid #b133f3;
	padding: 1px;
	background-color: #b133f3;
	scrollbar-face-color: #d296f2;
   scrollbar-shadow-color: #71219c;
   scrollbar-highlight-color: #fff;
   scrollbar-3dlight-color: #b133f3;
   scrollbar-darkshadow-color: #b133f3;
   scrollbar-track-color: #b133f3;
   scrollbar-arrow-color: #fff;
}
.newsbg {
	background-image: url(../home/news_tile.jpg);
	background-repeat: repeat-x;
	height: 35px;
}
.scroll {
	height: 150px;
	overflow: auto;
	padding: 8px;
}
.scroll2 {
	height: 80px;
	overflow: auto;
	padding: 8px;
}
.softwarecell A {
	color: #ab120c ;
	font-weight: bold;
}
.webcell A {
	color: #253f72;
	font-weight: bold;
}
.networkcell A {
	color: #65890b;
	font-weight: bold;
}
.hostingcell A {
	color: #e79408;
	font-weight: bold;
}
.newscell A {
	color: #4027ff;
	font-weight: bold;
}
.softwarebg {
	background-image: url(../Home/software_bg.jpg);
	background-repeat: repeat-x;
}
.webbg {
	background-image: url(../Home/web_bg.jpg);
	background-repeat: repeat-x;
}
.networkbg {
	background-image: url(../Home/network_bg.jpg);
	background-repeat: repeat-x;
}
.hostingbg {
	background-image: url(../Home/hosting_bg.jpg);
	background-repeat: repeat-x;
}

/*  END - OLD INTERFACE  */


.cellcontent {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;	
}


/*  NEW INTERFACE  */



.full-circle {
	background: url(../images/full_circle.png) center no-repeat;
	height: 450px;
	width: 450px;
	margin: 0 auto;
	margin-top: 50px;
	position: relative;
	
/* CSS3 VERSION*/
/*	-moz-border-radius:225px;
	-webkit-border-radius:225px;
	-moz-box-shadow: 
	0 2px 2px rgba(0,0,0,0.5), /*outer dropshadow
	inset 2px 2px rgba(255,255,255,0.3), /*top highlight
	inset 0 10px rgba(255,255,255,0.3), /*top gloss
	inset 0 10px 10px rgba(255,255,255,0.25), /*top gloss glow
	inset 0 -10px 30px rgba(0,0,0,0.5); /*inner shading*/
}
.quarter-circle-software {
	background: url(../images/software_bg.png) top left;
	height: 210px;
	width: 210px;
	position: absolute;
	top: 15px;
	left: 15px;
	-moz-border-radius: 210px 0 0 0;
	-webkit-border-radius: 210px 0 0 0;
	-moz-box-shadow: 
	inset 2px 2px rgba(255,255,255,0.3), /*top highlight*/
	inset 0 10px rgba(255,255,255,0.3), /*top gloss*/ 
	inset 0 10px 10px rgba(255,255,255,0.25), /*top gloss glow*/
	inset 0 -10px 30px rgba(0,0,0,0.5); /*inner shading*/
}
.quarter-circle-software:hover {
	background: url(../images/software_bg.png) top left;
	height: 420px;
	width: 420px;
	z-index: 9;
	-moz-border-radius: 210px;
	-webkit-border-radius: 210px;
	
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.quarter-circle-design {
	background: url(../images/design_bg.png) top right;
	height: 210px;
	width: 210px;
	position: absolute;
	top: 15px;
	left: 225px;
	-moz-border-radius: 0 210px 0 0;
	-webkit-border-radius: 0 210px 0 0;
	-moz-box-shadow: 
	inset 2px 2px rgba(255,255,255,0.3), /*top highlight*/
	inset 0 10px rgba(255,255,255,0.3), /*top gloss*/ 
	inset 0 10px 10px rgba(255,255,255,0.25), /*top gloss glow*/
	inset 0 -10px 30px rgba(0,0,0,0.5); /*inner shading*/
}
.quarter-circle-design:hover {
	background: url(../images/design_bg.png) top right;;
	height: 420px;
	width: 420px;
	left: 15px;
	z-index: 9;
	-moz-border-radius: 210px;
	-webkit-border-radius: 210px;
	
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.quarter-circle-hosting {
	background: url(../images/hosting_bg.png) bottom left;
	height: 210px;
	width: 210px;
	position: absolute;
	top: 225px;
	left: 15px;
	-moz-border-radius: 0 0 0 210px;
	-webkit-border-radius: 0 0 0 210px;
	-moz-box-shadow: 
	inset 2px 2px rgba(255,255,255,0.3), /*top highlight*/
	inset 0 10px rgba(255,255,255,0.3), /*top gloss*/ 
	inset 0 10px 10px rgba(255,255,255,0.25), /*top gloss glow*/
	inset 0 -10px 30px rgba(0,0,0,0.5); /*inner shading*/
}
.quarter-circle-hosting:hover {
	background: url(../images/hosting_bg.png) bottom left;
	height: 420px;
	width: 420px;
	top:15px;
	left: 15px;
	z-index: 9;
	-moz-border-radius: 210px;
	-webkit-border-radius: 210px;
	
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.quarter-circle-adframe {
	background: url(../images/adframe_bg.png) bottom right;
	height: 210px;
	width: 210px;
	position: absolute;
	top: 225px;
	left: 225px;
	-moz-border-radius: 0 0 210px 0;
	-webkit-border-radius: 0 0 210px 0;
	-moz-box-shadow: 
	inset 2px 2px rgba(255,255,255,0.3), /*top highlight*/
	inset 0 10px rgba(255,255,255,0.3), /*top gloss*/ 
	inset 0 10px 10px rgba(255,255,255,0.25), /*top gloss glow*/
	inset 0 -10px 30px rgba(0,0,0,0.5); /*inner shading*/
}
.quarter-circle-adframe:hover {
	background: url(../images/adframe_bg.png) bottom right;
	height: 420px;
	-moz-border-radius: 210px;
	-webkit-border-radius: 210px;
	width: 420px;
	top:15px;
	left:15px;
	z-index: 9;
	
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease;
}



#fisheye img {
	cursor: pointer;
}

.menu {
	height: 50px;
	margin-top: 20px;
}

div.css {
	background-color:rgba(0,255,0,0.2);
	display:inline-block;
	width: 30px;
	height: 30px;
	-moz-box-shadow: 
	0 2px 2px rgba(0,0,0,0.5), /*outer dropshadow*/
	inset 2px 2px rgba(255,255,255,0.3), /*top highlight*/
	inset 0 5px rgba(255,255,255,0.3), /*top gloss*/ 
	inset 0 10px 10px rgba(255,255,255,0.25), /*top gloss glow*/
	inset 0 -10px 10px rgba(0,0,0,0.5); /*inner shading*/
	-webkit-transform-origin:50% 50%; 
	-moz-transform-origin:50% 50%;
	transform-origin:50% 50%;
	
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-transition:all 0.5s ease-in-out;
}

div.css:hover {
	background-color:rgba(0,255,0,0.3);
	width: 50px;
	height: 50px;
}








#SoftwareDevelopment {
	background-color: #d46660;
	border-color: #8b2c26;
}
#WebsiteDesign {
	background-color: #6269bd;
	border-color: #353a7c;
}
#Network {
	background-color: #9dc831;
	border-color: #637e1f;
}
#Hosting {
	background-color: #9dc831;
	border-color: #637e1f;
}
#News {
	background-color: #bf60d4;
	border-color: #79268b;
}
#Help {
	background-color: #60cad4;
	border-color: #26828b;
}
#Contact {
	background-color: #bed460;
	border-color: #778b26;
}
#CMC {
	background-color: #81f6f1;
	border-color: #3eafab;
}
#JOBS {
	background-color: #E42A53;
	border-color: #9F1336;
}

#WebsiteDesign .titleBar {
  background-image: url(../Home/web_titlebar.jpg);
  background-repeat: repeat-x;
  cursor: default;
  color: #ffffff;
  font-family: "MS Sans Serif", "Arial", "Helvetica", sans-serif;
  font-size: 8pt;
  font-weight: bold;
  margin: 0px;
  /* padding: 2px 2px 2px .5em; */
  text-align: right;
  white-space: nowrap;
  height: 19px;
  vertical-align: middle;
}
#WebsiteDesign .clientArea {
  background-color: #ffffff;
  border-color: #353a7c #353a7c #353a7c #353a7c;
  border-style: solid;
  border-width: 1px;
  color: #000000;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 10pt;
  margin: 0px 0px 0px 0px;
  overflow: auto;
}

#Network .titleBar {
  background-image: url(../Home/network_titlebar.jpg);
  background-repeat: repeat-x;
  cursor: default;
  color: #ffffff;
  font-family: "MS Sans Serif", "Arial", "Helvetica", sans-serif;
  font-size: 8pt;
  font-weight: bold;
  margin: 0px;
  /* padding: 2px 2px 2px .5em; */
  text-align: right;
  white-space: nowrap;
  height: 19px;
  vertical-align: middle;
}
#Network .clientArea {
  background-color: #ffffff;
  border-color: #637e1f #637e1f #637e1f #637e1f;
  border-style: solid;
  border-width: 1px;
  color: #000000;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 10pt;
  margin: 0px 0px 0px 0px;
  overflow: auto;
}

#Hosting .titleBar {
  background-image: url(../Home/network_titlebar.jpg);
  background-repeat: repeat-x;
  cursor: default;
  color: #ffffff;
  font-family: "MS Sans Serif", "Arial", "Helvetica", sans-serif;
  font-size: 8pt;
  font-weight: bold;
  margin: 0px;
  /* padding: 2px 2px 2px .5em; */
  text-align: right;
  white-space: nowrap;
  height: 19px;
  vertical-align: middle;
}
#Hosting .clientArea {
  background-color: #ffffff;
  border-color: #637e1f #637e1f #637e1f #637e1f;
  border-style: solid;
  border-width: 1px;
  color: #000000;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 10pt;
  margin: 0px 0px 0px 0px;
  overflow: auto;
}

#News .titleBar {
  background-image: url(../Home/news_titlebar.jpg);
  background-repeat: repeat-x;
  cursor: default;
  color: #ffffff;
  font-family: "MS Sans Serif", "Arial", "Helvetica", sans-serif;
  font-size: 8pt;
  font-weight: bold;
  margin: 0px;
  /* padding: 2px 2px 2px .5em; */
  text-align: right;
  white-space: nowrap;
  height: 19px;
  vertical-align: middle;
}
#News .clientArea {
  background-color: #ffffff;
  border-color: #79268b #79268b #79268b #79268b;
  border-style: solid;
  border-width: 1px;
  color: #000000;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 10pt;
  margin: 0px 0px 0px 0px;
  overflow: auto;
}

#Help .titleBar {
  background-image: url(../Home/help_titlebar.jpg);
  background-repeat: repeat-x;
  cursor: default;
  color: #ffffff;
  font-family: "MS Sans Serif", "Arial", "Helvetica", sans-serif;
  font-size: 8pt;
  font-weight: bold;
  margin: 0px;
  /* padding: 2px 2px 2px .5em; */
  text-align: right;
  white-space: nowrap;
  height: 19px;
  vertical-align: middle;
}
#Help .clientArea {
  background-color: #ffffff;
  border-color: #26828b #26828b #26828b #26828b;
  border-style: solid;
  border-width: 1px;
  color: #000000;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 10pt;
  margin: 0px 0px 0px 0px;
  overflow: auto;
}

#Contact .titleBar {
  background-image: url(../Home/contact_titlebar.jpg);
  background-repeat: repeat-x;
  cursor: default;
  color: #ffffff;
  font-family: "MS Sans Serif", "Arial", "Helvetica", sans-serif;
  font-size: 8pt;
  font-weight: bold;
  margin: 0px;
  /* padding: 2px 2px 2px .5em; */
  text-align: right;
  white-space: nowrap;
  height: 19px;
  vertical-align: middle;
}
#Contact .clientArea {
  background-color: #ffffff;
  border-color: #778b26 #778b26 #778b26 #778b26;
  border-style: solid;
  border-width: 1px;
  color: #000000;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 10pt;
  margin: 0px 0px 0px 0px;
  overflow: auto;
}

#CMC .titleBar {
  background-image: url(../Home/cmc_titlebar.jpg);
  background-repeat: repeat-x;
  cursor: default;
  color: #ffffff;
  font-family: "MS Sans Serif", "Arial", "Helvetica", sans-serif;
  font-size: 8pt;
  font-weight: bold;
  margin: 0px;
  /* padding: 2px 2px 2px .5em; */
  text-align: right;
  white-space: nowrap;
  height: 19px;
  vertical-align: middle;
}
#CMC .clientArea {
  background-color: #ffffff;
  border-color: #3eafab #3eafab #3eafab #3eafab;
  border-style: solid;
  border-width: 1px;
  color: #000000;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 10pt;
  margin: 0px 0px 0px 0px;
  overflow: auto;
}
#JOBS .titleBar {
  background-image: url(../Home/jobs_titlebar.jpg);
  background-repeat: repeat-x;
  cursor: default;
  color: #ffffff;
  font-family: "MS Sans Serif", "Arial", "Helvetica", sans-serif;
  font-size: 8pt;
  font-weight: bold;
  margin: 0px;
  /* padding: 2px 2px 2px .5em; */
  text-align: right;
  white-space: nowrap;
  height: 19px;
  vertical-align: middle;
}
#JOBS .clientArea {
  background-color: #ffffff;
  border-color: #9F1336;
  border-style: solid;
  border-width: 1px;
  color: #000000;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 10pt;
  margin: 0px 0px 0px 0px;
  overflow: auto;
}




.window {
  border-color: #ccc #ccc #ccc #ccc;
  border-style: solid;
  border-width: 1px;
  margin: 0px;
  padding-top: 0px;
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  position: absolute;
  text-align: left;
  visibility: hidden;
}
.titleBar {
  background-image: url(../Home/software_titlebar.jpg);
  background-repeat: repeat-x;
  cursor: default;
  color: #ffffff;
  font-family: "MS Sans Serif", "Arial", "Helvetica", sans-serif;
  font-size: 8pt;
  font-weight: bold;
  margin: 0px;
  /* padding: 2px 2px 2px .5em; */
  text-align: right;
  white-space: nowrap;
  height: 19px;
  vertical-align: middle;
}
.titleBarText {
  float: left;
  overflow: hidden;
  text-align: left;
	padding-top:3px;
}
.titleBarButtons {
  border-style: none;
  border-width: 0px;
  vertical-align: middle;
  width: 59px;
  height: 19px;
}
.clientArea {
  background-color: #ffffff;
  border-color: #8b2c26 #8b2c26 #8b2c26 #8b2c26;
  border-style: solid;
  border-width: 1px;
  color: #000000;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 10pt;
  margin: 0px 0px 0px 0px;
  overflow: auto;
}
.lastLine {
  padding-left: 6em;
}