body {
	background: #131315 repeat-x;
	background-image: url("../images/public/background.png"); 
	font-family: Arial;
	font-size: 11px;
	color: #5c5c5e;
}

a {
	color: #b4d532;
}

a:focus {
  -moz-outline: none;
}

#wrapper {
	width: 895px;
	margin: 0 auto;
}

#header {
	padding: 14px 0 18px;
	position: relative;
}

#header a.logo {
	text-indent: -10000px;
	height: 40px;
	width: 436px;
	display: block;
	background: repeat-x;
  background-image: url('../images/public/sprites/main.png');
  background-position: -0px top;
}

#header ul.navigation {
	color: #b1d039;
	list-style-type: none;
	position: absolute;
	top: 28px;
	right: 0;
}

#header ul.navigation a {
	color: #b1d039;
}

#header ul.navigation li {
	float: left;	
}

#header ul.navigation li span {
	margin: 0 9px;	
}

#header ul.navigation li.active a {
	color: #b4b4b4;
	/* font-weight: bold; */
}

#homeSlider {
	margin-bottom: 13px;
}

#homeSlider ul.tabs {
	list-style-type: none;
}

#homeSlider ul.tabs li {
	float: left;
	background: right top no-repeat;
	background-image: url("../images/public/carousel-right.jpg");
	padding-right: 3px;
	margin-right: 2px;
}

#homeSlider ul.tabs li a {
	text-align: center;
	width: 216px;
	display: block;
	height: 43px;
	line-height: 43px;	
	background: left top no-repeat;
	background-image: url("../images/public/carousel-left.jpg");
	padding-left: 3px;
	color: #9f9fa1;
	font-weight: bold;
}

#homeSlider ul.tabs li a:hover {
	text-decoration: none;	
}

#homeSlider ul.tabs li.last {
	margin-right: 0;	
}

#homeSlider ul.tabs li.last a {
	width: 217px;
}

#homeSlider ul.tabs li.selected {
	background-image: url("../images/public/carousel-right-active.jpg");
}

#homeSlider ul.tabs li.selected a {
	background-image: url("../images/public/carousel-left-active.jpg");
	color: #333;
}

#homeSlider ul.tabs li:hover {
	background-position: right 3px;
}

#homeSlider ul.tabs li:hover a {
	background-position: left 3px;
}

#homeSlider ul.tabs li.selected:hover {
	background-position: right top;
}

#homeSlider ul.tabs li.selected:hover a {
	background-position: left top;
}

#homeSlider .container {
	background: repeat-x;
	backgorund-image: url("../images/public/carousel-container.jpg");
}

#homeSlider .container {
	background: repeat-x;
	background-image: url("../images/public/carousel-container.jpg");
	clear: both;
}

#homeSlider .containerLeft {
	background: left top no-repeat;
	background-image: url("../images/public/carousel-container-left.jpg");
}

#homeSlider .containerRight {
	background: right top no-repeat;
	background-image: url("../images/public/carousel-container-right.jpg");
	height: 326px;
	position: relative;
}

#homeSlider .scroll {
    height: 326px;
    width: 895px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    visibility: hidden;
}

#homeSlider .scrollContainer div.panel {
    height: 326px;
    width: 865px;
    padding-left: 30px;
    background: right top no-repeat;
    background-image: url("../images/public/carousel-panel.png");
}

#homeSlider .panel h1 {
	font-size: 40px;
	line-height: 1;	
	margin: 55px 0 0;
	width: 337px;
	padding-bottom: 50px;
	border-bottom: 1px solid #ccc;
}

#homeSlider .panel .text {
	width: 337px;
	border-top: 1px solid #fff;
	padding-top: 8px;
}

#homeSlider .panel .text a {
	color: #748b17;
}

#homeSlider .panel .text p {
	margin-bottom: 10px;	
}

#homeSlider .panel .text ul {
	list-style-type: none;
	font-size: 12px;
	font-weight: bold;	
}

#homeSlider .panel .text ul li {
	height: 17px;
	line-height: 17px;
	background: no-repeat;
	background-image: url("../images/public/tick.png");
	padding-left: 20px;
	margin-bottom: 10px;
}

#homeSlider .panel .thumb {
	position: absolute;
	right: 0;
	top: 0;	
}

#homeSlider .scrollLeft, #homeSlider .scrollRight {
	height: 26px;
	width: 33px;
	position: absolute;
	top: 280px;
	text-indent: -100000px;
	cursor: pointer;
}

