/*------------------------------------------------------------*
**  Copyright: (C) 2006 whitecatsolutions
**	Author: Teresa Brady		
**------------------------------------------------------------*/


/*----- GLOBAL SETTINGS  -----*/
body {
	background-color: #ffffff; 
	background-image: url(../../images/container.png); 
	background-position: center; 
	background-repeat: repeat-y;
	font-family: "Trebuchet MS", Verdana, Arial, Tahoma, "Bitstream Vera Sans", san-serif;	
	}

.header {
	background-image: url(../../images/banner.png);	
	margin-left:auto;
	margin-right:auto;
	width: 900px;
	height: 180px;	
	position: relative;
	top: 0px;
	color:#ffffff;
	}
	
.writing {
	padding-top:10px;
	padding-left:20px;
	}

.white {
	color: #ffffff;
	font-weight: bold;
	font-size: 2.5em;
}

.greyblue {
	color: #00009c;
	font-weight: bold;
	font-size: 2.5em;
}

.greybluesmall {
	color: #00009c;
	font-weight: bold;
	font-size: 1.8em;
}

.blue {
	color:#00009c;
	font-weight: bold;
	}
	
.hide {
	visibility: hidden;}

/* NAVIGATION */
.nav {
	bottom: 0px;
	left: 5px;
	position: absolute;
	width: 100%;
	font-size: .9em;
	font-weight: bold;
	line-height: normal;
	}
.nav ul {
    margin:0;
    padding:10px 10px 0px 2px;
    list-style:none;
    }
.nav li {
    display:inline;
    margin:0;
    padding:0;
    }
.nav a {
    float:left;
    background:url(../../images/tableft1.gif) no-repeat left top;
    margin:0;
    padding:0 4px 0 5px;
    text-decoration:none;
    }
        
.nav a span {
    float:left;
    display:block;
    background:url(../../images/tabright1.gif) no-repeat right top;
    padding:5px 10px 4px 10px;
    color:#ffffff;
    }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.nav a span {
    float:none;
    }
/* End IE5-Mac hack */
.nav a:hover span {
	color: #828aba;
}
.nav a:hover {
    background-position:0% -41px;
    }
.nav a:hover span {
    background-position:100% -41px;
    }

.nav .current a {
    background-position:0% -41px;
    }
.nav .current a span {
    background-position:100% -41px;
    color:#828aba;
    }    
 


/* MAIN CONTENT BOX */ 
.content {
	margin-left:auto;
	margin-right:auto;		
	width: 900px; 
	position: relative; 	
	padding:0px;	
	}

/*----- Table1 and Bullets -----*/

.tablesolutions{
	margin: 0px 0px 0px 0px;
	padding:4px 0px 4px 0px;
	}

