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,
b, u, i, center,
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-size: 				100%;
	vertical-align:			baseline;
	background: 			transparent;
}
* {
	font-family: 			Arial, Helvetica, Geneva, sans-serif;
}

html {
	font-size: 				50%; /* Part one of 1em = 10px */
}

body {

	
	font-size: 				125%; /* Part two of 1em = 10px */
	
	/*part 1 of centering hack*/
	text-align: 			center;	
	
	background:				#cccccc url(/Atmel/img/interface/bg_body.jpg) repeat-x left top;
}

 /* Global Link Settings
--------------------------------*/
a {
	text-decoration:		none;
	color:					#2b96d6;
}

a:hover, 
a:active {
	text-decoration:		underline;
}




 /* Good to have global classes
--------------------------------*/
.floatright {
	float: 					right;
}
.floatleft {
	float: 					left;
}
* html .floatright,
* html .floatleft {
	display:				inline; /*to avoid IE double margin bug*/
}
.alignright {
	text-align:				right;
}
.half {
	width:					48%;
}
.hide {
	display:				none;
}
.nobg {
	background:				none !important;
}
.noborder {
	border:					0 !important;
}
.nomargin {
	margin:					0 !important; 
}



 /* MAIN CONTAINER
--------------------------------------------------------------------*/
#wrapper {
	width: 					909px;
	
	/*part 2 of centering hack*/
	text-align: 			left;
	margin: 				0 auto;
	padding:				0 7px;
	
	background-color:		#ffffff;
}


#wrapper1 {
width: 					909px;
	margin: 				0 auto;
	padding:				0;
	
	background-color:		#ffffff;
	}

 /* HEADER
--------------------------------------------------------------------*/
#header {
	position:				relative;
	height:					89px;
	border-bottom:			1px solid #e8e8e8;
	z-index:				100;

}

#header_landingpage {
	position:				relative;
	height:					15px;
	border-bottom:			1px solid #e8e8e8;
	z-index:				100;
}

#header #logo {
	position:				absolute;
	left:					10px;
	top:					14px;
}

#header #search {
	position:				absolute;
	right:					0;
	top:					11px;
}
#header #search input {
	float:					left;
}

#header #search input.type_text {
	font-size:				1.1em;
	width:					130px;
	color:					#c0c0c0;
	padding:				1px 5px 0 5px;
	margin:					0 4px 2px 0;
}

#header #search input.type_submit {
	width:					26px;
	height:					17px;
	overflow:				hidden;
	border:					0;
	text-indent:			-9999px;
	line-height:			9999px;
	cursor:					pointer;
	background:				transparent url(/Atmel/img/interface/btn_submit.gif) no-repeat left top;
}
#header #search input.type_submit:hover {
	background-position:	left -17px;
}
#header #search p {
	clear:					both;
	text-align:				right;
}

 /* Main Nav Setup
--------------------------------*/

#header #mainnav {
	list-style-type:		none;
	position:				absolute;
	right:					11px;
	top:					60px;
	height:					28px;
}

