/*Set's border, padding and margin to 0 for all values*/
*
{
	margin: 0;
	padding: 0;
	border: 0;
}

html, body
{
	min-width: 856px;
	background: url(http://www.realnet.com.ro/images/bg_pattern.gif) repeat-x top left white; 
	text-align: center; /*** Centers the design in old IE versions ***/
	height: 100%;
	color: black; 
}

body
{
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 62.5%;
}


#wrapper
{
	width: 856px;
	margin: 0 auto;
	min-height: 100%;
	background: url(http://www.realnet.com.ro/images/bg_grey_ribbon.gif) repeat-y 165px 0 transparent;
}

* html #wrapper {
height: 100%; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

#content 
{
	float: right;
	width: 473px;
	_width: 471px;
	background: transparent;
	font-size: 1em;
	text-align: left;
	margin-bottom: 20px;
	position: relative;
}

#left 
{
	float: left;
	width: 383px;
	/*background: url(http://www.realnet.com.ro/images/ribbon.gif) repeat-y 166px top;*/
}

.clear
{
	clear: both;
	height: 48px;
}

.clearp
{
	clear: both;
}

#footer
{
	width: 856px;
	height: 48px;
	background: url(http://www.realnet.com.ro/images/copy_and_menu.gif) no-repeat 165px top;
	margin: 0 auto;
	margin-top: -48px;
	clear: both;
}

p
{
	text-align: justify;
}

h1,h2,h3
{
	font-weight: normal;
}

h1 
{
	margin-top: 23px;
	margin-left: 20px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='http://www.realnet.com.ro/images/realnet_logo.png');	
	width: 227px;
	height: 70px;
	text-indent: -9999px;
}

/*For non-IE*/
html>body h1
{
	background: url(http://www.realnet.com.ro/images/realnet_logo.png) no-repeat;	
}

h3
{
	margin: 8px 0 0 23px;
	font-size: 1.5em;
	color: #282828;
	font-weight: bold;
}

ul
{
	list-style-type: none;
}


/************************
MENU
************************/
#main-nav
{
	font-family: Verdana, Arial, Tahoma, sans-serif;
	position: relative;
	margin-top: 10px;
	margin-left: 30px;
	width: 473px;
	_width: 440px;
}

#main-nav #nav li
{
	/*float the main list items*/
	margin: 0;
	float: left;
	display: block;
	padding-right: 14px;
	*padding-right: 10px;
	padding-bottom: 6px;
}

#main-nav #nav li.off ul, #main-nav #nav li.on ul {
  /*hide the subnavs*/
  display: none;
}

#main-nav #nav li a {
  /*for all links in the list*/
  color: #A3A78E;
  text-decoration: none;
  font-weight: bold;
}

#main-nav #nav li.off ul, #main-nav #nav li.on ul {
  /*put the subnavs below and hide them all*/
  display: none;
  position: absolute;
  left: 0;
}

#main-nav #nav li.on a {
  /*change border color for active topic area*/
  border: 1px solid #f90;
}

#main-nav #nav li.on ul a, #main-nav #nav li.off ul a {
  /*  cancel inherit of border
      on subnav of active topic */
  border: 0;
}

#main-nav #nav li.on ul {
  /*display active subnav list*/
   font-size: 1.0em;
  display: block;
}

#main-nav #nav li.on ul a, #main-nav #nav li.off ul a {
  float: left;
  /*ie doesn't inherit the float*/
  border: 0;
  color: #A3A78E;
  width: auto;
  margin-right: 15px;
}

#main-nav #nav li.on ul {
  /*display the current topic*/
  display: block;
}

#main-nav #nav li.off:hover ul, #main-nav #nav li.over ul{
  /*  display the other topics when
      their parent is hovered */
  display: block;
  z-index: 6000;
  border-top: 1px solid #5A5F3F;
  padding-top: 5px;
  width: 435px;
  _width: 440px;
}

