@charset "utf-8";
/* CSS Document */

html{
	height:100%;
}

body{
	margin:0;
	height:100%;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#000 url(../../img/pageBG.jpg) 50% 0%;
}

.holder{
	width:100%;
	height:750px;
	min-width:980px;
	min-height:750px;
	overflow:hidden;
	background:#000 url(../../img/pageBG.jpg) 50% 0%;
}

#home{
	height:100%;
	width:100%;
	min-width:980px;
	position:relative;
	top:0;
}

#portfolio{
	height:100%;
	width:100%;
	min-width:980px;
	position:relative;
	top:1000px;
}

#contact{
	height:100%;
	width:100%;
	min-width:980px;
	position:relative;
	top:2000px;
}

span{
	display:none;
}

.menu{
	width:980px;
	height:50px;
	white-space:nowrap;
	position:relative;
	left:50%;
	top:5%;
	margin:0 0 0 -490px;
	z-index:200;
}

.home{
	width:80px;
	height:50px;
	background:url(../../img/menu.png) -80px 0;
	float:left;
	display:inline;
	margin:0 0 0 330px;
}

.break{
	width:10px;
	height:50px;
	background:url(../../img/menu.png) -164px 0;
	float:left;
	display:inline;
}

.portfolio{
	width:125px;
	height:50px;
	background:url(../../img/menu.png) -175px 0;
	float:left;
	display:inline;
}

.contact{
	width:100px;
	height:50px;
	background:url(../../img/menu.png) -315px 0;
	float:left;
	display:inline;
}

.home:hover{
	background:url(../../img/menu.png) -80px 50px;
}

.portfolio:hover{
	background:url(../../img/menu.png) -175px 50px;
}

.contact:hover{
	background:url(../../img/menu.png) -315px 50px;
}

.item{
	width:980px;
	height:512px;
	padding:33px 0 100px 0;
	margin:0 auto;
	display:inline;
	float:left;
	white-space:nowrap;
	background:url(../../img/itemBG.png) no-repeat 37px 19px;
}

.item img{
	padding:10px 0 10px 60px;
}

.bottom{
	width:100%;
	height:100px;
	background: url(../../img/bottomStrip.png);
	position:absolute;
	bottom:0;
}

h1{
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	width:980px;
	padding:0;
	font-weight:normal;
	text-transform:lowercase;
}

.itemHolder{
	width:908px;
	margin:0 auto;
	height:100px;
	padding:6px 0 0 0;
}

.itemSmall{
	width:130px;
	height:100px;
	float:left;
}

.itemSmall:hover{
	background:url(../../img/smallItemBG.png) 1px -4px;
}

.itemSmall img{
	padding:18px 24px;
}

.itemScroller{
	width:980px;
	height:612px;
	margin:0 auto;
	overflow:hidden;
	white-space:nowrap;
}

.contactInfo{
	width:206px;
	height:35px;
	text-align:center;
	position:relative;
	margin:0 auto;
	padding:20px 0 0 0;
	top:50%;
}