#header #mainnav li {
	float:					left;
	height:					34px;
	position:				relative;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif, Arial, Verdana;
	font-size: 1.1em;

}
#header #mainnav li a {
	float:					left;
	height:					28px;
	border-top:				1px solid #e8e8e8;
	border-right:			1px solid #e8e8e8;
	border-bottom:			1px solid #e8e8e8;
	text-indent:			-9999px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif, Arial, Verdana;
	font-size: 1.1em;
}
#header #mainnav li a:hover,
#header #mainnav li:hover a {
	background-color:		#f3f3f3 !important;
}
#header #mainnav li.products a {
	width:					91px;
	border-left:			1px solid #e8e8e8;
	background:				transparent url(/Atmel/img/interface/mainnav_new.gif) no-repeat 0 0;
}
#header #mainnav li.corporate a {
	width:					98px;
	background:				transparent url(/Atmel/img/interface/mainnav_new.gif) no-repeat -92px 0;
}
#header #mainnav li.investors a {
	width:					93px;
	background:				transparent url(/Atmel/img/interface/mainnav_new.gif) no-repeat -191px 0;
}
#header #mainnav li.quality a {
	width:					82px;
	background:				transparent url(/Atmel/img/interface/mainnav_new.gif) no-repeat -280px 0;
}
#header #mainnav li.pressroom a {
	width:					109px;
	background:				transparent url(/Atmel/img/interface/mainnav_new.gif) no-repeat -366px 0;
}
#header #mainnav li.careers a {
	width:					88px;
	background:				transparent url(/Atmel/img/interface/mainnav_new.gif) no-repeat -470px 0;
}
#header #mainnav li.contactus a {
	width:					99px;
	background:				transparent url(/Atmel/img/interface/mainnav_new.gif) no-repeat -565px 0;
}
#header #mainnav li.contactus:hover div.dropdown {margin-left:-1px;}
#header #mainnav li.corporate:hover div.dropdown {margin-left:-1px;}
#header #mainnav li.investors:hover div.dropdown {margin-left:-1px;}
#header #mainnav li.quality:hover div.dropdown {margin-left:-1px;}
#header #mainnav li.pressroom:hover div.dropdown {margin-left:0px;}
#header #mainnav li.careers:hover div.dropdown {width:194px; margin-left:-1px;}

#header #mainnav li div.dropdown { 
	position:				absolute;
	top:					34px;
	top:-9999px;
	border:					3px solid #e8e8e8;
	background-color:		#fff;
}
#header #mainnav li div.dropdown {
	width:					208px;
}
#header #mainnav li div.dropdown ul {padding: 10px 0;}


#header #mainnav li:hover div.dropdown {
	left:					0;
	top: 30px;
}

#header #mainnav li div.dropdown li div.dropdown {
	top:auto !important; 
	left:-9999px;  
	margin-top:-30px;
	*margin-top:-16px !important;
	_margin-top:-16px !important;
}
#header #mainnav div.dropdown li:hover div.dropdown {left: 208px;}

#header #mainnav div.dropdown div.content {
	background:				transparent url(/Atmel/img/interface/bg_navdropdown.gif) repeat-y left top;
}

#header #mainnav div.dropdown li {
	float:					none;
	height:					auto;
	position: static;
}
#header #mainnav div.dropdown li a {
	float:					none;
	height:					auto;
	width:					auto;
	border:					0;
	text-indent:			0;
	background:				transparent !important;
}

#header #mainnav div.dropdown ul {
	list-style-type:		none;
}
/*#header #mainnav div.col ul {
	margin:					0 0 27px;
}
*/
#header #mainnav div.dropdown ul li {
	font-size: 				11px;
	line-height: 			13px;
	padding:				3px 10px 3px 20px;
	background:				transparent url(/Atmel/img/interface/li_dash.gif) no-repeat 10px 9px !important;
}
#header #mainnav div.dropdown ul li.sub{
	background:				transparent url(/Atmel/img/interface/li_arrow.gif) no-repeat 180px 7px !important;
}
#header #mainnav div.dropdown ul li:hover.sub {
	background: 			#f6f6f6 url(/Atmel/img/interface/li_arrow.gif) no-repeat 180px 7px !important;
}

.sub_image {
	margin:				-5px 5px 5px -10px; 
}

 /* #body - Global elements (works in all columns)
--------------------------------------------------------------------*/

#body {
	padding:				7px 0 0 0;

}

#body #flasharea {
	height:	300px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 13px;
	margin-left: 0;
}

#body #flasharea_new {
	height:	300px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}

#body #sliderarea {
	height:	110px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}

#maincontent {
	float:					left;
	width:					622px;

}

/* Tabs */

#maincontent div.tabs {
	margin:					0 0 16px 0;
	padding:				0 7px 0 10px;
}

