@charset "utf-8";
/* CSS Document */


/******************************
css document
site: test-project
author: olga.grabek@gmail.com 
last modified: 11.07.2008
destination: defines css styles
for site www.eyecon.pl
******************************/

/* general styles */
body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, blockquote
{
	padding: 0;
	margin:0;	
}

h1, h2, h3, h4, h5, h6, pre, code
{
	font-size:100%;
}

a
{
	text-decoration:none;
	color: #5F5F5F;
}

a img
{
	border:0;
}

body
{
	font-size: small;
	font-family: Verdana, sans-serif;
	margin-top: 4px;
	width: 100%;
	color: #5F5F5F;
}

/* wrapper */
#wrapper
{
	width: 942px;
	margin: 0 auto;
	overflow: hidden;
}

/* top of the site */

/* sidebar-top */
#sidebar-top
{
	width: 237px;
	float: left;
	margin-left: -942px;
	background-color: #8C8C8C;
	height: 23px;
}

/* main-content-top */
#main-content-top
{
	width: 703px;
	float: left;
	margin-left: 239px;
	background-color: #B2B2B2;
	display: inline;
	height: 23px;
}

/* top-menu */
#top-menu
{
	list-style: none;
	width: 703px;
	overflow:hidden;
}

#top-menu li
{
	float: right;
	overflow:hidden;
}

#top-menu li a
{
	display: block;
	height:23px;
	overflow: hidden;
	text-indent: -666em;
}

#top-menu li a#top-menu-menu.active,
#top-menu li a#top-menu-mapka.active,
#top-menu li a#top-menu-kontakt.active
{
	background-position: 0 -23px;
}

#top-menu li a#top-menu-menu:hover,
#top-menu li a#top-menu-mapka:hover,
#top-menu li a#top-menu-kontakt:hover
{
	background-position: 0 -23px;
}

#top-menu li a#top-menu-menu
{
	background: #B2B2B2 url(../img/top-menu-menu-bg.gif) top center no-repeat;
	width: 65px;
}
#top-menu li a#top-menu-mapka
{
	background: #B2B2B2 url(../img/top-menu-mapka-bg.gif) top center no-repeat;
	width: 65px;
}


#top-menu li a#top-menu-kontakt
{
	background: #B2B2B2 url(../img/top-menu-kontakt-bg.gif) top center no-repeat;
	width: 72px;
}

#top-menu li a#top-menu-polish-flag
{
	background: #B2B2B2 url(../img/polish-flag-bg.gif) top center no-repeat;
	width: 21px;
	margin:0 10px 0 20px;
}

#top-menu li a#top-menu-english-flag
{
	background: #B2B2B2 url(../img/english-flag-bg.gif) top center no-repeat;
	width: 21px;
	margin-right: 10px;
}




/* main content of the page */
/* center */
#center
{
	clear:both;
	border-top: 2px solid #fff;
	overflow: hidden;
}

/* sidebar-center */
#sidebar-center
{
	width: 237px;
	float: left;
	margin-left: -942px;
	background: transparent url(../img/sidebar-center-bg.gif) top left repeat-x;
	position: relative;
	min-height: 637px;
	

}

#sidebar-center h1
{
	height: 255px;
	background: transparent url(../img/logo3.jpg) top center no-repeat;
	text-indent: -666em;
}

#sidebar-center a#go-home
{
	position: absolute;
	top: 0;
	left: 0;
	display:block;
	height: 200px;
	width: 237px;
}

#sidebar-center #sidebar-menu
{
	padding: 0px 0 10px 0px;
	list-style: none;
	background-color: #F8F8F8;
}

#sidebar-center #sidebar-menu li.main-section
{
	display: inline;
}

#sidebar-center #sidebar-menu li.main-section a
{
	background: transparent url(../img/sidebar-menu-bg.gif) top left no-repeat;
	display: block;
	height: 18px;
	font-weight: bold;
	font-size:90%;
	padding: 0px 0 0px 29px;
	border-top:1px solid #fff;
	color: #6D284F;
	line-height: 140%;

}

#sidebar-center #sidebar-menu li.main-section a:hover,
#sidebar-center #sidebar-menu li#active-sidebar.main-section a
{
	background-position: 0 -18px;
}


#sidebar-center #sidebar-menu ul.main-section-submenu
{
	list-style: none;
	padding: 2px 0 2px 0px;
}

#sidebar-center #sidebar-menu ul.main-section-submenu li
{	
	display: inline;	
}

#sidebar-center #sidebar-menu ul.main-section-submenu li a,
#sidebar-center #sidebar-menu li#active-sidebar.main-section ul.main-section-submenu li a
{
	display: block;
	background: transparent url(../img/pointer_sidebar_menu.gif) 20px 3px no-repeat;
	padding: 0 0 0 30px;
	font-size: 80%;
	border-top: 0;
	line-height: 110%;
	color: #4F4F4F;
	font-weight:normal;
	height: 12px;
}

#sidebar-center #sidebar-menu ul.main-section-submenu li a:hover,
#sidebar-center #sidebar-menu li#active-sidebar ul.main-section-submenu li a:hover
{
	background: #E4E4E4 url(../img/pointer_sidebar_menu_active.gif) 20px 3px no-repeat;

}


