/* CSS Document */
body { 
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
line-height: 19px;
}
.bigfont { font-size: 16px; font-weight:bold; }
/* Outer backgound image */
#outerbox {
width: 940px;
height: 2150px;
margin:auto;
background-image:url(images/imgouterbg.jpg);
background-repeat:repeat-y;
}
/* Outer backgound bottom image */
#outerboxbottom {
margin-top: 1px;
width: 940px;
height: 16px;
margin:auto;
background-image: url(images/imgouterbottom.jpg);
background-repeat: no-repeat;
}
/* Header Box */
#header { 
width: 926px;
height: 88px;
background-image:url(images/tgsi_logo.jpg);
background-repeat:no-repeat;
background-position:left;
}
#headertop{ 
margin-top: 30px;
width: 600px;
float: right;
height: 20px;
font-size:11px;
font-weight: bold;
text-align:right;
padding-right: 35px;
}

/* top navigation */
#headerbottom{ 
margin-top: 2px;
width: 600px;
float: right;
height: 30px;
}
ul#nav {
	list-style:none;
	text-align:center;
	background:#fff;
	height:28px;
}
#nav li {
    width:20%;
	float:left;
    display:block;
    text-align:center;
    
}
#nav a {
	display:block;
	/*font:bold 1em/1.8 Arial, tahoma, verdana, sans-serif;*/
	font-size: 15px;
	font-weight:600;
	color:#333333;
	text-decoration:none;
	background:transparent url(images/menubullet1.gif) repeat-x left top;
}
#nav a:hover {
	display:block;
	/*font:bold 1em/1.8 Arial, tahoma, verdana, sans-serif;*/
	font-size: 15px;
	font-weight:600;
	color:#333333;
	text-decoration:none;
	background:transparent url(images/menubullet11.gif) repeat-x left top;
}



/* Main Content Box */
#content {
margin:auto;
width: 926px;
height: 2080px;
}
/* Content Footer Box */
#contentbottom {
width: 926px;
height: 50px;
margin:auto;
}
.footertop { 
padding: 3px;
height: 20px;
width: 923px;
border-top: 1px solid #0866b8;
border-bottom: 2px solid #0866b8;
font-size: 13px;
color: #666666;
font-weight: bold;
vertical-align:middle;
text-align:center;
}
.footerbottom { 
margin: auto;
padding: 3px;
padding-top: 5px;
width: 920px;
text-align:center;
background-image:url(images/img_toll_free.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}

/* Content holder */
#contentbox {
margin: auto;
width: 926px;
height: 1550px;
background-image:url(images/bg_leftcontentbox.jpg);
background-repeat:repeat-x;
}
/* Content Part Left column */
#time {
	margin-top: 5px;
	margin-left: 5px;
	height: 20px;
	width: 237px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	position:absolute;
	overflow:hidden;
	z-index: 1;
	left: 20px;
	top: 90px;
}
#contentbox_left {
margin-top: 35px;
width: 248px;
height: 1590px;
float:left;
border-right: 1px solid #CCCCCC;
z-index: 0;
}

.menu_left { 
margin: auto;
margin-top: 15px;
width: 237px;
height: auto;
}
/*table .tblmenuleft1 { 
width: 237px;
border: 1px;
}
table .tblmenuleft1 th{ 
color: #3366CC;
font-size: 11px;
font-weight: bold;
height: 30px;
border-bottom: 1px solid #000000;
}
table .tblmenuleft1 td{ 
height: 25px;
border-bottom: 1px solid #000000;
color: #3366CC;
font-size: 11px;
font-weight: bold;
}
*/
/* Menu Left */
.menuleft { 
height: 25px;
color: #333333;
font-size: 13px;
border-bottom: 1px solid #EFEFEF;
vertical-align: middle;
background-position:left;
display: block;
padding-top: 3px;
}
.menuleft a{ 
height: 25px;
color: #333333;
font-size: 13px;
background-image:url(images/bullet1.gif);
background-repeat:no-repeat;
background-position:left;
text-decoration: none;
padding-left: 40px;
display: block;
padding-top: 3px;
font-weight: 550;
}
.menuleft a:hover{ 
height: 25px;
color: #333333;
font-size: 13px;
padding-left: 40px;
background-image:url(images/bullet111.gif);
background-repeat:no-repeat;
background-position:left;
text-decoration: none;
background-color: #F4F4F2;
display: block;
padding-top: 3px;
font-weight: bold;
}
.menubg { 
background-image: url(images/left_menu_h_bg.jpg);
background-repeat: repeat-y;
font-size: 18px;
color: #000000;
padding-left: 25px;
vertical-align: middle;
height: 30px;
}

