/*------------------------------------------------------
Style Sheet for ( Teleproviders )

version:	1.0
author:		Justin Tucker
email:		justin@net-scope.com
website:	http://www.net-scope.com

------------------------------------------------------*/

/* =Resets
------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,blockquote,th,td 
{margin:0; padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var 
{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a { outline: none; text-decoration: none; }

/* =base (site wide styles)
------------------------------------------------------*/
body {
/* 	font: 12px "Trebuchet MS", sans-serif; */
	font: 12px Arial, Verdana, Helvetica,sans-serif;
	background: #fff repeat-x top left;
}


#header,#content,#presentation,#clients,#footer { width: 100%; }

.box,#main,#client-list {
	width: 955px;
	margin: 0 auto;
	position: relative;
}

.floatleft {float: left; padding-right:10px;}
.floatright {float: right;}
.clear {clear: both;}
.center {text-align: center;}


/* =Header
------------------------------------------------------*/
#header { background: #fff; }


#header .box {
	height: 68px;
	background: url(../images/top_shadow.gif) bottom center no-repeat;
}

h1{
	width:240px;
	height:60px;
	background:url(../images/tp_logo.gif) no-repeat;
}
h1 a:link, h1 a:hover, h1 a:visited, h1 a:active{
	display: block;
	width:240px;
	height:60px;
	text-indent: -10000px;
}


/* =Main Nav
------------------------------------------------------*/
ul#main-nav {
	position: absolute;
	top:0;
	right: 0;
	height: 68px;
	overflow: hidden;
}

ul#main-nav li{ display: inline;}

ul#main-nav li a { 
	display: block; 
	text-indent: -10000px;
	float: left;
	background-position: top left;
	background-repeat: no-repeat;
	height: 61px;
	margin-right: 20px;
}

#home a { background: url(../images/nav_home.gif); width: 33px; }
#about a { background: url(../images/nav_about.gif); width: 35px; }
#news a { background: url(../images/nav_news.gif); width: 30px; }
#solutions a { background: url(../images/nav_solutions.gif); width: 57px; }
#contact a { background: url(../images/nav_contact.gif); width: 51px; }
#login a { background: url(../images/nav_login.gif); width: 34px; }
ul#main-nav li a:hover, 
#home.selected a,
#about.selected a,
#news.selected a,
#solutions.selected a,
#contact.selected a,
#login.selected a { background-position: bottom left; }


/* =Secondary Nav
------------------------------------------------------*/

#subnav dd{ float: left; }

#subnav ul{
	width: 264px;
	margin-top: 80px;
}

#subnav ul li a{
	display: block;
	background: url(../images/subnav_background.jpg) top left no-repeat;
	width: 237px;
	height: 22px;
	padding: 5px 0 0 27px;
	margin-bottom: 3px;
	color:#6ba2d9;
}

#subnav ul li a:hover, 
#history.sub-selected a,
#team.sub-selected a,
#accolades.sub-selected a,
#process.sub-selected a,
#partners.sub-selected a

{
	background-position: bottom left;
}

#subnav img{
	vertical-align: top;
}

/* =Main Content
------------------------------------------------------*/
#content { overflow: auto; }
#presentation {
	background: #f4f4f4 url(../images/interior_background_tile.jpg) top left repeat-x;
/* 	overflow: hidden; */
}

.homeflash .box { height: 313px !important; overflow: hidden; }


.fbox { width:652px;height:304px;}

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

#main { 
	width:100%; 
	overflow: auto;
	background: #414141; 
	padding: 10px 0 15px 0;
	color:#afb1c0;
}
#main h3 { font-size: 22px; color: #d8d9d9; margin-bottom: 10px; }

#main #what-we-do { width: 360px; padding-top:15px; float: left;}
#main #what-we-do p{ line-height: 18px; }

#main #featured { width: 260px;padding: 5px 20px 0 15px; float: left;};


#inc5000{
	padding:3px;
}

#inc5000 dl {
	background: #4b4b4b;
	padding-bottom: 2px;
}

#inc5000 dt { padding: 3px 0; text-align: center; } 

#inc5000 dd{ 
	color:#dcdcde;
	padding: 7px;
	margin: 2px 8px;
	width: 200px;
	background-color:#434343;
}

#inc5000 span{
	color:#afb1c0;
	font-size:10px;
	display: block;
}


#inc5000 #inc-link {
	text-align: right;
}

#inc5000 a { margin: auto !important; display: inline !important; }

#main #featured h3 { padding-left: 15px; }
#main #featured div{
	border-left: 1px solid #595959;
	border-right: 1px solid #595959;
	padding: 0px 15px;
	width: 230px;
}

