html, body {
    margin: 0;
    padding: 0;
}

body {
    background: #5e5e5e;

    font-family: Georgia;
    font-size: 12px;
    color: #e1e1e1;
}

a {
    color: #ff0000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: none;
}

.clear {
    clear: both;
}

form {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Top anchor */

#top {
	display: block;
}

/* Background */

#body-background {
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   left: 0;
}

#body-background img {
	display: block;
	width: 100%;
   	height: 100%;
}

/* Top line */

#topline {
	position: fixed;
	top: 0;
	left: 0;	
    width: 100%;
    height: 44px;            
    z-index: 1000;   
}

#topline > .content {
	overflow: hidden;
    width: 921px;
    height: 39px;        
    margin: 0 auto;
    padding: 5px 13px 0 28px;
    background: url(../i/topline.png) no-repeat 0 0;        
    color: #c2c2c2; 
    text-shadow: #000 0 -1px 2px;
}

#topline .left{
    float: left; 
    height: 17px;
    padding: 8px 0;   
}

#topline a {
    color: #fff;
}

#topmenu {
    display: block;
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 11px;
}

#topmenu li {
    display: block;
    float: left;
    margin-left: 9px;
}

#topmenu li a {
    display: block;
    float: left;
    width: auto;
    height: 14px;
    margin: 0;
    padding: 9px 0 9px 36px;
    
    background: transparent no-repeat 0 0;
}

#topmenu li a:hover,
#topmenu li a.active {
    background-position: 0 -32px;
    color: #ff0000;
}

#topmenu li a.home {
    background-image: url(../i/topmenu-li-home.png);
}

#topmenu li a.about {
    background-image: url(../i/topmenu-li-about.png);
}

#topmenu li a.news {
    background-image: url(../i/topmenu-li-news.png);
}

#topmenu li a.contact {
    background-image: url(../i/topmenu-li-contact.png);
}


/* Layout */

#page {
	position: relative;
    width: 960px;
    top: 42px;
    margin: 0 auto; 
    z-index: 1;   
}

/* Header */

#header {
    width: 934px;
    height: 83px;
    padding: 19px 0px 14px 26px;    
}

#header a.logo {
    display: block;
    float: left;
    width: 350px;
    height: 83px;
    
    color: #fff;
}

#header .contact {
    float: right;
    width: 141px;
    height: 38px;
    margin: 2px 0 0;
    padding: 18px 0 18px 71px;     
    background: transparent url(../i/header-contact.png) no-repeat 0 0;
    font-size: 11px;
    line-height: 18px;
    color: #b2b1b1;    
}

#header .facebook {
	display: block;
    float: right;
    width: 96px;
    height: 68px;
    margin: 2px 0 0 8px;
    padding: 6px 0 0;     
    background: transparent url(../i/header-facebook.png) no-repeat 0 0;
    font-size: 11px;
    line-height: 18px;
    color: #b2b1b1;
    text-align: center;    
}

/* Main menu */

#mainmenu {
    display: block;
    clear: both;
    
    width: 960px;
    height: 59px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    
    list-style: none;
}

#mainmenu li {
    display: block;
    float: left;
    width: 160px;
    height: 59px;  
    overflow: hidden;      
}

#mainmenu li a {
    display: block;
    overflow: hidden;
    height: 59px;    
    margin: 0;
    padding: 11px 0 0;    
    background: url(../i/mainmenu-li.png) no-repeat 0 0;
    font-size: 15px;    
    line-height: 17px;    
    color: #d1d1d1;
    text-decoration: none;
    text-shadow: #111 0 -1px 2px;
    
}

*+html #mainmenu li a {
	padding-top: 12px;
}

#mainmenu li a:hover,
#mainmenu li a.active {
	color: #fff;
    background-position: 0 -59px;
}

#mainmenu li.first a {  
	background-position: 0 -118px;
}

#mainmenu li.first a:hover,
#mainmenu li.first a.active {  
	background-position: 0 -177px;
}

#mainmenu li.last a {  
	background-position: 0 -236px;
}

#mainmenu li.last a:hover,
#mainmenu li.last a.active {  
	background-position: 0 -295px;
}

#mainmenu li a > span  {
	display: block;
	cursor: pointer;
}

#mainmenu li a > span > span { 
	display: table;
	margin: 0 auto;
	cursor: pointer;
}

*+html #mainmenu li a > span { text-align: center; }
*+html #mainmenu li a > span > * { text-align: left; }
*+html #mainmenu li a > span > span {
	zoom: 1;
	display: inline;
}

/* Center slideshow */

#center {
    width: 960px;
    height: 312px;
    margin: 7px 0 0;
}

#center-slideshow {
	float: left;
	width: 636px;
	height: 308px;
	background: url(../i/center-slideshow.png) no-repeat 0 0;
}