#maincontent ul.tabs {
	height:					31px;
	padding:				4px 0 0 5px;
	margin:					0 -7px 9px -10px;
	background:				#c1c1c3 url(/Atmel/img/interface/bg_tabsnav.gif) repeat-x left top;
}
#maincontent ul.tabs li {
	display:				inline;
}
#maincontent ul.tabs li a {
	float:					left;
	height:					31px;
	text-indent:			-9999px;
	outline:				0;
}
#maincontent ul.tabs li a.newsevents {
	width:					145px;
	background:				transparent url(/Atmel/img/interface/tabs.gif) no-repeat 0 0;
}
#maincontent ul.tabs li a.newsevents:hover {
	background:				transparent url(/Atmel/img/interface/tabs.gif) no-repeat 0 -31px;
}
#maincontent ul.tabs li.ui-tabs-selected a.newsevents {
	background:				transparent url(/Atmel/img/interface/tabs.gif) no-repeat 0 -62px !important;
}
#maincontent ul.tabs li a.products {
	width:					98px;
	background:				transparent url(/Atmel/img/interface/tabs.gif) no-repeat -145px 0;
}
#maincontent ul.tabs li a.products:hover {
	background:				transparent url(/Atmel/img/interface/tabs.gif) no-repeat -145px -31px;
}
#maincontent ul.tabs li.ui-tabs-selected a.products {
	background:				transparent url(/Atmel/img/interface/tabs.gif) no-repeat -145px -62px !important;
}
#maincontent ul.tabs li a.applications {
	width:					120px;
	background:				transparent url(/Atmel/img/interface/tabs.gif) no-repeat -243px 0;
}
#maincontent ul.tabs li a.applications:hover {
	background:				transparent url(/Atmel/img/interface/tabs.gif) no-repeat -243px -31px;
}
#maincontent ul.tabs li.ui-tabs-selected a.applications {
	background:				transparent url(/Atmel/img/interface/tabs.gif) no-repeat -243px -62px !important;
}
#maincontent ul.tabs li a.support {
	width:					169px;
	background:				transparent url(/Atmel/img/interface/tabs.gif) no-repeat -363px 0;
}
#maincontent ul.tabs li a.support:hover {
	background:				transparent url(/Atmel/img/interface/tabs.gif) no-repeat -363px -31px;
}
#maincontent ul.tabs li.ui-tabs-selected a.support {
	background:				transparent url(/Atmel/img/interface/tabs.gif) no-repeat -363px -62px !important;
}


#maincontent div.tabs div.scroller {
	height:					305px;
	width:					605px;
	overflow:				auto;
	padding:				0 0 1px 0;
}

/* Custom scroller */

#maincontent .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
}

#maincontent .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: transparent url('/Atmel/img/interface/bg_scrollertrack.gif') repeat-y center top;
}
#maincontent .jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background: #0066a4 url('/Atmel/img/interface/bg_scroller.gif') no-repeat left center;
}
#maincontent .jScrollPaneDragTop {
	background: #0066a4 url('/Atmel/img/interface/bg_scroller.gif') no-repeat left top;
	height: 4px;
	overflow: hidden;
}
#maincontent .jScrollPaneDragBottom {
	background: #0066a4 url('/Atmel/img/interface/bg_scroller.gif') no-repeat left bottom;
	height: 4px;
	position: absolute; 
	bottom: 0;
	overflow: hidden;
}


#maincontent div.threecol {
	background:				transparent url(/Atmel/img/interface/bg_threecol.gif) repeat-y left top;
}

#maincontent div.threecol div.col {
	width:					174px;
	float:					left;
	padding:				0 10px;
}

#maincontent div.leftcol {
	width:					270px;
	float:					left;
	padding:				0 20px 0 0;
	margin:					0 -1px 0 0;
	border-right:			1px solid #e8e8e8;
}	
#maincontent div.products div.leftcol {
	width:					356px !important;
}
#maincontent div.rightcol {
	width:					270px;
	float:					left;
	padding:				0 0 0 10px;
	border-left:			1px solid #e8e8e8;
}	
#maincontent div.products div.rightcol {
	width:					170px !important;
}


#maincontent h3 {
	font-size:				1.1em;
	color:					#424246;
	margin:					0 0 5px 0;
}
#maincontent h3.rss {
	padding:				0 0 0 15px;
}
#maincontent h3.morenews {
	position:				relative;
	top:					-7px;
}

