/*
	tvnetco.com screen styles
	
	designer: Thomas Michaud 
	website: http://www.ivfx.com

	Table of Contents:
		layout
		typography
		clearing floats
		link styles
		classes
*/

/* LAYOUT
----------------------------------------------- */
html { overflow: scroll;}
html, body{margin:0;padding:0
	}
	*html, *body{margin:0;padding:0
		}
body{
	color: #444;
	text-align:center;
	background:#2a3844 url(../images/footer-bg.jpg) repeat-y 50% 0;
	font-family: "lucida grande", "lucida sans", arial, helvetica, sans-serif;;
}

#header{
	height:80px;
	background:#2e4f6e url(../images/body-top.gif) repeat-x;
	margin:0;
	border-bottom: 2px solid #336899;
	text-align: left;
}


#header div{
	position: relative;
	width: 760px;
	\width: 780px; /* for other IE versions */
	w\idth: 760px;
	margin: 0 auto;
	padding: 0 15px;
}

.login {
	margin: 0; padding: 10px 7px 0 0 ;
	float: right;
	font-size: 70%;
}
*html .login {
	font-size: 90%
}

#info{
	background: #2a3844 url(../images/info-bg.jpg)repeat-y 50% 0;
	margin: 0; padding: 0;
	height: 200px;
}
#navigation{
	width: 760px;
	\width: 780px; /* for other IE versions */
	w\idth: 760px;
	margin: 0 auto;
	padding: 0;
	background: #2e4e6b;
}

.display {
	width: 533px;
	\width: 553px;
	w\idth: 533px;
	height: 200px;
	margin: 0;padding: 0;
	float: left;
}


	.navbar{
		list-style: none;
		float: right;
		background: url('/images/nav-top.png') repeat-x top left;
		width: 225px;
		\width: 245px;
		w\idth: 225px;
		margin:0; padding:0;
	}


	
	.navbar li{
	list-style-type:none;
	margin:0; 
	padding: 0;
	text-align: left;
	text-indent: 45px;
	font: normal 90% arial, verdana, helvetica, sans-serif ;
	}

	.navbar li a{
		
	line-height:2.75em;
	text-indent: -5000px;
	text-decoration:none;
	}


	#secondaryNav{
		height:24px;
		background:#336899;
		margin:0;
		padding: 0;
		text-align:left;
	}
	#secondaryNav div{
		position: relative;
		width: 760px;
		\width: 780px; /* for other IE versions */
		w\idth: 760px;
		margin: 0 auto;
		padding: 0 15px;
	}
	
	.secondNavbar{
		display: block;
		\width: 780px; /* for other IE versions */
		w\idth: 760px;
		margin:0;
		padding:0;
		list-style: none;
	}


	.secondNavbar li{
		padding: 2px 15px;
		margin-bottom: 0;
		float:left;
		/*background: url('/images/bullets/bullet-nav-sep.gif') no-repeat  0 50%;*/
	}
	.secondNavbar li a{
		font-size: 100%;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		display: block;
		padding: 0;
		text-decoration:none;
		color:#FFF;
	}
	.secondNavbar li a:hover{
		color:#a2ccdf;
	}

#wrapper{
	margin:0 auto;
	padding: 0;
	text-align:left;
	background-color:#FFF;
}


#container{
	width:760px;
	\width: 780px; /* for other IE versions */
	w\idth: 760px;
	margin: 0 auto;
	padding: 10px 0 25px 0;
	text-align: left;
	background:#FFF url('/images/container-bg.jpg') repeat-y top right;
}
#containerWide{
	width:760px;
	\width: 780px; /* for other IE versions */
	w\idth: 760px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#content{
	float: left;
	width: 510px;
	\width: 530px; /* for other IE versions */
	w\idth: 510px;
	margin:0 4px .63em 0;
}
#content div{
	margin-left: 4px;
}
	#contentWide{
		width: 760px;
		\width: 780px; /* for other IE versions */
		w\idth: 760px;
		margin: 0 auto;
		padding: 10px 0 25px 0;
		text-align: left;
		background:#FFF url('/images/containerWide-bg.jpg') repeat-y top left;
	}
	#contentWide div{
		margin-left: 4px;
	}
#sidebar{
	float: right;
	width: 240px;
	\width: 260px; /* for other IE versions */
	w\idth: 240px;
}


#footer{
color: #fff;
}