#homeSlider .scrollLeft {
	left: 28px;	
	background-image: url("../images/public/slider-left.png");
}

#homeSlider .scrollRight {
	left: 338px;	
	background-image: url("../images/public/slider-right.png");
}

#homeSlider .scrollLeft:hover {
	top: 281px;	
}

#homeSlider .scrollRight:hover {
	top: 281px;	
}

#latestProjects {
	float: left;
	width: 610px;
	background: repeat-x;
	background-image: url("../images/public/latest-projects.jpg");
	margin: 0 13px 10px 0;
}

#latestProjects .left {
	background: left top no-repeat;
	background-image: url("../images/public/latest-projects-left.jpg");
}

#latestProjects .right {
	background: right top no-repeat;
	background-image: url("../images/public/latest-projects-right.jpg");
	height: 209px;
	padding: 18px 0 0 11px;
}

#latestProjects h3 {
	text-indent: -10000px;
	margin: 0 0 8px 2px;
	height: 13px;
	overflow: hidden;
	width: 124px;
  background-image: url('../images/public/sprites/main.png');
  background-position: -436px top;
}

#latestProjects .project {
	float: left;
	margin-right: 2px;
	width: 290px;
	overflow: hidden;
	cursor: pointer;
}

#latestProjects .project a {
	color: #e9e9e9;
}

#latestProjects .project div.image {
	padding: 3px;
	margin-bottom: 9px;
}

#latestProjects .project div.image a {
	overflow: hidden;	
	width: 284px;
	display: block;
	height: 127px;
}

#latestProjects .project h4 {
	font-size: 12px;
	font-weight: bold;
	color: #b5d533;
	margin-bottom: 4px;	
}

#latestProjects .project:hover div.image {
	background: url("../images/public/latest-projects-hover.jpg");
}

#latestProjects .project:hover h4 {
	color: #fff;	
}

#rightLinks {
	float: left;
	width: 272px;
}

#rightLinks a {
	display: block;
	height: 57px;
	width: 100%;
	float: left;
	text-indent: -10000px;
}

#rightLinks a.twitter {
  background-image: url('../images/public/sprites/main.png');
  background-position: -560px top;
	height: 85px;
	margin-bottom: 13px;
}

#rightLinks a.portfolio {
  background-image: url('../images/public/sprites/main.png');
  background-position: -832px top;
}

#rightLinks a.aboutUs {
  background-image: url('../images/public/sprites/main.png');
  background-position: -1104px top;
	margin-bottom: 13px;
}

#rightLinks a.twitter:hover {
  background-image: url('../images/public/sprites/main.png');
  background-position: -1376px top;
}

#rightLinks a.portfolio:hover {
  background-image: url('../images/public/sprites/main.png');
  background-position: -1648px top;
}

#rightLinks a.aboutUs:hover {
  background-image: url('../images/public/sprites/main.png');
  background-position: -1920px top;
}

#content {
	background: left top repeat-y;
	background-image: url("../images/public/content.png");
	margin-bottom: 15px;
	float: left;
}

#content .contentTop {
	background: left top no-repeat;
	background-image: url("../images/public/content-top.png");
	float: left;
}

#content .contentBottom {
	background: left bottom no-repeat;
	background-image: url("../images/public/content-bottom.png");
	float: left;
}

#content .page {
	float: left;
	padding: 8px 28px 20px 28px;
	width: 553px;
	font-size: 12px;
	min-height: 400px;
	_height: 400px;
}

#content .page ol, #content .page ul {
	list-style-position: inside;
}

#content .offsetPage {
	padding-bottom: 45px;
	position: relative;	
}

#content .page p {
	margin-bottom: 12px;	
}

#content .page h1.title {
	font-size: 36px;
	color: #333;
	margin-bottom: 8px;
	#padding-top: 3px;
}

#content .page .listItem {
	font-size: 11px;
	margin-bottom: 15px;
}

#content .page .listItem h2, #content .page .article h2 {
	padding-top: 1px;
	line-height: 26px;
	height: 26px;
	background: #f0f0f0;
	color: #5c5c5e;
	font-size: 12px;
	font-weight: bold;
	padding-left: 12px;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 8px;
	position: relative;
}

#content .page .listItem h2 .date, #content .page .article h2 .date {
	font-weight: normal;
	font-size: 11px;
	line-height: 1;
	float: right;
	position: absolute;
	right: 16px;
	top: 9px;
	#top: 10px;
}