#maincontent div.tabs div ul {
	list-style-type:		none;
	margin:					0 0 21px 0;
}
#maincontent div.tabs div ul li {
	font-size:				1.1em;
	line-height:			1.4em;
	margin:					0 0 4px 0;
	padding:				0 0 0 12px;
	color:					#424246;
	background:				transparent url(/Atmel/img/interface/li_arrow.gif) no-repeat left 0.5em;
	height: 1%
}
#maincontent div.support ul li {
	margin:					0 0 16px 0 !important;
}


/* Video Gallery */

#videogallery {
	width:					279px;
	float:					right;
	height:					360px;
	position:				relative;
	margin:					0 0 7px 0;
	background:				#dfe0e3;
}

#videogallery h2 {
	height:					35px;
	text-indent:			-9999px;
	background:				#c1c1c3 url(/Atmel/img/interface/h2_videogallery.gif) no-repeat left top;
	border-bottom:			1px solid #fff;
}

#videogallery ul.tabs {
	width:					279px;
	height:					70px;
	position:				absolute;
	left:					0;
	bottom:					0;
	list-style-type:		none;
	z-index:				80;
}
#videogallery ul.tabs li {
	float:					left;
	width:					93px;
	height:					50px;
	padding:				11px 0 0 0;
	text-align:				center;
	position:				relative;
	z-index:				90;
}
#videogallery ul.tabs li a {
	outline:				0;
}
#videogallery ul.tabs li img {
	border:					1px solid #0057a8;
}
#videogallery ul.tabs li.ui-tabs-selected {
	background:				transparent url(/Atmel/img/interface/bg_selectedvideo.gif) no-repeat center top;
}

#videogallery ul.tabs li div.tooltip {
	position:				absolute;
	left:					-9999px;
	top:					-85px;
	width:					164px;
	height:					85px;
	padding:				12px 10px 0 15px;
	color:					#fff;
	text-align:				left;
	z-index:				90;
	background:				transparent url(/Atmel/img/interface/bg_tooltip.png) no-repeat left top;
}
#videogallery ul.tabs li.ui-tabs-selected img {
	filter:				alpha(opacity=60);
	-moz-opacity:		0.6;
	opacity:			0.6;
}
#videogallery ul.tabs li:hover div.tooltip {
	left:					-47px;
}


#videogallery .ui-tabs-hide {
	display:				none;
}

#videogallery div.tabs {
	padding:				18px 5px 0 14px;
}

#videogallery div.video {
	width:					197px;
	height:					101px;
	margin:					0 0 16px 27px;
}
#videogallery div.video a {
	display:				block;
	width:					197px;
	height:					101px;
	border:					1px solid #74767a;
	position:				relative;
	outline:				0;
	
}
#videogallery div.video a span {
	display:				block;
	width:					197px;
	height:					101px;
	position:				absolute;
	left:					0;
	top:					0;
	text-indent:			-9999px;
	cursor:					pointer;
	background:				transparent url(/Atmel/img/interface/btn_play.png) no-repeat center 38px;
}
#videogallery div.video a:hover span {
	background:				transparent url(/Atmel/img/interface/btn_play.png) no-repeat center -193px;
}
#videogallery a.arrow {
	padding-right:			10px;
	color:					#be1c00;
	background:				transparent url(/Atmel/img/interface/li_arrow.gif) no-repeat right 58%;
}


#videogallery h3,
#videogallery p {
	font-size:				1.1em;
	color:					#424246;
	line-height:			1.4em;
}

/* the overlayed element */
div.overlay {
	/* initially overlay is hidden */
	display:none;
	/* some padding to layout nested elements nicely  */
	padding: 42px 43px;
	text-align: left;
}

#overlay {
	
	/* growing background image */
	background:url(/Atmel/img/interface/overlay/white.png);
	/* dimensions after the growing animation finishes  */
	width:850px;
	height:443px;		
}

#overlay1 {
	/* growing background image */
	background:url(/Atmel/img/interface/overlay/white.png);
	/* dimensions after the growing animation finishes  */
	width:850px;
	height:360px;		
}

#overlay2 {
	/* growing background image */
	background:url(/Atmel/img/interface/overlay/white2.png);
	/* dimensions after the growing animation finishes  */
	width:614px;
	height:121px;		
}