#main-nav #nav li.off a:hover, #main-nav #nav li.off:hover a, #main-nav #nav li.over a {
  background: transparent;
  color: #D0D4BE;
}

#main-nav #nav li.on ul a:link, #main-nav #nav li.on ul a:visited ,#main-nav #nav li.off ul a:link, #main-nav #nav li.off ul a:visited {
  color: #A3A78E;
  font-size: 9px;
  font-weight: normal;
}

#main-nav #nav li.on ul a:hover,#main-nav #nav li.off ul a:hover{
  color: #D0D4BE;
}

/*For IE */
#main-nav #nav li.off ul, #main-nav #nav li.on ul {
  /*put the subnav below*/
  top: 15px;
  *top: 16px; /*reposition for IE*/
}
/********************
End MENU
*******************/

.green
{
	color: #57641B;
}


#content p
{
	padding-left: 23px;
}

#content .a-inline
{
	padding: 0;
	margin-left:1px;
}

.succes
{
	margin-top: 20px;
	text-align: center;
	color: #717852;
	font-size: 1.3em;
}

#content ol 
{
	margin: 3px 0 5px 40px;
	color:#647129;
}
#content li 
{
	padding-bottom: 4px;
}

#content li span
{
	color: black;
}

.first-title
{
	margin-top: 85px;
}

.reasons
{
	margin-top: 85px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='http://www.realnet.com.ro/images/title/title_motive.png');	
	width: 473px;
	height: 67px;
	font-size: 1.1em;
	color: #4F4E4E;
	padding-left: 59px;
	padding-top: 35px;
	font-weight: normal;
}

html>body .reasons
{
	margin-top: 85px;
	background: url(http://www.realnet.com.ro/images/title/title_motive.png) no-repeat left top;
	width: 473px;
	height: 32px;
	font-size: 1.1em;
	color: #4F4E4E;
	padding-left: 59px;
	padding-top: 35px;
	font-weight: normal;
}

.logo-print
{
	margin-top: 50px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='http://www.realnet.com.ro/images/title/title_logo_print.png');	
	width: 473px;
	height: 67px;
	font-size: 1.1em;
	color: #4F4E4E;
	padding-left: 59px;
	padding-top: 37px;
	font-weight: normal;
}

html>body .logo-print
{
	margin-top: 85px;
	background: url(http://www.realnet.com.ro/images/title/title_logo_print.png) no-repeat left top;
	width: 473px;
	height: 32px;
	font-size: 1.1em;
	color: #4F4E4E;
	padding-left: 59px;
	padding-top: 39px;
	font-weight: normal;
}

.web-title
{
	margin-top: 45px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='http://www.realnet.com.ro/images/title/title_web_design.png');	
	width: 473px;
	height: 67px;
	font-size: 1.1em;
	color: #4F4E4E;
	padding-left: 59px;
	padding-top: 37px;
	font-weight: normal;
}

html>body .web-title
{
	margin-top: 45px;
	background: url(http://www.realnet.com.ro/images/title/title_web_design.png) no-repeat left top;
	width: 473px;
	height: 32px;
	font-size: 1.1em;
	color: #4F4E4E;
	padding-left: 59px;
	padding-top: 39px;
	font-weight: normal;
}

.last-projects
{
	margin-top: 15px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='http://www.realnet.com.ro/images/title/title_last_pr.png');	
	width: 473px;
	height: 32px;
	font-size: 1.1em;
	color: #4F4E4E;
	padding-left: 53px;
	padding-top: 29px;
	font-weight: normal;
}

html>body .last-projects
{
	margin-top: 15px;
	background: url(http://www.realnet.com.ro/images/title/title_last_pr.png) no-repeat left top;
	width: 473px;
	height: 32px;
	font-size: 1.1em;
	color: #4F4E4E;
	padding-left: 53px;
	padding-top: 29px;
	font-weight: normal;
}

.title-projects
{
	margin-top: 85px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='http://www.realnet.com.ro/images/title/title_last_pr.png');	
	width: 473px;
	height: 32px;
	font-size: 1.1em;
	color: #747474;
	padding-left: 53px;
	padding-top: 29px;
	font-weight: normal;
}

