/* --- CSS Reset
-------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
body {
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
:focus {
	outline: 0;
	}
ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}



/* --- body
-------------------------------------------------------*/
html, body { height: 100%; }
body {
	color: #55504c;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	background: #080101 url(/_img/bg-body.jpg) repeat-x center top;
	}

	a {
		color: #3581df;
		text-decoration: none;
		}
		a:hover {
			text-decoration: underline;
			}



/* --- ctr Container
-------------------------------------------------------*/
#ctr {
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -1px;
	width: 100%;
	background: url(/_img/bg.jpg) no-repeat center top;
	}



/* --- hdr Header
-------------------------------------------------------*/
#hdr {
	position: relative;
	z-index: 999;
	height: 84px;
	width: 818px;
	margin: 0 auto;
	}

	#hdr h1 a {
		float: left;
		display: block;
		text-indent: -9999px;
		height: 59px;
		width: 128px;
		margin-top: 25px;
		background: url(/_img/alterset-logo.png);
		}
	#hdr h2 { display: none; }

	/* --- | Navigation | --- */
	#hdr ul {
		float: right;
		line-height: 10px;
		font-size: 10px;
		width: 357px;
		margin-top: 55px;
		}
		#hdr li {
			float: left;
			}
			#hdr li a {
				display: block;
				text-indent: -9999px;
				height: 10px;
				background: url(/_img/nav.png ) no-repeat 0 0;
				}
			#hdr li.hme a { width: 41px; }
				#hdr li.hme a:hover { background-position: 0 -10px; }
			#hdr li.ptf a {
				width: 79px;
				margin-left: 34px;
				background-position: -75px 0;
				}
				#hdr li.ptf a:hover { background-position: -75px -10px; }
			#hdr li.srv a {
				width: 64px;
				margin-left: 35px;
				background-position: -189px 0;
				}
				#hdr li.srv a:hover { background-position: -189px -10px; }
			#hdr li.con a {
				width: 70px;
				margin-left: 34px;
				background-position: -287px 0;
				}
				#hdr li.con a:hover { background-position: -287px -10px; }