#center-slideshow .container {
	height: 273px;
}

#center-slideshow .container .border-top {
	height: 263px;
	padding-top: 10px;
	background: url(../i/center-slideshow.png) no-repeat 0 -308px;
}

#center-slideshow .container .image {
	height: 228px;
	padding: 35px 20px 0 423px;
	background-repeat: no-repeat;
	background-image: 0 0;
}

#center-slideshow .container .image .title {
	margin-bottom: 13px;
	font-size: 30px;
	line-height: 29px;
	letter-spacing: -1.6px;
	color: #fff;
}    

#center-slideshow .container .image p {
	width: 184px;
	margin: 0 0 15px;
	font-size: 12px;
	line-height: 18px;
	color: #bbb;
}

#center-slideshow .container .image a {	
	padding-right: 7px;
	background: url(../i/footer-links-li.png) no-repeat 100% 5px;
}

#center-slideshow .pages {
	width: 121px;
	height: 28px;
	margin: 7px auto 0;
	overflow: hidden;	
}

#center-slideshow .pages > .prev,
#center-slideshow .pages > .next {
	float: left;
	width: 10px;
	height: 14px;
	margin-top: 4px;
	background-image: url(../i/center-slideshow-pages.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

#center-slideshow .pages > .prev {
	background-position: 0 0;
}

#center-slideshow .pages > .prev:hover {
	background-position: 0 -14px;
}

#center-slideshow .pages > .next {
	background-position: -10px 0;
}

#center-slideshow .pages > .next:hover {
	background-position: -10px -14px;
}

#center-slideshow .pages > .items {
	float: left;
	width: 101px;
	height: 17px;
	padding: 0;	
	font-size: 14px;
	color: #6a6969;	
	text-align: center;
}

#center-slideshow .pages > .items span {
	padding: 0 3px;
	cursor: pointer;	
}

#center-slideshow .pages > .items span:hover {
	color: #ccc;
}
 
#center-slideshow .pages > .items span.current {	
	color: #fff;
	cursor: default;
}


/* Ask us form */

#askus {
    float: right;
    width: 316px;
    height: 308px;
    overflow: hidden;
    background: url(../i/askus-background.png) no-repeat 0 0;
}

#askus .caption {
    margin: 12px 0 1px;
}

#askus .content {
	overflow: visible;
    padding: 0 20px 0 19px;
}  

#askus .content p.tip {
	height: 37px;
	margin: 0;
	padding: 0 0 10px;
	background: url(../i/askus-fields.png) repeat-x 0 46px; 
	font-size: 12px;
	line-height: 18px;
	font-style: italic;
    color: #c2c2c2;
}

#askus .content p.tip strong {
	font-weight: bold;
	font-size: 14px;
}

#askus .content p.message {
	margin: 10px 0;
	line-height: 18px;	
}

#askus .content input.text, 
#askus .content textarea {
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;    
    font-family: Georgia;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    outline: none;
} 

#askus .content input.text.placeholder-active, 
#askus .content textarea.placeholder-active {
	color: #d3d3d3;
}

#askus .content .text-container {	
	width: 277px;
	height: 31px;	
	margin-top: 7px;
	background: url(../i/askus-fields.png) no-repeat 0 -1px;
}

#askus .content .text-container.required {
	background-position: 0 -157px;
}
   
#askus .content .text-container input.text {
	width: 263px;
	height: 17px;
	margin: 7px 7px;	
}

#askus .content .textarea-container {
	width: 277px;
	height: 125px;	
	margin-top: 8px;
	background: url(../i/askus-fields.png) no-repeat 0 -32px;
}

#askus .content .textarea-container.required {
	background-position: 0 -188px;
}

#askus .content .textarea-container textarea {
    width: 263px;
    height: 111px;
    margin: 7px 7px;
    overflow: auto;
    resize: none;
}

#askus .content .button-container {
	margin-top: 9px;
	padding-left: 175px;
	background: url(../i/loading.gif) no-repeat 66px -11px;
}

#askus .content.loading .button-container {
	background-position: 66px 50%;
}

#askus .content .button-container input.button {
	display: block;
	width: 103px;
	height: 33px;
    margin: 0;
    padding: 0 0 3px;
    border: none;
    background: url(../i/askus-button.png) repeat-x 0 0;
    font-family: Georgia;
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    font-style: normal;
    color: #c2c2c2;
    text-align: center;
    text-shadow: #000 0 -1px 3px;
    cursor: pointer;
}

/* Projects */

#page h2 {
    height: 26px;
    margin: 0 19px;    
    padding: 0;
    font-size: 25px;
    line-height: 26px;
    font-weight: normal;
    color: #fff;
}

*+html #page h2 {
    line-height: 28px;
}

