@charset "UTF-8";
/* CSS Document */
* { margin: 0; padding: 0; }

img	{max-width:100%;}

.cycle-slideshow	{
	width:auto;
	max-width:850px;
	display:block;
	position:relative;
	margin:0 auto;
	overflow:hidden;
}

body {
	background-color:#000;
	background-repeat:repeat-x;
	background-size:cover;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	}

#main	{
	width:100%;
	height:auto;
	position:relative;
	background-color:#181818;
	border-bottom:solid;
	border-width:3px;
	margin-top:100px;
	border-color:#505050;
 }

#image	{
	width:100%;
	max-width:850px;
	position:relative;
	margin:0 auto;
	left:0;
 }

#wrapper	{
	margin:0 auto;
	max-width:100%;
	width:100%;
	background-color:#000;
}

#header	{
	position:fixed;
	width:100%;
	height:98px;
	top:0;
	left:0;
	z-index:100;
	background-color:#000;
	border-bottom:solid;
	border-width:2px;
	border-color:#505050;
}

#background	{
	width:100%;
	height:98px;
	max-width:850px;
	position:relative;
	margin:0 auto;
	background-image:url(../Images/brick-header.jpg);	
	background-repeat:no-repeat;
	left:0;
}

#header img	{
	text-align:center;
	width:284px;
	height:40px;
	margin-top:17px;
	margin-bottom:3px;	
	z-index:50;
}

#header-box 	{
	float:center;
	height:132px;
	width:auto;
	text-align:center;
	background-color:#000;
	padding-top:6px;
	border:0;
	left:0;
 }
  
 #header-box ul li	{
	float:center;
	text-align:center;
	display:inline;
 }
 
 #header-box img	{
	float:center;
	height:16px;
	width:16px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	border:none;
}
 
 #portfolio	{
	margin-top:6px;
	width:100%;
	height:72px;
	position:relative;
	left:0;
	background-image:url(../Images/portfolio-background.png);
	background-repeat:repeat-x;
	background-color:#414141;
 }
 
#thumbnails	{
	margin:0 auto;
	width:100%;
	max-width:850px;
	height:auto;
	background-image:url(../Images/portfolio-background.png);
	background-repeat:repeat-x;
	background-color:#414141;
	border:none;
 }
 
#thumbnails img	{
	margin-top:10px;
	width:auto;
	height:50px;
	drop-shadow: 5px 5px 5px #181818; 
	left:0;
 }
 
 #thumbnails ul	{
	float:center;
	width:auto;
	max-width:850px;
	position:relative;
	margin:0 auto;
	left:0;	
 }
 
#thumbnails ul li	{
	display:inline-block;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:10px;
	overflow:display;
}

#thumbnails ul li a:hover	{
	border:solid;
	border-width:2px;
	border:#FFFFFF;
}

 /* Main Slider Menu */
 
 #mobile-menu	{ 
 	z-index:200;
	float:center;
	width:40px;
	height:40px;
	margin:0 auto;
	position:relative;
	background-image:url(../Images/mobilemenu.png);
	background-size:40px 40px; }

#mobile-menu ul 	{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size:10px;
	line-height:15px;
	padding:0px;
	margin:0 auto;
	list-style:none;
}

#mobile-menu ul a	{
	width:40px;
	height:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:100;
	letter-spacing:2px;
	padding:0px;
	margin:0 auto;
	list-style:none;
}

#mobile-menu ul li	{
	width:40px;
	text-align:center;
}

#mobile-menu ul li a		{
	width:40px;
	display:block;
	text-decoration:none;
}

#mobile-menu ul li a:hover	{
	color:#000;
	background-size:40px 40px;
	overflow:visible;
}

#mobile-menu ul li:hover > a	{
	color:#FFF;
	background-size:40px 40px;
	background-image:url(../Images/mobilemenuhover.png);
}

#mobile-menu ul li ul {
	width:200px;
	position:relative;
	height:0px;
	overflow:hidden;
	margin-left:-80px;
}