.solutions{
	border-collapse: collapse;
	border: 1px solid #181ca5;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
.left{
	border-collapse: collapse;
	border-bottom: 1px solid #181ca5;
	background-color: #D4DBFE;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:50%;
	}

.left1{
	border-collapse: collapse;
	border-bottom: 1px solid #181ca5;
	border-top: 1px solid #181ca5;
	}
		
.right{
	border-collapse: collapse;
	border-left: 1px solid #181ca5; 
	background-color: #D4DBFE;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:50%;
	}

.right1{
	border-collapse: collapse;
	border-left: 1px solid #181ca5;
	border-top: 1px solid #181ca5;
	}

.solutions h3{
	color: #181ca5;
	margin: 3px 3px 3px 3px;
	padding:0px 0px 0px 0px;
	font-size: 0.9em; 
	}
	
.solutions td{
	vertical-align: top;
	}
	
.level1{
	list-style:square;
	font-weight:bold;
	color: #181ca5;
	font-size: 0.9em;
	position: relative;
	left: -10px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 3px;
	margin-bottom: 0px;
	}

.level2{
	list-style:circle;
	font-weight:normal;
	color:#000000;
	font-size: 0.9em;
	position: relative;
	left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	}

/*----- Table2 and Bullets -----*/

.methodologybox{
	margin: 10px 0px 0px 0px;
	padding:4px 0px 4px 0px;
	}

.methodology{
	border-collapse: collapse;
	border: 1px solid #181ca5;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
.methodology td{
	vertical-align: top;
	}
		
.methodology h3{
	color: #181ca5;
	margin: 3px 3px 3px 3px;
	padding:0px 0px 0px 0px;
	font-size: 0.9em; 
	}
	
.methodology h5{
	color: #000000;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	padding:3px 3px 3px 3px;
	font-size: 0.8em; 
	text-align: center;
	}
	
.methodology h6{
	color: #000000;
	font-weight:normal;
	margin: 0px 0px 0px 0px;
	padding:3px 3px 3px 3px;
	font-size: 0.8em; 
	}
	
.col2, .col2a, .col2b, .col3, .col3a, .col3b, .col4, .col4a, .col4b, .col5, .col5a, .col5b {
	border-left: 1px solid #181ca5; 
	}

.col1, .col2, .col3, .col4, .col5 {
	border-collapse: collapse;
	border-bottom: 1px solid #181ca5;
	background-color: #D4DBFE;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:18%;
	}
	
.col1a, .col2a, .col3a, .col4a, .col5a {
	background-color: #EAEDFE;
	}	

	
/*----- MAIN CONTENT BOX - WITH SIDE CONTENT BOX -----*/

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	float: left;
	margin-top: 5px;
	width: 69%; 
	background: url(../../images/sbbody-r.png) no-repeat bottom right;
}
.boxhead {
	background: url(../../images/sbhead-r.png) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
.boxhead h2 {
	background: url(../../images/sbhead-l.png) no-repeat top left;
	margin: 0;
	padding: 10px 20px 5px 20px;
	color: #00009c; 
	font-weight: bold; 
	font-size: 1em; 
	line-height: 1.3em;
}
.boxbody {
	background: url(../../images/sbbody-l.png) no-repeat bottom left;
	margin: 0;
	padding: 0px 20px 20px 20px;	
	}

.boxbody p {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;	
	font-size: 0.8em;
	}

/*----- SIDE CONTENT BOX -----*/
/* Show only to IE PC \*/
* html .boxhead2 h2 {height: 1%;} /* For IE 5 PC */

.sidebox2 {
	float: right;
	margin-top: 5px; 
	width: 30%; 
	background: url(../../images/sbbody-r2.gif) no-repeat bottom right;
}
.boxhead2 {
	background: url(../../images/sbhead-r2.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
.boxhead2 h2 {
	background: url(../../images/sbhead-l2.gif) no-repeat top left;
	margin: 0;
	padding: 10px 20px 5px 20px;
	color: #00009c; 
	font-weight: bold; 
	font-size: 1em; 
	line-height: 1.3em;
}
.boxbody2 {
	background: url(../../images/sbbody-l2.gif) no-repeat bottom left;
	margin: 0;
	padding: 0px 20px 20px 20px;	
	}

.boxbody2 p {
	margin: 0px 0px 0px 0px;
	padding: 2px 10px 2px 0px;	
	font-size: 0.8em;
	}

/*----- MIDDLE CONTENT BOX -----*/
/* Show only to IE PC \*/
* html .boxhead5 h2 {height: 1%;} /* For IE 5 PC */

.sidebox5 {
	float: left;
	margin-top: 5px; 
	width: 33%; 
	background: url(../../images/sbbody-r.png) no-repeat bottom right;
}
.boxhead5 {
	background: url(../../images/sbhead-r.png) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
.boxhead5 h2 {
	background: url(../../images/sbhead-l.png) no-repeat top left;
	margin: 0;
	padding: 10px 20px 5px 20px;
	color: #00009c; 
	font-weight: bold; 
	font-size: 1em; 
	line-height: 1.3em;
}
.boxbody5 {
	background: url(../../images/sbbody-l.png) no-repeat bottom left;
	margin: 0;
	padding: 0px 20px 20px 20px;	
	}

.boxbody5 p{
	margin: 0px 0px 0px 0px;
	padding: 2px 10px 2px 0px;	
	font-size: 0.8em;
	text-align: center;
	}

.boxbody5 a:link {
	text-decoration: none;
	}

.boxbody5 a:visited {
	text-decoration: none;
	}

/*----- MAIN CONTENT BOX - WITHOUT SIDE CONTENT BOX -----*/
/* Show only to IE PC \*/
* html .boxhead3 h2 {height: 1%;} /* For IE 5 PC */

.sidebox3 {
	float: left;
	margin-top: 5px;
	padding:0px;
	width: 100%; 
	background: url(../../images/sbbody-r.png) no-repeat bottom right;
}
.boxhead3 {
	background: url(../../images/sbhead-r.png) no-repeat top right;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.imgcenter{
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.boxhead3 h2 {
	background: url(../../images/sbhead-l.png) no-repeat top left;
	margin: 0px;
	padding: 10px 20px 5px 20px;
	color: #00009c; 
	font-weight: bold; 
	font-size: 1em; 
	line-height: 1.3em;
}
.boxbody3 {
	background: url(../../images/sbbody-l.png) no-repeat bottom left;
	margin: 0;
	padding: 0px 20px 20px 20px;	
	}

.boxbody3 p {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;	
	font-size: 0.8em;
	}

.bio {
    margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;	
	font-size: 0.8em;
	width:100%;
}


/*----- MAIN SIDE CONTENT BOX -----*/	
/* Show only to IE PC \*/
* html .boxhead4 h2 {height: 1%;} /* For IE 5 PC */

.sidebox4 {
	float: right;
	margin-top: 5px; 
	width: 50%; 
	background: url(../../images/sbbody-r2.gif) no-repeat bottom right;
}
.boxhead4 {
	background: url(../../images/sbhead-r2.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
.boxhead4 h2 {
	background: url(../../images/sbhead-l2.gif) no-repeat top left;
	margin: 0;
	padding: 10px 20px 5px 20px;
	color: #00009c; 
	font-weight: bold; 
	font-size: 1em; 
	line-height: 1.3em;
}
.boxbody4 {
	background: url(../../images/sbbody-l2.gif) no-repeat bottom left;
	margin: 0;
	padding: 0px 20px 20px 20px;	
	}

.boxbody4 p {
	margin: 0px 0px 0px 0px;
	padding: 2px 10px 2px 0px;	
	font-size: 0.8em;
	}

/*----- FOOTER -----*/
.footer {
	clear: both;
	bottom: -10px;
	position: relative;
	left: 0px; 
	width: 100%;
	background:url(../../images/footer_right.png) no-repeat right top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	}
.footer p{
	font-family: Verdana, Arial, Tahoma, "Bitstream Vera Sans", san-serif;
	color: #181ca5;
	font-size: 0.8em;
	font-weight: bold;
	text-align:center;
	margin: 0px 0px 0px 0px;
	padding:15px 0px 10px 0px;	
	}

.footer div  {
    background:url(../../images/footer_left.png) no-repeat left top;
    width: 100%;
	display: block;
	height: 48px;
	}
	
.footer a {
	color: #9395E0;
	text-decoration: none;
	}

.footer a:visited {
	color: #000066;
	text-decoration: none;
	}

.footer a:hover {
	color: #ffffff;
	background-color:#828aba; 
	text-decoration: underline;
	}
	

/* Contact Page -  Contact */	
.contacttablediv {
	display:  table;
	width:600px;	
	background-color:white;
	border:0px solid  #666666;	
	border-spacing:5px;/*cellspacing:poor IE support for  this*/
	border-collapse:separate;
}
.contactcelldivtitle 
{		
	width:150px;
	font-size: 0.8em;
	background-color:white;
	
}

.contactonecelldivrow {
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:100%;
	background-color:white;
}
.contactrowdiv  {
	display:  table-row;
	width:auto;
}

.contactinfocell
{				
	display:  table-cell;
	float: right;	
	width:65%;
}

.contactimg
{	
	width:195px;	
	float: left;				
}
/* Contact Page -  Enquiry */	
.enquirytablediv {
	display:  table;
	width:600px;
	background-color:white;
	border:0px solid  #666666;	
	border-spacing:5px;/*cellspacing:poor IE support for  this*/
	border-collapse:separate;
}
.enquirycelldivtitle 
{		
	width:150px;
	font-size: 0.8em;
	background-color:white;	
}

.chktitle
{
	font-size: 0.8em;
	font-family: "Trebuchet MS", Verdana, Arial, Tahoma, "Bitstream Vera Sans", san-serif;	
	background-color:white;	
}

.enquiryonecelldivrow {
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:100%;
	background-color:white;
}
.enquiryrowdiv  {
	display:  table-row;
	width:auto;
}



.tablespacing tr
{
	height:28px;		
}

.tablespacing td
{
	vertical-align:top;
}

/* Panel - No Header */
.outersendpanel 
{
	clear: both;	
	position: relative;
	left: 0px; 
	width: 100%;
	background:url(../../images/footer_right.png) no-repeat right top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;		
	}

.sendpanel
{
	clear:both;
	position:relative;
	text-align:center;	
	background:url(../../images/footer_left.png) no-repeat left top;
    height: 48px;   
	
}

.sendpanel p
{
	margin: 0px 0px 0px 0px;
	padding:12px 0px 10px 0px;
}


/* Gallery */
.gallery{
	border-collapse: collapse;
}