#page .border-dotted {
	height: 1px;
	background: url(../i/backgrounds.png) no-repeat 0 -50px;
}

#page .background-31 {	
	overflow: hidden;
	background: url(../i/backgrounds.png) repeat-y -960px 0;
}

#page .background-7 {	
	overflow: hidden;
	background: url(../i/backgrounds.png) repeat-y -1920px 0;
}

#page .background-24 {	
	overflow: hidden;
	background: url(../i/backgrounds.png) repeat-y -2880px 0;
}

#page .background-0 {	
	overflow: hidden;
	background: url(../i/backgrounds.png) repeat-y -4800px 0;
}
    
#projects {
    width: 960px;    
    margin: 8px 0 0;
    padding: 0 0 10px;
}

#projects .border-top {
	height: 10px;
	background: url(../i/backgrounds.png) no-repeat 0 0;
}

#projects .border-bottom {
	height: 10px;
	background: url(../i/backgrounds.png) no-repeat 0 -10px;
}

#projects > div > h2 {
	margin: 4px 26px 7px;
    height: 31px;    
}

#projects-slideshow {
	overflow: hidden;
	height: 239px;	
	padding: 26px 26px 0;
}

#projects-slideshow .prev,
#projects-slideshow .next {
	float: left;
	width: 37px;
	height: 62px;
	margin-top: 77px;
	background: url(../i/projects-pages.png) no-repeat 0 0;
	cursor: pointer;
}

#projects-slideshow .prev {
	margin-right: 3px;
}

#projects-slideshow .next {
	margin-left: 3px;
	background-position: -37px 0;
}

#projects-slideshow ul,
#projects-slideshow .sliderContentsWrap {
	float: left;
}

#projects-slideshow ul {
	width: 828px;
    height: 217px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}

#projects-slideshow ul li {
	width: 828px;
    height: 217px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#projects-slideshow ul li .project {
	float: left;
	display: block;
	width: 194px;		
	margin: 0 41px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	outline: none;
}

#projects-slideshow ul li .project img {
	display: block;
	width: 194px;
	height: 194px;	
}

#projects-slideshow ul li .project span {
	display: block;
	cursor: pointer;
}


/* Columns */

#projects .leftcolumn,
#projects .rightcolumn {
    float: left;             
}

#projects .leftcolumn {
    width: 593px;
    margin: 17px 25px 0;
}

#projects .rightcolumn {
    width: 282px;
    margin: 17px 0 0;
    padding: 0 0 0 16px;
    background: url(../i/projects-border.png) no-repeat 0 4px;
}

/* Left column */

#projects .leftcolumn h1 {    
    margin: 0;    
    font-size: 23px;
    line-height: 26px;
    font-weight: normal;
    font-style: italic;
    color: #ff0000;
}

#projects .leftcolumn h1 strong {
    font-weight: normal;
    font-style: normal;
    font-size: 25px;
    color: #dfdfdf;
}

#projects .leftcolumn .content {
	width: 576px;
	margin-bottom: -7px;
	line-height: 18px;
    color: #e1e1e1;    
}

#projects .leftcolumn .content p {
    margin: 10px 0 19px;
}

/* Right column (tags) */

#projects .rightcolumn h2 {
	margin: 0 5px 4px;
}

#projects .rightcolumn > .content {
	overflow: hidden;
    height: 198px;
    padding: 0 5px;
    margin: 0;
    list-style: none;    
}

#projects .rightcolumn > .content > p {
	margin: 12px 0;
}

#projects .rightcolumn > .content > li {
	display: block;	
}

#projects .rightcolumn > .content > li > .title {
	margin: 11px 0 6px;
	font-size: 14px;
	font-weight: normal;
}

#projects .rightcolumn > .content > li > .title > .date {
	color: #fff;
}

#projects .rightcolumn > .content > li > .title > a {	
}

#projects .rightcolumn > .content > li > .content {
	margin: 0;
	line-height: 18px;
}

/* Clients */

#clients {
    width: 960px;
    margin: 8px 0 0;
}

#clients .border-top {
	height: 10px;
	background: url(../i/backgrounds.png) no-repeat 0 0;
}

#clients .border-bottom {
	height: 10px;
	background: url(../i/backgrounds.png) no-repeat 0 -20px;
}

#clients > div > h2 {
	margin: 5px 26px 6px;
    height: 31px;    
}
  
#clients > .background-24 {
	background-position: -2880px 1px;
}

#clients .content {    
    padding: 12px 16px 0 8px;
}

#clients .content .client {
    float: left;
    width: 303px;
    height: 303px;
    overflow: hidden;
    margin: 0 0 22px 9px;
    font-size: 11px;
    color: #fff; 
}

#clients .content .client a {
	color: #f00;
	text-decoration: underline;
	white-space: nowrap;
}