#overlay_audio_selector {
	/* growing background image */
	background:url(/Atmel/img/interface/overlay/audio_selector_white.png);
	/* dimensions after the growing animation finishes  */
	width:720px;
	height:360px;		
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(/Atmel/img/interface/overlay/close.png);
	position:absolute;
	right:12px;
	top:12px;
	cursor:pointer;
	height:31px;
	width:31px;
}

/* Quick links */

#quicklinks {
	width:					910px;
	background-color:		#e3e3e3;
	clear:					both;
	margin:					0 -7px;
	border-top:				1px solid #cdcdcd;
	line-height:			3.2em;
	padding:				0 0 0 13px;
}

#quicklinks p {
	word-spacing:			5px;
	color:					#424246;
	font-size:				1.1em;
}
#quicklinks p strong,
#quicklinks p a {
	word-spacing:			0;
}

#quicklinks p a {
	text-decoration:		underline;
}

 /* FOOTER
--------------------------------------------------------------------*/
#footer {
	clear:					both;
	padding:				10px 0;
}
#footer p {
	font-size:				1.1em;
	color:					#898989;
	word-spacing:			5px;
}
#footer p strong,
#footer p a {
	word-spacing:			0;
}
#footer p a {
	color:					#898989;
	text-decoration:		underline;
}

/* VIDEO OVERLAY
--------------------------------------------------------------------*/
#videopanel div.display {
	float:					left;
	width:					570px;
	height:					360px;
	margin:					0 15px 0 0;
}

#videopanel2 div.display {
	float:					left;
	width:					700px;
	height:					200px;
	margin:					0 0 0 0;
}

#videopanel3 div.display {
	float:					left;
	width:					700px;
	height:					600px;
	margin:					0 0 0 0;
}

#videopanel div.details {
	float:					left;
	width:					250px;
	height:					360px;
	margin:					0;
}
#videopanel div.details h2 {
	font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
	font-size:				1.5em;
	color:					#424246;
	margin:					0 0 5px 0;
}
#videopanel div.details h3 {
	font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
	font-size:				1.2em;
	color:					#424246;
	margin:					5px 0;
}
#videopanel div.details p {
	font-size:				1.1em;
	color:					#7e7e80;
}
#videopanel div.details div.hr {
	border-top: 			1px solid #e8e8e8;
	width: 					189px;
	margin:					10px 0;
}
#videopanel div.details ul {
	list-style-type:		none;
}
#videopanel div.details ul li {
	font-size:				1.1em;
	line-height:			1.4em;
	margin:					0 0 4px 0;
	padding:				0 0 0 12px;
	color:					#424246;
	background:				transparent url(/Atmel/img/interface/li_arrow.gif) no-repeat left 0.5em;
}

#relatedvideo {
	width:					909px;
	height:					24px;
	text-align:				left;
	position:				relative;
	top:					-7px;
	background:				transparent url(/Atmel/img/interface/p_related.gif) no-repeat left top;
}
#relatedvideo p.related {
	margin:					0 0 0 -9999px;
}
#relatedvideo a {
	position:				absolute;
	visibility:hidden;
	top:18px;
	width:					177px;
	height:					84px;
	padding:				7px 20px 0 100px;
	font-size:				1.1em;
	line-height:			1.4em;
	background:				transparent url(/Atmel/img/interface/bg_related.gif) no-repeat left top;
	color:					#fff;
}
#relatedvideo:hover a {
		visibility:visible;
}
#relatedvideo a img.thumb {
	position:				absolute;
	left:					15px;
	top:					15px;
	border:					1px solid #0057a8;
}
#relatedvideo a:hover {
	text-decoration:		none;
}



#popuplink {
	position: 				absolute; 
	left: 					-9999px;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
} 

.clearfix:after,
#body:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix,
#body {height: 1%;}

.bodytext_blue {
font-weight: bold;
font-size: 11px;
color: #0066cc;
line-height: 13px;
font-family: Arial, Helvetica, Geneva, sans-serif;
}

#sliderarea {
padding-top:10px;
}