/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */
.orange {
	color:#e7700e;
}
.blue1 {
	color:#036891;
}
.blue2 {
	color:#0CF;
}

/* #Media Queries
================================================== */


/********************************************************************** Header **************/
.pagewrapper {
	background-image:url('../../images/background.jpg');	
	background-repeat: repeat;

}
.header_wrapper {
	height:93px;
	background-image:url('../../images/Header_bg.jpg');

	-moz-box-shadow: 0px 6px 12px #000000;
	-webkit-box-shadow: 0px 6px 12px #000000;
	box-shadow: 0px 6px 12px #000000;
	z-index:2;
}
.logo {
	position:absolute;
	top:.3em;
	left:1.5em;
}
.logo img {
	width:132px;
	height:85px;
}
.logo img:hover {
	opacity:.9;
}
.djhughes {
	position:absolute;
	top:1em;
	left:12em;
}
.bugeye {
	position:absolute;
	top:0;
	right:.7em;
	z-index:2;
}

/*************************************************************  Nav Menu *****************/
nav select {
  display: none;
}
nav {	
	float:left;
	width:100%;	
	border-bottom:4px solid #000;
	overflow:hidden;
	position:relative;
	padding:1em 0 1em 0;
	border-bottom:solid 6px white;
	border-top:solid 2px white;
	
	background: rgb(0,0,0); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzRmNGY0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZjRmNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(79,79,79,1) 53%, rgba(79,79,79,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(53%,rgba(79,79,79,1)), color-stop(100%,rgba(79,79,79,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 53%,rgba(79,79,79,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 53%,rgba(79,79,79,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 53%,rgba(79,79,79,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 53%,rgba(79,79,79,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4f4f4f',GradientType=0 ); /* IE6-8 */


}
nav ul {
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	text-align:center;
}
nav ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0 4em 0 0;
	position:relative;
	right:50%;
}

nav ul li a, nav ul li a:visited {
	color:#FFF;	
	float:left;
	background-image:url('../../images/delimiter.png');
	background-repeat:no-repeat;
	background-position: 0 center;
	padding:0 0 0 .9em;
	font-size:1.1em;
	font-family: 'Audiowide', cursive;
	text-decoration: none;
}
nav a:hover {
	color:#0CF !important;
	background-image:url('../../images/delimiter_on.png');
}
nav .current a {
	color:#0CF !important;
	background-image:url('../../images/delimiter_on.png') !important;
}


/******************** sub menu ******************/


/*********************************************************************** Nivo Slider Default Theme */
.theme-default .nivoSlider {
	position:relative;
	background:#fff url(../../images/loading.gif) no-repeat 50% 50%;
    margin-bottom:50px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}
.theme-default .nivo-controlNav {
	text-align: center;
	padding: 0 0;
	position:relative;
	top:-5em;
	z-index:3;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(../../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
	z-index:3;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}

/************************************************************ The Nivo Slider styles */
.hero_wrapper {
	position:relative;
	top:-.3em;
	z-index:1;
	height:250px;
}
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/***************************** end Nivo Slider *************/
.quote_btn {
	z-index:10;
	position:relative;
	top:-10em;
	left:53em;
}
.quote_btn img:hover {
	opacity:.8;
}
.hero_below_divider {	
	height:77px;	
	width:940px;	
	z-index:4;
	position:relative;
	top:-.3em;
}
.inner_divider {
	background-image:url('../../images/InnerDivider.jpg');
	background-repeat:no-repeat;
	height:234px;		
	z-index:4;
	position:relative;
	top:-.3em;
	z-index:1;
}
.Medallion_Mech {
	position:relative;
	top:-18.1em;
	left:3em;
	z-index:2;
}
.left h1, .middle h1, .right h1 {
	letter-spacing: .2em;	
}
.left p, .middle p, .right p {
	line-height:1em;
}
.left, .middle, .right {
	color:#FFF;
	 position:relative;
	 top:-.1em;
	 padding:0 1em 1em 1em;

}
.content {
	background: rgb(73,196,229); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5YzRlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTdiYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(73,196,229,1) 0%, rgba(10,123,175,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,196,229,1)), color-stop(100%,rgba(10,123,175,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(73,196,229,1) 0%,rgba(10,123,175,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(73,196,229,1) 0%,rgba(10,123,175,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(73,196,229,1) 0%,rgba(10,123,175,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(73,196,229,1) 0%,rgba(10,123,175,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c4e5', endColorstr='#0a7baf',GradientType=0 ); /* IE6-8 */


	position:relative;
	top:-.3em;
}
.inner_content {
	background-color:#52CDEC;
	position:relative;
	top:-16.1em;	
}
.homepage_content {
	position:relative;
	top:-.3em;
}
.right_side {
	padding: .5em 0 1.5em .5em;	
}
.left_side {
	padding: .5em 0 1.5em .5em;	
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:1.5em;
}
/************************************************* Left column Homepage *********************/
.left {	
	 background-color:#24606f;
	 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#24606f, endColorstr=#043c56);
	 background-image:-moz-linear-gradient(top, #24606f 0%, #043c56 100%);
	 background-image:-webkit-linear-gradient(top, #24606f 0%, #043c56 100%);
	 background-image:-ms-linear-gradient(top, #24606f 0%, #043c56 100%);
	 background-image:linear-gradient(top, #24606f 0%, #043c56 100%);
	 background-image:-o-linear-gradient(top, #24606f 0%, #043c56 100%);
	 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#24606f), color-stop(100%,#043c56));	 
	 z-index:1;

	-webkit-border-radius: 0px 0px 5px 0px;
	-moz-border-radius: 0px 0px 5px 0px;
	border-bottom-right-radius:5px;
	border-radius: 0px 0px 5px 0px;
}
.about_line {
	background-image:url('../../images/line_blur.jpg');
	background-repeat:no-repeat;
	width:7.5em;
	height:1.5px;	
	background-color:#FF0000;
	position:relative;
	top:-1.9em;
	left:6.1em;
}
.update_line {
	background-image:url('../../images/line_blur.jpg');
	background-repeat:no-repeat;
	width:5.5em;
	height:1.5px;	
	background-color:#FF0000;
	position:relative;
	top:-1.9em;
	left:8.3em;
}

/************************************************* Middle column Homepage *********************/

.recent_line {
	background-image:url('../../images/line_blur.jpg');
	background-repeat:no-repeat;
	width:17.5em;
	height:1.5px;	
	background-color:#FF0000;
	position:relative;
	top:-1.9em;
	left:13.5em;
}
.recent_work img {
	margin:0 0 0 0;
	border:solid 2px #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


/************************************************* Right column Homepage *********************/
.right {
	 background-color:#57dfee;
	 -webkit-border-radius:5px;
	 -moz-border-radius:5px;
	 border-radius:5px;
	 margin-bottom:1.5em;
}
.right p {
	color:#03668f;
}

/************************************************** Footer ************************* **/
.footer_wrapper {
	position:relative;
	top:-1.3em;

	background: rgb(4,102,144); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA0NjY5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OGE2ZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(4,102,144,1) 0%, rgba(72,166,221,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(4,102,144,1)), color-stop(100%,rgba(72,166,221,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(4,102,144,1) 0%,rgba(72,166,221,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(4,102,144,1) 0%,rgba(72,166,221,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(4,102,144,1) 0%,rgba(72,166,221,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(4,102,144,1) 0%,rgba(72,166,221,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#046690', endColorstr='#48a6dd',GradientType=0 ); /* IE6-8 */

}
.footer_wrapper_inner {	
	position:relative;
	top:-16.1em;

	background: rgb(4,102,144); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA0NjY5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OGE2ZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(4,102,144,1) 0%, rgba(72,166,221,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(4,102,144,1)), color-stop(100%,rgba(72,166,221,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(4,102,144,1) 0%,rgba(72,166,221,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(4,102,144,1) 0%,rgba(72,166,221,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(4,102,144,1) 0%,rgba(72,166,221,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(4,102,144,1) 0%,rgba(72,166,221,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#046690', endColorstr='#48a6dd',GradientType=0 ); /* IE6-8 */

}
.quote_line {
	background-image:url('../../images/line_blur.jpg');
	background-repeat:no-repeat;
	width:22.5em;
	height:1.5px;	
	background-color:#FF0000;
	position:relative;
	top:-1.9em;
	left:13.5em;
}
.findme_line {
	background-image:url('../../images/line_blur.jpg');
	background-repeat:no-repeat;
	width:14.5em;
	height:1.5px;	
	background-color:#FF0000;
	position:relative;
	top:-1.9em;
	left:8em;
}
.social_links img {
	width:40px;
	height:40px;
	padding:0 1em 0 0;
}
.social_links img:hover {
	opacity:.7;
}
.social_links a {
	text-decoration: none;
}
.copyright {
	text-align:center;
}
.receive_quote {
	color:#FFF;
}
.phone, .quote {
	padding-left:3em;
	position:relative;
	top:-2.2em;
}
.footer_copyright_wrapper {
	height:50px;
	margin-top:1em;
	padding-bottom:2em;

	background: rgb(0,0,0); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzRmNGY0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZjRmNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(79,79,79,1) 53%, rgba(79,79,79,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(53%,rgba(79,79,79,1)), color-stop(100%,rgba(79,79,79,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 53%,rgba(79,79,79,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 53%,rgba(79,79,79,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 53%,rgba(79,79,79,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 53%,rgba(79,79,79,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4f4f4f',GradientType=0 ); /* IE6-8 */

}
.copyright, .copyright a {
	color:#FFF;
	padding-top:1em;
}
.copyright_logo {
	position:relative;
	top:.6em;
	left:.5em;
	width:50px;
}
.copyright a:hover {
	color:#036891;
}
.demo {
	position: relative;
	left: 2em;
	padding: 1em;
	background-color: white;
	width: 720px;	
}
/*******************************************************  Responsive Image Gallery **********************/
.gallery_content {
	background:#1F1F1F url(../../images/pattern.png) repeat top left;
	color:#fff;
}
.rg-image-wrapper{
	position:relative;
	padding:20px 30px;
	background:transparent url(../../images/black.png) repeat top left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	min-height:20px;
}
.rg-image{
	position:relative;
	text-align:center;
	line-height:0px;
}
.rg-image img{
	max-height:100%;
	max-width:100%;
}
.rg-image-nav a{
	position:absolute;
	top:0px;
	left:0px;
	background:#000 url(../../images/nav.png) no-repeat -20% 50%;
	width:28px;
	height:100%;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.3;
	outline:none;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}
.rg-image-nav a.rg-image-nav-next{
	right:0px;
	left:auto;
	background-position:115% 50%;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}
.rg-image-nav a:hover{
	opacity:0.8;
}
.rg-caption {
	text-align:center;
	margin-top:15px;
	position:relative;
}
.rg-caption p{
	font-size:11px;
	letter-spacing:2px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	line-height:16px;
	padding:0 15px;
	text-transform:uppercase;
}
.rg-view{
	height:30px;
}
.rg-view a{
	display:block;
	float:right;
	width:16px;
	height:16px;
	margin-right:3px;
	background:#464646 url(../../images/views.png) no-repeat top left;
	border:3px solid #464646;
	opacity:0.8;
}
.rg-view a:hover{
	opacity:1.0;
}
.rg-view a.rg-view-full{
	background-position:0px 0px;
}
.rg-view a.rg-view-selected{
	background-color:#6f6f6f;
	border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs{
	background-position:0px -16px;
}
.rg-loading{
	width:46px;
	height:46px;
	position:absolute;
	top:50%;
	left:50%;
	background:#000 url(../../images/ajax-loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px;
	z-index:100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity:0.7;
}
/**********************************  Elastislide Style ******************/
.es-carousel-wrapper{
	background: #101010;
	padding:10px 27px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position:relative;
	-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
	-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
	box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
	position:relative;
	margin-bottom:20px;
}
.es-carousel{
	overflow:hidden;
	background:#000;
}
.es-carousel ul{
	display:none;
}
.es-carousel ul li{
	height:100%;
	float:left;
	display:block;
}
.es-carousel ul li a{
	display:block;
	border-style:solid;
	border-color:#222;
	opacity:0.8;
	-webkit-touch-callout:none;
	/* option */
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.es-carousel ul li.selected a{
	border-color:#fff;
	opacity:1.0;
}
.es-carousel ul li a img{
	display:block;
	border:none;
	max-height:100%;
	max-width:100%;
}
.es-nav span{
	position:absolute;
	top:50%;
	left:8px;
	background:transparent url(../../images/nav_thumbs.png) no-repeat top left;
	width:14px;
	height:26px;
	margin-top:-13px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.8;
}
.es-nav span.es-nav-next{
	right:8px;
	left:auto;
	background-position:top right;
}
.es-nav span:hover{
	opacity:1.0;
}
/******************************************************** Contact Page ************************/

.contact_form ul {
	position:relative:
	left:2em;
}
.contact_form ul li {
	padding:0 2em 0 0;
}
.contact li input, .contact li textarea {
	padding-left:.5em;
	margin-left:2em;
}
.contact th {
	text-align: right;
	padding-right:1em;
}
.contact td { 
	vertical-align: top; 
	padding:0 1em 0 0;	
}
.error {
		font-size:1.5em;
		font-style:italic;
		color:#FF0000;		
		text-decoration:none;
		font-weight:bold;
	}

/***************************************************
  Smaller than standard 960 (devices and browsers) 
****************************************************/
@media only screen and (max-width: 959px) {

	.map iframe {
		width:225px;
		height:350px;
	}
	.quote_btn {		
		left: 42em;
		top:-8.8em;
	}
	.quote_btn img {
		width:120px;
		height:40px;
	}
	.hero_below_divider img {	
		width:748px;
		height:61px;					
	}
	.hero_below_divider  {	
		top:-4em;					
	}
	.homepage_content {		
		top: -5.2em;
	}
	.footer_wrapper {
		top:-5.2em;
	}
	.recent_work img {
		margin:.5em 1em 0 .8em;
	}
	nav ul li {
		padding: 0 3em 0 0;		
	}
	.left h1, .middle h1, .right h1 {
		letter-spacing: .1em;	
		font-size:1.3em;
	}
	.left p, .middle p, .right p {	
		font-size: .8em;
	}
	.about_line {
		width:5.5em;
		left:5.1em;
	}
	.recent_line {
		width:14.5em;
		left:10.9em;
	}
	.update_line {
		width:3.5em;
		left:7.0em;
	}
	.quote_line {
		width:15.5em;
		left:13.5em;
	}
	.findme_line {
		width:14.5em;
		left:7em;
	}

}

/*************************************************************
 Tablet Portrait size to standard 960 (devices and browsers) 
**************************************************************/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/****************************************** 
  All Mobile Sizes (devices and browser) 
*******************************************/
@media only screen and (max-width: 767px) {

	nav {
		height:.7em;
		padding:.7em 0 1em 0;
	}
	nav ul li {		
		padding:0 1.5em 0 0;
	}
	nav ul li a, nav ul li a:visited {		
		font-size: .6em;		
	}
	nav ul li a, nav ul li a:visited {
		padding: 0 0 0 2em;
	}
	
  	.map iframe {
		width:400px;
		height:250px;
	}
	.inner_divider {
		background-image:url('../../images/InnerDivider_420x103.jpg');		
		height:103px;	
		width:420px;			
	}
	.Medallion_Mech {		
		top:-9em;
		left:3em;		
	}
	.Medallion_Mech img {		
		width:227px;
		height:103px;
	}
	.inner_content {		
		top:-8.1em;	
	}
	.footer_wrapper {
		top:-8.1em;
	}
	.logo img {
		width:80px;
		height:59px;
	}
	.header_wrapper {
		height:75px;
	}
	.djhughes img {
		width:217px;
		height:60px;
	}
	.djhughes {
		top:.5em;
		left:6em;
	}
	.bugeye {
		right:0;
	}
	.bugeye img {
		width:41px;
		height:75px;
	}
	fieldset {		
		width: 375px;
	}
	input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="textarea"], textarea, select {		
		width: 90%;
		max-width: 90%;	
	}
	.hero_below_divider {		
		display:none;
	}
	.left, .middle, .right {
		top: -9.9em;		
	}
	.homepage_content {
		top:-.3em;
	}
	.recent_line {
		left:11em;
		width:17em;
	}
	.update_line {
		width:21em;
	}
	.about_line {
		width:23em;
	}
	.recent_work img {
		margin:.5em 2em 0 1.5em;
	}
	.findme_line {
		width:4.5em;
	}

}

/******************************************************************** 
   Mobile Landscape Size to Tablet Portrait (devices and browsers) 
*********************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/************************************************************************* 
   Mobile Portrait Size to Mobile Landscape Size (devices and browsers) 
**************************************************************************/
@media only screen and (max-width: 479px) {
	nav {
		height:.5em;
	}
	nav ul li {		
		padding:0 .5em 0 0;
	}
	nav ul li a, nav ul li a:visited {		
		font-size: .5em;		
	}
	.homepage_content {
		top:-2.6em;
	}
	.left h1, .middle h1, .right h1 {
		line-height:2em;
		margin-bottom:.1em;
	}
	.about_line {
		width:14.5em;
		top:-.9em;
	}
	.update_line {
		width:12.5em;
		top:-.9em;
	}
	.recent_line {
		width:8.5em;
		top:-.9em;
	}
	.map iframe {
		width:285px;
		height:250px;
	}
	.inner_divider {
		background-image:url('../../images/InnerDivider_420x103.jpg');		
		height:103px;	
		width:300px;			
	}
	.header_wrapper {
		height:65px;
	}
	.logo {
		left:.5em;
	}
	.logo img {
		width:81px;
		height:60px;
	}	
	.djhughes {
		top:1.1em;
		left:6.5em;
	}
	.djhughes img {
		width:140px;
		height:39px;
	}	
	.bugeye {
		right:0;
	}
	.bugeye img {
		width:41px;
		height:75px;
	}
	fieldset {		
		width: 375px;
	}
	input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="textarea"], textarea, select {		
		width: 55%;
		max-width: 55%;	
	}
	.recent_work img {
		margin: .5em 2em 0 4.5em;
	}
	.copyright {
		font-size:.7em;
	}
	.copyright_logo {
		top:-2.6em;
		left:16.5em;
	}


}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/