#clients .content .client a:hover {
	text-decoration: none;
}

#clients .content .client .image {
    display: block;
    width: 303px;
    height: 261px;
    overflow: hidden;
}

#clients .content .client .image img {
    display: block;
}

#clients .content .client .description { 
    height: 36px;
    margin: 6px 0 0;
    overflow: hidden;
    line-height: 18px;
} 

#clients .pages {
	width: 198px;
	height: 28px;
	margin: 14px auto 0;
	overflow: hidden;	
}

#clients .pages > .prev,
#clients .pages > .next {
	float: left;
	width: 17px;
	height: 26px;
	margin-top: 0;
	background-image: url(../i/clients-pages.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

#clients .pages > .prev {
	background-position: 0 0;
}
#clients .pages > .next {
	background-position: -17px 0;
}

#clients .pages > .items {
	float: left;
	width: 164px;	
	padding: 0;	
	font-size: 18px;
	color: #6a6969;	
	text-align: center;
}

#clients .pages > .items span {
	padding: 0 5px;
	cursor: pointer;	
}

#clients .pages > .items span:hover {
	color: #ccc;
}
 
#clients .pages > .items span.current {	
	color: #fff;
	cursor: default;
}

/* Clients slider */

.clients-slider, .clients-slider li {
    width: 936px;
    height: 646px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}   

/* Why us */

#why-us {
	margin-top: 8px;
}                 

#why-us > .border-top {
	height: 10px;
	background: url(../i/backgrounds.png) no-repeat 0 -30px;
}

#why-us > .border-bottom {
	height: 10px;
	background: url(../i/backgrounds.png) no-repeat 0 -51px;
}

#why-us > .background {
	overflow: hidden;
	padding: 10px 25px 20px;    
	background: url(../i/backgrounds.png) repeat-y -3840px 0;
	color: #fff;
}

#why-us h1 {
    height: 26px;
    margin: 0 0 9px;    
    padding: 0;
    background: transparent no-repeat 0 0;
    font-size: 25px;
    line-height: 26px;     
    font-weight: normal;    
}

#why-us > .background p {
	margin: 0;
	font-size: 11px;
	font-weight: bold;
}

#why-us > ul {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;	
	background: url(../i/backgrounds.png) repeat-y -5760px 0;
}

#why-us > ul li {
	display: block;
	overflow: hidden;
	height: 152px;
	margin: 0;
	padding: 16px;
	border-bottom: 1px dotted #353535;
}

#why-us > ul li.last {
	padding-bottom: 6px;
	border-bottom: none;
}

#why-us > ul li img {
	display: block;
	float: left;
	width: 379px;
	height: 150px;
	border: 1px solid #fff;
}

#why-us > ul li p {
	float: left;
	width: 506px;
	margin: 0 0 0 23px;
	font-size: 18px;
	font-style: italic;
	line-height: 26px;
	color: #252525;
}

#why-us > ul li p strong {
	font-size: 22px;
	font-weight: bold;
	font-style: normal;
	color: #000;
}  

/* News */

#page > .news-title {
	margin-top: 8px;
}                 

#page > .news-title > .border-top {
	height: 10px;
	background: url(../i/backgrounds.png) no-repeat 0 0px;
}

#page > .news-title > .border-bottom {
	height: 10px;
	background: url(../i/backgrounds.png) no-repeat 0 -91px;
}

#page > .news-title > .content {
	overflow: hidden;
	height: 39px;
	padding: 0 25px 0;    
	background: url(../i/backgrounds.png) repeat-y -960px 0;
	color: #fff;
}

#page > .news-title h1 {
    float: left;
    overflow: hidden;
    height: 26px;
    margin: 6px 0 0;    
    padding: 0;
    background: transparent no-repeat 0 0;
    font-size: 25px;
    line-height: 26px;     
    font-weight: normal;
    white-space: nowrap;    
}

#page > .news-title .subscribe {
	display: block;
    float: right;
    height: 14px;
    padding: 8px 0 10px 39px;
    margin: 5px 0 0;
    background: url(../i/news-subscribe.png) no-repeat 0 0;
    font-size: 11px;
    line-height: 14px;
    color: #d1d1d1;
    text-shadow: #000 0 0 2px;
}

#page > .news-title .subscribe:hover {
	background-position: 0 -32px;
	color: #f00;    
}

#page > .news-list-item {
	margin-top: 8px;
}

#page > .news-list-item > .border-top {
	height: 10px;
	background: url(../i/backgrounds.png) no-repeat 0 -101px;
}

#page > .news-list-item > .border-bottom {
	height: 10px;
	background: url(../i/backgrounds.png) no-repeat 0 -51px;
}

#page > .news-list-item > .content {
	overflow: hidden;
	padding: 6px 20px 6px;
	background: url(../i/backgrounds.png) repeat-y -5760px 0;
	color: #fff;
}