#footerContent{
	
	margin: 0 auto;
	width: 760px;
	\width: 780px; /* for other IE versions */
	w\idth: 760px;
	text-align: left;
}
#footer li{
	margin-bottom: 5px;
}
#footer li a{
	padding-left: 20px;
	line-height: 1.25em;
}


.fcol1{
	float: left;
	width: 170px;
	margin:0 35px;
}
.fcol2{
	float: left;
	width: 170px;
	margin:0 35px;
}
.fcol3{
	float: left;
	width: 170px;
	margin:0 35px;
}
#support address {
	margin-bottom: 15px;
}

/* CLEARING FLOATS
----------------------------------------------- */
#nav:after, #containerIndex:after,
#container:after,
#header:after,
#info:after,
#contentIndex p:after,
#content p:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

	/* clearing floats for ie */
	* #nav:after, 
	* html #containerIndex,
	* html #container,
	* html #header,
	* html #info,
	* html #contentIndex p.page,
	* html #content p.page
 				{
		height: 1%;
		}
		
		
/* TYPOGRAPHY
----------------------------------------------- */
body {
	font-size: .9em;
}
* html body{
	font-size: x-small; /* for IE5/WIN */
	f\ont-size: small; /* for other IE versions */
}
h1{
	font-size: 130%;
}
#header h1 {	
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -5000px;
	}
	
#container h2, #contentWide h2{
	clear: both;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 130%;
	font-family: Georgia, "New Times Roman", Times, serif;
	font-weight: normal;
	color: #2a3844;
	border-bottom: 1px solid #2a3844;
	line-height: 1em;
}
/* IE font-weight/size hack

*html #container h2, #contentWide h2{
	font-size: 130%;
}
*/
#container h3, #contentWide h3{
	color: #cc6633;
	font-size:110%;
	font-family: "lucida grande", "lucida sans", arial, verdana, sans-serif;
	font-variant: small-caps;
	font-weight: normal;
	margin:15px 0 0 0; padding:0;
	border-bottom: 1px solid #cc6633;
}
	#container #sidebar h3{
		width: 200px;
		padding-top: 14px;
		margin-bottom: -10px;
	}
#container h4, #contentWide h4{
	font-size:100%;
	font-family:"lucida grande", "lucida sans", arial, verdana, sans-serif;
	font-variant: small-caps;
	margin:10px 0 0 0; padding:0;
	color: #892b29;
	font-weight: normal;
}
#footer h4{
	font-size:100%;
	font-family: Georgia, "Times New Roman", Times;
	font-variant: small-caps;
	margin:10px 0 0 0; padding:2px 0;
	color: #FFF;
	font-weight: normal;
	font-style: normal;
	border-top: 1px solid #5880a4;
	border-bottom: 1px solid #5880a4;
	text-align: center;
}
#wrapper p, #footer{
	line-height:1.5em;
	font-size: 90%;
	margin-right: 10px;
}


#content ul, #content ol, #sidebar ul {
	list-style: none;
	margin-left: 10px;
	padding-left: 1em;
	}
	
ul li, ol li{
	font-size:90%;
	line-height:1.5em;
	list-style:none;
}
ul.steps li {
	list-style-type: disc;
	padding: 5px 18px 5px 5px;
	line-height: 1.4em;
	font-size: 85%;
}
.steps ol li{
	font-size:90%;
	line-height:1.5em;
	list-style-type: decimal;
	padding-left: 10px;
	
}

.steps ul li{
	font-size:90%;
	line-height:1.5em;
	list-style-type: decimal;
	padding-left: 10px;
	
}

ul ul li{
	line-height:1.75em;
	list-style:none;
	padding-left: 10px;
}	


/* LINK STYLES
----------------------------------------------- */
#header h1 {
	display: block;
	margin:0;
	width: 760px;
	height: 50px;
	background: url('/images/logo2.gif') no-repeat top left;
	}


.login a:link{
	color:#77a0ae;
	text-decoration: none;
}
.login a:visited{
	color:#77a0ae;
	text-decoration: none;
}
.login a:hover{
	color:#fff;
	text-decoration: none;
}
.login a:active{
	color:#77a0ae;
	text-decoration: none;
}



/* ------------------ NAVIGATION ITEMS ------------------ */
#home .navbar #NavHome,
#solutions .navbar #NavSol,
#about .navbar #NavAbout,
#clients .navbar #NavClients
 {
	background-position: 0 -50px;
	background-color: #336899;
	color: #F1EED4;
	margin:0; padding:0;
	color:#a2ccdf;
}