#content .page .listItem .text, #content .page .article .text {
	padding: 0 16px 0 2px;
}

#content .page .listItem a.more {
	font-weight: bold;
	color: #5d5d5d;
}

#content .page .listItem a.more:hover {
	color: #97bb13;
}

#content .page a.viewAllArticles {
	position: absolute;
	bottom: 20px;
	width: 175px;
	height: 25px;
	text-indent: -10000px;
	background-image: url("../images/public/view-all-articles.jpg");
}

#content .page a.viewAllArticles:hover {
	bottom: 19px;	
}

#content .page .pager {
	position: absolute;
	float: left;
	bottom: 20px;
}

#content .page .pager div {
	height: 25px;
	line-height: 23px;
	background: left top repeat-x;
	background-image: url("../images/public/paging.png"); 
	float: left;
	padding: 0 6px;
}

#content .page .pager a {
	color: #606060;
	font-weight: bold;
	margin: 0 6px;
	float: left;
}

#content .page .pager a.active {
	color: #000000;	
}

#content .page .pager a:hover {
	color: #b7b7b7;	
	text-decoration: none;
}

#content .page .pager a.prev {
	height: 25px;
	width: 25px;
	margin: 0 !important;
	background-image: url("../images/public/paging-left.png");
	text-indent: -10000px;
}

#content .page .pager a.next {
	height: 25px;
	width: 25px;
	margin: 0 !important;
	background-image: url("../images/public/paging-right.png");
	text-indent: -10000px;
}

#content .page .letterPager a {
	margin: 0 4px !important;	
}

#content .page .letterPager div {
	padding: 0 2px !important;
}

#content .sidebar {
	float: left;
	width: 286px;	
}

#content .sidebar a.logo {
	display: block;
	height: 58px;
	background-repeat: no-repeat;
	background-position: 22px 20px;
  background-image: url('../images/public/sprites/main.png');
  background-position: -2192px top;
	text-indent: -10000px;
	border-bottom: 1px solid #49494d;
}

#content .sidebar ul.menu {
	list-style-type: none;
}

#content .sidebar ul.menu li {
	border-bottom: 1px solid #49494d;
}

#content .sidebar ul.menu li.active a {
	color: #fff;
	font-weight:bold;
	background-color: #3a3a3c;
}

#content .sidebar ul.menu li a {
	padding-left: 28px;
	color: #a1a1a8;
	display: block;
	height: 40px;
	line-height: 40px;
}

#content .sidebar ul.menu li a:hover {
	color: #fff;
	text-decoration: none;	
}

#content .sidebar .links {
	padding: 15px 0 0 13px;	
	float: left;
}

#content .sidebar .links a {
	display: block;
	height: 57px;
	width: 261px;
	float: left;
	text-indent: -10000px;
	margin-bottom: 14px;
}

#content .sidebar .links a.twitter {
  background-image: url('../images/public/sprites/main.png');
  background-position: -2485px top;
	height: 85px;
	margin-bottom: 11px;
}

#content .sidebar .links a.portfolio {
  background-image: url('../images/public/sprites/main.png');
  background-position: -2746px top;
}

#content .sidebar .links a.aboutUs {
  background-image: url('../images/public/sprites/main.png');
  background-position: -3007px top;
}

#content .sidebar .links a.twitter:hover {
  background-image: url('../images/public/sprites/main.png');
  background-position: -3268px top;
}

#content .sidebar .links a.portfolio:hover {
  background-image: url('../images/public/sprites/main.png');
  background-position: -3529px top;
}

#content .sidebar .links a.aboutUs:hover {
  background-image: url('../images/public/sprites/main.png');
  background-position: -3790px top;
}

form#contacts * {
	float: left;	
}

form#contacts fieldset {
	clear: left;
	width: 100%;
	margin-bottom: 19px;
}

form#contacts label {
	width: 65px;
	text-align: right;
	margin-right: 10px;
	line-height: 24px;
}

form#contacts span.required {
	color: #a2c126;
	margin-left: 5px; 	
}

form#contacts .textarea {
	padding: 3px;	
	background: no-repeat;
  background-image: url('../images/public/sprites/form.png');
  background-position: -0px top;
	/* ie6 */_position: relative; _left: 3px;
}

form#contacts textarea {
	border: none;
	overflow: auto;
	background: none;
	width: 238px;
	height: 151px;
}

