@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#f6f6f6 url(images/main_bg.gif) top repeat-x;}
html { padding:0; margin:0;}

a { text-decoration:none;}
a:hover { text-decoration:underline;}

/* main */
.main { padding:0; margin:0 auto; width:100%;}
/********** header **********/
.header { padding:0; margin:0;  background: url(images/header_bg.gif) top  repeat-x;}
.header_resize {  width:982px; margin:0 auto; padding:0;}
.header img.sing { float: right; margin:0; padding:30px 0 0 0;}
/* logo */
.logo { padding:0; margin:0; width:293px; float:left;}
/* search */
.search { width:260px; float:right; padding:25px 0 0 0; margin:0 20px 0 0; }
.search form { display:block; float:left; padding:5px 0;}
.search span { display:block; float:left; background:url(images/search_bg.gif) left top no-repeat; height:35px; width:193px; padding:0 10px;}
.search form .keywords { float:left; background:none; border:0; height:13px; width:193px; padding:11px 0; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#a1a1a1;}
.search form .button { float:left; margin:0; padding:0;}
.search p { font:normal 12px  Arial, Helvetica, sans-serif; color:#939393; line-height:1.8em; padding:5px 10px; margin:0;}
/*menu*/
.menu { float:left; padding:34px 0 0 0; margin:0 auto; width:500px; height:36px;}
.menu ul {  padding:0; margin:0; list-style:none; border:0; height:36px;}
.menu ul li { float:left; margin:0; padding:0 2px; border:0; line-height:12px;}
.menu ul li a { float:left; margin:0; padding:12px 0; color:#fff; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; line-height:12px;}
.menu ul li a span { padding:12px; background:none;}
.menu ul li a:hover { color:#434343; background: url(images/r_menu.gif) no-repeat right;}
.menu ul li a:hover span { color:#434343; background:url(images/l_menu.gif) no-repeat left;}
.menu ul li a.active { color:#434343; background:url(images/r_menu.gif) no-repeat right;}
.menu ul li a.active span { color:#434343; background:url(images/l_menu.gif) no-repeat left;}

/*sub-menu*/
.sub-menu { float:left; padding:10px 0 0 50; margin:0 auto; width:850px; height:14px;}
.sub-menu ul {  padding:10; margin:10; list-style:none; border:0; height:14px;}
.sub-menu ul li { float:left; margin:00 0.15em; padding:0 2px; border:0; line-height:12px;}
.sub-menu ul li a { float:left; margin:0 0.15em; padding:12px 0; color:#000000; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; line-height:12px;}
.sub-menu ul li a span { padding:12px; background:none;}
.sub-menu ul li a:hover { color:#009900; no-repeat right;}
.sub-menu ul li a:hover span { color:#009900; no-repeat left;}
.sub-menu ul li a.active { color:#000000; no-repeat right;}
.sub-menu ul li a.active span { color:#000000; no-repeat left;}

/*header_text*/
.header_text { height:355px; margin:0; padding:0; background:url(images/slider_bg.gif) top center repeat-x;}
.header_text_resize {  width:982px; margin:0 auto; padding:0; }
.header_text .div { float:right; width:890px; padding:10px 0; margin:0;}
.header_text img.screen { float:left; margin:6px 0 0 0;}
.header_text .div .left1 { float:right; width:320px; padding:0; margin:0;}
.header_text .div .left1 img.button { float:left; padding:0 0 0 15px; margin:0;}
.header_text .div .left1 h2 { font:bold 30px Arial, Helvetica, sans-serif; color:#fff; padding:30px 0 40px 15px; margin:0;}
.header_text p { font: normal 12px   Arial, Helvetica, sans-serif; color:#fff; padding:1px 15px; margin:0;}
/* header_text2 */
.header_text2 {height:60px; margin:0; padding:0; background:url(images/slider_bg2.gif) top center repeat-x;}
.header_text_resize2 {  width:982px; margin:0 auto; padding:0; }
.header_text2 h2 { font: bold 28px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:10px 0 0 10px;}

/********** body **********/
.body { background: #fff url(images/body_bg.gif) top repeat-x; padding:0; margin:0 auto;}
.body_resize { width:1000px; margin:0 auto; padding:0;}
.body h2 { color:#393939; font:bold 18px  Arial, Helvetica, sans-serif; border-bottom:1px solid #e6e6e6; margin:0; padding:15px 10px;}
.body h4 { color:#393939; font:bold 14px  Arial, Helvetica, sans-serif; border-bottom:1px solid #e6e6e6; margin:0; padding:15px 10px;}
.body h3 { color:#5f5f5f; font:bold 18px  Arial, Helvetica, sans-serif;  margin:5px 0; padding:10px 15px;}
.body em { font: normal 12px Arial, Helvetica, sans-serif; color:#6d6d6d;}
.body p { font:normal 12px  Arial, Helvetica, sans-serif; color:#939393; line-height:1.8em; padding:5px 10px; margin:0;}
.body p span { color:#cdcdcd;}
.body sup {font-size: 0.75em; line-height: 0.5em  color:#939393;} 
.body ul { list-style:none; margin:5px 10px; padding:0;}
.body li { font: normal 12px Arial, Helvetica, sans-serif; color:#5c5c5c; background:url(images/ul_li.gif) left no-repeat; margin:0; padding:5px 0 5px 20px;}
.body p.test { width:459px; height:109px; background:url(images/bg_p_test.gif) top no-repeat; margin:20px auto; padding:20px 30px;}
.body img { margin:0; padding:0;}
.body img.float { float:left; margin:0; padding:10px;}
.body img.right { float:right; margin:0; padding:10px;}
.body a { text-decoration:none; color:#006ba2; line-height:1.8em;}
.right { background: url(images/right_bg.gif) top repeat-y; float:left; width:319px; margin:10px 6px; padding:0;}
.right_doublewide { background: url(images/right_bg_dw.gif) top repeat-y; float:left; width:638px; margin:10px 6px; padding:0;}
.right_top { background:url(images/right_top_img.gif) top no-repeat; margin:0; padding:0; }
.right_top_doublewide { background:url(images/right_top_dw_img.gif) top no-repeat; margin:0; padding:0; }
.right_bottom { margin:0; background:url(images/right_bottomght_img.gif) bottom no-repeat; padding:5px 0; width:319px;}
.right_bottom_doublewide { margin:0; background:url(images/right_bottomght_dw_img.gif) bottom no-repeat; padding:5px 0; width:638px;}
.right ul { list-style:none; margin:10px 0 0 30px; padding:0;}
.right2 { float:left; width:646px; margin:0; padding:10px;}
.right1 { float:left; width:313px; margin:0; padding:10px;}
.screen li { font: normal 12px Arial, Helvetica, sans-serif; color:#fff; background:url(images/bullet.png) left no-repeat; margin:0; padding:5px 0 5px 20px;}
.bottoms { width:150px; float:left; margin:10px 10px; padding:0;}
.bottoms a { text-decoration:none; font: normal 11px Arial, Helvetica, sans-serif; color:#373737; background:#e1e1e1; padding:2px 5px; margin:1px 3px;}
.bottoms a:hover { color:#fff; background:#00689f;}

/* END_bloga*/
/********** footer **********/
.footer { margin:10px 0 0 0; padding:0 10px; background:url(images/footer_bg.gif) top center repeat-x; height:131px;}
.footer_resize { width:1000px; margin:0 auto; padding:0;}
.footer ul { margin:0; padding:40px 10px 30px 10px; list-style:none; float:left;}
.footer img { display:inline; margin:5px 10px; padding:0;}
.footer ul li { margin:0; padding:0 10px; float:left;}
.footer p { margin:0; padding:40px 20px 30px 20px; float:right; color:#fff; font:normal 12px Arial, Helvetica, sans-serif; line-height:1.8em;}
.footer a { color:#fff; font:normal 12px Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.8em;}
.footer a:hover { text-decoration:underline;}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#7a7a7a; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:430px; border:1px solid #e4e4e4; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8;}
#contactform textarea { width:430px; border:1px solid #e4e4e4; margin:10px 0; padding:2px; background:#f8f8f8; height:250px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 100px; border:0; color:#FFF;}
p.response { text-align:center; color:#F00; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #bb0707; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}
li.line, .line { border-top:1px solid #e6e6e6; padding:0; margin:10px 0; background:none; list-style:none;}


/* Tabs */


/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	width:800px;
	height:31px !important;
	margin:0 !important; 
	padding:0;	
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
	background: url(images/blue_panes.jpg) no-repeat;
	display:block;
	height: 33px;   
	width: 189px; 	
	padding:0px;
	margin:0px;
	
	/* font decoration */
	color:#000;
	font-size:12px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
}

/* adjust the background image position on each tab */
#flowtabs #t1 			{ background-position:      0 0; }
#flowtabs #t2 			{ background-position: -189px 0; }
#flowtabs #t3 			{ background-position: -378px 0; }
#flowtabs #t4 			{ background-position: -567px 0; width:189px;}
#flowtabs #t5 			{ background-position:      0 0; }
#flowtabs #t6 			{ background-position: -189px 0; }
#flowtabs #t7 			{ background-position: -378px 0; }
#flowtabs #t8 			{ background-position: -567px 0; }

 
/* mouseover state */
#flowtabs a:hover 		{ color:#fff;	 }
#flowtabs #t1:hover 	{ background-position:      0 -33px; }
#flowtabs #t2:hover 	{ background-position: -189px -33px; }
#flowtabs #t3:hover 	{ background-position: -378px -33px; }
#flowtabs #t4:hover 	{ background-position: -567px -33px; }
#flowtabs #t5:hover 	{ background-position:      0 -66px; }
#flowtabs #t6:hover 	{ background-position: -189px -66px; }
#flowtabs #t7:hover 	{ background-position: -378px -66px; }
#flowtabs #t8:hover 	{ background-position: -567px -66px; }


/* currently selected tabs */
#flowtabs a.current		{ cursor:default; color:#fff; line-height:34px; }
#flowtabs #t1.current { background-position:      0 -66px; }
#flowtabs #t2.current { background-position: -189px -66px; }
#flowtabs #t3.current { background-position: -378px -66px; }
#flowtabs #t4.current { background-position: -567px -66px; }
#flowtabs #t5.current { background-position:      0 -99px; }
#flowtabs #t6.current { background-position: -189px -99px; }
#flowtabs #t7.current { background-position: -378px -99px; }
#flowtabs #t8.current { background-position: -567px -99px; }



/* panes */
#flowpanes {
	background: url(images/blue_panes.jpg) no-repeat 0 -100px;		
	width:800px;
	height:500px;	
}


/* single pane */
#flowpanes div {
	display:none;	
	color:#fff;	
	margin:20px 40px;
}

/* some decorations for elements inside single pane */
#flowpanes div h2 {
	font-weight:normal;
	color:#ddd;
	letter-spacing:1px;
	margin:00px 0 0 0;
	font-size:22px;	
}

#flowpanes a {
	color:#cc9;		
	font-size:14px;
}

#flowpanes p, #flowpanes samp {
	color:#ccc;		
}

#flowpanes .narrow {
	padding-right:160px;		
}



/* button.custom */
button.custom {
	background:transparent url(images/button.png) 0 0 no-repeat;	
	height:32px;	
	width:99px;	
	border:0;
	outline:0;
}

button.custom:hover {
	background-position: 0 -34px;		
}

button.custom:active {
	background-position: 0 -68px;		
}

button.custom span {
	position:relative;
	top:-1px;		
}

button.custom.low {
	background-image:url(images/button_low_small.png);
	width:75px;		
	height:24px;
	font-size:11px;
}

button.low:hover {
	background-position: 0 -26px;		
}

button.low:active {
	background-position: 0 -52px;		
}









/* simple overlay */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:840px;	
	min-height:420px;
	border: 1px solid #666;
      padding: 10px
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}




/* apple overlay */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(images/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}