@charset "utf-8";
body{
	background-color:#fcfcfc;
	background-image:url(images/Minimalistic%20by%20Monarxy%202560x1440.jpg);
	background-position:right top;
	background-attachment:fixed;
	margin:0px;
	padding:0px;
}
hr{
	height:2px;
	width:80%;
	background-color:#FFF;
	border:none;
	border-bottom:1px solid #CCC;
}
 h4{
	font-size:16px;
	font-weight:normal;
	color:#0196e3;
}
.blue{
	font-weight:normal;
	color:#0196e3;
}
.content_wrap{
	width:800px;
	height:auto;
	margin-top:80px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
.content{
	background-image:url(img/transparent.png);
	background-repeat:repeat;
	width:800px;
	height:auto;
	float:left;
	border:1px #FFF solid;
	z-index:9999999;
	margin-top:20px;
	margin-bottom:20px;
	color:#333;
	font-family:Tahoma, Geneva, sans-serif;
}
.content1{
	background-image:url(img/transparent.png);
	background-repeat:repeat;
	width:420px;
	height:auto;
	float:left;
	border:1px #FFF solid;
	z-index:9999999;
	margin-top:20px;
	margin-bottom:20px;
	color:#333;
	font-family:Tahoma, Geneva, sans-serif;
}
.content2{
	background-image:url(img/transparent.png);
	background-repeat:repeat;
	width:220px;
	height:auto;
	float:left;
	border:1px #FFF solid;
	z-index:9999999;
	margin-top:20px;
	margin-bottom:20px;
	color:#333;
	font-family:Tahoma, Geneva, sans-serif;
}
.content3{
	background-image:url(img/transparent.png);
	background-repeat:repeat;
	width:480px;
	height:auto;
	float:left;
	border:1px #FFF solid;
	z-index:9999999;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:-1px;
	padding:10px;
	color:#333;
	font-family:Tahoma, Geneva, sans-serif;
}
.content4{
	background-repeat:repeat;
	width:262px;
	height:auto;
	float:left;
	z-index:9999999;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:-1px;
	color:#333;
	font-family:Tahoma, Geneva, sans-serif;
}
.content5{
	background-image:url(img/transparent.png);
	background-repeat:repeat;
	width:320px;
	height:auto;
	float:left;
	border:1px #FFF solid;
	z-index:9999999;
	margin-top:20px;
	margin-bottom:20px;
	color:#333;
	font-family:Tahoma, Geneva, sans-serif;
	margin-left:65px;
	
}
.content_img{
	border:#FFF solid 1px;
	margin:5px;
	float:left;
	width:150px;
	z-index:9999999;
}
.content img{
	z-index:9999999;
}
.content_text{
	padding:10px;
	float:left;
	width:550px;
	z-index:9999999;
}
.content_text2{
	float:left;
	z-index:9999999;
}
.content_text2_box{
	font-size:14px;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:15px;
	height:20px;
	width:205px;
	border-bottom:#FFF solid 1px;
	z-index:9999999;
}
.content3 h4{
	font-size:16px;
	font-weight:normal;
	color:#0196e3;
}
.content_text2_box:hover{
	background-color:#FFF;
}
.head{
	background-image:url(images/top.png);
	background-repeat:no-repeat;
	background-position:top;
	width:1000px;
	height:126px;
	top:-5px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
}
.logo{
	background-image:url(img/logo.png);
	width:400px;
	height:40px;
	float:left;
}
.menu{
	background:url(img/transparent.png);
	width:100%;
	height:40px;
	position:fixed;
	top:0px;
	z-index:99999;
	box-shadow: 0px 2px 5px #CCC;
}
.home{
	width:106px;
	height:36px;
	float:left;
	opacity:0.8;
}
.home:hover{
	opacity:1.0;
}
.services{
	width:112px;
	height:36px;
	float:left;
	opacity:0.8;
}
.services:hover{
	opacity:1.0;
}
.clients{
	width:96px;
	height:36px;
	float:left;
	opacity:0.8;
}
.clients:hover{
	opacity:1.0;
}
.about{
	width:122px;
	height:36px;
	float:left;
	opacity:0.8;
}
.about:hover{
	opacity:1.0;
}
.contact{
	width:117px;
	height:36px;
	float:left;
	opacity:0.8;
}
.contact:hover{
	opacity:1.0;
}
#main_gallery {
	position:relative;
	overflow:hidden;
	height: 450px;
}

/* root element for pages */
#pages {
	position:absolute;
	height:20000em;
}
/* root element for horizontal scrollables */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 510px;
	height: 450px;
}

/* root element for scrollable items */
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}