

body {
	font-family: Arial, Helvetica, sans-serif;
	background:url(../fw/BG.jpg) repeat-y center #ddd; 
	margin:0;
	padding:0;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	}

td {
	font-family: Arial, Verdana, Helvetica, Sans Serif;
	}


h1 {font-size:16px;
	color:#06c;
	margin:10px 0 20px 0;
	font-family:"Futura Lt BT", Verdana, Arial, Helvetica, Sans Serif;
	}
	


h2 {font-size:14px;
	color:#06c;
	font-family:"Futura Lt BT", Verdana, Arial, Helvetica, Sans Serif;
	margin:0 0 5px 0;
}

h3 {font-size:14px;
	color:#015390;
	margin-bottom:2px;
	font-family:"Futura Lt BT", Verdana, Arial, Helvetica, Sans Serif;
	}
	
h4 {font-size:16px;
	color:#F90;
	margin:5px 0 5px 0;
	font-family:"Futura Lt BT", Verdana, Arial, Helvetica, Sans Serif;
	font-variant:small-caps;
	}
	
h5 {font-size:13px;
	color:#015390;
	margin:0 0 5px 0;
	font-family:"Futura Lt BT", Verdana, Arial, Helvetica, Sans Serif;
	}	
	

.orange {color:#f90;}

.hBlue {color:#06c;
	}
	

.hGreen {color:#090;
	}
	
.hRed {color:#e33125;}
	

	
a {color:#FF9900;
	text-decoration:underline;
	font-weight:bold;
	}
	
a:visited {color:#f90;}

a:hover {color:#9C0;
	}
	
/****************************
      PAGE STRUCTURE
****************************/
	
#xerpixLeft {width:43px;
			 background:url(../fw/xerpixLeft.jpg) no-repeat bottom;
			 border-right:8px solid #fff;
			 }
			
#xerpixRight {width:43px;
			 background:url(../fw/xerpixRight.jpg) no-repeat top;
			 border-left:8px solid #fff;
			 }			
			

#logo       {background:url(../fw/headerRight.jpg) repeat-x;
			/* border-left:1px solid #ccc; */
			}

#headerRight {background:url(../fw/headerRight.jpg) repeat-x;
             /* border-right:1px solid #ccc; */
			 }

#menu 		{text-align:right; 
			 background:url(../fw/menuBG.jpg) repeat-x;
			 }


#footer     { 
		    background:url(../fw/footer.jpg) repeat-x #f2f2f2;
		    height:60px;
		    text-align:center;
		    line-height:40px;
			border-right:1px solid #ccc;
			border-left:1px solid #ccc;
		    }

#footer a {text-decoration:none;
		}

#footerBorder {border-bottom:1px dotted #333;}
		
#copyright  {font-size:9px;
		    text-align:right;
		    width:765px;
		    margin:auto;
		    padding-top:15px;
		    }
		
#copyright img {float:right;
		padding:0 0 0 5px;}


/****************************
   HOMEPAGE CONTENT FORMAT
****************************/

.contentLeft {
			  text-align:justify;
			  width:380px;
			  background:url(../fw/columnLeft_BG.jpg) repeat-y #fff;  
			  border:1px solid #ccc;
			  margin-right:3px;
			  }
			  
.contentLeft div {padding:5px 20px 0px 20px; 
			}			  


.homeH1BG { height:12px;
			margin:0;
			background:url(../fw/homeH1BG.jpg) no-repeat;
			font-size:14px;
			font-weight:100;
			color:#1B658F;
			padding:6px 5px 0 0;
			font-weight:bold;
			font-family:"Futura Lt BT", Verdana, Arial, Helvetica, Sans Serif;
			}	
		
.contentRight {background:#fff url(../fw/columnRight_BG.jpg) repeat-y right;
			   border:1px solid #ccc;
			   margin-left:3px;
			   }


			  
.contentRight div {padding:5px 10px 0px 50px;
				   margin-bottom:2px;
				   text-align:justify;
				   padding-right:20px;
				   }

.BG {		background:#fff url(../fw/homeDivBG.jpg) top left repeat-x;
			text-align:justify;
			}

/***********************************
   SECONDARY PAGES CONTENT FORMAT
***********************************/
#secContent {padding:20px 40px 0 10px;
			background:url(../fw/columnRight_BG.jpg) right repeat-y #fff;
			text-align:justify;
			border-right:1px solid #ccc;
			}

#ourClients {color:#105390;}

#ourClients a {text-decoration:none;}

#ourClients img {border:1px solid #999;
			float:left;
			margin:0 8px 10px 8px;}
			

#services {width:80%;}
		
		   
#services td {width:33%;
           padding:0 20px 0 20px;
		   border:1px solid #ccc;
		   }
		   
#services img {padding-top:10px;}

#services p {width:80px;
          	font-weight:bold;
			font-size:10px;
			text-align:left;
			font-family:"Futura Lt BT", Verdana, Arial, Helvetica, Sans Serif;
			margin-bottom:3px;
			}

#services a {text-decoration:none;
			}

#services a:hover {text-decoration:underline;}

#servBodyPic {width:158px;
             float:right;
			 padding:0 0 10px 30px;
			 color:#015390;
			 font-size:10px;
			 margin-top:0;
			 
			 }
#servBodyPic a {text-decoration:none;
            font-weight:normal; }

#ourWork {color:#6896b7;}

#ourWork img {float:left; 
		 padding:0 20px 0px 0;
		 }
#ourWork a {text-decoration:none;}
	
		
#developers {width:100%;}

#developers td {padding:5px 20px 5px 0;}

/***********************************
             LEFT MENU
***********************************/

#leftColumn {background:url(../fw/columnLeft_BG.jpg) repeat-y #fff;
	         width:200px;
			 padding:22px 0 0 10px;
			 border-left:1px solid #ccc;
			 }

#leftColumnContainer {
     width:170px;
	 float:left;
	 margin:0px;
	 border-right:1px solid #ccc;
	 padding-left:10px;
	 }


/* --  LEFT LIST MENU ---- */

#leftMenu {
	margin: 0px;
	padding:0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	}

#leftMenu li {
	float: left;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	}

#leftMenu ul {
	margin: 0;
	padding: 0;	
	}
	
	
#leftMenu a {
	padding:7px 5px 7px 10px;
	text-align:left;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	width: 150px;
	height:14px;
	display: block;
	color:#0e549d;
	font-size: 9px;
  	font-weight:bold;
	background:url(../fw/arrow.gif) center left no-repeat;  
	}



#leftMenu a:hover, active{
	color:#078bd9;
	text-decoration: none;
	background-color:#CCC;
	}		



/****************************************************/
/*             CASE STUDIES
*****************************************************/
#caseStudies {
	margin: 0px;
	padding:0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	}

#caseStudies li {
	float: left;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	}

#caseStudies ul {
	margin: 0;
	padding: 0;	
	}
	
	
#caseStudies a {
	padding:10px 5px 10px 10px;
	text-align:left;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	width: 150px;
	height:10px;
	display: block;
	color:#0e549d;
	font-size: 9px;
  	font-weight:bold;
	background:url(../fw/arrow.gif) center left no-repeat; 
	}


#caseStudies a:hover, active{
	color:#078bd9;
	text-decoration: none;
	background-color:#CCC;
	}		