#whitepapers ul
{
 list-style-type: square;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 20px;
}

#whitepapers ul li a
{
  margin:0px;
  font-size:11px;
  text-decoration: none;
  line-height : 18px;
  color: #666666;
  }

#whitepapers ul li a:hover
{
  margin:0px;
  font-size:11px;
  color: #e46142;
  text-decoration: underline;
  line-height :18px;
}
.articles ul
{
 list-style-type: square;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 20px;
}

.articles ul li a
{
  margin:0px;
  font-size:12px;
  text-decoration: none;
  line-height : 17px;
  color: #666666;
  }

.articles ul li a:hover
{
  margin:0px;
  font-size:12px;
  color: #e46142;
  text-decoration: underline;
  line-height :17px;
}

.bannertollfree { 
margin:auto;
margin-top: 10px;
height: 90px;
width: 230px;
background-image:url(images/img_banner_outsourcenow.gif);
background-repeat:no-repeat;
}

/* Content Part Right column */
#contentbox_right { 
width: 674px;
height: 1550px;
float: right;
background-image:url(images/bg_tgsi_banner.jpg);
background-repeat:no-repeat;
}
#contentright { 
margin: auto;
margin-top:150px;
width: 650px;
height: 1400px;
}
#contentright h1 { 
font-size: 20px;
color: #000000;
height: 30px;
border-bottom: 1px solid #cccccc;
}
#content_text{
width: 450px;
height: 450px; 
float: left;
}
#content_text p
{
 margin:0px;
 padding: 0px;
 font-weight:normal;
 font-size:12px;
 line-height: 18px;
}
#content_text strong
{
 font-weight: 600;
 }
.content_text p
{
 margin:0px;
 padding-top: 5px;
 font-weight:normal;
 font-size:12px;
 line-height: 18px;
}
.content_text h2
{
 margin:0px;
 padding:0px 0px 0px 0px;
 font-weight: bold;
 font-size:13px;
 color: #0866B8;
 line-height: 18px;
 border-bottom: 1px dashed #cccccc;
}
.content_text strong
{
 font-weight: 600;
 }
#form { 
width: 190px;
height: 440px;
float: right;
}
.formtexthead
{
 margin:0px;
 padding-left: 12px;
 padding-right: 3px;
 font-weight: normal;
 font-size:11px;
 line-height: 16px;
}
.formtext
{
 margin:0px;
 padding-left: 12px;
 padding-right: 3px;
 font-weight: bold;
 font-size:11px;
 line-height: 16px;
}
.formnote { 
font-weight: normal;
font-size: 9px;
color: #993300;
text-align:center;
line-height: 16px;
}
.bottom_boxleft { 
height: 200px;
width: 310px;
float: left;
}
.bottom_boxrgt { 
height: 200px;
width: 305px;
float: right;
}

.boxtop { 
padding: 5px;
height: 20px;
width: 100%;
border-top: 1px solid #666666;
border-bottom: 2px solid #666666;
font-size: 13px;
color: #e46142;
font-weight: bold;
vertical-align:middle;
}
.boxtop1 { 
height: 23px;
width: auto;
padding-left: 15px;
border-bottom: 2px solid #666666;
font-size: 15px;
color: #e46142;
font-weight: bold;
vertical-align:middle;
letter-spacing: 1px;
}
.boxbottom { 
padding: 5px;
height: 165px;
width: 100%;

}

a { 
color: #666666;
text-decoration: none;
}
a:hover { 
color: #666666;
text-decoration: underline;
}

.add1 { 
margin: auto;
height: 23px;
background-color: #EBEBEB;
width: 90%;
font-size: 13px;
font-weight: bold;
padding-top: 3px;
}
.addtxt { 
margin: auto;
width: 90%;
font-size: 12px;
line-height: 18px;
padding-left: 3px;
}
/* brochure */
.btitle { 
height: 30px;
border-bottom: 1px solid #999999;
font-size: 18px;
color: #333333;
}
.stitle { 
height: 25px;
border-bottom: 1px solid #999999;
font-size: 15px;
color: #333333;
font-weight: bold;
}
.lspace { 
padding: 3px;
background-color:#F8F8F8;
}
.wfont { 
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
height: 25px;
padding-top: 2px;
}