/* CSS Document */
* { margin:0; padding:0;}
.clear { clear:both;}
html, body { height:100%; }
body { font-size:100%; line-height:1em; }
html, input, textarea {	font-family:Arial; color:#000;}		
.in2{ padding-bottom:2px;}
.in5{ padding-bottom:5px;}
.in10{ padding-bottom:10px;}
.in15{ padding-bottom:15px;}
.in20{ padding-bottom:20px;}
.in30{ padding-bottom:30px;}
.in50{ padding-bottom:50px;}
/* ---------------------------- */
	
/*header*/ 
#header {color:#333; margin:2px 0 0 0; padding-top: 10px; background: url(images/header/header-bgrd.jpg) no-repeat left; width:720px;  }
#header .logo{margin: 0px 0 20px 0; text-align:left;  }

.header-email {float:right;  text-align:right; width: 200px; font-size:0.7em; padding: 45px 0px 0px 0px; margin:0px 0px 0px 0px;   }
.header-email a {color:#333; text-decoration:underline }
.header-email a:hover {color:#000099; font-weight: bold; text-decoration:underline }

.header-list {float:right; color:#000; font-weight: bold;  text-align:left; width: 190px; font-size:0.7em; line-height: 1.3em; padding: 0 0 0 10px; margin-left:0px;   }
.header-listcol1 {float: left; width:  100px;   }
.header-listcol2 {float: left; width:  90px;   }

.header-list ul{ margin:0 Auto;  list-style: none; }
.header-list ul li{font-weight: normal; margin:0 Auto;  font-size:0.9em; line-height: 1.1em; color:#333; font-family:Arial, Helvetica, sans-serif; text-decoration:none; list-style-type: disc; list-style-position: inside; }

/*Navi with 2 state lozenge background image*/
#navi-menu {font-size:0.7em; background-color:#FFFFFF;  height:30px; background: url(images/common/navi-background.png) top left no-repeat;   }
#navi-menu .menu ul{  margin:0 Auto; padding:0px 0 0 0; list-style: none; }
#navi-menu .menu ul li{ margin:0 0 0 0; display: inline; }
#navi-menu .menu ul li a{
	color:#fff;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	background:url(images_a/common/grey-loz100w.png) top left no-repeat;
	width:80px;
	height:30px;
	text-align:center;
	display:block;
	float:left;
	padding:5px 0 0 0px;
} 
#navi-menu .menu ul li a:hover { color:#333; text-decoration:none; background: url(images/navi/navi-over.jpg) repeat-x center 0; }

/* ---------- INTRO IMAGE --------- */
#intro-graphic {
	float: left;
	margin:5px 0 5px 0;
	width:720px;
	height:201px;
}
/* ---------------------------- */

.video-container {position: relative; margin: 0 0 0 0; left: 0px; }

.width{ width:100%}

a img{ border:0px}
img{ vertical-align:top;  }

a{color:#333; text-align: left; } 
a:hover{color: #000099; text-decoration:none}

/* ---------- H 1 2 3 ------------- */
h1{color:#000099; font-family: Arial, Helvetica, sans-serif;font-size: 1.4em; padding: 15px 0px 0px 0px;}
h2{color:#000099;font-family: Arial, Helvetica, sans-serif;font-size: 1.2em; padding: 5px 0px 0px 0px;}
h3{color:#000099;font-family: Arial, Helvetica, sans-serif;font-size: 2em; padding: 0px 0px 0px 0px;}
h4{color:#333;font-family: Arial, Helvetica, sans-serif;font-size: 1.4em; padding: 5px 0px 0px 0px;}


/* --------- BULLET LISTS --------- */
.col2 ul{margin:0; padding:0px; list-style:none; }
.col2 ul li{left:  0px; margin:0 0 0px 13px; font-size:1.2em; color:#000;  list-style-type: circle; list-style-position: outside; text-indent: 0px;}
.col2 ul li a{  text-decoration:underline; } 

.col3 ul{margin:0; padding:0px; list-style:none; }
.col3 ul li{left:  0px; margin:0 0 0px 13px; font-size:1.2em; color:#000;  list-style-type: circle; list-style-position: outside; text-indent: 0px;}
.col3 ul li a{  text-decoration:underline; } 
/*pic ref*/
.homepic{float: left ;padding: 0 20px 70px 0;  }
.moreinfo-lozenge {margin: 10px 0 0 0px;  }

/* ------------ CONTENT -------------- */
#content{ font-size:0.7em;  margin:0px; padding:0px;  }

/* ------------ TCS HOME -------------- */
.home-content-foot {position: relative; margin: 0 0 15px 0;    }
.home-content-foot p {font-size:1em; line-height: 1.3em; }
.home-content-foot ul li {font-size:1em; }


/* ------------ FOOTER -------------- */
#footer { font-size:0.65em; text-align:left;   }
.footer { position: absolute; margin: 10px 0 0 0; width: 720px; background:url(images/footer/footer-divider.gif) top left no-repeat;  }
.footer .footer-col p { font-size:1em; color:#333; }

.footer-links { float: left;  margin: 5px 0 0 5px; font-size:0.7em; color:#333; width: 500px;}
.footer-links a { color:#000099; text-decoration:underline}
.footer-links a:hover {text-decoration:none}

.giraffe-link {float: right; width: 200px; padding-top: 5px; font-size:0.7em; }
.giraffe-link a { color:#333; text-decoration:none}
.giraffe-link a:hover { color:#000099; }

.moreinfo { margin: 10px 0 0 0px; font-size:1em; color:#000; font-weight: bold;}
.contactdetails {margin: 50px 0 0 0px; font-size:1em; color:#000;}
.rightimage { padding: 10px 0 0 0px; }

/* ------------ divider -------------- */
.divider {position: relative; border-bottom:1px solid #ddd; padding: 0 0 0 0; margin:0 0 10px 0; }

.pageheading {padding: 10px 0 10px 0;}
.pageheading2 {padding: 10px 0 0px 0;}

/*HOME*/
#page5 #content .indent .col1 {margin: 0 0px 0 25px; padding: 15px 10px 0 0;  }
#page5 #content .indent .col2 {margin: 0 0px 0 5px;  padding: 15px 10px 0 0;  }
#page5 #content .indent .col3 {margin: 0 0px 0 5px;  padding: 15px 10px 0 0;  }
#page5 #content .indent .divider1 {height: 425px; margin: 15px 0 0 0;  padding: 15px 0px 0 0; background: url(images/common/vert-rule-slice.gif) repeat-y 0 0;  }
#page5 #content .indent .divider2 {height: 425px; margin: 15px 0 0 0;  padding: 15px 0px 0 0; background: url(images/common/vert-rule-slice.gif) repeat-y 0 0;  }

#page5 #content .indent .col1 .h1 {text-indent:-10000px; }
#page5 #content .indent .col1 p {margin:0px 0px 10px 0px;  font-size:1.1em; line-height: 1.3em;}
#page5 #content .indent .col2 p {margin:0px 0px 10px 0px;  font-size:1.1em; line-height: 1.3em;}
#page5 #content .indent .col3 p {margin:0px 0px 10px 0px;  font-size:1.1em; line-height: 1.3em;}

/*GRID2.html*/
#grid2 #content .indent .col1 {margin: 0 0px 0 25px; padding: 15px 10px 0 0;  }
#grid2 #content .indent .col2 {margin: 0 0px 0 5px;  padding: 15px 10px 0 0;  }
#grid2 #content .indent .divider1 {height: 470px; margin: 25px 0 0 0;  padding: 15px 0px 0 0; background: url(images/common/vert-rule-slice.gif) repeat-y 0 0;  }
#grid2 #content .indent .divider3 {height: 600px; margin: 25px 0 0 0;  padding: 15px 0px 0 0; background: url(images/common/vert-rule-slice.gif) repeat-y 0 0;  }

#grid2 #content .indent .col1 .h1 {text-indent:-10000px; }
#grid2 #content .indent .col1 p {margin:0px 0px 10px 0px;  font-size:1.1em; line-height: 1.3em;}
#grid2 #content .indent .col2 p {margin:0px 0px 10px 0px;  font-size:1.1em; line-height: 1.3em;}

/*GRID3.html*/
#grid3 #content .indent .col1 {margin: 0 0px 0 25px; padding: 15px 5px 0 0;  }
#grid3 #content .indent .col2 {margin: 0 0px 0 5px;  padding: 15px 0px 0 0;  }
#grid3 #content .indent .col3 {margin: 0 0px 0 0px;  padding: 15px 0px 0 0;  }
#grid3 #content .indent .col4 {margin: 0 0px 0 5px;  padding: 15px 0px 0 0;  }
#grid3 #content .indent .divider1 {height: 420px; margin: 25px 0 0 0;  padding: 15px 0px 0 0; background: url(images/common/vert-rule-slice.gif) repeat-y 0 0;  }

#grid3 #content .indent .col1 .h1 {text-indent:-10000px; }
#grid3 #content .indent .col1 p {margin:0px 0px 10px 0px;  font-size:1.1em; line-height: 1.3em;}
#grid3 #content .indent .col2 p {margin:54px 0px 10px 0px;  font-size:1.1em; line-height: 1.3em;}
#grid3 #content .indent .col3 p {margin:54px 0px 10px 0px;  font-size:1.1em; line-height: 1.3em;}
#grid3 #content .indent .col4 p {margin:0px 0px 10px 0px;  font-size:1.1em; line-height: 1.3em;}

/*--- CONTACT PAGE ------*/
.contact-area {float: left; width: 450px;}
.contact-area textarea:focus, #contact-area input:focus {border: 0px solid #900;}
.contact-area input.submit-button {width: 100px;float: left;}
.catpcha-area {margin-left: 200px;}
.contact-area p { font-size: 1.3em; margin-bottom: 15px; }
.contact-area input, .contact-area textarea {
	padding: 2px;
	width: 300px;
	font-family: Helvetica, sans-serif;
	font-size: 1.2em;
	margin-left: 0px;	
}