form#contacts button.submit, form#contacts button.reset {
	height: 28px;
	width: 84px;
	text-indent: -10000px;
	background: no-repeat;
	border: none;
	cursor: pointer;
}

form#contacts button.submit {
  background-image: url('../images/public/sprites/form.png');
  background-position: -244px top;
	margin-left: 74px;
}

form#contacts button.submit:hover {
  background-image: url('../images/public/sprites/form.png');
  background-position: -328px top;
}

form#contacts button.reset {
	margin-left: 8px;
  background-image: url('../images/public/sprites/form.png');
  background-position: -412px top;
}

form#contacts fieldset input {
	height: 20px;
	line-height: 20px;
	width: 240px;
	padding: 3px 2px 1px 2px;;
	background: no-repeat;
  background-image: url('../images/public/sprites/form.png');
  background-position: -496px top;
	border: none;	
}

form#contacts p.success {
	font-weight: bold;
	color: #A2C126;	
}

form#contacts p.error {
	font-weight: bold;
}

#content .sidebar a.contacts, #content .sidebar a.services {
	display: block;	
	height: 58px;
	text-indent: -10000px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #49494d;
}

#content .sidebar a.contacts {
	background-position: 26px 22px;
  background-image: url('../images/public/sprites/main.png');
  background-position: -4051px top;
}

#content .sidebar a.services {
	background-position: 26px 22px;
  background-image: url('../images/public/sprites/main.png');
  background-position: -4378px top;
}

#content .sidebar ul.contacts {
	list-style-type: none;
	margin-bottom: 15px;
}

#content .sidebar ul.contacts li {
	border-bottom: 1px solid #49494d;	
	height: 42px;
	line-height: 42px;
	padding-left: 68px;
	background-position: 24px 6px;
	background-repeat: no-repeat;
}

#content .sidebar ul.contacts li.name {
	background-color: #3a3a3c;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;	
  background-image: url('../images/public/sprites/icons.png');
  background-position: left -0px;

}

#content .sidebar ul.contacts li.phone {
	font-weight: bold;
  background-image: url('../images/public/sprites/icons.png');
  background-position: left -42px;
}

#content .sidebar ul.contacts li.linkedin {
  background-image: url('../images/public/sprites/icons.png');
  background-position: left -84px;
}

#content .sidebar ul.contacts li.skype {
  background-image: url('../images/public/sprites/icons.png');
  background-position: left -126px;
}

#content .sidebar ul.contacts li a {
	color: #a2a2a9;
}

#content .sidebar ul.contacts li {
	color: #a2a2a9;
}

#content .sidebar .address {
	margin-bottom: 12px;
	padding-left: 26px;
	color: #a2a2a9;	
	font-size: 12px;
}

#map_canvas {
	margin: 0 0 5px 26px;
	border: 2px solid #8e8e94;
	width: 231px; 
	height: 158px;
	overflow: hidden;
}
#portfolio {
	background: left top repeat-x;
	background-image: url("../images/public/portfolio.jpg");
	margin-bottom: 13px;
	position: relative;
}

#portfolio .portfolioLeft {
	background: left top no-repeat;
	background-image: url("../images/public/portfolio-left.jpg");	
}

#portfolio .portfolioRight {
	height: 370px;
	background: right top no-repeat;
	background-image: url("../images/public/portfolio-right.jpg");	
}

#portfolio .scrollLeft, #portfolio .scrollRight {
	position: absolute;
	height: 25px;
	top: 54px;
	text-indent: -1000px;
	cursor: pointer;
}

#portfolio .scrollRight {
	right: 43px;
	width: 153px;
	background-image: url("../images/public/portfolio-next.png");
}

#portfolio .scrollLeft {
	left: 16px;
	width: 175px;
	background-image: url("../images/public/portfolio-prev.png");
}

#portfolio .scrollLeft:hover {
	top: 55px;	
}

#portfolio .scrollRight:hover {
	top: 55px;	
}

#portfolio .categories {
	list-style-type: none;	
	padding: 10px 0 9px 153px;
	float: left;
}

#portfolio .categories li {
	float: left;
	margin-right: 25px;
}

#portfolio .categories a {
	display: block;
	padding: 0 7px;
	min-width: 72px;
	_width: 72px;
	height: 24px;
	line-height: 22px;
	text-align: center;
	color: #808080;
	font-weight: bold;
}

#portfolio .categories li:hover {
	background: url("../images/public/portfolio-nav-hover-left.jpg") left top no-repeat; 
}