html>body .title-projects
{
	margin-top: 85px;
	background: url(http://www.realnet.com.ro/images/title/title_last_pr.png) no-repeat left top;
	width: 473px;
	height: 32px;
	font-size: 1.1em;
	color: #747474;
	padding-left: 53px;
	padding-top: 29px;
	font-weight: normal;
}

.first-title
{
	margin-top: 85px !important;
	_margin-top: 50px;
}

.date
{
	font-size: 1.1em;
}

#projects-list
{
	list-style-type: none;
	margin-top: 12px;
	width: 473px;
}

#projects-list li
{
	padding: 0 0 5px 0;
}

#projects-list li span
{
	color: #899B34;
}

.project-title
{
	color: black;
	font-weight: bold;
}

.project-date
{
	color: #57641B;
	font-size: 0.9em;
	font-weight: bold;
}

#picHolder
{
	z-index:123;
	/*border: 6px solid #B2B396;*/
	display: block;
}

#image-container
{
	display: block;
	width: 440px;
	height: 240px;
}

#project-gallery
{
	margin: 14px 0 40px 23px;
	list-style-type: none;
}

#project-gallery li
{
	float: left;
	padding-right: 15px;
	padding-bottom: 10px;
}


#loading-holder
{
	background: transparent;
	width: 428px;
	height: 230px;
	left: 23px;
	float: left;
	margin-top: 8px;
	border: 6px solid #B2B396;
	position: relative;
	margin-bottom: 14px;
}

#loading-img
{
	position: absolute;
	left: 188px;
	top: 88px;
	display: none;
	z-index:-4;
}

.bold
{
	font-weight: normal;
}

#border-image
{
	border: 6px solid #B2B396;
}

.press-img
{
	margin: 20px 0 20px 0;
	text-align: center;
}

#career-list
{
	list-style: none;
	margin-left: 40px;
}

/* Table Styles */

.packages-table
{
	width: 448px;
	border-collapse: collapse;
	margin-left: 23px;
	border: 1px solid #B3B3B3;
}

.packages-table tr th
{
	padding: 3px 3px 10px 3px;
}

.red-text
{
	color:#AB403D;
}

.packages-table tr th span
{
	color: #AB403D;
	text-align:center;
}


.packages-table td
{
	padding: 5px 3px;
	width: 150px;
}

.hosting-table td
{
	padding: 5px 3px;
	width: 112px;
}
.left
{
	border-right: 1px solid #B3B3B3;
}

.right
{
	border-left: 1px solid #B3B3B3;
}

.top
{
	border-top: 1px solid #B3B3B3;
}

.tr-title
{
	background:#C0C0C0;
	padding: 3px;
}


.cerere-table
{
	border-collapse: collapsed;
}

.struct td
{
	padding: 5px 3px;
	width: 160px;
}

/* End Table Styles */

#top-nav {
list-style: none;
padding-bottom: 4px;
margin-top: 10px;
margin-left: 75px;
}

#top-nav li {
float: left;
}

#navblk
{
	float:left;
}

#left-nav
{
	list-style-type: none;
	margin-top: 177px;
	text-align: right;
	width: 168px;
}

#left-nav li
{
	padding-bottom: 10px;
}

#grey-ribbon
{
	float: right;
	text-align: left;
	width: 215px;
	/*background: url(http://www.realnet.com.ro/images/ribbon.gif) repeat-y right top;*/
}

#language
{
	list-style-type: none;
	margin: 21px 0 0 54px;
}

#language li
{
	float: left;
	padding-right: 7px;
}