#home .navbar #NavHome a,
#home .navbar #NavHome a:link,
#home .navbar #NavHome a:hover,
#home .navbar #NavHome a:active,
#solutions .navbar #NavSol a,
#solutions .navbar #NavSol a:link,
#solutions .navbar #NavSol a:hover,
#solutions .navbar #NavSol a:active,
#about .navbar #NavAbout a,
#about .navbar #NavAbout a:link,
#about .navbar #NavAbout a:hover,
#about .navbar #NavAbout a:active,
#clients .navbar #NavClients a,
#clients .navbar #NavClients a:link,
#clients .navbar #NavClients a:hover,
#clients .navbar #NavClients a:active
{
	background-position: 0 -50px;
	background-color: #336899;
	color: #F1EED4;
	margin:0; padding:0;
	color:#a2ccdf;
}

.philosophy .secondNavbar #NavPhil,
.process .secondNavbar #NavProcess,
.suitcasediaries .secondNavbar #NavEzine,
.partner .secondNavbar #NavPartner,
.contact .secondNavbar #NavContact,
.overview .secondNavbar #NavOverview,
.testimonials .secondNavbar #NavTestimonials,
.support .secondNavbar #NavSupport,
.services .secondNavbar #NavServices,
.media .secondNavbar #NavMedia,
.network .secondNavbar #NavNetwork,
.clientlogin .secondNavbar #NavLogin,
.clienthome .secondNavbar #NavClientHome,
.ad_submit .secondNavbar #NavAd_Submit,
.request_change .secondNavbar #NavRequest_Change,
.approve_review .secondNavbar #NavApprove_Review,
.change_login .secondNavbar #NavChange_Login,
.media_content .secondNavbar #NavMedia_Content,
.blog .secondNavbar #NavBlog

{
	font-weight: bold;
	background: url('/images/bullets/bullet-nav-active.gif') no-repeat  0 50%;
}

.packages .sideItemA #NavPackage,
.samples .sideItemA #NavMediaGeneral,
.samples2 .sideItemA #NavMediaDining,
.samples3 .sideItemA #NavMediaHotels,
.samples4 .sideItemA #NavMediaTravel,
.marketing .sideItemA #NavMarketing,
.integration .sideItemA #NavIntegration,
.membership .sideItemA #NavMembership,
.benefits .sideItemA #NavBenefits

{
	font-weight: bold;
	background: url('/images/rule-nav-sidebar.gif') no-repeat  0 bottom;
}

.membership #sidebar .sideItemA li#NavMembership a:hover,
.membership #sidebar .sideItemA li#NavMembership a,
.integration #sidebar .sideItemA li#NavIntegration a:hover,
.integration #sidebar .sideItemA li#NavIntegration a,
.packages #sidebar .sideItemA li#NavPackage a:hover,
.packages #sidebar .sideItemA li#NavPackage a,
.marketing #sidebar .sideItemA li#NavMarketing a:hover,
.marketing #sidebar .sideItemA li#NavMarketing a,
.benefits #sidebar .sideItemA li#NavBenefits a:hover,
.benefits #sidebar .sideItemA li#NavBenefits a,
.samples #sidebar .sideItemA li#NavMediaGeneral a:hover,
.samples #sidebar .sideItemA li#NavMediaGeneral a,
.samples2 #sidebar .sideItemA li#NavMediaDining a:hover,
.samples2 #sidebar .sideItemA li#NavMediaDining a,
.samples3 #sidebar .sideItemA li#NavMediaHotels a:hover,
.samples3 #sidebar .sideItemA li#NavMediaHotels a,
.samples4 #sidebar .sideItemA li#NavMediaTravel a:hover,
.samples4 #sidebar .sideItemA li#NavMediaTravel a
{
	background: url('/images/bullets/footer-list-hover.gif') no-repeat 0 25%;
}


/* ------------------ EZINE Side Nav -------- */


.suitcasediaries .sideItemA #NavEzine_suitcasediaries,
.riddle .sideItemA #NavEzine_riddle,
.readersvoice .sideItemA #NavEzine_readersvoice,
.travelerquiz .sideItemA #NavEzine_travelerquiz,
.lunchinmontova .sideItemA #NavEzine_lunchinmontova,
.thedannaburger .sideItemA #NavEzine_thedannaburger,
.originofpizza .sideItemA #NavEzine_originofpizza,
.bigzipcode .sideItemA #NavEzine_bigzipcode,
.openmindtravel .sideItemA #NavEzine_openmindtravel,
.imaginationrealized .sideItemA #NavEzine_imaginationrealized,
.thelake .sideItemA #NavEzine_thelake,
.bookatlakebottom .sideItemA #NavEzine_bookatlakebottom,
.awordfromus .sideItemA #NavEzine_awordfromus
{
	font-weight: bold;
	background: url('/images/rule-nav-sidebar.gif') no-repeat  0 bottom;
}