#mobile-menu ul li ul li {
	width:200px;
	float:none;
}

#mobile-menu ul li:hover ul	{
	width:200px;
	overflow:visible;
}

#mobile-menu ul li:hover ul li a	{
	width:200px;
	height:30px;
	padding-top:16px;
}

#mobile-menu ul li ul li a	{
	width:200px;
	height:0px;
	-webkit-transition-duration: .7s;
	-moz-transition-duration: .7s;
	-o-transition-duration: .7s;
	transition-duration: .7s;
	text-align:center;
	color:#666;
	background-color:#262626;
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:transparent;
	opacity:.95;
}

#mobile-menu ul li ul li a:hover	{
	width:200px;
	background-image:none;
	background-color:#353535;
	color:#FFF;
	opacity:.95;
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#FC0;
}




/* FOOTER CONTENT */


#info-footer  	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:100;
	letter-spacing:1px;
	text-align:center;
	text-decoration:none;
	margin:0 auto;
 }

#info-footer p 	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:100;
	line-height:15px;
	letter-spacing:1px;
	color:#333;
	height:auto;
	text-align:center;
	text-decoration:none;
	position:relative;
	margin-top:10px;
 }
 
 #info-footer h1 	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	letter-spacing:8px;
	color:#FFF;
	height:auto;
	text-align:center;
	text-decoration:none;
 }
 
 #inset 	{
	width:100%;
	max-width:850px;
	height:auto;
	position:relative;
	margin:0 auto;
	background-image:url(../Images/brick-footer.jpg);
	background-repeat:no-repeat;
	left:0;
 }
 
  #inset h1 	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	letter-spacing:7px;
	color:#fff;
	height:auto;
	text-align:center;
	text-decoration:none;
	padding-top:20px;
 }
 
 #inset h2 	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:lighter;
	line-height:16px;
	color:#999;
	height:auto;
	text-align:center;
	text-decoration:none;
	max-width:550px;
	margin:0 auto;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
 }
 
 #info-footer h3  	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:lighter;
	line-height:15px;
	letter-spacing:1px;
	color:#FC3;
	height:auto;
	text-align:center;
	text-decoration:none;
	margin-top:20px;
 }
 
#info-footer p a	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:100;
	color:#666;
	height:auto;
	text-align:center;
	text-decoration:none;
 }
 
 #info-footer p a:hover	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:100;
	color:#FFF;
	height:auto;
	text-align:center;
	text-decoration:none;
 }
 
 #footer-background	{
	max-width:850px;
	height:auto;
	position:relative;
	margin:0 auto;
	background-image:url(../Images/brick-footer.jpg);
	background-repeat:no-repeat;
	left:0;
	overflow:display;
 }

/* CONTACT NAV */

#track	{
	float:left;
	z-index:100;
	margin-top:-48px;
}

#track img	{
	float:right;
	height:20px;
	width:20px;
	padding-left:15px;
}

#track h1	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:center;
	margin-top:24px;
	letter-spacing:1px;
	font-weight:lighter;
	vertical-align:middle;
	text-decoration:none;
}

#track ul li	{
	float:left;
	display:inline;
	color:#FC3;
	padding-right:5px;
	vertical-align:middle;
}

#track ul li a	{
	color:#FC3;
	text-decoration:none;
}

#track ul li a:hover	{
	color:#FFF;
	text-decoration:none;
}

#track ul li:hover > a	{
	color:#FFF;
	text-decoration:none;
}

/* Social Media NAV */

#social-media	{
	float:center;
	z-index:100;
	margin-top:20px;
}

#social-media img	{
	float:center;
	height:16px;
	width:16px;
	padding-left:10px;
	padding-right:10px;
}

#social-media ul li	{
	float:center;
	display:inline;
	color:#FC3;
}

#social-media ul li a	{
	color:#FC3;
	text-decoration:none;
}

#social-media ul li a:hover	{
	color:#FFF;
	text-decoration:none;
}

#social-media ul li:hover > a	{
	color:#FFF;
	text-decoration:none;
}