#portfolio .categories li:hover a {
	background: url("../images/public/portfolio-nav-hover-right.jpg") right top no-repeat; 
	text-decoration: none;	
	color: #fff;
}

#portfolio .categories li.active {
	background: url("../images/public/portfolio-nav-left.jpg") left top no-repeat; 
}

#portfolio .categories li.active a {
	background: url("../images/public/portfolio-nav-right.jpg") right top no-repeat; 
	color: #fff;
}

#portfolio .scroll {
	clear: left;
    height: 327px;
    width: 895px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    visibility: hidden;
}

#portfolio .scrollContainer div.panel {
    padding-top: 35px;
   	padding-left: 28px;
    height: 292px;
    width: 867px;
    /*
    background: right 5px no-repeat;
    background-image: url("../images/public/carousel-panel.png");
    */
}

#portfolio .tabs {
	display: none;	
}

#portfolio .panel h1 {
	font-size: 32px;
	padding: 20px 0 10px 10px;
	#padding-left: 0;
}

#portfolio .panel h1 a {
	color: #434346;	
}

#portfolio .panel h1 a:hover {
	text-decoration: none;
}

#portfolio .panel a.link {
	font-size: 18px;
	color: #434346;
	padding-left: 9px;
	#padding-left: 0;
	display: block;
	margin-bottom: 10px;
}

#portfolio .panel a.link:hover {
	text-decoration: none;
}

#portfolio .panel .text {
	width: 337px;
	padding-top: 8px;
}

#portfolio .panel .text p {
	margin-bottom: 10px;	
}

#portfolio .panel .text ul {
	list-style-type: none;
	font-size: 12px;
	font-weight: bold;	
}

#portfolio .panel .text ul li {
	height: 17px;
	line-height: 17px;
	background: no-repeat;
	background-image: url("../images/public/tick.png");
	padding-left: 20px;
	margin-bottom: 10px;
}

#portfolio .panel .images {
	position: absolute;	
	bottom: 1px;
	_bottom: 0;
	right: 0;
	width: 682px;
	height: 326px;
	background-image: url("../images/public/portfolio-gallery.png");
}

#portfolio .panel .images .frame {
	width: 433px;
	height: 228px;
	top: 61px;
	left: 170px; 
	overflow: hidden;
	position: relative;	
}

#portfolio .panel .images .item {
	position: absolute;
	top: 0;
	left: 0;
}

#portfolio .pager {
	position: absolute;
	float: left;
	bottom: 20px;
}

#portfolio .pager div {
	background: left top repeat-x;
	background-image: url("../images/public/paging.png");
	float: left;
	height: 25px;
	line-height: 22px;
}

#portfolio .pager a {
	color: #606060;
	font-weight: bold;
	margin: 0 6px;
	float: left;
}

#portfolio .pager a.active {
	color: #000000;	
}

#portfolio .pager a:hover {
	color: #b7b7b7;	
	text-decoration: none;
}

#portfolio .pager a.prev {
	height: 25px;
	width: 25px;
	margin: 0 !important;
	background-image: url("../images/public/paging-left.png");
	text-indent: -10000px;
}

#portfolio .pager a.next {
	height: 25px;
	width: 25px;
	margin: 0 !important;
	background-image: url("../images/public/paging-right.png");
	text-indent: -10000px;
}

#project {
	background: left top repeat-x;
	background-image: url("../images/public/project.jpg");
	margin: 0 13px 13px 0;
	float: left;
}

#project .projectLeft {
	background: left top no-repeat;
	background-image: url("../images/public/project-left.jpg");	
}

#project .projectRight {
	height: 194px;
	width: 576px;
	padding: 17px;
	background: right top no-repeat;
	background-image: url("../images/public/project-right.jpg");
	overflow: hidden;
}

#project h3 {
	font-size: 12px;
	line-height: 26px;
	background-color: #f0f0f0;
	font-weight: bold;
	border-bottom: 1px solid #e1e1e1;
	padding-left: 11px;
}

#project .text {
	padding: 10px;	
}

#project .text ul, #project .text ol {
	list-style-position: inside; 
	padding-left: 30px;
}

#footer {
	clear: both;
	font-size: 12px;
	background-image: url("../images/public/footer.png");
	height: 41px;
	line-height: 41px;
	xtext-align: center;
	color: #b6b6bc;
	margin: 0 0 15px;
}

#footer .separator {
	color: #9bbc18;
	margin: 0 6px;
}