/******************************************************************************
 * Adsoft Direct stylesheet
 * Rules are for Standards Compliant browsers, special rules for 
 * Internet Explorer are found in file "all_ie.css"
 * 
 * Table of Contents for navigation:
 * _general
 *
 * _branding
 *
 * _navigation
 *
 * _flash
 *
 * _primary
 *
 * _secondary
 *
 * _footer
 ******************************************************************************/

/*-----------------------------------------------------------------------------
 *	SITE COLORS:
 *	
 *	body background:			#052147	
 *	#container bkgn:			#c1bdb5
 *	nav bkgn:					#6f6754
 *	nav hover:					#968b72
 *	#secondaryContent bkgn:		#e9e3dc
 *----------------------------------------------------------------------------*/

/* _general
------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	font-family:Arial, Helvetica, sans-serif;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear:after, .container:after 
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

html 
{ 
	/* Rule removes Page Shift by
	 * adding vertical scrollbars to every page */
	min-height: 100%; 
	margin-bottom: 1px; 
}

body
{
	background-color: #7DA7D9;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
	/* Unitless for proper inheritance */
	background-image: url(bodytile.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/* This is where you set your desired font size. The line-height 
   and vertical margins are automatically calculated from this. 
   
   You have to add an extra calculation here because of IE, so that 
   all users may resize text manually in their browsers.
   
   The top one is for IE: The percentage is of 16px (default IE text size)
   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
   The second value is what all other browsers see (the wanted font size). */
   
body          { font-size: 81.25%; }   /* IE */

h1,h2,h3,h4,h5,h6 { 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: black; 
	clear: both; 
	line-height: 1.2;
 }

h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }

p { margin: 0 0 1em; }

a
{
	text-decoration: underline;
	color: #004e92;
}

a:hover
{
	text-decoration: underline;
	color: #d72a18;
}

strong { font-weight: bold; }
em { font-style: italic; }

#wrapper
{
	width: 980px;
	background-color: white;
	margin: 0 auto;
}

#content
{
	margin-top: 1em;
}


/* _branding
------------------------------------------------------------------------------*/
#branding
{
	height: 95px;
	position: relative;
	background:#fff url(bg_header.gif) bottom center repeat-x;
	
}

#branding h1
{
	text-indent: -9000px;
	overflow: hidden;
}


#branding h1 a
{
	position: absolute;
	width: 219px;
	height: 75px;
	left: 23px;
	top: 12px;
	background-image: url(AdSoft-Logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}

#submenu
{
	position: absolute;
	z-index: 1001;
	top: 65px;
	right: 0;

}

#submenu li
{
	display: inline;
	padding: 0 7px 0 8px;
}
#submenu a { text-decoration: underline; }

#submenu li:first-child
{
	border-right: 1px solid #333;
}

/* Log in */
#login
{
	width: 707px;
	position: absolute;
	top: 0;
	right: 0;
	background-color: transparent;
	z-index: 1000;
}

#loginShell
{
	/* BUG: Can't use EMs for height, IE won't animate drop-down
	 * smoothly, must use pixels or other absolute measurement.
	 * It's a shame, too, because now layout breaks when type-size is increased. */
	height: 65px;
	background-image: url(loginShell_corner.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #c31925;
	color: white;
}

#logintab
{
	padding-left: 18px;
	background-image: url(logintab_corners_sprite.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:175px;
	background-color: #c31925;
	margin: 0 0 0 370px;
	float: left;
	display: inline;
}

#logintab span
{
	padding: 4px 18px 9px 0;
	background-image: url(logintab_corners_sprite.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	color: white;
	display: block;
	line-height: .5;
}

#loginShell h2
{
	font-size: .9em;
	color: white;
}

#loginShell ul, #loginShell ol
{
	font-size: .8em;
}

#loginShell a { color: white; }

#notmember
{
	width: 30%;
	float:left;
	display: inline;
	margin-left: 10px;
	margin-top: 2px;
}

#member
{	
	width: 65%;
	float: right;
	display: inline;
	margin-right: 10px;
	margin-top: 2px;
}

#member h2
{
	display: inline;
	float: left;
	margin-right: 8px;
}
#member li
{
	float: left;
	display: inline;
	margin-right: 8px;
}

#member label
{
	display: block;
}

#member input
{
	width: 135px;
	border: none;
	outline: none;
	font-size: 1em;
}

#submitbtn
{
	padding: 0;
	margin: 0;
	
	float: left;
	display: inline;
}
#member p#submitbtn input
{
	border: 1px solid white;
	background-color: #D72A18;
	color: white;
	width: auto;
	font-size: .8em;
}

/* _navigation
------------------------------------------------------------------------------*/
#nav
{
	width: 980px;
	height: 28px;
	position: relative;
	background-image: url(nav.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#nav li
{
	float: left;
	background-image: url(nav.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height:28px;
	z-index:99;
}

#nav li a
{
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	outline: 0;
	height: 28px;
	text-decoration: none;
}

li#solutions
{
	left: 0px;
	background-position: 0px 0px;
	width: 110px;
}

li#support
{
	left: 110px;
	background-position: -110px 0px;
	width: 122px;
}

li#customers
{
	left: 232px;
	background-position: -232px 0px;
	width: 126px;
}

li#partners
{
	left: 358px;
	background-position: -358px 0px;
	width: 115px;
}

li#news
{
	left: 473px;
	background-position: -473px 0px;
	width: 97px;
}

li#aboutus
{
	left: 570px;
	background-position: -570px 0px;
	width: 122px;
}

/* Over States */
li#solutions:hover, li#solutions.hover { background-position: 0px -28px; }
li#support:hover, li#support.hover { background-position: -110px -28px; }
li#customers:hover, li#customers.hover { background-position: -232px -28px; }
li#partners:hover, li#partners.hover { background-position: -358px -28px; }
li#news:hover, li#news.hover { background-position: -473px -28px; }
li#aboutus:hover, li#about.hover { background-position: -570px -28px; }




#nav li ul
{
	position: absolute;
	width: 15em;
	left: -999em;
	background-image: url(10x10transp90.png);
	background-color: transparent;
}

#nav li li
{
	float: none;
	display: block;
	background-image: none;
	height:28px;
	margin: 0 0;
}
#nav li li a
{
	position: static;
	text-indent: 0;
	font-size: 1em;
	line-height: 28px;
	overflow: inherit;
	color: black;
	padding: 0 .5em 0 1em;
	text-decoration: none;
	display:block;
	height:28px;
}
#nav li li a:hover
{
	background-color: #ef9a1e;
	color: white;
}


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

/*new home*/


/*welcome*/
#welcome{
	height:251px;
	widows:890px;
	background:#006fb9 url(bg_welcome.gif) top center repeat-x;
	color:#fff;
	line-height:19px;
	padding:0;
	margin:0;
}
.welcomeText{
	float:left;
	width:450px;
	padding:20px 0 0 30px;
}
.welcomeText h1{
	font-size:24px;
	margin:5px 0;
	padding:0;
	color:#FFFFFF;
}
.tour{
	margin:5px auto 0 auto !important;
	text-align:center
}


#contentmain
{
	margin-top:0;
	background-color:#eeeeee;
}

.solutionsHome{ 
	background:#fff url(bg_solutions.gif) bottom left no-repeat;
	width:469px;
	height:381px;
	position:relative;
	left:9px;
}
.solutionsHome p{ 
	padding:8px 30px;
	line-height:15px;
	font-size:12px;
	margin:0;
}
.solutionsHome ul{
	margin:0 0 0 79px;
	padding:0;
}
.solutionsHome ul li{ 
	background:url(listSolutions.gif) center left no-repeat;
	height:30px;
	width:150px;
	margin:0;
	padding:8px 0 0 30px;
	display:block;
	float:left;
}

.homeright01{ width:469px; float:right; }

.spotlight{
	width:469px;
	height:195px;
	background:#fff url(bg_spotlight.gif) bottom right no-repeat;
	clear:both;
	position:relative;
	left:-9px;
	top:4px;
	*top:0px;	
	padding:0 0 5px 0;
}

.spotlight .text{
	padding:5px 20px 0 20px;
	width:420px;
	height:100px;
	}
.spotlight .quote
{
	font-size: 14px;
	font-style: italic;
	text-align: right;
	margin:2px;
}

.learnmore{
	text-align:right;
	font-weight:bold;
	margin:5px 10px 8px 0;
	padding:0;
	display:block;
	
}

.learnmore img {vertical-align:middle}

.announcements{
	width:469px;
	height:181px;
	background:#fff url(bg_recent.gif) bottom center no-repeat;
	clear:both;
	position:relative;
	left:-9px;
	padding:0 0 0 0;

}
.announcements .text{
	padding:5px 20px 0 20px;
	width:420px;
	height:95px;
	line-height:18px;
	}


/* _flash
------------------------------------------------------------------------------*/
#flash
{
	float:right;
	width:490px;
	height:251px;
}

/* _primary
------------------------------------------------------------------------------*/
#home_page #primary
{
	width: 47%;
	float: left;
	display: inline;
	margin-left: 2%;
	margin-right: 0;
	background-color: #EEE;
	background-image: url(industrybkgn.jpg);
	background-repeat: no-repeat;
	background-position: 9px 73px;
	padding-bottom: 1em;
}

#home_page #primary h2
{
	background-image: url(industryhead.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #004e92;
	padding: .2em .6em;
	color: white;
	margin-bottom: 1em;
}




#home_page #primary ul
{
	padding-left: 188px;
	font-size: 1.1em;
}

#primary ul { list-style-type: disc; padding-left: 3em;}
#primary ol { list-style-type: decimal; padding-left: 3em; }

#primary li
{
	margin-bottom: .3em;
}

#primary .learnmore
{
	padding-left: 188px;
}
#primary .learnmore a
{
	font-size: 1.2em;
	color: black;
	text-decoration: underline;
	font-weight: bold;
}
#primary .learnmore a:hover
{
	color: #d72a18;
	background-position: right bottom;

}

#primary .learnmore img { vertical-align: text-bottom; }

/* standard sub-pages */
#primary
{
	width: 75%;
	margin-right: 3%;
	float: right;
	display: inline;
}

#primary dl
{
	margin: 1em 0;
	border: 1px #004e92 solid;
}

#primary dt
{
	background-image: url(industryhead.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #004e92;
	padding: .2em .6em;
	color: white;
	margin-bottom: 1em;
	font-size: 1em;
}

#primary dd
{
	margin-left: 150px;
	margin-bottom: 1em;
	margin-right: 1%;
}

#primary dd.logo img
{
	/* Hack: Because of 3-px jog in ie6,
	 * the image is floated and not the dd */
	width: 135px; 
	height: auto;
	float: left;
	display: inline;
	margin-left: -145px;
	margin-right: 0;
}

#primary table
{
	border-collapse: collapse;
	width: 100%;
	background-color: #eee;
	margin: 1em 0;
}

#primary thead th
{
	line-height: 1em;
	font-weight: bold;
	background-color: #004E92;
	color: white;
	vertical-align: bottom;
	background-image: url(industryhead.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#primary thead tr th strong
{
	font-size: 1.1em;
	text-transform: uppercase;
}

#primary td, tbody th
{
	vertical-align: top;
}
#primary tbody th
{
	text-align: left;
	color: #00275d;
}

#primary th, #primary td
{
	padding: 5px 3px;
	border-right: 1px solid white;
}

#primary .odd { background-color: #fafafa; }

#primary a { text-decoration: underline; }

#partners_page #primary,
#support_page #primary
{
	float: none;
	margin: 0 auto;
	display: block;
}

#news_page #primary h3, #press_page #primary h3
{
	margin-bottom: 1em;
}

#news_page .date
{
	font-style: italic;
	margin-bottom: 0;
}

.article h4
{
	color: #004E92;
}

.article h3
{
	color: #004E92;
}

.article h2
{
	color: #004E92;
}

.summary { font-style: italic; }
.reader
{
	font-style: italic;
	font-weight: bold;
	cursor: pointer;
	color: red;
	text-decoration: underline;
	margin-top: -1em;
}

.hilite
{
	background-color: #f6f6f6;
}

/* About Us pages */
#bios h3, #bios h4, #bios p 
{
	padding-left: 160px;
	clear: none;
}

#bios h3, #advisoryTeam_page #bios h3:first-child

{
	border-top: 1px solid #eee;
	padding-top: 1em;
	clear: both;
}

#bios h4

{
	color: #004E92;
}



#bios img
{
	float: left;
	margin-left: -120px;
	*margin-left: 20px;
	margin-top: 0;
	margin-bottom: 1em;
	background-color: white;
	border: 1px solid #eee;
	padding: 4px;
}

#advisoryTeam_page #bios *
{
	padding-left: 0;
}



/* _secondary
------------------------------------------------------------------------------*/
#home_page #secondary
{
	width: 47%;
	float: right;
	display: inline;
	margin-right: 2%;
	color: #333;
	margin-left: 0;
	background-color: white;
	background-image: none;
}

#home_page #secondary .box a { text-decoration: underline; }
#home_page #secondary .box
{
	padding: 0 0 .5em;
	margin-bottom: 1em;
	/*
	border-width: 0 1px 1px 1px;
	border-color: #EEE;
	border-style: solid;
	*/
	background-color: #eee;
}

#home_page #secondary .spotlight
{
	background-image: url(spotlight.jpg);
	background-repeat: no-repeat;
	background-position: 30px bottom;
}

#home_page #secondary h2 
{
	background-image: url(industryhead.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: .2em .6em;
	color: white;
	margin-bottom: 1em;
	font-size: 1.2em;
}






#home_page #secondary .quote
{
	font-size: 1em;
	font-style: italic;
	text-align: right;
}

#home_page #secondary .box .learnmore { text-align: right; }

#home_page #secondary .box .learnmore a
{
	color: #333;
	font-size: 1em;
	font-weight: bold;
	text-decoration: underline;
}

#home_page #secondary .box .learnmore a:hover
{
	color: #d72a18;
	background-position: right bottom;
}

#home_page #secondary .box .learnmore img { vertical-align: text-bottom; }

/* secondary is used as navigation on sub-pages */
#secondary
{
	width: 18%;
	margin-left: 1%;
	float: left;
	display: inline;
	background-color: #EEE;
	background-image: url(subnav_leftCorner.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#secondary h2
{
	background-image: url(industryhead.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #004e92;
	padding: .2em .6em;
	color: white;
	margin-bottom: 1em;
	font-size: 1.1em;
}

#secondary ul
{
	padding: 0 0 1em 1em;
	background-image: url(subnav_rightCorner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#secondary li
{
	padding: 0 1em;
	background-image: url(bullet_blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	margin-bottom: .3em;
}

/* You-are-her indicators for sub-nav */
#customer_profiles_page #customerProfiles_sub,
#case_studies_page #caseStudies_sub,
#white_papers_page #whitePapers_sub,
#news_page #newsPages_sub,
#press_page #pressReleases_sub,
#about_page #aboutOverview_sub,
#managementTeam_page #managementTeam_sub,
#directors_page #directors_sub,
#advisoryTeam_page #advisoryTeam_sub,
#smallbusAndPers_page #smallbusAndPers_sub,
#enterprises_page #enterprises_sub,
#franchises_page #franchises_sub,
#industrySolutions_page #industrySolutions_sub,
#marketing_page #marketing_sub
{
	background-image: url(bullet_red.gif);
}

#customer_profiles_page #customerProfiles_sub a,
#case_studies_page #caseStudies_sub a,
#white_papers_page #whitePapers_sub a,
#news_page #newsPages_sub a,
#press_page #pressReleases_sub a,
#about_page #aboutOverview_sub a,
#managementTeam_page #managementTeam_sub a,
#directors_page #directors_sub a,
#advisoryTeam_page #advisoryTeam_sub a,
#smallbusAndPers_page #smallbusAndPers_sub a,
#enterprises_page #enterprises_sub a,
#franchises_page #franchises_sub a,
#industrySolutions_page #industrySolutions_sub a,
#marketing_page #marketing_sub a
{
	cursor: default;
	color: black;
	text-decoration: none;
}


/* Partners page */
#partners_page #secondary,
#support_page #secondary 
{ display: none; }



/* _footer
------------------------------------------------------------------------------*/
#footer
{
	clear: both;
	text-align: center;
	font-size: .9em;
	padding-bottom: .5em;
	padding-top:2em
}


@media all 
{
	/* HACK: Because Safari floats image to the left
	 * AND floats it to the top of the H3, it's necessary
	 * to hide the negative margin. If an @import rule is
	 * inside an @media rule, all rules in side -- and after --
	 * the @media are ignored. 
	 * http://www.stuffandnonsense.co.uk/archives/hide_css_from_safari.html */
	@import(style.css);
	#bios img { margin-top: -1em; }
}