/*
*************************************************
Transglobal Services LLC

Author:		Scott Beatty, sbeatty@northpointdesign.com
Updated:	January 9th, 2009
Notes:		None

*************************************************
*/

* {
   margin: 0;
   padding: 0;
}

body{
   background: #0E187A url(../images/bg_body.jpg) top repeat-x;
   font-size: 62.5%;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
   text-align: center;
}

hr{
   display: none;
}

#skip{
   position: absolute;
   text-indent: -9999px;
   list-style: none;
}

*+html #skip{
   position: static;
   height: 0;
}

#container{
	background: url(../images/bg_container.jpg) no-repeat center 167px;
}

a{
   overflow: hidden;
}

/* =Header
---------------------------------------------------------------------
*/

#header{
   width: 1050px;
   height: 168px;
   margin:0 auto;
   background: url(../images/bg_header.jpg) no-repeat top center;
}

#header h1{
   float: left;
   display: inline;
   width: 410px;
   height: 129px;
   margin-left: 108px;
}

#header h1 a{
   display: block;
   width: 410px;
   height: 129px;
   text-indent: -9999px;
}

#header #h2-container{
   float: right;
   display: inline;
   width: 424px;
   height: 129px;
   margin-right: 108px;
}

#header #h2-container h2{
	color: #666666;
	font-size: 2em;
	margin-top: 55px;
}

/* =Navigation
---------------------------------------------------------------------
*/

#nav{
   clear: both;
   float: left;
   display: inline;
   width: 834px;
   height: 39px;
   margin: 0 108px;
   background: url(../images/bg_nav.jpg);
   list-style: none;
}

#nav li{
   float: left;
   list-style: none;
}

#nav li:hover, #nav li.hover {   
    position: static;   
}

#nav li a{
   display: block;
   height: 39px;
   text-decoration: none;
   text-indent: -9999px;
   background: url(../images/bg_nav_li.png) no-repeat;
}

#nav #nav_home a {background-position:0 top; width:91px;}
	#nav #nav_home a:hover {background-position:0 bottom;}
		#nav #nav_home.current a {background-position:0 bottom;}

#nav #nav_about a {background-position:-91px top; width:116px;}
	#nav #nav_about a:hover {background-position:-91px bottom;}
		#nav #nav_about.current a {background-position:-91px bottom;}
		
#nav #nav_services a {background-position:-207px top; width:178px;}
	#nav #nav_services a:hover {background-position:-207px bottom;}
		#nav #nav_services.current a {background-position:-207px bottom;}						

#nav #nav_careers a {background-position:-385px top; width:109px;}
	#nav #nav_careers a:hover {background-position:-385px bottom;}
		#nav #nav_careers.current a {background-position:-385px bottom;}

#nav #nav_contact a {background-position:-494px top; width:130px;}
	#nav #nav_contact a:hover {background-position:-494px bottom;}
		#nav #nav_contact.current a {background-position:-494px bottom;}

#nav #nav_privacy a {background-position:-624px top; width:154px;}
	#nav #nav_privacy a:hover {background-position:-624px bottom;}
		#nav #nav_privacy.current a {background-position:-624px bottom;}
						
#nav li ul{
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 175px;
   list-style: none;
   line-height: 1;
}

#nav li li{
   font-size: 1.2em;
}

#nav li ul ul{
   margin: -25px 0 0 175px;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul{
   left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{
   left: auto;
}

#nav li li a{
   width: 167px;
   background: none;
   background: #D2D2D2;
   height: auto;
   text-align:left;
   text-transform:none;
   font-size: 12px;
   display: block;
   color: #009FC5;
   padding: 8px 4px;
   text-decoration: none;
   text-indent: 0;
   border-bottom: 1px solid #FFFFFF;
   line-height: 1.2em;
} 

#nav li li a:hover {
	background: #067CA5;
	color: #FFB246;
}

/* =Container-Inner
---------------------------------------------------------------------
*/

#container-inner {
   width: 1050px;
   margin: 0 auto;
   text-align: left;
}


/* =Content-Container-Wrap
---------------------------------------------------------------------
*/

#content-container{
   clear: left;
   float: left;
   display: inline;
   width: 870px;
   margin: 0 90px;
   background: url(../images/bg_content_container.jpg) no-repeat;
}

#content-wrap{
   float: left;
   display: inline;
   width: 834px;
   margin: 0 18px;
   background: #FFFFFF;
}

/* =Content
---------------------------------------------------------------------
*/

#content{
   float: left;
   display: inline;
   width: 834px;
}

body#home #content{
   float: left;
   display: inline;
   width: 830px;
   padding: 2px;
}

body#contact #content{
	background: url(../images/bg_logo_wm.jpg) no-repeat center 50px;
}

body#home #flash {
	width: 830px;
	height: 350px;
	background: #1A7298;
	margin-bottom: 10px;
}

body#home #flash img{
   float: none;
   margin: 0;
   background: none;
   padding: 0;
   border: 0;
}

#content h3{
   font-size: 2em;
   color: #002542;
   margin-bottom: .5em;
}

#content h4{
   font-size: 1.7em;
   color: #0083D7;
   margin-bottom: .5em;
}

#content h5{
   font-size: 1.5em;
   color: #0083D7;
   margin-bottom: .5em;
}

#content h6{
   font-size: 1.3em;
   color: #0083D7;
   margin-bottom: .5em;
}

#content #text {
	padding: 10px;
}

#content p,
#content ul,
#content ol{
   margin-bottom: 1em;
   color: #333;
   font-size: 1.3em;
   line-height: 1.5;

}

#content p {
	text-align: justify;
}

body#contact #content p{
	margin-top: 170px;
	text-align: center;
	font-size: 1.8em;
}

#content ul,
#content ol{
   margin-left: 3em;
}


#content ul#byline{
   margin-bottom: 10px;
   font-size: 1.1em;
   list-style: none;
}

#content img{
   float: left;
   margin: 0 10px 10px 0;
   background: #DDDDDD;
   padding: 4px;
   border: 1px solid #999999;
}

#content a {
   color: #0083D7;
}

#content a:hover {
	text-decoration: none;
} 

.services {
	float: left;
	width: 390px;
	margin: 0 10px 10px 0;
	background: #F8F8F8;
	border: 1px solid #CCCCCC;
}

.services:hover {
	background: #FFFFFF;
}

.services p {
	padding: 10px;
	margin-bottom: 0;
}

p.more {
	clear: left;
}

#content #bottom_photos {
	text-align:center;
}

#content #bottom_photos img {
	float: none;
	margin: 0 20px 10px 20px;
}
   
/* =Footer
---------------------------------------------------------------------
*/

#footer {
   clear: both;
   width: 834px;
   margin: 0 108px;
   background: url(../images/bg_footer.png) no-repeat;
}

#footer a {
	color: #009FC5;
}

#footer a:hover {
	text-decoration: none;
}

#footer p{
   font-size: 1.1em;
   text-align: right;
   padding: 10px 20px;
   color: #666666;
}

#footer p.footer-links {
	padding: 30px 10px 20px 10px;
	color: #FFFFFF;
	font-size: 1.2em;
	text-align: center;
}

#footer p.footer-contact {
	padding: 0 10px 10px 10px;
	color: #FFFFFF;
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 200px;
}