.separator
{
	margin: 58px 0 25px 6px;
	background: url(http://www.realnet.com.ro/images/separator.gif) no-repeat top left;
	text-indent: -9999px;
	padding: 0;
	width: 209px;
	height: 47px;
	
}

.grey-text
{
	margin-top: 26px;
	padding: 0 6px 0 10px;
	color: #7A7A7A;
	text-align: justify;
}

.tooltipClassbody
{
	background: #404A20;
	width: 254px;
	border: 1px solid #D8DAD1;
	padding: 5px;
	text-align: left;
	color: #939875;
	filter: alpha(opacity=95);
	opacity: 0.95;
}

.tooltipClassheader
{
	background: #ACABAB;
	width: 254px;
	border-top: 1px solid #D8DAD1;
	border-right: 1px solid #D8DAD1;
	border-left: 1px solid #D8DAD1;
	padding: 2px 5px;
	text-align: left;
	color: black;
	font-weight: bold;
	filter: alpha(opacity=80);
	opacity: 0.80;
}

.tooltipPrjbody
{
	background: #c4c7c0;
	padding: 10px;
	text-align: left;
	color: #939875;
	filter: alpha(opacity=90);
	opacity: 0.90;
}

#footer-nav
{
	list-style-type: none;
	padding: 20px 0 0 400px;
}

#footer-nav li
{
	float:left;
	padding-right: 14px;
}


#contact-info
{
	float:left;
	width: 159px;
	margin: -150px auto 0 0;
}

/*FOR IE ONLY*/
* html #contact-info
{
	position: relative;
	width: 159px;
	margin: -150px 0 72px 0px;
}

#side-contact
{
	margin: -88px 0 0 161px;
	position: relative;
}

#blind
{
	position: right;
	width: 10px;
	height: 88px;
	/*background: red;*/
	margin-top: -88px;
	margin-left: 10px;
	background: url(http://www.realnet.com.ro/images/contact_ribbon.gif) left top no-repeat transparent;
	display: none;
}

.expand
{
	width: 20px;
	display: block;
}

/* For IE*/
* html #contact-info .side-contact
{
	margin: -99px 0 0 161px;
	position: relative:
}

#contact-info p
{
	font-size: 0.9em;
	color: #868686;
	text-align: right;
	padding: 15px 15px 0 0;
}

#contact-info p img
{
	margin-bottom: 4px;
}

/************************
Projects
************************/
.projects-listing
{
	margin-left: 6px;
	width: 209px;
	height: 84px;
	background: url(http://www.realnet.com.ro/images/bg_grey_projects.gif) no-repeat top left;
}

.projects-listing img
{
	margin: 17px 0 0 3px;
}

.projects-listing p
{
	padding: 5px 0 0 3px;
	_padding: 3px 0 0 3px;
	color: #838383;
	font-size: 0.9em;
}

.projects-listing ul
{
	list-style-type: none;
	margin: -14px 0 0 155px;
}

* html .projects-listing ul
{
	float: right;
	list-style-type: none;
	margin: -14px 3px 0 0;
	
}

.projects-listing ul li
{
	float: left;
}

/************************
End Projects
************************/

/*Clients*/
.client-name
{
	margin: 15px 0 0 0;
	font-size: 1.5em;
	color: #282828;
	font-weight: bold;
}

.client-details
{
	/*margin: -13px 0 0 0;*/
}

/**************************
Links
**************************/
a
{
	color: #000099;
}

a:hover
{
	color: #0000FF;
	text-decoration: none;
}


.client-descr:link, .client-descr:visited
{
	display: inline;
	color: #933936;
	text-decoration: none;
	padding: 2px 10px 2px 30px;
	margin-left: 1px;
	background: url(http://www.realnet.com.ro/images/bullet_link.gif) 23px 60% no-repeat;
}

.client-descr:hover
{
	background: #CECFB7;
	color: black;
}

#top-nav .infolnk:link, #top-nav .infolnk:visited
{
	display: block;
	width: 30px;
	height: 26px;
	background: url(http://www.realnet.com.ro/images/but/but_info.gif) no-repeat left top;
	text-indent: -9999px;
	border-right: solid 1px #464F36;
}

#top-nav .infolnk:hover
{
	background: url(http://www.realnet.com.ro/images/but/but_info.gif) no-repeat left bottom;
	text-indent: -9999px;
}

#top-nav .onlinelnk:link, #top-nav .onlinelnk:visited
{
	display: block;
	width: 30px;
	height: 26px;
	background: url(http://www.realnet.com.ro/images/but/but_online.gif) no-repeat left top;
	text-indent: -9999px;
	border-right: solid 1px #464F36;
}

#top-nav .onlinelnk:hover
{
	background: url(http://www.realnet.com.ro/images/but/but_online.gif) no-repeat left bottom;
	text-indent: -9999px;
}

#top-nav .loginnk:link, #top-nav .loginnk:visited
{
	display: block;
	width: 29px;
	height: 26px;
	background: url(http://www.realnet.com.ro/images/but/but_login.gif) no-repeat left top;
	text-indent: -9999px;
}

#top-nav .loginnk:hover
{
	background: url(http://www.realnet.com.ro/images/but/but_login.gif) no-repeat left bottom;
	text-indent: -9999px;
}

#left-nav li a:link, #left-nav li a:visited
{
	color: #414B21;
	font-size: 0.9em;
	text-decoration: none;
	padding-right: 9px;
	background: url(http://www.realnet.com.ro/images/left_nav_bullet.gif) no-repeat right 50%;
	display: inline;
	height: 5px;
}

#left-nav li a:hover
{
	color: #9D110E;
	background: url(http://www.realnet.com.ro/images/left_nav_bullet_roll.gif) no-repeat right 50%;
}

#contact-info a:link, #contact-info a:visited
{
	color: #CA2825;
	text-decoration: none;
}

#contact-info a:hover
{
	color: #CA2825;
	text-decoration: underline;
}

#language .english:link, #language .english:visited
{
	display: block;
	width: 55px;
	height: 16px;
	text-indent: -9999px;
	background: url(http://www.realnet.com.ro/images/but/but_english.gif) no-repeat left top;
}

#language .english:hover
{
	display: block;
	width: 55px;
	height: 16px;
	text-indent: -9999px;
	background: url(http://www.realnet.com.ro/images/but/but_english.gif) no-repeat left bottom;
}

#language .romana:link, #language .romana:visited
{
	display: block;
	width: 56px;
	height: 16px;
	text-indent: -9999px;
	background: url(http://www.realnet.com.ro/images/but/but_romana.gif) no-repeat left top;
}

#language .romana:hover
{
	display: block;
	width: 56px;
	height: 16px;
	text-indent: -9999px;
	background: url(http://www.realnet.com.ro/images/but/but_romana.gif) no-repeat left bottom;
}

.project-info
{
	display: block;
	background: url(http://www.realnet.com.ro/images/but/but_project.jpg) no-repeat left top;
	width: 24px;
	height: 14px;
	text-indent: -9999px;
}

.project-info:hover
{
	display: block;
	background: url(http://www.realnet.com.ro/images/but/but_project.jpg) no-repeat left bottom;
	width: 24px;
	height: 14px;
	text-indent: -9999px;
}

.check-project:link, .check-project:visited
{
	display: block;
	background: url(http://www.realnet.com.ro/images/but/but_project.jpg) no-repeat -24px top;
	width: 24px;
	height: 14px;
	text-indent: -9999px;
}

.check-project:hover
{
	display: block;
	background: url(http://www.realnet.com.ro/images/but/but_project.jpg) no-repeat -24px bottom;
	width: 24px;
	height: 14px;
	text-indent: -9999px;
}

#projects-list a:link, #projects-list a:visited
{
	display: inline;
	color: black;
	text-decoration: none;
	padding: 2px 10px 2px 30px;
	margin-left: 1px;
}

#projects-list a:hover
{
	background: #CECFB7;
}

.a-inline a:link, .a-inline a:visited
{
	display: inline;
	color: black;
	text-decoration: none;
	padding: 2px 10px 2px 23px;
}

.a-inline a:hover
{
	background: #CECFB7;
}

#footer-nav a:link, #footer-nav a:visited
{
	color: #939875;
	text-decoration: none;
}

#footer-nav a:hover
{
	text-decoration: underline;
}

.acontact:link, .acontact:visited
{
	display: block;
	width: 10px;
	height: 88px;
	background: url(http://www.realnet.com.ro/images/contact_ribbon.gif) left top no-repeat transparent;
	text-indent: -9999px;
}

.acontact:hover
{
	display: block;
	width: 20px;
	height: 88px;
	background: url(http://www.realnet.com.ro/images/contact_ribbon.gif) left top no-repeat transparent;
	text-indent: -9999px;
}

.acontacthover:link
{
	display: block;
	width: 20px;
	height: 88px;
	background: url(http://www.realnet.com.ro/images/contact_ribbon.gif) left top no-repeat transparent;
	text-indent: -9999px;
}

.press-source:link, .press-source:visited
{
	color: #989980;
	text-decoration: none;
}

.press-source:hover
{
	color: #989980;
	text-decoration: underline;
}

/*
.athumb:link, .athumb:visited
{
	border: 3px solid #CECFB7;
	display: block;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: 0;
}

.athumb:hover
{
	border: 3px solid #91927B;
	width: 24px;
	height: 24px;
}
*/

#project-gallery a:link, #project-gallery a:visited
{
	border: 3px solid #CECFB7;
	display: block;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: 0;
}

#project-gallery a:hover
{
	border: 3px solid #91927B;
	width: 24px;
	height: 24px;
}

#project-gallery .active:link, #project-gallery .active:visited
{
	border: 3px solid #72735F;
	/*border: 3px solid red;*/
	display: block;
	width: 24px;
	height: 24px;
}

#project-gallery .active:hover
{
	border: 3px solid #91927B;
	width: 24px;
	height: 24px;
}


#tech
{
	margin-top: 40px;
}

.solutions
{
	margin-left: 25px;
}




.promo-pic
{
	display: block;
	width: 203px;
	height: 65px;
}

.project-pic span
{
	display: none;
}

.project-pic:hover span
{
	position: absolute;
	width: 24px;
	height: 50px;
	text-indent: -9999px;
	background: url(http://www.realnet.com.ro/images/project_pic_roll.gif) no-repeat top left;
}

html>body .project-pic:hover span
{
	position: absolute;
	display: block;
	width: 24px;
	height: 50px;
	text-indent: -9999px;
	background: url(http://www.realnet.com.ro/images/project_pic_roll.gif) no-repeat top left;
	margin-top: 17px;
	margin-left: 183px;
	opacity: 0.7;
}


form
{
	margin: 0;
	padding: 0;
}

input
{
	border: 1px solid #999999;
	color: #444444;
	font-size: 1em;
}

select
{
	border: 1px solid #999999;
	font-size: 1em;
	color: #444444;
}

textarea
{
	border: 1px solid #999999;
	color: #444444;
}

.form-section
{
	color: #AB403D;
	font-size: 1.3em;
}

.submit
{
	background: #4F4F4F;
	border: 2px solid black;
	color: #BABABA;
	font-weight: bold;
	padding: 2px;
	cursor: pointer;
}

fieldset
{
	border: 1px solid black;
	_padding-left: 20px;
	margin-left:23px;
	width: 453px;
	_width: 0;
}

legend
{
	margin-left: 10px;
}

.passkey {
	display:block;
	display:none;
}