@charset "utf-8";
* {
margin:0;
padding:0;
}
body {
	background-color:#000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 2em;
	color: #333;
}
a {
	text-decoration:none;
}
#wrapper {
	width:1200px;
	position: relative;
	margin: 0px auto 0px;
}
#logo {
	width:1200px;
	height:144px;
  background:url(../images/sprite.png);
  background-position: -10px -10px;
	text-indent:-9999px;
}
#home {
	display:block;
	text-indent:-9999px;
	height:42px;
	width:116px;
	float:left;
  background:url(../images/sprite.png);
  background-position: -10px -164px;
}
#home:hover {
	background:url(../images/home-active.png);
  background:url(../images/sprite.png);
  background-position: -10px -216px;

}
#photogallery {
	display:block;
	text-indent:-9999px;
	height:42px;
	width:186px;
	float:left;
  background:url(../images/sprite.png);
  background-position: -10px -268px;
}
#photogallery:hover {
  background:url(../images/sprite.png);
  background-position: -10px -320px;
}
#imagesamples {
	display:block;
	text-indent:-9999px;
	height:42px;
	width:206px;
	float:left;
  background:url(../images/sprite.png);
  background-position: -10px -372px;
}
#imagesamples:hover {
  background:url(../images/sprite.png);
  background-position: -10px -424px;
}
#videoproduction {
  background:url(../images/sprite.png);
  background-position: -10px -476px;
	display:block;
	text-indent:-9999px;
	height:42px;
	width:225px;
	float:left;
}
#videoproduction:hover {
  background:url(../images/sprite.png);
  background-position: -10px -528px;
}
#webdesign {
  background:url(../images/sprite.png);
  background-position: -10px -580px;
	display:block;
	text-indent:-9999px;
	height:42px;
	width:156px;
	float:left;
}
#webdesign:hover {
  background:url(../images/sprite.png);
  background-position: -10px -632px;
}
#printpricing {
  background:url(../images/sprite.png);
  background-position: -10px -684px;
	display:block;
	text-indent:-9999px;
	height:42px;
	width:201px;
	float:left;
}
#printpricing:hover {
  background:url(../images/sprite.png);
  background-position: -10px -736px;
}
#blueline {
  background:url(../images/sprite.png);
  background-position: -10px -788px;
	float:left;
	width:1090px;
	height:3px;
}
#leftside {
	float:left;
	width:55px;
	height:606px;
  background:url(../images/sprite.png);
  background-position: -10px -801px;
}
#content {
	float:left;
	/* background-image: url(../images/content.png); */
	background-color:#FFF;
	width:1090px;
	background-repeat: repeat-y;
}
#rightside {
  background:url(../images/sprite.png);
  background-position: -10px -1417px;
	float:right;
	width:55px;
	height:606px;
}
.image_box_right {
	float: right; /*"shrink wraps the box width to that of the widest content*/
}
#footer {
	background-color: #000;
	text-align: center;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #CCC;
}
.clearfloat {
	clear:both;
	margin:0;
	padding:0;
}
.grid {
	display:inline;
	float:left;
	width:400px;
	margin:25px;
	min-height:410px;
	font-size:12px;
	text-align: center;
}
.graybg  {
	background-color:#666;
}