/* CSS Document */
body {	
	margin-bottom: 5px;
	background-color:#c8bbbe;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	padding-top:5px;
	}

#page 
	{
	background-color:#E5F2F2;
	color:#fff;
	width:802px; 
	height:700px;
	border-top: 1px #034895 solid;
	border-bottom: 1px #034895 solid;
	border-left: 1px #034895 solid;
	border-right: 1px #034895 solid;
	margin: 0 auto; 
	display:table;
	}
.hilite
{
	font: bold 12px arial;
	
	color: #ff8040;
}


/*********** Logo Images *********** */


#logo {
	width: 200px;
	height: 150px;
	background-image:url(../images/tangenite_logo.jpg);
	padding-right: 1px;
	float:left;
	background-repeat: no-repeat;
	}
	
#headerLogo
	{
	background-image: url(../images/services.jpg);
	height: 150px;
	width: 600px;
	background-repeat: no-repeat;
	float:right;
	padding-left: 1px;
	}
	
	
/* ***************** Table Styles ********************* */

#contentleft 
{
	width:258px;
	float:left;
}

#contentcenter 
{
	width:258px;
	float:left;
	margin-left:12px;
}

#contentright 
{
	width:258px;
	float:left;

}

.greek
{
	color:#666;
	
} 

/* ***** end ***** */
	
/* ****** Top Navigation, Caption for the Site ************** */	
		
#topnav 
	{
	padding-bottom: 3px;
	width:800px;
	height: 17px;
	background-image: url(../images/topnavLogoM.jpg);
	border-top: 10px #cccccc solid;
	border-bottom: 3px #cccccc solid;
	}
			
	
#body 
	{
	padding: 0 0 0 10px;
	clear:both;
	
	}

/* ********* These styles are for the footer caption ************* */	
	
#footer 
	{
	width: 804px;
	margin: 0 auto; 
	display:table;
	}
	
	
#foot	{
	color: #666699; ;
	width:800px;
	display:table;
	margin-left:auto;
	margin-right:auto;
	margin-top: 3px;
	
	font: normal 11px arial;
	}
	
#foot a
	{
	color:	#7E2217;
	font: normal bold 12px arial;
	text-decoration: underline;
	}
	
#foot  a:hover
{
	color:#2B65EC;
}


.design{
text-align:left;

padding-left:5px;
padding-right:80px;
margin-left:auto;
margin-right:auto;

}

.copy{
text-align:center;
padding-left:50px;
padding-right:100px;
margin-left:auto;
margin-right:auto;
}

.feed{
text-align:right;
margin-left:auto;
margin-right:0px;
}

	
/* ********* Footer Ends *********** */	

.indexText
{
	font: normal 12px arial;
	color: #666;
	padding-top: 20px;
	margin-right: auto;
}

/* Styles for body text*/
.bodyText
{
	font: normal 12px arial;
	color: #666;
	padding-top: 20px;
	text-align:justify;
	margin-right: 20px;
}


/* ********** Styles for contact form  page ********** */


label{
float: left;
width: 150px;
margin-left:190px;
font: bold small-caps 12px arial;
}

input, textarea{
width: 180px;
margin-bottom: 5px;
}

textarea{
width: 250px;
height: 150px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 300px;
margin-top: 5px;
width: 90px;
}

br{
clear: left;
}

/* clients list */

ul.clientspage
{
	list-style-type: disc;
	margin-top:10px;
	margin-bottom: 5px;
	font: bold small-caps 12px arial;
	margin-left: 300px;
}

ul.clientspage li
{
	margin-top:6px;
}

/* careers page */

#careersText
{
font: normal 12px arial;
margin-right:20px;
color: #666;
text-align: justify;
padding-left:20px;
padding-right: 6px;
}

.formtext
{
	display: table;
	font: normal 12px arial;
	color: #333333
}

.headline  
{
	color: #4c7eb5; 
	font-weight: bold;
	font-size: 12px;
	margin-top:5px;
	text-align: center;
}



#navlist1
{
margin-left: 20px;
margin-right: 20px;
text-align: justify;
padding-left:2px;
list-style: none;

}

#navlist1 li
{
padding-left: 10px;
background-image: url(../images/miniwidget.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
color:#666;
font: normal 12px arial;
margin-left:10px;
}



/*   ************* For the Menu items in careers Page *******************   */
#navcontainer ul
{
list-style-type: none;
text-align: justify;
margin-left: 20px;
margin-right: 20px;
}

#navcontainer ul li a
{
background: transparent url(../images/list-active.gif) left center no-repeat;
padding-left: 15px;
text-align: justify;
font: normal 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #f93;
}

#navcontainer ul li a:hover
{
background: transparent url(../images/list-active.gif) left center no-repeat;
color: #333;
}

#navcontainer ul li a#current
{
background: transparent url(../images/list-active.gif) left center no-repeat;
color: #0c3;
}
/***** style for adding links on each page ********** */


#ind {
	color: #B68663;
	font-size: x-small;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: right;
	padding-top:7px;
	margin-right: 35px;
}

#ind a {
	color: #B68663;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#ind a:visited {
	color: #b9a576;
}
#ind a:hover {
	color: #ed8a22;
	text-decoration: none;
	border-bottom: 1px dotted #ed8a22; 
}
#ind a.noVisited:visited {
	color: #B68663 !important;	
}