.suitcasediaries #sidebar .sideItemA li#NavEzine_suitcasediaries a:hover,
.suitcasediaries #sidebar .sideItemA li#NavEzine_suitcasediaries a,
.riddle #sidebar .sideItemA li#NavEzine_riddle a:hover,
.riddle #sidebar .sideItemA li#NavEzine_riddle a,
.readersvoice #sidebar .sideItemA li#NavEzine_readersvoice a:hover,
.readersvoice #sidebar .sideItemA li#NavEzine_readersvoice a,
.travelerquiz #sidebar .sideItemA li#NavEzine_travelerquiz a:hover,
.travelerquiz #sidebar .sideItemA li#NavEzine_travelerquiz a,
.lunchinmontova #sidebar .sideItemA li#NavEzine_lunchinmontova a:hover,
.lunchinmontova #sidebar .sideItemA li#NavEzine_lunchinmontova a,
.thedannaburger #sidebar .sideItemA li#NavEzine_thedannaburger a:hover,
.thedannaburger #sidebar .sideItemA li#NavEzine_thedannaburger a,
.originofpizza #sidebar .sideItemA li#NavEzine_originofpizza a:hover,
.originofpizza #sidebar .sideItemA li#NavEzine_originofpizza a,
.bigzipcode #sidebar .sideItemA li#NavEzine_bigzipcode a:hover,
.bigzipcode #sidebar .sideItemA li#NavEzine_bigzipcode a,
.openmindtravel #sidebar .sideItemA li#NavEzine_openmindtravel a:hover,
.openmindtravel #sidebar .sideItemA li#NavEzine_openmindtravel a,
.imaginationrealized #sidebar .sideItemA li#NavEzine_imaginationrealized a:hover,
.imaginationrealized #sidebar .sideItemA li#NavEzine_imaginationrealized a,
.thelake #sidebar .sideItemA li#NavEzine_thelake a:hover,
.thelake #sidebar .sideItemA li#NavEzine_thelake a,
.bookatlakebottom #sidebar .sideItemA li#NavEzine_bookatlakebottom a:hover,
.bookatlakebottom #sidebar .sideItemA li#NavEzine_bookatlakebottom a,
.awordfromus #sidebar .sideItemA li#NavEzine_awordfromus a:hover,
.awordfromus #sidebar .sideItemA li#NavEzine_awordfromus a
{
	background: url('/images/bullets/footer-list-hover.gif') no-repeat 0 25%;
	}

/* ----- HIDING of feature image 




/* ------------------ HOME ------------------ */
#NavHome a:link, #NavHome a:active, #NavHome a:visited{
padding:0; margin:0;
width:225px;
height:50px;
color: #FFF;
background:#2e4e6b url('/images/nav-home.jpg') 0 0 no-repeat;
display:block;
}

#NavHome a:hover {background-position: 0 -50px;
background-color: #336899;
color: #F1EED4;
margin:0; padding:0;
color:#a2ccdf;
}

/* ------------------ SOLUTIONS  ------------------ */
#NavSol a:link, #NavSol a:active, #NavSol a:visited{
padding:0; margin:0;
width:225px;
height:50px;
color: #FFF;
background:#2e4e6b url('/images/nav-solutions.jpg') 0 0 no-repeat;
display:block;
}

#NavSol a:hover {
background-position: 0 -50px;
background-color: #336899;
color: #a2ccdf;
margin:0; padding:0;
}

/* ------------------ ABOUT ------------------ */
#NavAbout a:link,
#NavAbout a:active,
#NavAbout a:visited{
padding:0; margin:0;
width:225px;
height:50px;
color: #FFF;
background:#2e4e6b url('/images/nav-about.jpg') 0 0 no-repeat;
display:block;
}

#NavAbout a:hover {background-position: 0 -50px;
background-color: #336899;
color: #a2ccdf;
margin:0; padding:0;
}

/* ------------------ CLIENTS ------------------ */
#NavClients a:link, #NavClients a:active, #NavClients a:visited{
padding:0; margin:0;
width:225px;
height:50px;
color: #FFF;
background:#2e4e6b url('/images/nav-clients.jpg') 0 0 no-repeat;
display:block;
}

