/* CSS Document 
PROJECT: DIGALOG / AVL NORTH AMERICA
COMPANY: AVL NORTH AMERICA
AUTHOR: ROSS JOHNSON
PARENT COMPANY: 3.7 DESIGNS
FILE DESCRIPTION: MAIN CSS FILE


*/

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

	U N I V E R S A L - S E L E C T O R S 
	
**********************************************/

html, body { margin: 0; padding: 0; background: url(../images/stretch-bg.gif) top center no-repeat; line-height: 1.65em; font-family: Helvetica, Arial, sans-serif; }

h1, h2, h3, h4, h5, h6, p, ul { margin-top: 10px; margin-bottom: 10px; }
 
h4 { font-size: 16px; font-family: "Arial Narrow" , Arial, Helvetica, San-Serif; letter-spacing: .05em; } 
 
#pagewidth { width: 960px; margin: 0 auto 0 auto; background: url(../images/main-bg.jpg) no-repeat; }

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

			  M A I N - A R E A S
	
**********************************************/

#header { height: 357px;  }

#footer { background: url(../images/footer.gif) repeat-x; height: 42px; color: #FFFFFF; padding: 10px 0 0 0; font-size: 14px; text-align: center; clear: both;}
#footer a { color: #ffffff; }

#content { clear: both; margin-bottom: 30px; font-size: 12px;}

#cright { float: right; width: 350px; }
#cleft { float: left; width: 610px; }

.fr { float: right; margin-left: 15px; }

#flashwrap { padding: 5px 0 0 0; float: left; width: 675px;}

#leftcol { width: 660px; float: left; }
.left_column { width: 660px;  }

.left_column2 { width: 515px; float: left; padding-right: 15px;}
.right_column2 { width: 200px; float: left; padding-left: 15px; border-left: 1px solid #969f9e; margin-top: 60px;}
.right_column2 h4 { margin-top: 0; }

#navtop { height: 76px; }

ul.icons { list-style: none; margin: 0; padding: 0; }
ul.icons li { display: inline; margin-right: 10px; }
ul.icons a img { border: 1px solid #969f9e; background: #ffffff; padding: 1px; }

.nobullets { list-style: none; margin-left: 0; padding-left: 0; margin-top: 0; }


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

			 T Y P O G R A P H Y
	
**********************************************/

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

			 	L I N K S
	
**********************************************/

#skipto { position: absolute; top: -100px; }

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

			 N A V I G A T I O N
	
**********************************************/

#search { list-style: none; text-transform: uppercase; font-size: 75%; float: right; margin: 0; padding: 12px 45px 0 0; }

#search li { display: inline; margin: 0; padding: 0;}


#contact_info { font-weight: bold; text-transform: uppercase; position: absolute; right: 50%; margin-right: -435px; top: 70px;  font-size: 75%; width: 220px; line-height: 1.5em;}

#navigation { margin: 0; padding: 0; list-style: none; float: left; }
#navigation li { float: left; padding: 0 0 0 0;}
#navigation li a { display: block; text-indent: -999999px; overflow: hidden; height: 76px; }

#navigation li ul { background: url(../images/TopNavigation/shadow.png) right top no-repeat; margin-top: -33px;}

#navigation li ul li a { text-indent: 0; overflow: auto; height: auto; padding: 5px 0 5px; 0; text-align: center; color: #000000; text-decoration: none; border-bottom: 1px solid #D1D1D1; font-size: 75%; }

#navigation li ul li a:hover { background: #000000; color: #ffffff; }

#menu li ul li a { font-weight: 100; width: 9em; padding: 3px; background: #45617E; text-align: center; margin: 1px 0 1px 0; font-size: 13px; }

#navigation li ul li { background: #ffffff; }
.lmenuitem { height: 35px !important; }

#menu li ul li { font-weight: bold; color: #FF9900; text-align: center; width: 9 em; border-bottom: 1px solid #AEBBC7; width: 8.4em; !important;}

#navigation li ul {
	position: absolute;
	width: 8.6em; z-index: 4;
	left: -999em;
	
}

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

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

#navigation, #navigation ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}


#company { background: url(../images/TopNavigation/company.gif); width: 110px; }
#company a { width: 110px; }
#company:hover, #company.sfhover { background: url(../images/TopNavigation/company.gif) -110px; }

.c_width li a, .c_width li { width: 109px !important; }
.c_width { width: 124px !important; }

#home { background:url(../images/TopNavigation/home.gif); width: 75px;  }
#home a { width: 75px; }
#home:hover, #home.sfhover { background: url(../images/TopNavigation/home.gif) -75px 0; }

#products { background: url(../images/TopNavigation/products.gif); width: 119px; }
#products a { width: 119px; }
#products:hover, #products.sfhover { background: url(../images/TopNavigation/products.gif) -119px; }

.pr_width li a, .pr_width li { width: 119px !important; }
.pr_width { width: 134px !important; }

#applications { background: url(../images/TopNavigation/applications.gif); width: 146px; }
#applications a { width: 146px; }
#applications:hover, #applications.sfhover { background: url(../images/TopNavigation/applications.gif) -146px 0; }

.ap_width li a, .ap_width li { width: 146px !important; }
.ap_width { width: 161px !important; }

#support { background: url(../images/TopNavigation/support.gif); width: 109px; }
#support a { width: 109px; }
#support:hover, #support.sfhover { background: url(../images/TopNavigation/support.gif) -109px; }

.sp_width li a, .sp_width li { width: 109px !important; }
.sp_width { width: 124px !important; }

#service { background: url(../images/TopNavigation/services.gif); width: 126px; }
#service a { width: 126px; }
#service:hover, #service.sfhover { background: url(../images/TopNavigation/services.gif) -126px 0; }

.sv_width li a, .sv_width li { width: 126px !important; }
.sv_width { width: 141px !important; }


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

	I M A G E - R E P L A C E M E N T S
	
**********************************************/

#homeheading {
background: url(../images/front-headline.gif); width: 716px; height: 27px;
margin: 80px auto 0 auto; text-indent: -999999px; overflow: hidden; clear: both; } 

