/*

Theme Name: Infopia Marketing

Theme URI: http://infopia.com/

Description: Custom design for Infopia.

Version: 1.0

Author: Twenty6 Red

Author URI: http://twenty6red.com/

Tags: 

	This theme was designed and built by Twenty6 Red, LLC.



*/

/* CSS Document */

body

{	background: url('images/header-bkgd.gif') top repeat-x;

	text-align: center;

	margin: 0px;

	padding: 0px auto;

	font-family : Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

}

.hidden

{	display: none;

}

div.container

{	width: 950px;

	text-align: left;

	margin: 0px auto;

}

div.clear

{	clear: both;

}

div.overflow

{	

	overflow: auto;

	width: auto;

	overflow-y: hidden;

}

a

{	text-decoration: none;

	color: #990000;

        border: none;

}

a:hover

{ 	text-decoration: underline;

	color: #cc0000;

}



a:active

{       outline: none;

        color: #cc0000;}



img

{	border: none;}

img.in-p-r

{	float: right;

	margin: 0px 0px 10px 10px;}



h1.page-title

{	font-family: Georgia, "Times New Roman", Times, serif;

	color: #666666;

	font-size: 2.3em;

	margin: 0px;

	font-weight: normal;
        border: none;

}

.supertitle

{	text-transform: uppercase;

	color: #999999;

}



/* Header Styles */

.logo

{	display: block;

	float: left;

	height: 55px;

	width: 236px;

	background: url('images/logo.gif');

}

div.nav

{	width: 699px;

	height: 24px;

	float: right;

	margin-top: 16px;

	position: relative;

	z-index: 10;

}



.nav ul, .clear#subnav ul, .footer ul

{	list-style: none;

	margin: 0px;

	padding: 0px;

}



.clear#subnav ul

{      height: 26px; }



.nav li, .clear#subnav li, .footer li

{	position: relative;

	float: left;

}

.nav a

{	display: block;

	height: 24px;

}

#home:hover, #platform:hover, #services:hover, #customers:hover, #support:hover, #partners:hover, #resources:hover, #about-us:hover, #login:hover, #product:hover

{	background-position: 0px -24px;

}

#home

{	background: url('images/nav-home.png');

	width: 60px;

}

#product

{	background: url('images/nav-product.png');

	width: 82px;

}

#platform

{	background: url('images/nav-platform.png');

	width: 82px;

}

#services

{	background: url('images/nav-services.png');

	width: 71px;

}

#customers

{	background: url('images/nav-customers.png');

	width:88px;

}

#support

{	background: url('images/nav-support.png');

	width: 74px;

}

#partners

{	background: url('images/nav-partners.png');

	width: 80px;

}

#resources

{	background: url('images/nav-resources.png');

	width: 86px;

}

#about-us

{	background: url('images/nav-about-us.png');

	width: 83px;

}

#login

{	background: url('images/nav-login.png');

	width: 75px;

}

.nav li ul

{	position: absolute; 

	top: 24px;

	left: 0px;

	display: none;

	border: 1px #999 solid;

	border-top: none;

	border-bottom: none;

	width: auto;

}

.nav li ul li

{	display: block;

	padding: 0px;

	margin: 0px;

	width: auto;

}

.nav li:hover ul

{	display: block;

}

.nav li ul li a

{	

	text-decoration: none;

	height: auto;

	color: #666666;

	width: 100px;

	padding: 5px;

	background: #FFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;

	border-bottom: 1px #999 solid;

}

.nav li#wide ul li a

{	width: 200px;}

.nav li ul li a:hover

{	background: #EEE;

	color: #990000;

}

/* Sub-Nav Styles */

#redbar

{	height: 4px;

	background: #b30501;

	clear: both;

}

#subnav li

{	padding: 0px;

	height: 26px; 

	background: url('images/subnav-separator.gif') bottom right no-repeat;

}

#subnav li a

{	font-family: Arial, Helvetica, sans-serif;

	font-size: .9em;

	color: #999999;

	text-decoration: none;

	display: block;

	height: 16px;

	padding: 6px 12px 4px 12px;

}

#subnav li a:hover

{	color: #cc0000;}

#subnav li a#onpage

{	color: #990000;

	background: url('images/subnav-indicator.gif') bottom center no-repeat;

}

/* Mainbody Styles */

#mainbody-container-r

{	padding: 15px 0px 15px 15px;}

#mainbody-container-l

{	padding: 15px 0px;

	float: left;

	min-height: 625px;

	width: 650px;}

#mainbody-container-m

{	padding: 15px 0px;

	float: left;

	min-height: 625px;

	width: 515px;}

#mainbody-container-m-wide

{	padding: 15px 0px;

	float: left;

	min-height: 625px;

	width: 600px;}

.h-divider

{	height: 2px;

	background: url('images/h-divider.gif') center repeat-y;

	margin: 10px 0px;

}

div.mod1

{	text-align: left;

	width: 360px;

	float: left;

}



/* Sidebar Styles */

div.l-sidebar

{	background: url('images/grad-sep.gif') right repeat-y;

	margin: 15px 0px;

	float: left;

}

div.l-sidebar-bottomcap

{	background: url('images/grad-sep-cap-bottom.gif') right no-repeat;

	height: 14px;

}

div.l-container

{	padding-right: 15px;

	background: url('images/grad-sep-cap-top.gif') top right no-repeat;

}

     /* identified l-container widths must be width of assoc identified l-sidebar minus 15px */

div.l-sidebar#l-home

{	width: 240px;}

 

         

.l-container#homeside

{	width: 225px;} /* 225 is 15 less than 240 set as width of #l-home */



div.r-sidebar

{	background: url('images/grad-sep-right.gif') left repeat-y;

	margin: 15px 0px;

	float: right;

}

div.r-sidebar-bottom-cap

{	background: url('images/grad-sep-r-cap-bottom.gif') left no-repeat;

	height: 14px;

}

div.r-container

{	padding-left: 15px;

	background: url('images/grad-sep-r-cap-top.gif') top left no-repeat;

}

div.r-sidebar#r-home

{	width: 320px;

	margin: 0px;

}

         

.r-container#mod

{	width: 305px;}

#home-feature

{	background: url('images/buyer.jpg') bottom no-repeat;

	margin-bottom: 5px;

	padding: 10px 10px 160px 10px;

}

h2.tagline

{	font-family: "Century Gothic", Arial, Helvetica, sans-serif;

	font-size: 2.2em;

	color: #cc0000;

	font-weight: normal;

	margin: 0px;

}

a.text-button

{	display: block;

	padding: 1px 10px 7px 10px;

	margin: auto;

	background: #cc0000 url('images/text-button-bkgd.gif') repeat-x;

	height: 11px;

	color: #FFFFFF;

	width: auto;

}

a.text-button:hover

{	text-decoration: none;

	background-position: 0px -19px;

}



form.search

{	position: relative;

	top: 0px;

	left: 0px;

	height: 29px;

	width: 221px;

}

input#search

{	border: none;

	padding: 6px 12px;

	background: url('images/search-bkgd.gif') no-repeat;

	width: 165px;

	position: absolute;

	top: 0px;

	left: 0px;

}

#searchsubmit

{	position: absolute;

	top: 0px;

	left: 189px;

}

div.r-sidebar#r

{	width: 240px;

}

         

.r-container#r-container

{	width: 225px;

	padding-left: 0px;}

	

div.offset-left

{	padding-left: 15px;

	width: 225px;}

div#side-grade-separator

{	height: 1px;

	width: 100%;

	clear: both;

	background: url('images/sidebar-grad-separator.gif') repeat-y;

	margin: 10px 0px;

}

a.more-news span.static-textlink#hook

{	 font-family: Georgia, 'Times New Roman', Times, serif; 

	 text-align: left; 

	 font-size: 1.5em;

	 text-decoration: none;

}

a#text-link

{	font-size: .9em;

	margin: 10px 0px;

	border: none;

}

a#text-link:hover

{	text-decoration: none;

}

.dyn-textlink

{	color: #666666;

	text-decoration: none;

}



.dyn-textlink:hover

{	text-decoration: underline;

}

/* Sub-content Sidebar Menu */

div.l-sidebar#sub-content-menu

{	width: 135px;

	margin-right: 30px;

	text-align: right;

	

}


div.l-sidebar#sub-content-menu-narrow

{	width: 50px;

	margin-right: 30px;

	text-align: right;

	

}         

.l-container#sub-content

{	width: 120px;

	min-height: 300px;}

.l-container#sub-content-narrow

{	width: 35px;

	min-height: 300px;}
	

ul.sub-sub-menu, li.pagenav ul

{	list-style: none;

	margin: 0px;

	padding: 0px;

	font-size: .9em;}

ul.sub-sub-menu li, li.page_item

{	margin: 10px 6px;

	text-align: right;}


ul.sub-sub-menu li a, li.page_item a

{	color: #999999;}

ul.sub-sub-menu li a:hover, li.page_item a:hover

{	color: #cc0000;

	text-decoration: none;

}

li#small-date
{     font-size: .8em;
      margin-left: 0px; }

/* News Module Styles */

div.feed-listing

{	font-size: .9em;
    


	overflow: auto;

	font-family: Arial, Helvetica, sans-serif;

	margin: 8px 0px;
    
       color: #CCCCCC;

}

.hr

{	border-bottom: 1px solid #DDD;

	padding: 0px;

	margin: 0px;

	overflow: auto;

}




.feed-listing a, .feed-listing a:link, .feed-listing a:visited

{   float: right;

	clear: none;

	width: 70%;

	display: block;

        border: none;
        outline: none;

}



.more-news

{	padding: 3px;

	background: #EEE;

	border-bottom: 1px solid #CCC;

	overflow: auto;

	clear: both;

	display: block;

}

.more-news a

{	text-transform: uppercase;

	color: #666666;

	font-size: .8em;

	display: block;

	float: right;


}

.more-news a:hover

{	color: #333333;

}

.more-news#newsletter

{	border: none;

	color: #990000;

	font-size: .93em;

	text-align: center;

}

.more-news#newsletter a

{ 	color: #666666;

	text-transform: none;

	display: inline;

	float: none;

	font-size: 1em;

}

.more-news#small-news
{      font-size: .8em; }


/* Footer Styles */

.footer

{	

	background: url('images/footer-bkgd.png') center top no-repeat;

	color: #999999;

	font-size: .8em;

	font-family: Arial, Helvetica, sans-serif;
	
	overflow: auto;

}



.footer a

{	display: block;

	color: #888;

	font: .9em;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold; 

	text-decoration: none;

	padding: 10px;

	vertical-align: middle;

	background: url('images/footer-separator.gif') left no-repeat;

}

.footer a:hover

{	text-decoration: underline;

}

.footer ul.social

{	float: right;

}

ul.social a

{ 	padding: 10px 15px 10px 30px;

}

a.twitter

{	background: url('images/twitter.jpg') left no-repeat;

}

a.facebook

{	background: url('images/facebook.jpg') left no-repeat;

}

a.blog

{	background: url('images/blog.jpg') left no-repeat;

}



blockquote

{      background: url('images/blockquote-bkgd.gif') top no-repeat;

       width: 420px;

       margin: 0px auto;

       font-family: Georgia, Times New Roman, serif;

       color: #999;

       padding: 1px 15px;

       text-align: center;

       font-size: 1.1em;

}



ul li.current_page_item a { color: #333; }


div.mite-titles {font-size: 16px; font-weight: bold; vertical-align: middle; position: absolute; color: #999999;}

td.main-sec-head {background: #990000; color: #FFFFFF; font-family: Georgia, 'Times New Roman', Times, serif;}
td.sub-sec-head {background: #CCCCCC;}
td.datum {border-bottom: 1px dotted #CCCCCC;}