/*========= (c)2011 :: html & css & jquery coding :: ЯRIK - www.csska.com  =========*/

body {
	font-size:13px;
	line-height: 1.2em;
	font-family:Arial, Tahoma, sans-serif;
	color:#573636;
	background:#e7e7e7 url(../images/body.jpg) repeat-y scroll center top;
}


h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: 1.5em;
	margin:0.2em 0 0.6em;
	color:#573636;
}

h1 {	font-size:21px;font-weight:bold}
h2 {	font-size:15px;font-weight:bold}
h3 {	font-size:20px;}
h4 {	font-size:18px;}
h5 {	font-size:16px;}
h6 {	font-size:13px;}


a{
	color:#336699;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}



/* ---------------------- ----------------------------- ---------------------- */



#body2 {
	width:100%;
	background:transparent url(../images/body_top.jpg) no-repeat scroll center top;
	min-height:100%;
}

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


#header {
	float:left;
	width:1161px;
	height:158px;
	position:relative;
}

	#logo {
		display:block;
		width:470px;
		height:166px;
		background:transparent url(../images/logo.png) no-repeat scroll left top;
		position:absolute;
		top:8px;
		left:-29px;
	}
		
		#logo span {
			display:block;
			width:470px;
			height:166px;
			background:transparent url(../images/logo.png) no-repeat scroll left bottom;
			position:absolute;
			top:0;
			left:0;
			display:none;
			opacity:0;
		}
	
	
	#htel {
		position:absolute;
		line-height:32px;
		right:0px;
		top:55px;
		font-family:"Century Gothic";
		font-size:28px;
		color:#573636;
		background:transparent url(../images/htel.png) no-repeat scroll left 8px;
		padding-left:35px;
		font-weight:bold;
	}

#slider_wrap {
	float:left;
	width:1161px;
	height:254px;
	background:transparent url(../images/slider_bg.png) no-repeat scroll left top;
	position:relative;
	margin-bottom:48px;
	overflow:hidden;
}

	#slider {
		float:left;
		width:1078px;
		height:179px;
		position:absolute;
		top:28px;
		left:43px;
	}
	
		#slider li {
			padding-left:2px;
			float:left;
		}
		
		.jcarousel-clip {
			overflow: hidden;
			width:1078px;
			height:179px;
		}
		
		.jcarousel-item {
			height:179px;
			width: auto;
			width:200px;
			overflow:hidden;
		}

.jcarousel-item img {height:179px}
	
		.jcarousel-prev {
			background:transparent url(../images/slider_prev.png) no-repeat scroll left top;
			display:block;
			width:21px;
			height:46px;
			position:absolute;
			left:-20px;
			top:73px;
			cursor:pointer;
		}
		
			.jcarousel-prev:hover {
				opacity:0.7;
			}
		
		.jcarousel-next {
			background:transparent url(../images/slider_next.png) no-repeat scroll left top;
			display:block;
			width:25px;
			height:46px;
			position:absolute;
			right:-25px;
			top:73px;
			cursor:pointer;
		}
		
			.jcarousel-next:hover {
				opacity:0.7;
			}
			
	#subslidermenu {
		position:absolute;
		bottom:21px;
		left:20px;
		right:20px;
	}
	
		#subslidermenu ul {
			float:left;
			width:100%;
			text-align:center;
		}
		
		#subslidermenu ul li {
			display:inline;
			padding:0 25px;
		}
		
		#subslidermenu ul li a {
			font-size:13px;
			font-family:"Century Gothic";
			color:#fff;
			font-weight:bold;
			text-decoration:none;
		}
		
		#subslidermenu ul li.active a,
		#subslidermenu ul li a:hover {
			text-decoration:underline;
		}