#main #featured p{
	font-size: 10px;
	background: #595959;
	padding: 10px;
	line-height: 12px;
}

#main #featured a,#sidebar-featured a{ 
	color:#afb1c0; 
	display: block;
	margin-left: 160px;	
}

#main #need-help {
	text-align: center; 
	background: url(../images/help_grid.gif) top left no-repeat;
	width: 266px;
	height: 122px;
	padding-top: 60px;
	margin-top: 10px;
	color: #fff;
	float: left;
}

#body-needhelp {
	padding: 25px 0 12px 0 !important;

}

#main #need-help h3 {
	margin-bottom: 0px !important;
	font-size: 26px;
	color: #6ba2d9;
	line-height: 24px;
}
#main #need-help span,#sidebar-needhelp span, #body-needhelp span {
	font-size: 28px;
	clear: both;
	font-style: normal !important;
}
#orange-header h3{
	/*color:#fd9800;*/
	color:#6ba2d9;
	border-bottom:dotted; border-color:#fff; border-width:1px; 
	font-size: 18px;
	margin-bottom: 3px !important;
}

#clients { background: #eee; border-bottom: 1px solid #e2e2e2;}
#client-list { margin: 0 auto; overflow: auto;}
#client-list dt { display:none; }
#client-list dd { float: left; padding: 0px 5px;}

.solutions .box{
	background: url(../images/interior_background.jpg) top left no-repeat;
	height: 304px;
}

#columns {
	margin-top: 20px; 
	padding: 10px;
	border-top: 1px #5d5d5d solid;
	border-left: 1px #5d5d5d solid;
	overflow: auto;
}
#sidebar,#main-content{ float: left; }  

#sidebar{ width: 266px; }
#main-content{ width: 610px; padding: 20px; }

#main-content h5{
	/*color:#fd9800;*/
	color:#6ba2d9;
	font-size: 18px;
	border-bottom:dotted; border-color:#fff; border-width:1px; 
	margin-bottom: 10px !important;
}
#main-content p{padding-bottom:10px;}

#sidebar-needhelp, #body-needhelp {
	background: url(../images/help_grid.gif) top left no-repeat;
	width: 266px;
	height: 88px;
	padding-top: 10px;
	text-align: center !important;
	float: left;
	margin-bottom: 10px;
}

#sidebar-needhelp h3,#body-needhelp h3 {
	margin-bottom: 0px !important;
	font-size: 26px;
	color: #6ba2d9;
	line-height: 24px;
}

#sidebar-featured h3{ margin-left: 10px; }

#sidebar-featured p{
	font-size: 10px;
	background: #595959;
	padding: 10px;
	line-height: 12px;
	width: 224px;
	margin-left: 10px;
}

#solutions-list dd {
	float: left;
	width: 266px;
	padding: 0 35px 0 0;
	overflow: auto;
}

#sidebar-featured h3,#solutions-list h3{
	/*color: #fd9800;*/
	color:#6ba2d9;
	font-size: 18px;
	margin-bottom: 3px !important;
}

#solutions-list p{
	margin-bottom: 10px;
	line-height: 14px;
}

.news-headlines {
    color:#FFF;
	font-weight:bold;
	
}

.partners img{ 
	float:left; 
	padding: 0 10px 30px 0;
}

.partners p{
	clear: both;
	margin-bottom: 5px;
	overflow: auto;
}

.partners strong {
	color: #6BA2D9;
	display: block;
	font-size: 16px;
	margin-bottom: 5px;
}


/* contact form */

#contact-intro { font-weight: bold; }
#contact-intro a{ color: #7d8095; }
#contact-intro a:hover{ text-decoration: underline; }

form {
	margin: 15px 0;
	overflow: auto;
	background: #353535;
	width: 540px;
	padding: 15px 15px 0px 15px;
}

form p { width: 270px; float: left; }

form label{
	display: block;
	width: 110px;
	margin-bottom: 4px;
}

form input{
	margin-bottom: 10px;
	padding: 3px;
	width: 200px;
}

form textarea{ 
	padding: 3px; 
	width: 250px; 
	height: 130px; 
	font: 12px Tahoma,Arial, Verdana, Helvetica,sans-serif;
}

form #submit{ 
	width: 100%;
	padding-top: 10px;
	clear: both; 
	border-top: 1px solid #333;
}

form #submit input { width: 70px !important; }

iframe { margin-top: 20px; }




/* =Footer
------------------------------------------------------*/
#footer{
	text-align: center;
	clear:both;
	font-size: 11px;
	color: #414141;
	padding-top: 10px;
	margin-bottom: 30px;
}

#footer a{ color: #414141; }