/* ************  Footer Static Text ******************* */

 #footertext {
padding: 10px 10px 10px 0px;
width : 775px; 
height:190px; 
margin-left:-4px; 
margin-right:-4px; 
margin-bottom:20px; 
border : dotted; 
color: #666;
border-width: thin; 
}
/* ********** ends ********* */

/* **** For apply now page **** */
#footertext1 {
padding: 10px 10px 10px 0px;
width : 775px; 
height:190px; 
margin-left:7px; 
margin-right:-4px; 
margin-bottom:10px; 
border : dotted; 
color: #666;
border-width: thin; 
}

/* ******* Clients page list items ****** */

#clientlist
{
margin-left: 100px;
padding-left: 0;
list-style: none;
}

#clientlist li
{
padding-left: 17px;
background-image: url(../images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
font: normal 12px arial ;
color: #666;
margin-left:120px;
}

#emptyspace
{
	padding-left:20px;
	padding-bottom: 20px;
	padding-right: 15px;
	margin-left: 0;
	margin-right: 0;
}

/* ******** Static Bottom image and Text *********** */

.floatleft {
background: url(../images/staffred.jpg);
width: 163px;
height: 164px;
background-repeat: no-repeat;
float: left;
margin-top: 15px;
margin-bottom: 10px;
margin-left: 15px;
margin-right: 30px;
}


/*  ********Services Text *********** */
.servicesText
{	
	font: normal 12px arial;
	color: #666;
	margin-right: 20px;
	padding-left:20px;
	text-align: left;
	padding-right: 6px;
}



.thanksText
{	
	font: normal bold 14px arial;
	color: #666;
	margin: 20px 20px 20px 20px;
	padding:20px 20px 20px 20px;
	text-align: center;
}

.thanksSpanText
{	
	font: italic 14px arial;
	color: #666;
	text-align: center;
}

/******* Styles for contact form ************ */
#errordiv {
  border: 1px solid red;
  background-color: #FFAFAF;
  display: none;
  width: 50%;
  margin: 5px;
  padding: 5px;
}

.required {
  background-color: #CC4444;
}

.required:focus {
  background-color: #fff;
  border: 1px solid #f00;
}

.checkit {
  background-color: #E0E5EF;
}

/* ******** Apply Now Text ******* */

.applynowText
{
	font: normal 12px arial;
	color: #666;
	margin-top: 15px;
	margin-left: 20px;
}

/********** Benefits list ************** */
#beneflist li { 
list-style-type: square;
padding-left: 10px;
background-repeat: no-repeat;
background-position: 0 .5em;
color:#666;
font: normal 12px arial;
margin-left:10px;
width:583px;
}

.benefitsText
{
font: normal 12px arial;
color: #666;
margin-left: 20px;
margin-right: 20px;
}

#navlist
{
margin-top: -2px;
margin-left: 40px;
padding-left: 0;
}

#benefitsList
{
margin-top: -2px;
margin-left: 40px;
padding-left: 0;
}

/********* For the Menu ************ */

#menucontainer
{
background: #E5F2F2;
margin: 0 auto;
margin-left: 120px;
margin-right: 20px;
padding: 1em 0 0 0;
font-weight:bold;
text-align:center;
text-transform: capitalize;
}

/* to stretch the container div to contain floated list */
#menucontainer:after
{
content: ".";
display: block;
line-height: 0px;
font-size: 1px;
clear: both;
}

ul#menulist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 98%;
font-size: 0.8em;
color: #000;
}

ul#menulist li
{
display: block;
float: left;
width: 17%;
padding: 0;
}

ul#menulist li a
{
display: block;
width: 100%;
padding: 0.3em;
border-width: 2px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #E5F2F2;
}

#menucontainer>ul#menulist li a { width: auto; }

ul#menulist li#active a
{
background: #fc9;
color: #000000;
}

ul#menulist li a:hover, ul#menulist li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
} 

/************Menu styles ends************/
.space
{
clear:	none;
}


#mainContainer{
color: #666;
}


/****<img src="../images/staffred.jpg" class="floatleft" alt="staticimage" width="160" height="150" />****/
#footerImage{
	margin-right: 10px;
	margin-top:15px;
	float:left;
	background-image:url('../images/staffred.jpg');
	width:158px;
	height:153px;
	float:left;
}

/******* Slide Show *********************************/
#imageSlideshowHolder{
	margin-right: 10px;
	margin-left: 10px;
	margin-top:15px;
	float:left;
	width:158px;
	height:153px;
	position:relative;
}

#imageSlideshowHolder img{
	position:absolute;
	left:0px;
	top:0px;
}

/*  **********n tool tip for index page *************/
body { font-family: verdana, arial, helvetica, sans-serif;
  font-size: 14px; }
h1 { font-size:18px }	
a:link { color:#33c }	
a:visited { color:#339 }	

/* Style spec's for tooltip  */
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#dee7f7; border:1px solid #336; 
  width:260px; padding:6px;
  color:#000; font-size:11px; line-height:1.3;
}
div#tipDiv a:link { color:#33b }
div#tipDiv a:visited { color:#339 }


.colorinfo
{
color:#0096BD;
}