#page > .news-list-item > .content > .no-items {
	height: 125px;
	line-height: 18px;
	color: #2f2f2f;
}

#page > .news-list-item > .content > .image {
	display: block;
	float: left;
	width: 209px;
	height: 152px;
	padding: 4px 5px 6px;
	margin: 3px 18px 0 -2px;
	background: url(../i/news-image-background.png) no-repeat 0 0;
	color: #e1e1e1;
}

#page > .news-list-item > .content > .image > img {
	display: block;
	width: 209px;
	height: 152px;
}

#page > .news-list-item > .content > .title {
	color: #000;
}

#page > .news-list-item > .content > .title > .date {
	font-size: 16px;
}

#page > .news-list-item > .content > .title > .separator {
	font-size: 18px;
	font-weight: bold;
	color: #606060;
}

#page > .news-list-item > .content > .title > h1,
#page > .news-list-item > .content > .title > h1 > a {
	display: inline;
	margin: 0;	
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

#page > .news-list-item > .content > p {
	margin: 8px 0 0;
	line-height: 18px;
	color: #2f2f2f;
}

#page > .news-list-item > .content > .extra {
	overflow: hidden;
	padding: 16px 0 0;
	margin: 12px 0 0;
	border-top: 1px dotted #353535;	
}

#page > .news-list-item > .content > .extra > .view,
#page > .news-list-item > .content > .extra > .back {
	display: block;
	float: left;
	height: 26px;
	background: url(../i/news-buttons.png) no-repeat 0 0;
	color: #b6b6b6;
}

#page > .news-list-item > .content > .extra > .view {
	width: 100px;
	background-position: 0 0;	
}

#page > .news-list-item > .content > .extra > .back {
	width: 125px;
	background-position: -100px 0;	
}

#page > .news-list-item > .content > .extra > .type {
	display: block;
	float: left;
	margin: 5px 0 0 15px;
	font-size: 11px;		
	color: #292929;
}

#page > .news-list-item > .content > .extra > .type > strong {
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

#page > .news-list-item > .content > .extra > .type a {
	color: #292929;
}

#page > .news-list-item > .content > .news-images {
	
	padding: 10px 0 0;
	margin: 12px 0 0;
	border-top: 1px dotted #353535;
}

#page > .news-list-item > .content > .news-images > h2 {  
    margin: 0 2px -5px;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
}

#page > .news-list-item > .content > .news-images > .images {
	overflow: hidden;
	margin: 0 -18px 0 -2px;
}

#page > .news-list-item > .content > .news-images > .images > .image {
	display: block;
	float: left;
	width: 209px;
	height: 152px;
	padding: 4px 5px 6px;
	margin: 14px 16px 0 0;
	background: url(../i/news-image-background.png) no-repeat 0 0;
	color: #e1e1e1;
	cursor: pointer;
}

#page > .news-list-item > .content > .news-images > .images > .image > img {
	display: block;
	width: 209px;
	height: 152px;	
	cursor: pointer;
}

#page > .news-title > .content > .helper {
	float: left;
    position: relative;
    left: 50%;
    margin-top: 8px;
}

#page > .news-title > .content > .helper > .pages {
	float: left;
    height: 26px;
    left: -50%;
    position: relative;
}

#page > .news-title > .content > .helper > .pages > .prev,
#page > .news-title > .content > .helper > .pages > .next {
	float: left;
	width: 17px;
	height: 26px;
	margin-top: 0;
	background-image: url(../i/clients-pages.png);
	background-repeat: no-repeat;
	cursor: pointer;
	color: #6a6969;
}

#page > .news-title > .content > .helper > .pages > .prev {
	background-position: 0 0;
}
#page > .news-title > .content > .helper > .pages > .next {
	background-position: -17px 0;
}

#page > .news-title > .content > .helper > .pages > .items {
	float: left;
	padding: 0 7px;	
	font-size: 18px;
	color: #6a6969;	
	white-space: nowrap;
}

#page > .news-title > .content > .helper > .pages > .items a {
	color: #6a6969;	
	text-decoration: none;
}

#page > .news-title > .content > .helper > .pages > .items a:hover {
	color: #ccc;
}

#page > .news-title > .content > .helper > .pages > .items span,
#page > .news-title > .content > .helper > .pages > .items a {
	padding: 0 5px;
}
 
#page > .news-title > .content > .helper > .pages > .items span.current {	
	color: #fff;
	cursor: default;
}

/* Visual */

#visual {
	height: 245px;
	padding: 10px 0;
	margin-top: 8px;
	background: url(../i/visual-background.png) no-repeat 0 0;
}

#visual > .background {
	height: 200px;
	padding: 47px 43px 0 517px;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #bebebe;
}