#topcontact { position: absolute; right: 50%; margin-right: -340px; top: 65px; font-size: 75%; line-height: 1.3em; }


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

	B O X E S
	
**********************************************/

#Threeboxes { background: url(../images/boxes/ThreeBox.jpg); width: 321px; height: 258px; text-indent: -999999px; overflow: hidden; position: absolute; top: 165px; left: 50%; margin-left: -310px;}
#boxes { position: absolute; top: 203px; left: 50%; margin-left: -310px; }
#pocketlogo { position: absolute; top: 105px; right: 50%; margin-right: -375px; }

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

	P O P U P - I N F O R M A T I O N
	
**********************************************/

.right_column { width: 236px; padding-right: 30px; float: right; margin: 140px 0 40px 0;  }

#popupinformation {
font-size: 12px; line-height: 1.2em;
}

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

	N E W S & I N F O R M A T I O N
	
**********************************************/

#news { margin-top: 40px; }

#news_headline { background: url(../images/latest-digialog-news.gif); margin: 0; width: 155px; height: 12px; text-indent: -999999px; overflow: hidden; }

#news_list { font-size: 12px; margin: 15px 0 0 0; padding: 0; list-style: none;}

#news_list dt { text-transform: uppercase; font-weight: bold; margin: 0; line-height: 1.1em;}
#news_list dd { margin: 0 0 10px 0; padding: 0; line-height: 1.2em; }

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

			L I N K S
			
*********************************************/

a { color: #336cdc; }
a:hover { color: #3877f3; text-decoration: none; }

#popupinformation { height: 75px; overflow: auto; list-style: none; margin: 15px 0; padding: 0;}

#popupinformation li { display: none; }

#popupinformation li.visible { display: block !important; }

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

			B R E A D - C R U M B S 
			
*********************************************/

#breadcrumbs { list-style: none; margin: 0px 5px 0  0; padding: 0; font-size: 11px; color: #FFFFFF; clear: both; float: right; }
#breadcrumbs li { display: inline; }
#breadcrumbs a { color: #fff !important; }
#breadcrumbs a:hover { text-decoration: none; }

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

			LISTS
			
*********************************************/

.domtabs { margin: 0; padding: 0 0 0 0; list-style: none;  }
.domtabs a { color: #000000; } .domtabs a:hover { color: #333333; }
.domtabs li.active a { color: #333333; text-decoration: none;}
.clear { clear: both; }

#blowupcontent { width: 300px; float: right; line-height: 1.2em; }
#blowupcontent p { margin-top: 5px 0 0 0; }
#blowupcontent h3 { margin: 0; }

#blowupcontent a img { border: 1px solid #666666; }
#blowupcontent a:hover img { border: 1px solid #999999; }

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

			FORMS
			
*********************************************/

#register { list-style: none; margin: 0; padding: 0; width: 350px; }
#register li { clear: left; margin: 10px 0 10px 0;}
#register label { float: left; }
#register input { float: right; }
#register span { color: #003089; font-weight: bold; }
.magic { position: absolute; top: -999999px; }


.showpopup { background: url(../images/comingsoon.png); width: 485px; height: 145px; position: absolute; top: 300px; left: 50%; margin-left: -242px; text-indent: -99999px; overflow: hidden; }

dl dd { margin-left: 0; padding-left: 0; }

dl dt { margin-top: 15px; }

#news_list li { line-height: 1.3em; }

.rss-items { font-size: 11px; line-height: 1.3em; list-style: none; margin-left: 0; padding-left: 0;}