body{
	margin:0;
	padding:0;
	background:#5e0101 url(../images/bg-page.jpg) repeat-x;
	font:10px Garamond, "Times New Roman", serif;
	letter-spacing:1px;
}
p, h1, h2, h3, form, ul{
	margin:0;
	padding:0;
}             
a {
	color: #fff;
} 
span.highlight { 
	background-color: #d0b3b3; 
	color: #550101; 
	font-weight: 600; 
	padding: 1px 2px 1px 2px; 
}
span.highlight_yellow { 
	background-color: #ffecb6; 
	font-weight: 600; 
	padding: 1px 2px 1px 2px; 
}
ul{ list-style:none;}
img{ border:none;}
.logo a, .menu li a, .info-block .bottom{
	display:block;
	overflow:hidden;
	text-indent:-6666px;
}
.sub-header-bg{
	position:absolute;
	height:267px;
	right:0;
	width:50%;
	top:108px;
	z-index:5;
	background:red url(../images/bg-header-right.gif) repeat-x;
}
.header-holder{
	background:url(../images/bg-page-header.gif) repeat-x;
	height:525px;
	min-width:990px;
}
/*--- header block css ---*/
.header{
	height:108px;
	width:990px;
	margin:0 auto;
	background:url(../images/bg-header.gif) no-repeat 0 100%;
}
.logo{
	float:left;
	margin-top:10px;
}
.logo a{
	width:88px;
	height:85px;
	background:url(../images/logo.gif) no-repeat;
}
.logo a:hover{ background-position:0 100%;}
.menu{
	float:right;
	margin-top:27px;
}
.menu li{
	float:left;
	display:inline;
	background:url(../images/menu-separator.gif) no-repeat;
	padding-left:15px;
	margin-right:14px;
}
.menu li.first{
	background:none;
	padding:0;
}
.menu li a{ height:37px; float:left;}
.menu li.about a{
	width:67px;
	background:url(../images/menu-about.gif) no-repeat;
}
.menu li.design a{
	width:75px;
	background:url(../images/menu-design.gif) no-repeat;
}
.menu li.development a{
	width:148px;
	background:url(../images/menu-development.gif) no-repeat;
}
.menu li.working a{
	width:98px;
	background:url(../images/menu-working.gif) no-repeat;
}
.menu li.contact a{
	width:92px;
	background:url(../images/menu-contact.gif) no-repeat;
}      

.menu li.en a{
	width:92px; 
	background:url(../images/en.png) no-repeat;
}

/*--- foto block css ---*/
.photo-block{
	width:956px;
	height:229px;
	z-index:10;
	margin:0 auto;
	padding:38px 0 0 34px;
	position:relative;
	background:url(../images/bg-sub-header.jpg) no-repeat;
}
.photo-holder img{ display:block;}

.photo-holder{
	position:absolute;
	width:385px;
	height:292px;
	top:-7px;
	left:471px;
}
.photo-block h3{
	font:18px/20px Garamond, "Times New Roman", serif;
	color:#a80404;
}
.photo-block p{
	width:330px;
	font-size:15px;
	line-height:20px;
	color:#a80404;
}
/*--- banner block css ---*/
.banner-block{
	width:990px;
	height:142px;
	position:relative;
	z-index:6;
	margin:0 auto;
	background:url(../images/bg-top-banner.png) no-repeat;
}
.banner-block h3{
	font:16px/18px Arial, sans-serif;
	color:#727272;
	position:absolute;
	top:18px;
	left:92px;
}
.banner-block a{
	float:left;
	margin:21px 0 0 78px;
}
.banner-block a img{ float:left; }       

/*--- content block css ---*/
.content{
	margin:0 auto;
	width:990px;
	padding-bottom:20px;
}

.text{
	color:#fff;
	overflow:hidden;
	clear:both;
	width:858px;
	margin:35px auto 0;
}

.text h3{ 
	font:21px/22px Garamond, "Times New Roman", serif; 
	margin:3px;
	padding:3px;
}
   
.text h4{ 
	font:18px/19px Garamond, "Times New Roman", serif; 
	margin:2px;
	padding:2px;
}

.text p{ 
	font:15px/16px Garamond, "Times New Roman", serif; 
	line-height:20px;
	padding-bottom:18px;

} 

.client-list{
	clear:both;
	margin:50px auto 0;
	width:690px;
	padding-bottom:45px;
	padding-top:25px;
	overflow:hidden;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
}
.client-list h3{
	font: 18px Arial, sans-serif;
	color:#fff;
	text-align:right;
	padding-right:40px;
}
.client-list ul{
	clear:both;
	padding:2px 0 0 3px;
}
.client-list ul li{
	display:inline;
	float:left;
	padding:12px 16px;
}
.client-list ul li a img{ 
	float:left;
	border:4px solid #fff;
}      

.bumper-list{
	clear:both;
	margin:0px auto 0;
	width:738px;
	padding-top:5px;
	overflow:hidden;
}
.bumper-list h3{
	font: 18px Arial, sans-serif;
	color:#fff;
	text-align:right;
	padding-right:40px;
}
.bumper-list ul{
	clear:both;
	padding:2px 0 0 3px;
}
.bumper-list ul li{
	display:inline;
	float:left;
	padding:12px 16px;
}
.bumper-list ul li a img{ 
	float:left;
	border:4px solid #fff;
}      
.content .design{
	color:#fff;
	overflow:hidden;
	clear:both;
	width:858px;
	margin:0px auto 0;
}
.content .design li{
	float:left;
	display:inline;
	width:270px;
	padding:0 8px;
}
.content .design h3{ font:18px/20px Garamond, "Times New Roman", serif;}
.content .design p{ font:16px/20px Garamond, "Times New Roman", serif;}