#visual > .background h1 {
	height: 35px;
	margin: 0 0 9px;
	font-size: 36px;
	line-height: 29px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #b8b8b8;
	white-space: nowrap;
}

#visual > .background h1 img {
	display: block;
}

#visual > .background p {
	margin: 0 0 6px;
	line-height: 20px;
}

#visual-error-404 {
	height: 284px;
	padding: 10px 0;
	margin-top: 8px;
	background: url(../i/visual-error-404-background.png) no-repeat 0 0;
}

#visual-error-404 > .background {
	height: 220px;
	padding: 66px 43px 0 517px;
	background: url(../i/visual-error-404.jpg) no-repeat 0 0;
	color: #bebebe;
}

#visual-error-404 > .background h1 {
	height: 35px;
	margin: 0 0 9px;
	font-size: 36px;
	line-height: 29px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #b8b8b8;
	white-space: nowrap;
}

#visual-error-404 > .background h1 img {
	display: block;
}

#visual-error-404 > .background p {
	margin: 0 0 6px;
	line-height: 20px;
}

#visual-contact-us {
	height: 308px;
	padding: 0px 0px;
	margin-top: 8px;
	background: url(../i/visual-contact-us-background_0.png) no-repeat 0 0;
	position: relative;
}
#visual-contact-us.dublin, #visual-contact-us > .dublin 
{
	background: url(../i/visual-contact-us-background_1.png) no-repeat 0 0;
}
#visual-contact-us .place_button1, #visual-contact-us .place_button2
{
	position: absolute;
	background: url(../i/button.png) no-repeat;
	bottom: 14px;
	right: 14px;
	width: 210px;
	height: 30px;
	cursor: pointer;
	display: block;
	font: 15px Georgia;
	color: #D1D1D1;
	text-shadow: 0 -1px 2px #111111;
	padding-top: 8px;
	padding-left: 7px;
}
div#visual-contact-us .place_button1:hover, div#visual-contact-us .place_button2:hover, #visual-contact-us .place_button2.selected, #visual-contact-us .place_button1.selected
{
	color: #ffffff;
}
#visual-contact-us .place_button1
{
	bottom: 58px;
}

#visual-contact-us .background {
	height: 220px;
	padding-left: 738px;
	padding-top: 68px;
	font-size: 16px;
	color: #fff;	
}

/* Portfolio items */

#page .portfolio-item {
	position: relative;
	margin-top: -43px;
}

#page .portfolio-item > a.anchor {
	display: block;
	margin-bottom: 50px;
	width: 1px;
	height: 1px;
}

#page .portfolio-item .border-top {	
	height: 10px;
	background: url(../i/backgrounds.png) no-repeat 0 0;
}

#page .portfolio-item .border-bottom {
	height: 10px;
	background: url(../i/backgrounds.png) no-repeat 0 -61px;
}

#page .portfolio-item .head {
	overflow: hidden;
	padding: 3px 13px 7px 25px;
	background: url(../i/backgrounds.png) repeat-y -960px 0;
}

#page .portfolio-item .head .buttons {
	float: right;
	margin-top: 21px;
}

#page .portfolio-item .head .buttons a {
	display: block;
	float: left;
	height: 26px;
	margin-left: 8px;
	background: url(../i/portfolio-item-buttons.png) no-repeat;
	color: #d1d1d1;
}

#page .portfolio-item .head .buttons a.next {
	width: 72px;
	background-position: 0 0;
}

#page .portfolio-item .head .buttons a.back-to-top {
	width: 100px;
	background-position: -72px 0;
}

#page .portfolio-item .head h2 {
	margin: 0 2px 7px !important;
}

#page .portfolio-item .head p {
	width: 710px;
	margin: 0;
	font-size: 11px;
	line-height: 18px;
	color: #c2c2c2;
}

#page .portfolio-item .head strong {
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
}

#page .portfolio-item .head small {
	font-size: 11px;
	color: #5f5f5f;
}

#page .portfolio-item .head .links {
	color: #f00;
}

#page .portfolio-item .container {
	overflow: hidden;	
	padding: 15px 15px 5px;	
	background: url(../i/backgrounds.png) repeat-y -2880px 0;
}

#page .portfolio-item .container img {
	display: block;
}

#page .portfolio-item .container .expandable {	
	overflow: hidden;
	position: relative;
	height: 202px;
}   

#page .portfolio-item .container .expandable .toggle-porfolio-item {	
	display: block;
	position: absolute;	
	bottom: 13px;
	left: 50%;
	width: 72px;	
	padding-left: 15px;
	margin-left: -45px;
	background: url(../i/portfolio-item-arrows.png) no-repeat 0 0;
	color: #c2c2c2;
	cursor: pointer;
	z-index: 1000;
}