/* main-content-center */
#main-content-center
{
	width: 703px;
	float: left;
	margin-left: 239px;
	display: inline;


}

/* main-menu-wrapper */
#main-menu-wrapper
{
	height: 32px;
	background: #4F1432 url(../img/main-menu-bg.gif) bottom center no-repeat;
	border-top: 2px solid #fff;
	overflow: hidden;

}

#main-menu-wrapper ul
{
	list-style: none;
	overflow: hidden;
	height: 32px;
	margin-left: 11px;
}

#main-menu-wrapper ul li
{
	float:left;
	overflow: hidden;

}

#main-menu-wrapper ul li a
{
	display:block; 
	font-size:1.1em; 
	text-decoration:none; 
	text-indent:-666em; 
	height:38px;
}

#main-menu-wrapper ul li a#partners
{
	width: 134px;
	height: 32px;
	background: url(../img/main-menu-partners-bg.gif) no-repeat;
}

#main-menu-wrapper ul li a#consulting
{
	width: 96px;
	background: url(../img/main-menu-consulting-bg.gif) no-repeat;
	height:32px;
}

#main-menu-wrapper ul li a#consulting:hover,
#main-menu-wrapper ul li a#hr:hover,
#main-menu-wrapper ul li a#studio:hover,
#main-menu-wrapper ul li a#training:hover,
#main-menu-wrapper ul li a#law:hover,
#main-menu-wrapper ul li a#finance:hover,
#main-menu-wrapper ul li a#house:hover,
#main-menu-wrapper ul li a#partners:hover
{
	background-position: 0 -32px;
}

#main-menu-wrapper ul li a#consulting.main-menu-active,
#main-menu-wrapper ul li a#hr.main-menu-active,
#main-menu-wrapper ul li a#studio.main-menu-active,
#main-menu-wrapper ul li a#training.main-menu-active,
#main-menu-wrapper ul li a#law.main-menu-active,
#main-menu-wrapper ul li a#finance.main-menu-active,
#main-menu-wrapper ul li a#house.main-menu-active,
#main-menu-wrapper ul li a#partners.main-menu-active
{
	background-position: 0 -32px;
}

#main-menu-wrapper ul li a#finance
{
	width: 70px;
	height: 32px;
	background: url(../img/main-menu-finance-bg.gif) no-repeat;
}

#main-menu-wrapper ul li a#law
{
	width: 44px;
	height: 32px;
	background: url(../img/main-menu-law-bg.gif) no-repeat;
}

#main-menu-wrapper ul li a#hr
{
	width: 140px;
	height: 32px;
	background: url(../img/main-menu-hr-bg.gif) no-repeat;
}

#main-menu-wrapper ul li a#training
{
	width: 76px;
	height: 32px;
	background: url(../img/main-menu-training-bg.gif) no-repeat;
}

#main-menu-wrapper ul li a#studio
{
	width: 61px;
	height: 32px;
	background: url(../img/main-menu-studio-bg.gif) no-repeat;
}

#main-menu-wrapper ul li a#house
{
	width: 59px;
	height: 32px;
	background: url(../img/main-menu-house-bg.gif) no-repeat;
}

/* main-content-text */
#main-content-text
{
	margin: 44px 44px 0 44px;
	overflow: hidden;
	font-size:82%;
}



#main-content-text #we-can-help
{
	float: right;
	margin: 20px 0 20px 20px;
}

#main-content-text p
{
	margin: 20px 0;
	text-align: justify;
}

#main-content-text a.more-link
{
	display: block;
	background: transparent url(../img/more-link-bg.gif) 0 12px repeat-x;

}

#main-content-text a.more-link img
{
	margin-left: 563px;
}

/* main-content-text-all -> rest of the site */
#main-content-text-all
{
	margin: 44px 0px 0px 44px;
	padding-right: 44px;
	overflow: auto;
	font-size: 82%;

}

#main-content-text-all h2,
#main-content-text h2
{
	font-size:255%; 
	font-weight:normal; 
	letter-spacing:0.06em;
	color:#6D284F;
	background: transparent url(../img/main-content-text-h2-line.gif) left bottom no-repeat;
	padding-bottom: 5px;
}

#main-content-text-all #partners-list
{
	list-style: none;
	margin-left:0;
}

#main-content-text-all #partners-list li
{
	display: block;
	clear: right;
	text-align: justify;
}

#main-content-text-all h2.partners-header-2
{
	font-size:255%; 
	font-weight:normal; 
	letter-spacing:0.06em;
	color:#6D284F;
	background: transparent url(../img/main-content-text-h2-partne.gif) left center no-repeat;
	padding-left:35px;
	margin-top: 30px;
}

#main-content-text-all h3.partners-header-3
{
	font-size: 180%;
	color: #7A7A7A;
	font-weight: normal;
	margin: 0 0 20px 35px;
}

#main-content-text-all .partner-img
{
	float:right;
	margin: 0 0 10px 10px;
}