#NavClients a:hover {background-position: 0 -50px;
background-color: #336899;
color: #a2ccdf;
margin:0; padding:0;
}


/* ------------------ FOOTER LINK STYLES ------------------ */
#footer li a:link{
	background: url(/images/bullets/footer-list.gif) no-repeat 0 25%;
	color:#a2ccdf;
	text-decoration:underline;
}
#footer li a:visited{
	background: url(/images/bullets/footer-list-check.gif) no-repeat 0 25%;
	color:#77a0ae;
	text-decoration:underline;
}
#footer li a:hover{
	background: url(/images/bullets/footer-list-hover.gif) no-repeat 0 25%;
	color:#FFF;
	text-decoration:none;
}

#footer li a:active{
	background: url(/images/bullets/footer-list.gif) no-repeat 0 25%;
	color:#a2ccdf;
	text-decoration:underline;
}	

#wrapper a:link, #sidebar a:link{
	color:#006699;
	text-decoration:none;
}
#wrapper a:visited{
	color:#006699;
	text-decoration:none;
}
#sidebar a:visited{
	color:#006699;
	text-decoration:none;
}
#wrapper ul ul li a, #sidebar li a {
	padding-left: 15px;
}
#wrapper ul ul li a:link,
#wrapper ul ul li a:active,
#sidebar li a:link,
#sidebar li a:active{
	color:#006699;
	background: url(/images/bullets/footer-list.gif) no-repeat 0 25%;
	text-decoration:none;
}
#wrapper ul ul li a:visited,
#sidebar li a:visited{
	color:#006699;
	background: url(/images/bullets/footer-list.gif) no-repeat 0 25%;
	text-decoration:none;
}
#wrapper ul ul li.checkable a:visited,
#sidebar li.checkable a:visited{
	background: url(/images/bullets/footer-list-check.gif) no-repeat 0 25%;
}
#wrapper ul ul li a:hover,
#sidebar li a:hover{
	color:#006699;
	background: url(/images/bullets/footer-list-hover.gif) no-repeat 0 25%;
	text-decoration:none;
}
		
#wrapper a:hover, #sidebar a:hover{
	color:#006699;
	text-decoration:none;
}
#wrapper a:active, #sidebar a:active{
	color:#336899;
	text-decoration:none;
}
	
/* CLASSES
----------------------------------------------- */

.alignRight{
	float:right;
}
.alignLeft{
	float:left;
}
.center{
	text-align:center;
}
.clear{
	clear:both;
}
.textRight{
	text-align:right;
}
.special{
	font: bold  1.25em/1em "Lucida Sans", "Lucida Grande", arial, sans-serif;
	font-weight:bold;
	color:#329d96;
}
.emphasis{
	font-weight:bold;
	font-style: italic;
}
	
.cite{
	font-size: 80%;
	text-align: right;
	line-height: 1em;
	color: #a2ccdf;
}	
blockquote{
	font-family: georgia, "times new roman", times, sans;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	font-size: 90%;
	line-height: 1.25em;
	margin: 0; padding: 4px;
	color: #666;
}
#footer blockquote{
	padding-top: 8px;
	color: #5e95cf;
}

/* IMAGES
----------------------------------------------- */

a img{border:none; margin: 0; padding: 0;}
#wrapper img.centered {
	display: block;
	margin:auto;
	padding:0;
	}
img.alignRight {
	padding: 0;
	margin: 0 ;
	display: inline;
	}
img.alignLeft {
	padding: 0;
	margin: 0;
	display: inline;
	}
#wrapper img.alignLeft{
	padding-right: 10px;
}
#wrapper img.alignRight{
	padding-left: 10px;
}
img.thumb {
	padding: 0 20px 12px 0px;
}
#wrapper p.testimonialCredit {
	font-size: 65%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	text-align: right;
	text-transform: uppercase;
	padding-right: 10px;
}
div.testimonials {
	padding: 0 25px;
	border-bottom: 1px solid #336997;
}
div.last {
	padding: 0 25px;
	border-bottom: none;
}


/* Login Messages */
.loginmessage { margin: 6px 6px 6px 0px; display:block;}


.clienthome #info, 
.change_login #info, 
.blog #info, 
.media_content #info,
.approve_review #info, 
.request_change #info, 
.ad_submit #info { display: none; visibility: hidden;}

td.green {font-color: green;}

div.logged_bar {width: 600px;}