/* CSS Document */
body {
	padding: 0;
	margin: 0 0 0 0;
	background: url(../images/main_bgWithoutSpace.gif) 0 0 repeat-x;
	background-color:#FFFFFF;
	color: #000;
}

/body {
	padding: 0;
	margin: 0;
	background-color: ff0000;
	color: #000;
}
 
div,h1,h2,h3,h4,p,form,label,input,textarea,img,span {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0;
}

.spacer {
	clear: both;
	font-size: 0;
	line-height: 0;
}

p.images a img:hover {
	width: 190px;
	height: 140px;
}

/*------------------------------------------------body--------------------*/
	/*------------------------------------------------header--------------------*/
#header {
	width: 936px;
	margin: 0 auto;
	height: 297px;
	position: relative;
}

#header ul.nav {
	width: 824px;
	height: 49px;
	padding: 0;
	margin: 0;
	background: url(../images/nav_div.gif) left top no-repeat;
	position: absolute;
	left: 130px;
	top: 7px;
}

#header ul.nav li {
	float: left;
	padding: 0 2px 0 0;
	margin: 0;
	background: url(../images/nav_div.gif) right top no-repeat;
}

#header ul.nav li.noImg {
	background-image: none;
	padding: 0;
}

#header ul.nav li a {
	display: block;
	background: url(../images/nav_bg.gif) 0 0 repeat-x #3C3C3C;
	padding: 0 12px;
	font: bold 12px/ 49px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}

#header ul.nav li a:hover {
	color: #D46701;
	background: url(../images/nav_bg_hover.gif) 0 0 repeat-x #fff;
}

#header ul.nav li a.hover {
	display: block;
	background: url(../images/nav_bg_hover.gif) 0 0 repeat-x #fff;
	padding: 0 12px;
	font: bold 11px/ 49px Arial, Helvetica, sans-serif;
	color: #D46701;
	text-decoration: none;
	cursor: text;
}

/*#header img {
	position: absolute;
	left: 470px;
	top: 0;
	width: 160px;
	height: 140px;
}*/

#header h2 {
	display: block;
	background: url(../images/newsletter.gif) 0 0 no-repeat #fff;
	width: 231px;
	height: 38px;
	padding: 23px 0 0 59px;
	font: normal 21px/ 27px Arial, Helvetica, sans-serif;
	color: #3F3F3F;
	position: absolute;
	left: 630px;
	top: 0;
}

#header img.logo {
	position: absolute;
	left: 50px;
	top: 60px;
	width: 700px;
	height: 161px;
}


#header img.SamLogo {
	position: absolute;
	left: 830px;
	top: -15px;
	width: 90px;
	height: 90px;
}


#header p.topText {
	width: 352px;
	padding: 0 0 0 92px;
	background: url(../images/top_text_icon.gif) 0 0 no-repeat;
	color: #FFFD75;
	font: bold 19px/ 26px Arial, Helvetica, sans-serif;
	background-color: inherit;
	position: absolute;
	left: 0px;
	top: 139px;
}

#header p.topText a {
	color: #fff;
	font: bold 13px/ 21px Arial, Helvetica, sans-serif;
	background-color: inherit;
	text-decoration: underline;
}

#header p.topText a:hover {
	color: #000;
	background-color: inherit;
	text-decoration: none;
}

#header ul.menu {
	width: 936px;
	height: 49px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 240px;
}

#header ul.menu li.helpMenu {
	border-right: #47A3B2 solid 1px;
	float: left;
	height: 49px;
	display: block;
}

#header ul.menu li.helpMenu a {
	display: block;
	font: bold 13px/ 26px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	height: 34px;
	color: #4B4B4B;
	background-color: #fff;
}

#header ul.menu li.withoutBorder {
	border: none;
}

#header ul.menu li.withoutBorder a {
	display: block;
	font: bold 13px/ 26px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	height: 34px;
	color: #4B4B4B;
	background-color: #fff;
}

#header ul.menu li.helpMenu a.download {
	background: url(../images/gnome-fs-blockdev.png) 8px 11px no-repeat;
	padding: 15px 16px 0 48px;
}

#header ul.menu li.helpMenu a.download:hover {
	background: url(../images/gnome-fs-server.png) 8px 11px no-repeat;
	color: #A51212;
	background-color: inherit;
}

#header ul.menu li.helpMenu a.burncd {
	background: url(../images/gnome-cd.png) 17px 12px no-repeat;
	padding: 15px 17px 0 56px;
}

#header ul.menu li.helpMenu a.burncd:hover {
	background: url(../images/k3b.png) 17px 12px no-repeat;
	color: #A51212;
	background-color: inherit;
}

#header ul.menu li.helpMenu a.livecd {
	background: url(../images/monitorBlack.gif) 17px 12px no-repeat;
	padding: 15px 19px 0 55px;
}