#main {
	float:left;
	width:1161px;
	margin-bottom:20px;
	position:relative;
}

	#mleft {
		float:left;
		width:190px;
		padding:0 40px 0 88px;
	}
	
		#leftmenu {
			float:left;
			margin-bottom:20px;
			width:100%;
		}
		
			#leftmenu ul {
				float:left;
				width:100%;
			}
			
				#leftmenu ul li {
					float:left;
					width:100%;
					clear:both;
					border-top:1px dotted #573636;
					padding:14px 0;
				}
				
					#leftmenu ul li:first-child {
						border-top:none;
					}
					
					#leftmenu ul li a {
						text-decoration:none;
						font-size:15px;
						color:#573636;
						font-weight:bold;
						line-height: 1.3em;
						padding-right:10px;
					}
					
						#leftmenu ul li a:hover,
						#leftmenu ul li.active a {
							color:#ff8a00;
						}

	#mcenter {
		float:left;
		width:614px;
		font-weight:bold;
	}
	
		#mcenter p {
			padding-bottom:15px;
		}
		
		.frame2 {
			width:356px;
			height:241px;
			position:relative;
			bottom:10px;
			left:-25px;
			clear:both;
		}
		
			.frame2>div {
				width:262px;
				height:148px;
				overflow:hidden;
				position:absolute;
				top:43px;
				left:43px;
				background:#fff;
			}
			
			.frame2>a {
				width:356px;
				height:241px;
				position:absolute;
				top:0;
				left:0;
				background:transparent url(../images/frame2.png) no-repeat scroll left top;
			}
			
		#mcenter .frame2 {
			float:left;
			margin: 0 10px -10px -257px;
		}

	#mright {
		float:right;
		width:200px;
		margin-top: 10px;
	}
	
		.frame1 {
			width:213px;
			height:201px;
			position:relative;
		}
		
			.frame1>div {
				width:169px;
				height:157px;
				overflow:hidden;
				position:absolute;
				top:20px;
				left:21px;
				background:#fff;
			}
			
			.frame1>a {
				width:213px;
				height:201px;
				position:absolute;
				top:0;
				left:0;
				background:transparent url(../images/frame1.png) no-repeat scroll left top;
			}
			
		#mright .frame1 {
			margin:0 0 10px -5px;
		}

#footer {
	float:left;
	width:1071px;
	padding:14px 0 34px 90px;
	font-size:13px;
	position:relative;
}

	#footer p span{
		font-size:12px;
	}
	#orbsoft {
		float:left;
		padding:14px 0 34px 90px;
		font-size:13px;
		position:absolute;
		bottom:0px;
		right:150px;
	}

#home_mleft {
    float: left;
    padding: 0 0 0 88px;
    width: 270px;
}

	#home_mleft .news {
		float: left;
		width: 100%;
		margin-bottom:20px;
		font-size:13px;
	}
	
		#home_mleft .news h3 {
			padding-left:74px;
			font-size:19ox;
			color:#573636;
			font-weight:bold;
			height:42px;
			line-height:42px;
			margin:0 0 16px 0;
		}
		
			#home_mleft .news h3.sun {
				background:transparent url(../images/sun.png) no-repeat scroll left center;
			}
			
			#home_mleft .news h3.moon {
				background:transparent url(../images/moon.png) no-repeat scroll left center;
			}
		
		#home_mleft .news span {
			padding-bottom:4px;
		}
		
		#home_mleft .news h4 {
			font-size:14px;
			font-weight:bold;
			margin:0 0 6px 0;
		}
		
			#home_mleft .news h4 a {
				color:#ff8a00;
				text-decoration:none;
			}
			
				#home_mleft .news h4 a:hover {
					text-decoration:underline;
				}
		
		#home_mleft .news p {
			padding-bottom:15px;
		}

#mcenter_home {
    float: right;
    width: 734px;
}

	#trees {
		float:right;
		width:742px;
		height:585px;
		clear:both;
		background:transparent url(../images/trees.png) no-repeat scroll left center;
		position:relative;
		margin: -20px -36px 0 0;
	}

		#trees a {
			display: block;
			font-family: "Century Gothic";
			font-size: 16px;
			font-weight: bold;
			position: absolute;
			text-align: center;
			text-decoration: none;
		}
		
			#trees a:hover {
				text-decoration: underline;
			}
		
		#tree_bt1 {
			color: #FFFFFF;
			left: 146px;
			top: 135px;
			width: 120px;
		}
		
		#tree_bt2 {
			color: #573636;
			left: 446px;
			top: 120px;
			width: 204px;
		}
		
		#tree_bt3 {
			color: #573636;
			left: 150px;
			top: 361px;
			width: 124px;
		}
		
		#tree_bt4 {
			color: #FFFFFF;
			left: 468px;
			top: 366px;
			width: 152px;
		}
		
		#weather {
			position:absolute;
			top:219px;
			left:314px;
			width:130px;
			height:130px;
		}
		
			#weather img {
				position:absolute;
				top:52px;
				left:15px;
			}
			
			#weather .town {
				float:left;
				width:100%;
				text-align:center;
				color:#ff8a00;
				font-size:14px;
				font-weight:bold;
				padding-top: 20px;
			}
			
			#weather .temp {
				color: #FF8A00;
				font-size: 40px;
				height: 40px;
				left: 51px;
				line-height: 40px;
				position: absolute;
				top: 51px;
				text-align: center;
				width: 85px;
			}


	#mcenter_home .frame2 {
		float:left;
		margin:-20px 200px -34px -366px;
	}

table.portfolio {}
	table.portfolio td 
	{
		padding-right:5px;
		padding-bottom:5px;
		text-align:center;
		vertical-align:top;
	}
	table.portfolio td img
	{
		border:none;
		width:180px;
	}