* {
	margin: 0;
	padding: 0;
}
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
}
a {
	color: blue;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {margin: 0 0 18px}
img {
	border: none;
}
input {vertical-align: middle}
#wrapper {
	width: 100%;
	min-width: 1000px;
}

.container {
	width: 960px;
	margin:auto;
	position:relative;  
}

h1 {
	font-size: 1.2em;
}

/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 100px;
	background: url('/images/gr.png') repeat-x;
}
div.headerBgHome {
    width: 960px;
	height: 100px;  
	background: url('/images/homeBg.png') no-repeat right top; 
}
div.headerBgServices {
	width: 960px;
	height: 100px;  
	background: url('/images/servicesBg.png') no-repeat right top; 
}
div.headerBgAbout {
	width: 960px;
	height: 100px;  
	background: url('/images/aboutBg.png') no-repeat right top; 
}
div.headerBgContact {
	width: 960px;
	height: 100px;  
	background: url('/images/contactBg.png') no-repeat right top; 
}
div.headerBgPortfolio {
	width: 960px;
	height: 100px;  
	background: url('/images/portfolioBg.png') no-repeat right top; 
}

	#logo {
		float: left;
	}
		a.logo {
			display: block; 
			width: 280px; 
			height: 80px;
			background: url('/images/logo.png') no-repeat;  
		}
		a.logo:hover {
			background: url('/images/logo.png') no-repeat 0 -80px;  
		}
	
	#topMenu {
		z-index: 1; 
		height: 108px;
		float: right; 
		position:relative; 
	}
		.topMenuCurrent{
			display: block;
			float:   left;
			 
			height: 68px; 
			
			padding: 40px 10px 0 10px; 
			margin: 0 10px 0 10px; 
			
			text-align:      center;
			text-decoration: none;
			
			font-family: Arial, sans-serif; 
			font-size:   1.2em;
			color:       #fff;  
			
			background: #e0002f;   
		}
		.topMenuCurrent:hover {
			color: #000; 
		}
		
		.topMenuLink {
			display: block;
			float:   left; 
			
			margin: 0 10px 0 10px;
			padding: 73px 8px 0 8px;
			
			text-align:      center;
			text-decoration: none;
			
			font-family: Arial, sans-serif; 
			font-size:   1.2em;
			color:		 #356aa0;   
		}
		.topMenuLink:hover {
			text-decoration: underline; 
		}
		
		.topMenuIconHome {
			height: 29px;
			width:  29px;  
			
			background: url('/images/topMenuIcons.png') no-repeat; 
		}
		.topMenuIconServices {
			height: 29px;
			width:  30px;  

			background: url('/images/topMenuIcons.png') no-repeat -61px 0; 
		}
		.topMenuIconAbout {
			height: 29px;
			width:  33px;  

			background: url('/images/topMenuIcons.png') no-repeat -91px 0; 
		}
		.topMenuIconContact {
			height: 29px;
			width:  30px;  

			background: url('/images/topMenuIcons.png') no-repeat -125px 0; 
		}
		.topMenuIconPortfolio {
			height: 29px;
			width:  30px;  

			background: url('/images/topMenuIcons.png') no-repeat -30px 0; 
		}
		
/* Middle
-----------------------------------------------------------------------------*/
#middle {
	z-index: 0; 
	top:   -8px;
	clear: both;
	position:relative; 
	height: 301px; 
	
	background: url('/images/middleBg.png') repeat-x;  
}