#header ul.menu li.helpMenu a.livecd:hover {
	background: url(../images/monitorBlue.gif) 17px 12px no-repeat;
	color: #A51212;
	background-color: inherit;
}

#header ul.menu li.helpMenu a.install {
	background: url(../images/install3.png) 18px 10px no-repeat;
	padding: 15px 22px 0 50px;
}

#header ul.menu li.helpMenu a.install:hover {
	background: url(../images/install2.png) 18px 10px no-repeat;
	color: #A51212;
	background-color: inherit;
}

#header ul.menu li.helpMenu a.usb {
	background: url(../images/gnome-dev-harddisk-usb.png) 8px 10px no-repeat
		;
	padding: 15px 14px 0 45px;
}

#header ul.menu li.helpMenu a.usb:hover {
	background: url(../images/gnome-fs-server.png) 8px 10px no-repeat;
	color: #A51212;
	background-color: inherit;
}

#header ul.menu li.helpMenu a.network {
	background: url(../images/gnome-netstatus-idle.png) 14px 13px no-repeat;
	padding: 15px 19px 0 49px;
}

#header ul.menu li.helpMenu a.network:hover {
	background: url(../images/gnome-netstatus-txrx.png) 14px 13px no-repeat;
	color: #A51212;
	background-color: inherit;
}

#header ul.menu li.withoutBorder a.shell {
	background: url(../images/konsole.png) 14px 13px no-repeat;
	padding: 15px 0 0 49px;
}

#header ul.menu li.withoutBorder a.shell:hover {
	background: url(../images/gnome-fs-chardev.png) 14px 13px no-repeat;
	color: #A51212;
	background-color: inherit;
}

/*------------------------------------------------header--------------------*/
	/*------------------------------------------------headerinside--------------------*/
	/*------------------------------------------------body--------------------*/
#body {
	width: 924px;
	margin: 0 auto;
	padding: 17px 0 0 0;
}

/*------------------------------------------------left--------------------*/
#left {
	width: 472px;
	height: 768px padding :       6px 0 0 0;
	float: right;
}

#left img.sam1 {
	position: absolute;
	left: 600px;
	top: 300px; //
	width: 300px; //
	height: 90px;
}

#left img.sam2 {
	position: absolute;
	left: 890px;
	top: 313px;
}

#left h2 {
	height: 29px;
	font: bold 32px/ 29px Arial, Helvetica, sans-serif;
	color: #267785;
	background-color: inherit;
	width: 455px;
	margin: 0 0 8px 0;
	float: right;
}

#left h2 span.bestDiv {
	width: 199px;
	height: 29px;
	display: block;
	float: right;
}

#left h2.test {
	height: 23px;
	font: bold 24px/ 23px Arial, Helvetica, sans-serif;
	color: #759C25;
	background-color: inherit;
	width: 455px;
	margin: 0 0 15px 0;
	float: right;
}

#left   h2.test span.testDiv {
	width: 253px;
	height: 23px;
	display: block;
	float: right;
}

#left  h3 {
	font: normal 19px/ 26px Arial, Helvetica, sans-serif;
	color: #759C25;
	background-color: inherit;
	width: 455px;
	margin: 0 0 15px 0;
	text-decoration: underline;
	display: block;
	float: left;
}

#left p.lftTxt1 {
	display: block;
	width: 455px;
	font: normal 14px/ 22px Arial, Helvetica, sans-serif;
	color: #2A4043;
	background-color: inherit;
	margin: 0 0 21px 0;
	float: left;
}

#left p.lftTxt2 {
	display: block;
	width: 455px;
	font: normal 14px/ 22px Arial, Helvetica, sans-serif;
	color: #2A4043;
	background-color: inherit;
	margin: 0 0 16px 0;
	float: left;
}

#left h4 {
	font: normal 19px/ 18px Arial, Helvetica, sans-serif;
	color: #267785;
	background-color: inherit;
	width: 427px;
	margin: 0 0 13px 0;
	padding: 0 0 0 28px;
	display: block;
	float: left;
}

#left p.testText {
	display: block;
	width: 434px;
	background: url(../images/coma.gif) 0 0 no-repeat;
	padding: 0 0 0 25px;
	font: italic 14px/ 22px Arial, Helvetica, sans-serif;
	color: #2A4043;
	background-color: inherit;
	margin: 0 0 24px 0;
	float: left;
}

#left p a {
	display: block;
	width: 434px;
	padding: 0 0 0 25px;
	font: italic 14px/ 22px Arial, Helvetica, sans-serif;
	color: #2A4043;
	background-color: inherit;
	margin: 0 0 24px 0;
	float: left;
}