#page .portfolio-item .container .expandable .toggle-porfolio-item.expanded {	
	background-position: 0 -15px;
}

/* White block */

#page .white-block {
	margin-top: 8px;
}

#page .white-block .border-top {	
	height: 10px;
	background: url(../i/backgrounds.png) no-repeat 0 -71px;
}

#page .white-block .border-bottom {
	height: 10px;
	background: url(../i/backgrounds.png) no-repeat 0 -81px;
}

#page .white-block .background {
	overflow: hidden;
	padding: 0 27px 7px;
	background: #eceaea;
}

#page .white-block .background > h1 {
	margin: 7px 0 6px;
	font-size: 24px;
	font-weight: normal;	
	color: #000;
}

#page .white-block .background p {
	margin: 0 0 4px;
	line-height: 20px;
	color: #232323;
}

#page .white-block .background > img {
	display: block;
	float: right;
	margin: 14px 27px 27px 55px;
}

#page .white-block .background > .left-column,
#page .white-block .background > .right-column {
	float: left;
	width: 415px;
}

#page .white-block .background > .right-column {
	margin-left: 69px;
}

#page .white-block .background h2 {
	float: left;
	overflow: hidden;
	height: 34px;
	margin: 12px 0 7px;
	padding: 0 0 0 27px;
	background: url(../i/white-block-h2.png) no-repeat -7px 0;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	color: #fff;
}

#page .white-block .background h2 span {
	display: block;
	float: left;
	min-width: 253px;
	height: 24px;
	padding: 4px 11px 6px 0;
}

#page .white-block .background h2 span.right {
	display: block;
	float: left;
	width: 7px;
	min-width: 0;
	padding-right: 0;
	background: url(../i/white-block-h2.png) no-repeat 0 0;
}

#page .white-block .background h2.twoline {
	height: 58px;
	background-position: -7px -34px;
}

#page .white-block .background h2.twoline span {
	height: 48px;
}

#page .white-block .background h2.twoline span.right {
	background-position: 0 -34px;
}

#page .white-block .background > .left-column > p,
#page .white-block .background > .right-column > p {
	clear: both;
}

#page .white-block .background > .right-column > .border-dotted {
	margin: 10px 0 22px;
}

/* Contact us */

#contact-us {
	margin: 8px 0 0;
}

#contact-us .border-top {
	height: 10px;
	background: url(../i/backgrounds.png) no-repeat 0 -30px;
}

#contact-us .border-bottom {
	height: 10px;
	background: url(../i/backgrounds.png) no-repeat 0 -40px;
}

#contact-us > .background {
	overflow: hidden;
	background: url(../i/backgrounds.png) repeat-y -3840px 0;
}

#contact-us > .background > h1 {
    height: 26px;
    margin: 2px 19px 2px;    
    padding: 0;
    background: transparent no-repeat 0 0;
    font-size: 25px;
    line-height: 26px;
    font-weight: normal;
    color: #fff;    
}

#contact-us > .background > p {
	width: 625px;
	margin: 0 17px;
	line-height: 18px;
	font-style: italic;
	color: #c2c2c2;
}

#contact-us > .background > .border-dotted {
	margin: 9px 0 2px;
}

#contact-us > .background > p > strong {
	font-weight: normal;
	color: #f00;
}

#contact-us .form {
	float: left;
	width: 278px;
	margin-left: 19px;	
}

#contact-us .form p.message {
	margin: 10px 0;
	line-height: 18px;	
}

#contact-us .form input.text, 
#contact-us .form textarea {
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;    
    font-family: Georgia;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    outline: none;
}

#contact-us .form input.text.placeholder-active, 
#contact-us .form textarea.placeholder-active {
	color: #C2C2C2;
}

#contact-us .form .text-container {	
	width: 277px;
	height: 31px;	
	margin-top: 11px;
	background: url(../i/askus-fields.png) no-repeat 0 -1px;
}
  
#contact-us .form .text-container.required {
	background-position: 0 -157px;
}

#contact-us .form .text-container input.text {
	width: 263px;
	height: 17px;
	margin: 7px 7px;	
}

#contact-us .form .textarea-container {
	width: 277px;
	height: 125px;	
	margin-top: 11px;
	background: url(../i/askus-fields.png) no-repeat 0 -32px;
}

#contact-us .form .textarea-container.required {
	background-position: 0 -188px;
}

#contact-us .form .textarea-container textarea {
    width: 263px;
    height: 111px;
    margin: 7px 7px;
    overflow: auto;
    resize: none;
}            

#contact-us .form .button-container {
	margin: 9px 0 0;	
	padding-left: 175px;
	padding-bottom: 1px;
	background: url(../i/loading.gif) no-repeat 66px -11px;
}

#contact-us .form.loading .button-container {
	background-position: 66px 50%;
}

