* {
	margin:		0;
	border:		0;
	padding:	0;
	outline:	0;
}

html {
  width:  		100%;
  height: 		auto;
}

body {
  width:        100%;
  height:       auto;
  font-family:	Verdana, Sans-Serif;
  font-size:    11px;
  color:        #2F2F2F;
  background:	#fff url('../img/top-bg.png') top left repeat-x;
}

table {
	border-collapse:  collapse;
	empty-cells:      show;
}

td {
	width:						50%;
	vertical-align:		middle;
}

a {
  color:						#333;
  text-decoration:  none;
  cursor:						pointer;
}

a:hover {
  text-decoration:  none;
}

p {
	text-align:	justify;
}

ul {
  list-style:	none;
}

fieldset {
	display:	inline;
}

input {
	display:		inline-block;
	margin:			2px 0;
	border:			1px solid #C58BC5;
	width:			330px;
	padding:		2px;
	background:	#FFEAFF;
	color:			#000;
	font-size:	12px;
}

input.search {
	display:			inline-block;
	margin:				0 5px;
	border:				1px solid #C58BC5;
	border-width:	0 0 1px 0;
	width:				152px;
	padding:			2px;
	background:		#FFEAFF;
	color:				#999;
	font-size:		12px;
	text-align:		center;
}

input#agree {
	display:			inline-block;
	margin:				0;
	border:				0;
	width:				auto;
	padding:			0;
	background:		transparent;
}

textarea {
  overflow:     auto;
	margin:				2px 0;
	border:				1px solid #C58BC5;
	width:				330px;
	height:				135px;
	padding:			2px;
	background:		#FFEAFF;
	color:				#000;
	font-size:		11px;
	font-family:  Verdana, Sans-Serif;
}

span.button {
	display:			inline-block;
	margin:				2px 0;
	width:				66px;
	height:				23px;
	line-height:	23px;
	text-align:		center;
	font-size:		10px;
	color:				#fff;
	background:		#C58BC5;
	cursor:				pointer;
}

span#reset {
	float:	left;
}

span#submit {
	float:	right;
}


/* ----------------------------------------------------------- */


div#centered {
  overflow:		hidden;
  position:		relative;
  z-index:  	1;
  margin:   	0 auto;
  width:    	990px;
  height:   	auto;
  padding:		312px 0 20px 0;
  background:	url('../img/header.jpg') 0 0 no-repeat;
}

div#logo {
	position:	absolute;
	top:		42px;
	left:		0;
	width:		159px;
	height:		191px;
}

div#slogan {
	position:	absolute;
	top:		158px;
	right:		0;
	width:		290px;
	height:		75px;
	background:	url('../img/firststeps-slogan.png') no-repeat;
}


div#language {
  position: absolute;
  top:      320px;
  right:   	30px;
}

div#language a {
  margin-right:  6px;
}

div#language a img {
  border:	1px solid #999;
}

div#language a.selected {
}

div#top_nav {
	position:	absolute;
	top:		10px;
	right:		0;
}

div#top_nav a {
	color:			#fff;
	margin-left:	10px;
}

div#search {
	position:			absolute;
	top:		  		11px;
	right:		  	0;
	line-height:	21px;
	color:				#F81B22;
}

/*
div#menu_l {
	position: 	absolute;
	top:		258px;
	left:		0;
	width:		19px;
	height:		54px;
	background:	url('../img/menu_l.png') top left no-repeat;
}

div#menu_r {
	position: 	absolute;
	top:		258px;
	right:		0;
	width:		19px;
	height:		54px;
	background:	url('../img/menu_r.png') top left no-repeat;
}
*/

ul#main_menu {
	position:	absolute;
	top:		258px;
	left:		0;
	width:      990px;
    list-style:	none;
    background:	#f3e9f2;
}

ul#main_menu li {
	float:  	left;
}

ul#main_menu li a {
  display:      	block;
  float:        	left;
  /*margin:			0 1px;*/
  height:       	54px;
  line-height:  	54px;
  padding:			0 25px;
  color:			#7F2881;
  font-size:		13px;
  /*
  text-transform:	uppercase;
  */
  background:		url('../img/menu-separator.png') center right no-repeat;
}

ul#main_menu li a:hover {
	color:	#000;
	/*text-decoration:	none;*/
	/*background:	url('../img/main_menu/arrow.png') center 14px no-repeat;*/
}

ul#main_menu li a.selected, ul#main_menu li a.selected:hover {
	/*
	background:	url('../img/menu_bg_on.png') top left repeat-x;
	*/
}

/*
ul#main_menu li a:link, ul#main_menu li a:visited, ul#main_menu li a:active {
	text-decoration:	none;
	color:				transparent;
}
*/



div#contener {
	overflow:		hidden;
	width:			964px;
	padding:		75px 13px 0 13px;
	background:	url('../img/contener-top-bg.jpg') 0 0 no-repeat;
}


div#left_contener {
display:	inline;
  float:    left;
  width:    421px;
  height:   auto;
}

/*
h2 {
	margin-top:			3px;
	line-height:		31px;
	padding:				0 14px;
	background:			#878787;
	text-align:			right;
	text-transform:	uppercase;
	color:					#fff;
	font-size:			12px;
	font-weight:		normal;
}
*/

div.box-white, div.box-grey {
	border:				4px solid #fff;
	border-width:	4px 0;
  height:   		auto;
  padding:			20px 0;
  text-align:		center;
  font-family:	Sans-Serif;
}

div.box-white {
	width:    206px;
	padding:	31px 15px;
}