#left p.testText span.coma {
	background: url(../images/coma_inverse.gif) 0 0 no-repeat;
	width: 23px;
	height: 16px;
	padding: 0 0 0 25px;
}

#left p.testText span.author {
	font: bold 13px/ 22px Arial, Helvetica, sans-serif;
	color: #D06907;
	background-color: inherit;
	float: right;
}

#right {
	width: 290px;
	color: #3C3C3C;
	float: left;
	padding-top: 19px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 80px;
	background-repeat: no-repeat;
	background-position: 60 0;
	display:block;
}
#right h2 {
	display: block;
	width: 216px;
	height: 40px;
	font: normal 18px/ 40px Arial, Helvetica, sans-serif;
	background-image: url(../images/news_icon.gif);
	background-repeat: no-repeat;
	background-position: 6px 4px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 50px;
}

#right h3 {
	display: block;
	width: 221px;
	height: 34px;
	background-image: url(../images/menu2.png); //
	background-color: #759C25;
	color: #fff;
	font: bold 13px/ 34px Arial, Helvetica, sans-serif;
	padding: 0 18px 0 27px;
	text-transform: uppercase;
	margin: 0 0 15px 0;
}

#right h3 span.green {
	background-color: #759C25;
	color: white;
	font: bold 11px/ 32px Arial, Helvetica, sans-serif;
	float: right;
	text-transform: none;
}

#right ul {
	width: 252px;
	padding: 0 0 0 11px;
}

#right ul li {
	padding: 0;
	margin: 0;
	float: left;
}

#right ul li.green {
	background: url(../images/bullet3.gif) 0 5px no-repeat;
	padding: 0 0 0 20px;
	display: block;
	margin: 0 0 9px 0;
	text-decoration: underline;
	color: #759C25;
	background-color: inherit;
	width: 232px;
	font: bold 13px/ 19px Arial, Helvetica, sans-serif;
}

#right ul li.black {
	font: normal 12px/ 19px Arial, Helvetica, sans-serif;
	margin: 0 0 12px 0;
	display: block;
	width: 252px;
}

#right ul li a {
	display: block;
	width: 76px;
	background: url(../images/button.jpg) 0 0 no-repeat #fffffe;
	font: bold 10px/ 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
	float: right;
	margin: 0 0 13px 0;
	text-transform: uppercase;
}

#right ul li a:hover {
	color: green;
	background-color: inherit;
}

#designers p table td tr p.sign {
	color: white;
	font: bold 13px/ 34px Arial, Helvetica, sans-serif;
}

.footer_text{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-align: center;
	padding-top:4px;
}

.footer_bg{ 
	background: -moz-linear-gradient(left center , rgb(60, 60, 64) 16%, rgb(181, 179, 186) 52%, rgb(133, 130, 143) 66%, rgb(50, 49, 54) 93%) repeat scroll 0% 0% transparent;
	width: auto;
}
 
#footer{ 
	background: -moz-linear-gradient(left center , rgb(60, 60, 64) 16%, rgb(181, 179, 186) 52%, rgb(133, 130, 143) 66%, rgb(50, 49, 54) 93%) repeat scroll 0% 0% transparent;
	width: auto;
	height:35px;
	width:100%;
}

.contact_form_input {
	border: 1px solid #000000;
	margin-top: 3px;
}

.contact_form_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: 000000;
	padding: 2px;
}

.button {
	background-color: #3C3C3C;
	font-size: 10px;
	color: #FFFFFF;
	margin-left: 100px;
	margin-top: 3px;
}

input[type='submit'] {
	background-color: #3C3C3C;
	font-size: 10px;
	color: #FFFFFF;
	margin-left: 100px;
	margin-top: 3px;
}
input[type='button'] {
	background-color: #3C3C3C;
	font-size: 10px;
	color: #FFFFFF;
	margin-left: 100px;
	margin-top: 3px;
}

input[type='text'], input[type='password'] {
	border: 1px solid #000000;
	margin-top: 3px;
}
textarea {
	border: 1px solid #000000;
	margin-top: 3px;
}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: 000000;
	padding: 2px;
	text-decoration: none;
}

.text:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: 000000;
	padding: 2px;
	text-decoration: underline;
}

.sendmail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding: 3px;
}

.border_tb {
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}

.backg_tb {
	background-image: url(../images/backg_tb.gif);
	background-repeat: repeat-x;
}

.backg_contact {
	background-image: url(../images/backg_contact.gif);
	background-repeat: repeat-x;
}

.contact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #267785;
	margin-bottom: 8px;
	text-decoration:none;
}

.contact a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #267785;
	margin-bottom: 8px;
	text-decoration:none;
}


