/*////-- iPi Soft Main Style Sheet --////*/

/*** Reset Reloaded *****************************************************************************************************************************************/
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; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
:focus { outline: 0;}
ol, ul { list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:separate; border-spacing:0;}
caption, th, td { text-align:left; font-weight:normal;}
blockquote:before, blockquote:after,q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}

/*** Main Rules *****************************************************************************************************************************************/
body { position:relative; margin:0 auto; padding:20px; width:980px; font:12px Tahoma; color:#666565; line-height:21px; background:url(../images/page_bg.png) center 153px no-repeat;}

h2 { padding:4px 0 12px 0; font-size:18px; color:#3c609f; font-weight:normal;}
h3 { padding-bottom:8px; font-size:20px; color:#fd9600; font-weight:normal; text-align:right;}
img { border:0;}
a { color:#666; font-weight:bold; text-decoration:underline;}
	a:hover { text-decoration:none;}
	.links .a2a_dd { float:left; margin-top:6px;}
ul, li { list-style:none;}
	#page ul { margin-bottom:12px;}
	#page li { padding:0 0 8px 28px; background:url(../images/bul_6.gif) 11px 8px no-repeat;}
	#page ul.links { _height:2px; overflow:hidden; _overflow:visible;}
	#page ul.links li { float:left; padding:0 20px 0 0; background:none;}
	#page a.bul { display:block; float:left; padding:2px 20px 0 31px; min-height:23px; _height:23px; color:#666; font-weight:bold; background:url(../images/bul_25.png) 0 0 no-repeat;}
p { padding-bottom:18px;}
.special { font-weight:bold; color:#000;}
.pic { margin-bottom:22px;}
.eMail { margin:0 0 -2px 2px;}

/*** Main Blocks *****************************************************************************************************************************************/
/* Header */
#header { height:130px; border-bottom:1px solid #fff;}
	#logo { float:left; margin:0 0 18px 35px;}
		#logo h1 { display:none;}
	#header h1.tagline { float:right; margin:29px 21px 23px 0; font-size:43px; font-family:Arial Narrow, Tahoma; color:#000; font-weight:normal; line-height:normal;}
	
/* Main Navigation */
#nav { position:relative; clear:both; width:980px; height:27px; background:url(../images/nav_bg.png) left top repeat-x;}
	#nav li { float:right;}
	#nav a { display:block; padding:0 12px; height:27px; font-size:16px; font-family:Arial Narrow, Tahoma; color:#fff; line-height:normal; text-decoration:none; background:url(../images/nav_bg.png) left top repeat-x;}
	#nav a:hover, #nav li:hover a { text-decoration:none; background-position:0 -27px;}
	#nav b.corner { position:absolute; display:block; width:3px; height:27px; overflow:hidden;}
	#nav li.first b.corner { left:0; top:0; background:url(../images/nav_corner.png) 0 0 no-repeat;}
		#nav li.first:hover b.corner { background-position:0 -27px;}
	#nav li.last b.corner { right:0; top:0; background:url(../images/nav_corner.png) -3px 0 no-repeat;}
		#nav li.last:hover b.corner { background-position:-3px -27px;}
			
	/* Selected */
	#company li.company a, #company li.company a:hover,
	#products li.products a, #products li.products a:hover,
	#iPiRecorder li.iPiRecorder a, #iPiRecorder li.iPiRecorder a:hover,
	#sales li.sales a, #sales li.sales a:hover,
	#gallery li.gallery a, #gallery li.gallery a:hover,
	#downloads li.downloads a, #downloads li.downloads a:hover,
	#community li.community a, #community li.community a:hover,
	#partners li.partners a, #partners li.partners a:hover,
	#faq li.faq a, #faq li.faq a:hover,
	#support li.support a, #support li.support a:hover,
	#contacts li.contacts a, #contacts li.contacts a:hover 
	{ background-position:0 -27px; cursor:default;}

/* subNav */
#subNav { position:relative; display:none; margin:-46px 0 28px 0; padding:3px 0; _height:2px; overflow:hidden; _overflow:visible; text-align:right; background:#e9e9e9;}
	#subNav a { text-decoration:none; margin:0 12px;}
	#subNav a:hover { text-decoration:underline;}
	#subNav b.corner { position:absolute; display:block; width:3px; height:3px; overflow:hidden; background:url(../images/subNav_corner.png) 0 0 no-repeat;}
	#subNav b.tr { left:0; top:0;}
	#subNav b.tl { right:0; top:0; background-position:-3px 0;}
	#subNav b.bl { left:0; bottom:0; background-position:0 -3px;}
	#subNav b.br { right:0; bottom:0; background-position:-3px -3px;}

#technology #subNav.technology { display:block;}
#products #subNav.products { display:block;}
#support #subNav.support { display:block;}

/* Page */
#page { padding:48px 0; width:980px; _height:2px; overflow:hidden; _overflow:visible;}
	.col_1 { padding:0 20px; float:left; width:720px;}
		.col_1 .item { _height:2px; overflow:hidden; _overflow:visible;}
			.col_1 .item p.special { padding-bottom:0;}
	.col_2 { padding:0 20px 0 0; float:right; width:199px;}

/* Footer */
#footer { position:relative; padding:3px 0 0 20px; height:23px; font-size:11px; color:#666565; background:#ebebeb;}
	#footer b.cl, #footer b.cr { position:absolute; display:block; width:3px; height:26px; overflow:hidden; background:url(../images/footer_corner.png) 0 0 no-repeat;}
	#footer b.cl { left:0; top:0;}
	#footer b.cr { right:0; top:0; background-position:-3px 0;}

/*** Other Blocks and Boxes *****************************************************************************************************************************************/
/* box_1 */
.box_1 { background:#f4f4f4;}
	.box_1 .top, .box_1 .bot { height:4px; overflow:hidden;}
	.box_1 .bot { margin-top:18px;} 
	.box_1 b.cl, .box_1 b.cr { width:2px; height:2px; overflow:hidden; background:url(../images/box1_corner.gif) 0 0 no-repeat;}
		.box_1 .top b.cr { position:-2px 0;}
		.box_1 .bot b.cl { position:0 -2px;}
		.box_1 .bot b.cr { position:-2px -2px;}
		.box_1 b.cl { float:left;}
		.box_1 b.cr { float:right;}
		
/* News */
#news {}
	#news .item { padding:18px 10px 0 18px; font-size:11px; color:#353535; line-height:18px;}
	#news .item p.date { padding:0; color:#707070;}

	
/*** Pages *****************************************************************************************************************************************/
/*Gallery*/
#gallery .col_1 p { padding-left:11px;}
#gallery #page ul { margin-bottom:8px;}

/*iPiRecorder*/
#iPiRecorder .col_1 .pic { margin-top:8px;}

/* gallery */
#gallery .col_1 .item { margin:0; padding:0 0 28px 0;}
#gallery .col_1 object { float:left; width:300px; height:auto;}
#gallery .col_1 ul { float:right; width:400px;}