*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
html, body {height:100%;}
#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
h2{
font-weight:bold;}
q:before, q:after { content:''}
a { text-decoration:none }

/* 2	Global reset-RESET (restores some sensible defaults) */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */
a:active { outline:none }

/* 3	Handles */
div, ul, li, form { position:relative }
.fix:after { content:" "; visibility:hidden; display:block; height:0; clear:both }
* html .fix { height:1% }
.hide { display:none } /* Handy for development */

br.clearfix { clear:both; display:block; height:1px; margin:-1px 0 0 0 }

body {
	text-align: center;
	margin: 0 auto;
	background: url(images/tile.jpg) repeat;
	background-color:#494A42;
	background-attachment: fixed; 
	color: #1a1718;
	font-family: "Trebuchet MS", Georgia,  Times, serif;
	font-weight:bold;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 0.1em;
	text-shadow: 2px 2px 3px #000;
}


a:link, a:visited, .title {
	
	color: #fecc0b;
}

a:hover, .title:hover {
	color: #e6006e;
}

#wrapper {
	text-align: left;
	margin: 0 20% auto;
	/* width: 100%; */
	width: 600px;
	min-width: 500px;
	padding: 20px;
}

#header {
	background: url(img/header.png) no-repeat;
	color: #e6006e;
	width:547px;
	height:161px;
	font-size: 90px;
	text-align: left;
	text-shadow: 2px 2px 3px #6c0838;
	padding: 50px;

	padding-bottom:0;
	margin: 40px 0 0px 0;

}

#header p {
	font-size: 16px;
	color: #2C2725;
	text-shadow: none;
	padding-top: 20px;
	}

#header h1 {
 text-indent: -9999px;
}
	


#mesrop {
 	position:fixed;
	bottom: 0;
	left: 0
 }
#footer{
position:fixed;
	bottom: 0;
	right: 10%;
	color:#fff;
	padding-bottom:20px;
	text-align:right;
}
.clearer {
	clear: both;
	line-height: 1;
	margin: 0;
	padding: 0;
}

#content {position:relative; z-index:1;padding:10px;}

.menu {
 z-index:1001;
width: 100%;
min-width:550px;
color:#fff;
font-size:30px;
font-family:"Trebuchet MS";
float: left;
padding-bottom:20px;

}
.menu ul {
width: 100%;

list-style: none;

float: left;

}
.menu li, .menu a{
float: left; 
text-align: center;
margin: 0 4% auto;
}

	
.cont {
	width:550px; 

 
  
	overflow:hidden;
	height:300px; /* you need to set a height */
  color:#fff;
	z-index:1000;
	position:relative;
	}
.invis {
	position:absolute;
	left:0;

	/* width is set through java */
	}
.slider-item,.slider-item2,.slider-item3 {
	float:left;
	display:block;
	width:550px;
	
	padding:10px;

   /*  height:150px; */
	
	overflow:hidden;
	}

	

.desc {
	margin:12px 0;
	}
.clear {
	clear:both;
	}
.work{
float:none;
width:550px;
height:75px;}
.work img{
border:#FECC0B 1px solid;
margin-right:5px;
padding:1px;}