.slide {
	color:#fff;
	overflow:hidden;
	clear:both;
	margin:8px auto 0;
}
.slide li{
	float:left;
	display:inline;
	width:200px;
	padding:0 8px;
}

.info-block{
	margin:58px auto 0;
	width:714px;
	background:url(../images/bg-adress-top.gif) no-repeat;
	padding-top:15px;
}
.info-block ul{
	width:708px;
	overflow:hidden;
	background:#d89c08 url(../images/bg-adress.gif) repeat-x;
	border:1px solid #d9d4d2;
	border-width:0 1px;
	color:#fefefe;
	padding:3px 2px 21px;
}
.info-block ul li{
	display:inline;
	float:left;
	width:220px;
	padding:0 8px;
}
.info-block ul h3{ 
	font:18px/20px Garamond, "Times New Roman", serif;
	padding-bottom:8px;
	border-bottom:1px solid #fff;
}
.info-block ul p{
	font:14px/16px Garamond, "Times New Roman", serif; 
	padding-top:8px;
}
.info-block ul p a{ 
	text-decoration:none;
	color:#fefefe;
}
.info-block ul p a:hover{ text-decoration:underline;}
.info-block .bottom{
	position:relative;
	margin-top:-8px;
	width:714px;
	height:9px;
	background:url(../images/bg-adress-bottom.gif) no-repeat;
}

.form {
	font:15px/16px Garamond, "Times New Roman", serif; 
	line-height:20px;
	padding-left:10px;	
}
.form label {
		display: block;
		padding-top: 1em;
		padding-bottom: 2px;
}

.footer {
	font:15px/16px Garamond, "Times New Roman", serif; 
	color: #fff;
	padding-top: 25px;
	padding-bottom: 15px;
}                        
   
.notice {
	font:16px/17px Garamond, "Times New Roman", serif; 
	color: #fff;
	padding-top: 25px;
	padding-bottom: 15px;
}

.we_use {  
	padding-top: 1.5em;
}   

.we_use img{ 
	border:4px solid #fff;
}

/*-------------------------------*/
	
	p#cross-links { text-align: center }
	
	p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
	
	.stripViewer .panelContainer .panel ul {
		text-align: left;
		margin: 0 15px 0 30px;
	}
	
	.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
		margin: 20px 0;
		position: relative;
		width: 100%;
	}     
	
	/* These 2 lines specify style applied while slider is loading */
	.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
	.csw .loading {margin: 200px 0 300px 0; text-align: center}
             
	.stripViewer { /* This is the viewing window */
		position: relative;
		overflow: hidden; 
		border-bottom:1px solid #fff;
		border-top:1px solid #fff;
		padding-top: 15px;
		padding-bottom: 25px;
		margin: auto;
		width: 750px; /* Also specified in  .stripViewer .panelContainer .panel  below */
		height: 480px;
		clear: both;
		text-align: left;
	}	                  
	
	.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
		position: relative;
		left: 0; top: 0;
		width: 100%;
		list-style-type: none;
		/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
	}
	
	.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
		float:left;
		height: 100%;
		position: relative;
		width: 750px; /* Also specified in  .stripViewer  above */
	}
	
	.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
		padding: 10px;
	}
	
	.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
		margin: auto;
		display:none;
	}
	
	.stripNav ul { /* The auto-generated set of links */
		list-style: none;
	}
	
	.stripNav ul li {
		float: left;
		margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	}
	
	.stripNav a { /* The nav links */
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		line-height: 32px;
		background: #c6e3ff;
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 0 15px;
	}
	
	.stripNav li.tab1 a { background: #60f }
	.stripNav li.tab2 a { background: #60c }
	.stripNav li.tab3 a { background: #63f }
	.stripNav li.tab4 a { background: #63c }
	.stripNav li.tab5 a { background: #00e }
	
	.stripNav li a:hover {
		background: #333;
	}
	
	.stripNav li a.current {
		background: #000;
		color: #fff;
	}
	
	.stripNavL, .stripNavR { /* The left and right arrows */
		position: absolute;
		top: 230px;
		text-indent: -9000em;
	}
	
	.stripNavL a, .stripNavR a {
		display: block;
		height: 40px;
		width: 40px;
	}
	
	.stripNavL {
		left: 0;
	}
	
	.stripNavR {
		right: 0;
	}
	
	.stripNavL {
		background: url("/images/arrow-left.gif") no-repeat center;
	}
	
	.stripNavR {
		background: url("/images/arrow-right.gif") no-repeat center;
	}
	
	/*=:project
	    scalable Inman Flash Replacement (sIFR) version 3.

	  =:file
	    Copyright: 2006 Mark Wubben.
	    Author: Mark Wubben, <http://novemberborn.net/>

	  =:history
	    * IFR: Shaun Inman
	    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
	    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

	  =:license
	    This software is licensed and provided under the CC-GNU LGPL.
	    See <http://creativecommons.org/licenses/LGPL/2.1/>    
	*/

	/*---- sIFR ---*/
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		padding: 0;
	}

	.sIFR-replaced, .sIFR-ignore {
		visibility: visible !important;
	}

	.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}

	.sIFR-replaced div.sIFR-fixfocus {
	  margin: 0pt; 
	  padding: 0pt; 
	  overflow: auto; 
	  letter-spacing: 0px; 
	  float: none;
	}

	.sIFR-dummy { 
	  width: 0px;
	  height: 0px;
	  margin-left: 42px;
	  z-index: 0;
	}
	
		
	.title
	{
		font-size:20px;
		font-family: Garamond;
		color: #ffffff;
	}

	.sIFR-active .title
	{
		visibility: hidden;
		font-family: Garamond;
		line-height: 1em;
		color: #ffffff;
	}	
      
	/*---- Header styling ---*/