#main-content-text-all h3
{
	font-weight:bold;
	margin: 20px 0;
	font-size: 130%;
	color: #6D284F;
}

#main-content-text-all h3 a
{
	color: #6D284F;
	text-decoration:none;
}

#main-content-text-all p
{
	margin: 12px 0;
}

#main-content-text-all .adventures
{
	font-weight: bold;
	font-style:italic;
}

#main-content-text-all ul, #main-content-text-all ol
{
	margin-left: 25px;
}

#main-content-text-all a
{
	font-weight: bold;
	text-decoration: underline;
}
	

#main-content-text-all .contact-person-list p.contact-list-bg
{
	background: #fff url(../img/squere-list-img.gif) 0 4px no-repeat; 
	padding-left:15px;
}

#main-content-text-all .contact-person-list p a.email-link
{
	font-weight: normal;
}


/* house->galery */
#main-content-text-all #screen
{
	list-style: none;
	width: 600px;
	display: inline;
	margin-left: 0px;
}

#main-content-text-all #screen .jq-ss-crop
{
	margin:10px 0px 10px 3px;
	float:left;				
}

#main-content-text-all #screen #left, #main-content-text-all #screen #right
{
	font-weight:bolder;
	font-size:12px;
	display:block;
	text-decoration:none;
	color:black;
	width: 60px;

}


#main-content-text-all #screen #left 
{
	float: left;
	margin-left: 205px;
	display: inline;
}

#main-content-text-all #screen #right 
{
	float: right;
	margin-right: 201px;
	display: inline;
}

#main-content-text-all #screen #view
{
	margin:0px;
	width:572px;
	border:1px white solid;
	height:225px;
	overflow:hidden;
}

#main-content-text-all #screen #view #images{
		width:5020px !important;
		width:3182px;
		padding:0;
		list-style: none;
		margin-left: 0;
}

#main-content-text-all #screen #view #images li img
{
		border: 0;
}

/* house->contact */
#main-content-text-all #house-contact
{
	clear:left;
	padding-top: 10px;
	position: relative;
	width: 100%;
	height: 7em;
}

#main-content-text-all img.contact-house
{
	float: right;
	padding-top: 20px;
}

/* index2->2 coloumn */
#main-content-text-all-col-1
{
	width: 270px;
	float:left;
	text-align:justify;
}

#main-content-text-all-col-2
{
	width: 270px;
	float:right;
	text-align:justify;
}

#main-content-text-all-col-1 a.more-link, 
#main-content-text-all-col-2 a.more-link
{
	display: block;
	background: transparent url(../img/more-link-bg.gif) 0 12px repeat-x;
}

#main-content-text-all-col-1 a.more-link img, 
#main-content-text-all-col-2 a.more-link img
{
	margin-left: 220px;
}

/* references */
#main-content-text-all #firts-row-references
{
	list-style: none;
	padding: 20px 0 20px 0;
}

#main-content-text-all #firts-row-references li
{
	float: left;
	margin: 0 0 20px 20px;
}

#main-content-text-all #firts-row-references li.second-row
{
	margin-left:114px;
	display: inline;
}

/* contact-person */
#contact-person
{
	margin: 20px 0;
}

#contact-person-home-site
{
	margin:20px 44px;
}

#contact-person .red-italic, #contact-person-home-site .red-italic
{
	color: #4F1432;
	font-style:italic;
}

#contact-person a.email-link, #contact-person-home-site a.email-link
{
	background: #fff url(../img/email-icon.gif) center left no-repeat;
	padding: 12px 0px 12px 34px;
	margin-left:10px;
	text-decoration: underline;
}

#main-content-text-all a.email-link
{
	background: #fff url(../img/email-icon.gif) center left no-repeat;
	padding: 12px 0px 12px 34px;
	margin-left:10px;
	text-decoration: underline;
}

#main-content-text-all .first-contact
{
	width: 300px;
	padding-bottom:20px;
	background: #fff url(../img/more-link-bg.gif) bottom left repeat-x;
}

#main-content-text-all .first-contact p a.email-link
{
	font-weight: normal;
}

/* footer */
#footer
{
	clear: both;
	overflow: hidden; 
	position:relative;
	font-size: 80%;

}

#footer-center
{
	width: 703px;
	float: left;
	margin-left: 239px;
	background: #fff url(../img/footer_center_bg_05.gif) top left no-repeat;
	display: inline;
	padding-top:14px;
	height: 60px;
	color: #A0A0A0;
}

#footer-center img
{
	margin:0 10px 0 20px;
	float: left;
}

#footer-center ul
{
	list-style: none;
}

#footer-center ul li
{
	display: inline;
}

#footer-center ul li a
{
	color: #A0A0A0;
}

#footer-center ul li a:hover
{
	text-decoration: underline;
}

#footer-center p
{
	margin-left: 65px;
}

#footer-center p.smartbit
{
	text-align:right; 
	margin-right:10px;
}

#footer-sidebar
{
	width: 237px;
	float: left;
	margin-left: -941px;
	background: #fff url(../img/footer_sidebar_bg_03.gif) top left no-repeat;
	height: 70px;
}