/* Content
-----------------------------------------------------------------------------*/
#content {
	background: url('/images/gr.png') repeat-x bottom; 
}
	.blockInfo {
	 width: 260px;
	 float: left;
	 margin: 0 0 70px 50px;
	 font-family: Tahoma, sans-serif;
 	}
		.blockInfoTitle {
			background: url('/images/lamp.png') no-repeat;
			height: 31px;
			padding: 7px 0 10px 35px;
	
			font-size: 1.6em;
			letter-spacing: 0.4pt;
			
		}
		.blockInfoContent {
			font-size: 1.2em;
			color: #616161;
			line-height: 1.3em;
                        text-align: justify;
		}

	.contentBlock {
		 width: 960px;
		 float: left;
		 margin: 0 0 70px 0px;
		 font-family: Tahoma, sans-serif;
	}
		.contentTitle {
			background: url('/images/lamp.png') no-repeat;
			height: 31px;
			padding: 7px 0 10px 35px;

			font-size: 1.6em;
			letter-spacing: 0.4pt;

		}
		.contentContent {
			font-size: 1.1em;
			color: #616161;
			line-height: 1.2em; 
		}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
	clear: both; 
	background: #231921;
	
	font-family: Arial, sans-serif;
	font-size:   1em;  
	color:       #d9d8d8; 
}
 	.footerBg {
		background: url('/images/footer.png') no-repeat right top;
		height: 134px; 
 	}
		.footerText {
			padding-top: 15px; 
			height: 65px;
			width:  480px;
			font-size: 1em;   
			line-height: 1.1em; 
		}
		
		.footerMenu {
			height: 52px;
			width:  480px;
			float:  left;;  
		}
			a.footerMenuCurrent {
				display: block;
				float: left;
				
				height: 39px;
				padding: 15px 10px 0 10px;
				margin: 0 20px 0 00px;
				
				font-family: Arial, sans-serif;
				font-size: 1.2em;
				text-decoration: none; 
				color: #fff;  

				background: #e0002f;      
			}
			a.footerMenuCurrent:hover {
				text-decoration: underline; 
			}
			
			a.footerMenuLink {
				display: block;
				float: left;

				height: 39px;
				padding: 15px 10px 0 10px;
				margin: 0 20px 0 00px;

				font-family: Arial, sans-serif;
				font-size: 1.2em;
				text-decoration: none; 
				color: #cccccc;  
			}
			a.footerMenuLink:hover {
				text-decoration: underline; 
			}
		
		#copyright {
			float: right; 
			
			padding-top: 20px; 
		}
			
/* Slider
-----------------------------------------------------------------------------*/

#slider{
margin: auto;  
}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width: 800px;
	height:300px;
	overflow:hidden;
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left: 20px;
	top:130px;
	}	
#nextBtn{ 
	left:900px;
	}
#prevBtn a, #nextBtn a{  
	display:block;
	width:31px;
	height:31px;
	background:url(/images/slideLR.png) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(/images/slideLR.png) no-repeat -31px 0;	
	}	
	
/* Form
-------------------------------------------------------------------*/
input {
	background: #f5f5f7; 
	border: 1px solid #918c90;
	height: 1.4em;  
}
input.orderForm {
	width: 450px;

}


textarea {
	background: #f5f5f7; 
	border: 1px solid #918c90;
}

textarea.orderForm {
	width: 535px;
	height: 250px;
	margin-top:12px;   
}

label.formInfo {
	color:#a8a8a8;
	font-size: 0.8em; 
}

input.formBtn {
	height: 27px;
	width: 138px;
	border: 1px solid #356aa0;
	background: #231921;
	color: #fff;   
}
input.formBtn:hover {
	border: 1px solid #231921;
	background: #356aa0;
	color: #fff;
	cursor: pointer;
}

/* Portfolio
-------------------------------------------------------------------------*/
#sideBar {
	float: left; 
	width: 210px;
	min-height: 280px; 
	background: url('/images/sep.png') no-repeat bottom right;
	margin-right: 40px;   
}
	.sideBarMenuCurrent {
		display: block;
		height: 22px;  
		background: #231921;
		color:		#fff;
		text-decoration: none;
		margin-bottom: 5px;    
	}
	.sideBarMenuCurrent:hover {
		color:#e0002f; 
	}
		img.menuIconC {
			width:  13px;
			height: 13px;  
			background: url('/images/menuIcons.png') no-repeat -13px 0;
			margin: 3px 6px 0 8px;  
		}
	
	.sideBarMenuLink {
		display: block;
		height: 22px;  
		color:		#356aa0;
		text-decoration: none;
		margin-bottom: 5px;     
	}
	.sideBarMenuLink:hover {
		color:#000; 
	}
		img.menuIconL {
			width:  13px;
			height: 13px;  
			background: url('/images/menuIcons.png') no-repeat 0px 0;
			margin: 3px 6px 0 8px;  
		}
		
		
.workBlock {
	width: 110px;
	margin-right: 50px;
	
	float: left;  
}

	.workImg {
		width: 110px;
		height:110px;  
	}
		 img.portfolioPreview {
			cursor: pointer;
			border: 1px solid #fff;
		 }
		  img.portfolioPreview:hover {
			border: 1px solid #918c90;
		 }
	
	.workInfo {
		margin-top: 10px;
		color:#a8a8a8;
		font-size: 0.8em;
	}