@charset "utf-8";
/* art by craig brasco css */

/*reset all*/
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, 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;	
	line-height: 110%;
	vertical-align:baseline;
	background:transparent;
}

body{
	font-size: 100%; 
	background-image: url(../images/bg.png);
	background-repeat: repeat;
}


#container {
	margin: auto;
	height: 100%;
	width: 940px;
	background-color: #181818;
	border: 1px solid #383838;
}


#header {
	height: 160px;
	width: 940px;
}


#menu {
	height: 70px;
	width: 940px;
	border-top: 1px solid #383838;
	border-bottom: 1px solid #383838;
}

#menu li{
	list-style:none;
	display: inline;
	
}

#menu ul{
margin: 2%;

}


/*----gallery div has to be 800 pixels total----*/

#gallery{
	width: 880px;
	height: 300px auto;
	padding: 0 0 10px 60px;
	background-repeat:repeat;
	border-right: 2px double #383838;
	float: left;
	position:relative;
}

/*thumbnail gallery rules */

div.rowset {}

div.spacer {
  clear: both;
}


div.float {
  float: left;
}
  
.thumbmagic{
	-webkit-transition: -webkit-transform .2s ease-in-out;
	margin-right: 10px;
	box-shadow: 4px 4px 4px #111;
}

.thumbmagic:hover{
	filter: none; 
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-filter: blur(0px); 
	-moz-filter: blur(0px); 
	-ms-filter: blur(0px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
}

/*end thumbnail gallery rules */


.clear{
	clear:both
}


#pricing{
	padding-left:6.25%;
}

#pricing img{
	margin-left:50%;
}


#pricing th{
	font-weight:300;
	font-size: 175%;
	font-family: 'Alegreya Sans SC', sans-serif;
	color: #666;
	text-align:left;
	letter-spacing: 0.05em;
	padding:2%;
	background-color: rgba(102,102,102,0.25);
	
}


#pricing td{
	font-size: 155%;
	font-family: 'Alegreya Sans SC', sans-serif;
	color: #666;
	text-align:left;
	letter-spacing: 0.05em;
	padding: 1%;
;
}


.buffer{
	margin-bottom: 5px;
}

.italics{
	font-style:italic;
}

#footer{
	width: 940px;
	height: 20px;
	border-top: 1px solid #383838;
	padding-top: 5px;
	text-align: center;
	font-family: Anaheim, sans-serif;
	font-size: 67%;
	letter-spacing: 1px;
	color: #666;
}

/*----hyperlinks----*/

#menu a{
	font-family: 'Alegreya Sans SC', sans-serif;
	font-weight:100;
	font-size: 200%;
	color: #666;
	text-decoration: none;
	letter-spacing: 1px;
	margin-left:5%;
}

#menu a:hover{
	font-family: 'Alegreya Sans SC', sans-serif;
	font-weight:100;
	font-size: 200%;
	color: #C60;
	text-decoration: none;
	letter-spacing: 1px;
	margin-left:5%;
}



/*---end hyperlinks----*/


/* rollovers */

#button01 {
	margin-right: 7%;
	float:right;
	height: 32px;
	width: 32px;
	}

#button01 img {
  position:absolute;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#button01 img.top:hover {
  opacity:0;
}


#button02 {
	margin-right: 3%;
	float:right;
	height: 32px;
	width: 32px;
	}

#button02 img {
  position:absolute;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#button02 img.top:hover {
  opacity:0;
}


#button03 {
	margin-right: 3%;
	float:right;
	height: 32px;
	width: 32px;
	}

#button03 img {
  position:absolute;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#button03 img.top:hover {
  opacity:0;
}


.shadowfilter {
	-webkit-filter: drop-shadow(0px 0px 0px rgba(255,255,255,0.80));
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
	
}.shadowfilter:hover {
	-webkit-filter: drop-shadow(0px 0px 8px rgba(204,102,0, 1));
}