.border_mail {
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

.tb_sendmail {
	background-image: url(../images/backg_sendmail.gif);
	background-repeat: repeat-x;
}

.text_team {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
}

ul#topnav {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	list-style: none;
	font-size: 10px;
	clear: both;
	float: left;
	height: 49px;
	background: url(../images/nav_div.gif) left top no-repeat;
	position: absolute;
	left: 130px;
	top: 7px;
}

ul#topnav li {
	float: left;
	padding: 0 2px 0 0;
	margin: 0;
	overflow: hidden;
	height: 49px;
	background: url(../images/nav_div.gif) right top no-repeat;
}

ul#topnav a,ul#topnav span {
	padding: 8px 8px;
	float: left;
	text-decoration: none;
	color: #fff;
	font: bold 12px/ 49px Arial, Helvetica, sans-serif;
	clear: both;
	height: 40px;
	line-height: 30px;
	background: transparent repeat-x 0 0;
}

ul#topnav a {
	color: #D46701;
}

ul#topnav span {
	display: none;
}

.imageFlip {
	left: 0;
	top: 0;
	border: 5px solid #ddd;
	background: url("../images/background.jpg") no-repeat center center
		#f9f9f9;
}

.imageFlip:hover {
	border: 3px solid #999;
	-moz-box-shadow: 0 0 30px #999 inset;
	-webkit-box-shadow: 0 0 30px #999 inset;
	box-shadow: 0 0 30px #999 inset;
}

.imageDesc {
	font-size: 11px;
	padding: 50px 10px 20px 20px;
	font-style: italic;
}

.clear {
	clear: both;
}

.errorlist{
	font: bold 12px/ 49px Arial, Helvetica, sans-serif;
	font-size:11px;
}

a#controlbtn{
	color: #333;
	text-decoration: none;
	display: inline-block;
	padding-left: 20px;
}

a#controlbtn.open {
	background: transparent url(../images/toggle_minus.png) no-repeat left center;
}

a#controlbtn.close {
	background: transparent url(../images/toggle_plus.png) no-repeat left center;
}

a#controlbtn{
	color: #333;
	text-decoration: none;
	display: inline-block;
	padding-left: 20px;
}

div#right {
	float: left;
	width: 140px;
	margin-left: -219px;
	border-right: solid 1px #DDDDDD;
	display: none;
}

#wrap {
	margin-right: 20px; 
	margin-left: 20px;
}


#close_span{
	margin-left:300px;
	*margin-left:550px; 
}
#search_box {
	margin-top:8px;
}

#slidepanel{
  background: -moz-linear-gradient(left center , rgb(60, 60, 64) 16%, rgb(181, 179, 186) 52%, rgb(133, 130, 143) 66%, rgb(50, 49, 54) 93%) repeat scroll 0% 0% transparent;
}

#slidepanel .sub_panel {
  background-repeat:no-repeat;
  float:left;
  height:60px;
  padding-left:292px;
  padding-top:7px;
}

#cse-search-box div input[type='submit']{
  margin-left:10px;
  width:60px;
}

#linkd {
    text-decoration: none;
}

#linkd img {
  margin-left:250px;
}


/*----------------POPUP WIDGET TOOLTIP--------------------*/

     
        /* Bubble pop-up */

        .popup {
                position: absolute;
                display: none;
                z-index: 50;
                border-collapse: collapse;
                margin: 0;
				padding: 0;
        }

        .popup td.corner {
                height: 15px;
                width: 19px;
                margin: 0;
				padding: 0;
        }
		.popup td, .popup tr{
			margin: 0;
			padding: 0;
		}
		
        .popup td#topleft { background-image: url(../images/bubble-1.png); margin: 0;
				padding: 0;}
        .popup td.top { background-image: url(../images/bubble-2.png); margin: 0;
				padding: 0;}
        .popup td#topright { background-image: url(../images/bubble-3.png); margin: 0;
				padding: 0;}
        .popup td.left { background-image: url(../images/bubble-4.png); margin: 0;
				padding: 0;}
        .popup td.right { background-image: url(../images/bubble-5.png); margin: 0;
				padding: 0;}
        .popup td#bottomleft { background-image: url(../images/bubble-6.png); margin: 0;
				padding: 0;}
        .popup td.bottom { background-image: url(../images/bubble-7.png); text-align: center;margin: 0;
				padding: 0;}
        .popup td.bottom img { display: block; margin: 0 auto; margin: 0;
				padding: 0;}
        .popup td#bottomright { background-image: url(../images/bubble-8.png); margin: 0;
				padding: 0;}

        .popup table.popup-contents {
                font-size: 12px;
                line-height: 1.2em;
                background-color: #fff;
                color: #666;
                font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
                
                }

        table.popup-contents th {
                text-align: right;
                margin: 0;
				padding: 0;
                }

        table.popup-contents td {
                text-align: left;
                margin: 0;
				padding: 0;
                }
         
 