div.box-grey {
	width:    	234px;
	margin:			0 1px;
	background:	#F7F7F7;
}

div.box-white a {
	color:	#828282;
}

div.box-white img, div.box-grey img {
	display:	block;
	margin:		20px auto;
}

div.box-white strong, div.box-grey strong {
	display:	block;
}


div#right_contener {
  display:	inline;
  float:    right;
  width:    517px;
  height:   auto;
  padding:	0 0 25px 26px;
}

div#content {
	overflow:		hidden;
	width:			517px;
	height:			auto;
}

div#content h1 {
	margin-bottom:	10px;
	border-bottom:	1px solid #C1C1C1;
	padding:		0 0 3px 0;
	color:			#812882;
	font-weight:	normal;
	font-size:		18px;
	font-style:		italic;
	/*background:	url('../img/grey-square.png') 0 3px no-repeat;*/
}

div#content img {
	float:	left;
	margin:	0 10px 0 0;
}

div#content a {
	text-decoration:	underline;
}

div#content ul {
  list-style:	none;
	margin:			10px 0;
}

div#content ul li {
  margin:       0;
  border:       0;
  padding:      2px 0 2px 18px;
  background:   url('../img/pointer.png') 7px 8px no-repeat; 
}



a.more {
	display:	block;
	padding:	5px 0;
	color:		#acacac;
}


div#stripe {
	overflow:	hidden;
	width:      100%;
	height:		auto;
	/*background:	#F8F0F7 url('../img/bottom-bg.png') top left repeat-x;*/
	background:	#fff url('../img/bottom-bg.png') top left repeat-x;
}

div#footer {
	overflow:	hidden;
  	margin:		0 auto;
	width:		900px;
	padding:	30px 77px 30px 13px;
	
	color:		#A4A4A4;
	font-size:	11px;
	background:	url('../img/firststeps-logo-bottom.png') 923px 20px no-repeat;
}

div#footer-menu {
	overflow:		hidden;
	padding:		7px 0;
}

div#footer-menu a {
  	padding-right:	20px;
  	font-size:		11px !important;
	color:			#802781 !important;
}

div#footer-menu a:hover, div#footer-menu a.selected {
	color:	#C58BC5 !important;
}

div#footer a {
	color:			#A4A4A4;
	font-size:	11px;
}

div#footer a:hover {
	color:	#656565;
}

div#footer a.copyright {
	float:	right;
}

div#footer span {
	float:	left;
}


div.pages {
  margin:     15px auto;
  width:      100%;
  text-align: center;
}

div.pages a {
	text-decoration:	none !important;
}


div.back {
  clear:	  both;
  padding-top: 25px;
}

div.back a {
  font-weight:      normal;
  text-decoration:	none !important;
}


table#contact {
	margin:	10px 0;
	width:	100%;
}

table#contact td {
	padding:	5px 35px 5px 0;
}

td.message {
	padding-top:			7px;
	vertical-align:		top;
}

div#wrapp-layer {
	position:	relative;
}

div.loader {
	position:	absolute;
	top:			250px;
	left:			400px;
}


div.clear {
  clear:  both;
}


ul.subpagesList {
	margin:	20px 0;
}

ul.subpagesList li {
	margin-bottom:	15px;
}

ul.subpagesList li a {
	font-weight:			bold;
	text-decoration:	none !important;
}

div#left_contener h1 {
	margin-bottom:	10px;
	border-bottom:	1px solid #C1C1C1;
	padding:		0 0 3px 0;
	color:			#812882;
	font-weight:	normal;
	font-size:		18px;
	font-style:		italic;
	/*background:	url('../img/grey-square.png') 0 3px no-repeat;*/
}

div#news {
	padding:		0 0 20px 0;
	/*background:	url('../img/news.png') top right no-repeat;*/
}

div#news .item {
	margin-bottom:	10px;
	padding:		10px;
	border:			1px solid #C58BC5;
	background:		#FFEAFF;
}

div#news .item h2 {
	/*color:		#333;*/
	font-size:	11px;
}

div#news .item p {
	margin:		0;
	padding:	0;
	text-align:	left;
}

div#news .item a {
	/*
	color:	#333;
	*/
}

div#news .item a.more {
	padding-top:	3px;
	font-style:		italic;
	color:			#666;
}

div#flash_contact {
	margin:			25px auto 0 auto;
	width:			180px;
	height:			220px;
}

div#scrollup {
	overflow:	hidden;
	position:	relative;
	margin:		0 6px 20px 6px;
	border:		1px solid #C58BC5;
	height:		200px;
	background:	#FFEAFF;
}

div.headline {
	position:	absolute;
	top:		210px;
	left:		0px;
	height:		185px;
	padding:	5px 10px;
	/*
	width:		190px;
	*/
}



div.banner {
	margin:	0 auto 20px auto;
	width:	220px;
}

ul.green, ul.red, ul.blue {
	display:		none;
  list-style: none;
	margin:			5px 0 20px 15px;
}

ul.green li {
  padding:      2px 0 2px 10px;
	/*color:				#A6A194;*/
	font-size:		12px;
  background:   url('../img/li_green_square.gif') 0 8px no-repeat; 
}

ul.red li {
  padding:      2px 0 2px 10px;
	/*color:				#A6A194;*/
	font-size:		12px;
  background:   url('../img/li_red_square.gif') 0 8px no-repeat; 
}

ul.blue li {
  padding:      2px 0 2px 10px;
	/*color:				#A6A194;*/
	font-size:		12px;
  background:   url('../img/li_blue_square.gif') 0 8px no-repeat; 
}

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:184px;
width:288px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}