/* --- cnt Content
-------------------------------------------------------*/
.cnt {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: -84px auto -85px;
	width: 924px;
	}

	.copy {
		float: right;
		width: 358px;
		margin: 38px 53px 0 0;
		}
		.copy p { margin-bottom: 1.5em; }



	/* --- | home | --- */
	#home {
		background: url(/_img/red-rope.png) no-repeat 80px 427px;
		}
		#photos, #photos a {
			position: relative;
			float: left;
			clear: left;
			height: 258px;
			width: 441px;
			margin: 38px 0 0 42px;
			}
			#photos a {
				position: absolute;
				top: 0;
				left: 0;
				display: block;
				text-indent: -9999px;
				margin: 0;
				background: url(/_img/frame-lg.png) no-repeat 0 0;
				}
			#photos img {
				position: absolute;
				top: 16px;
				left: 20px;
				float: left;
				}
		#social {
			position: absolute;
			top: 350px;
			right: 50px;
			float: left;
			height: 237px;
			width: 221px;
			background: url(/_img/social/social-bg.png) no-repeat 0 0;
			}
			#social p {
				display: inline; /* Dear IE6... */
				float: left;
				}
			#social #folio, #social #serv {
				margin: 35px 0 0 24px;
				}
			#social #serv {
				margin-top: 5px;
				}
				#social #folio a, #social #serv a {
					display: block;
					text-indent: -9999px;
					height: 36px;
					width: 198px;
					}
				#social #folio a { background: url(/_img/social/portfolio.png) no-repeat 0 0; }
					#social #folio a:hover { background-position: 0 -36px; }
				#social #serv a { background: url(/_img/social/services.png) no-repeat 0 0; }
					#social #serv a:hover { background-position: 0 -36px; }
			#social .c {
				color: #502c1c;
				font-size: 14px;
				margin: 40px 0 0 37px;
				}
			#social ul {
				float: left;
				display: inline; /* Dear IE6... */
				margin: 11px 0 0 18px;
				}
				#social li {
					position: relative;
					float: left;
					display: inline; /* Dear IE6... */
					height: 37px;
					width: 42px;
					margin-left: 13px;
					}
					#social .twit, #social .li, #social .fb {
						float: left;
						display: block;
						position: relative;
						z-index: 999;
						text-indent: -9999px;
						height: 37px;
						width: 42px;
						background-repeat: no-repeat;
						background-position: center top;
						}
						#social .twit { background-image: url(/_img/social/twitter.png); }
						#social .li { background-image: url(/_img/social/linkedin.png); }
						#social .fb { background-image: url(/_img/social/facebook.png); }
		
				#nav-shadow li img.shadow {
					margin: auto auto 0 auto;
					position: absolute;
					bottom: 0;
					left: 0;
					z-index: 998;
					}



	/* --- | portfolio | --- */
	#portfolio {
		display: none;
		background: url(/_img/bench.png) no-repeat 125px 460px;
		}
		#items {
			position: relative;
			float: left;
			clear: left;
			width: 924px;
			margin-top: 69px;
			}
			#carousel {
				position: relative;
				float: left;
				margin-left: 28px;
				}
			#carousel ul {
				position: relative;
				float: left;
				overflow: hidden;
				height: 220px;
				}
			li.item {
				position: relative;
				float: left;
				display: inline; /* Dear IE6... */
				text-align: center;
				font-size: 19px;
				height: 220px;
				width: 248px;
				margin: 0 21px;
				}
				.item img {
					float: left;
					position: relative;
					z-index: 990;
					height: 160px;
					width: 225px;
					margin: 11px 0 17px 11px;
					}
				.item a {
					position: absolute;
					top: 0;
					left: 0;
					float: left;
					z-index: 992;
					display: block;
					height: 184px;
					width: 248px;
					background: url(/_img/portfolio-frame.png) no-repeat 0 0;
					}
				.item h3 { font-weight: normal; }
			#items #arw_l {
				position: absolute;
				top: 65px;
				left: 0;
				z-index: 999;
				}
			#items #arw_r {
				position: absolute;
				top: 65px;
				right: 0;
				z-index: 999;
				}


	/* --- | services | --- */
	#services {
		display: none;
		background: url(/_img/poles.png) no-repeat 19px 334px;
		}
		#services #list {
			position: relative;
			float: left;
			clear: left;
			width: 371px;
			margin: 30px 0 0 53px;
			border-top: 1px solid #e0dfdd;
			}
			#list li {
				float: left;
				font-size: 19px;
				line-height: 19px;
				width: 100%;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #e0dfdd;
				}
				#list li a {
					float: left;
					display: block;
					color: #545652;
					height: 19px;
					width: 100%;
					padding: 13px 0 11px 0;
					background: url(/_img/services-list-arw.png) no-repeat 359px 14px;
					}
				#list li a.inactv {
					color: #545652;
					background-position: 359px 14px;
					}
					#list li a:hover, #list li.inactv a:hover, #list li a.actv {
						color: #6d2d09;
						text-decoration: none;
						background-position: 359px -29px;
						}
				#list li a.actv { color: #000; }
		#services .copy {
			margin: 24px 53px 0 0;
			}
			#services .copy ul#descr {
				overflow: hidden;
				height: 300px;
				width: 358px;
				vertical-align: top;
				}
				#services .copy #descr li {
					width: 358px;
					}
					#services .copy #descr li p {
						float: left;
						}
					#services .copy #descr li ul {
						float: left;
						width: 339px;
						margin-left: 20px;
						list-style-type: disc;
						}
						#services .copy #descr li ul li {
							padding-bottom: 5px;
							}



	/* --- | contact | --- */
	#contact {
		display: none;
		background: url(/_img/chair-table.png) no-repeat 0 388px;
		}
		#left {
			position: relative;
			float: left;
			clear: left;
			width: 411px;
			margin: 61px 0 0 53px;
			}
			#contact #left div {
				float: left;
				width: 411px;
				height: 60px;
				}
			#left label {
				float: left;
				display: block;
				color: #55504c;
				font-size: 17px;
				width: 120px;
				margin: 10px 0 0 0;
				padding: 0;
				}
				#left label span {
					color: #6d2d09;
					font-size: 22px;
					}
			input.t, textarea {
				float: left;
				color: #55504c;
				font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
				font-size: 14px;
				height: 20px;
				width: 264px;
				border: none;
				padding: 13px;
				background: url(/_img/input-bg.png) no-repeat 0 0;
				}
				#contact #left #phone {
					height: auto;
					width: 290px;
					margin-left: 121px;
					}
					#phone p { margin-bottom: 1.5em; }
		#right {
			position: relative;
			float: right;
			width: 358px;
			margin: 61px 52px 0 0;
			}
			textarea {
				height: 212px;
				width: 326px;
				margin-bottom: 23px;
				padding: 16px;
				background: url(/_img/textarea-bg.png) no-repeat 0 0;
				}
			.me {
				float: left;
				height: 13px;
				line-height: 14px;
				vertical-align: top;
				}
				.me label {
					margin-left: 3px;
					}



			/* --- | buttons | --- */
			p.view_rel, p.send, p#send_btn { float: right !important; }
				p.view_rel a, p.send a {
					display: block;
					text-indent: -9999px;
					height:28px;
					width: 153px !important;
					background: url(/_img/btn/view-related.png) no-repeat 0 0;
					}
				.send a { background-image: url(/_img/btn/send-message.png); }
					.view_rel a:hover, .send a:hover { background-position: 0 -28px; }




/* --- ftr Footer No content - making ctr 100% in height
-------------------------------------------------------*/
#ftr, .push {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	display: inline; /* Dear IE6... */
	}