#contact-us .form .button-container input.button {
	display: block;
	width: 103px;
	height: 33px;
    margin: 0;
    padding: 0 0 3px;
    border: none;
    background: url(../i/askus-button.png) repeat-x 0 0;
    font-family: Georgia;
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    font-style: normal;
    color: #c2c2c2;
    text-align: center;
    text-shadow: #000 0 -1px 3px;
    cursor: pointer;
}

#contact-us .info {
	overflow: hidden;
	float: left;
	width: 609px;
	height: 335px;
	padding: 0px;
	margin-left: 21px;	
	margin-top: 11px;	
	/*background: url(../i/contact-us-info.png) no-repeat 0 0;*/
	color: #fff;
	position: relative;
}
#contact-us .info  iframe
{
	position: relative;
	z-index: 1;
}
#contact-us .register_no
{
	float: left; 
	padding-top: 10px; 
	padding-left: 20px;
}
#contacts_map_dublin
{
	z-index: 1;
}
#contacts_map_wat
{
	z-index: 2;
}
#contact-us .info > .content {
	position: absolute;
	z-index: 3;
	top: 10px;
	left: 10px;
	padding: 6px 12px;
	background: url(../i/backgrounds.png) repeat-x -6720px 0;
}

#contact-us .info > .content > h3 {
	margin: 0 0 6px;
	font-size: 18px;
	font-weight: normal;
}

#contact-us .info > .content > p {
	margin: 6px 0;
	line-height: 18px;
}

/* Footer */

#footer {
    margin: 8px 0 0;    
    padding-bottom: 11px;
}
  
#footer .border-top {
	height: 10px;
	background: url(../i/backgrounds.png) no-repeat 0 -30px;
}

#footer .border-bottom {
	height: 10px;
	background: url(../i/backgrounds.png) no-repeat 0 -40px;
}

#footer > .background {
	overflow: hidden;
	background: url(../i/backgrounds.png) repeat-y -3840px 0;
}

*+html #footer > .background {
	padding-bottom: 1px;
}

#footer .caption {
	height: 30px;
    padding: 3px 49px 11px;    
    margin: 0 17px;
    background: url(../i/footer-logo.png) no-repeat 0 0;
    font-size: 26px;
    line-height: 30px;
    color: #fff;
}

#footer .links {
    padding: 0 19px 15px;
    margin: 11px 0 0;	
}

#footer .links h4 {
    margin: 0;

    font-size: 18px;
    font-weight: normal;
    color: #fff;
}

#footer .links .list {
    float: left;
    margin-right: 48px;
}

#footer .links .list ul {
    margin: 6px 0 0 3px;
    padding: 0;
    
    font-size: 12px;    
    line-height: 20px;
    color: #f00;
    
    list-style: none;
}

#footer .links .list ul li {
    background: transparent url(../i/footer-links-li.png) no-repeat 0 8px;
    padding-left: 9px;
}

#footer .links .list ul a {
    color: #c8c8c8;
}

#footer .links .list ul a:hover {
    color: #f00;    
}

/* Footer menu */

#footer .footermenu {
    display: block;
    float: left;
    height: 15px;
    padding: 0;    
    margin: 19px 0 8px 21px;    
    list-style: none;    
    font-size: 12px;
}

#footer .footermenu li {
    display: block;
    float: left;
    padding: 0;
    margin: 0;  
    
    color: #c8c8c8;
}

#footer .footermenu li.separator {
    margin: 0 11px;
    color: #6a6a6a;
}

#footer .footermenu li a {
    color: #c8c8c8;
}

#footer .copyright {
    float: right;
    height: 15px;
    margin: 19px 21px 8px 0;
    color: #c8c8c8;
}

/* Content styles */

#page .content-styles {	
	line-height: 18px;
	color: #2f2f2f;
}

#page .content-styles a {	
	color: #000;
	text-decoration: underline;
}

#page .content-styles a:hover {	
	text-decoration: none;
}

#page .content-styles h1 {
	margin: 12px 0 8px;
	font-size: 18px;	
	font-weight: bold;
	color: #000;
	line-height: normal;
}

#page .content-styles h2 {
	margin: 12px 0 8px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	line-height: normal;
}

#page .content-styles h3 {
	margin: 12px 0 8px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	line-height: normal;
}

#page .content-styles ol,
#page .content-styles ul {
	margin: 8px 0;
	padding: 0 0 0 40px;
}

#page .content-styles p {
	margin: 8px 0;
}

/* Shadow box */

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../i/sb-loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../i/sb-close.png);}
#sb-nav-next{background-image:url(../i/sb-next.png);}
#sb-nav-previous{background-image:url(../i/sb-previous.png);}
#sb-nav-play{background-image:url(../i/sb-play.png);}
#sb-nav-pause{background-image:url(../i/sb-pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}