@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Caption);
/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{
	margin:0;
	padding: 0px;
}

header, footer, aside, nav, article, figure{display: block;}

body {
		background: #F9FCFC;
		font-family: PT Sans Caption, sans-serif;
		font-size: 18px;
		color: #444;
		overflow:hidden;
}

a:link, a:visited {
	color: #ececec;
	text-decoration: none;
}

.span4 ul li {
	float:right;
	display:block;	
}

.span4 ul li label{
	display:inline;
}

.break {
	margin-top:180px;	
}

/*form {
	min-width:235px !important;	
}*/

form input[type=submit]{
	min-width:100px !important;
	display:block;	
}

.span4 {
	width: 44%;	
}

span { color:red;display:inline; font-size:13px;}

.input-error { border:1px dashed red};

.row {
	background:url(../images/table-slice-repeat.png) repeat-x;
	margin-bottom:1.754385964912%;	
}
			
.row:last-child {
	margin-bottom:0;
}	
			
.row:after {
	content: "";
	/* 1 */
				
	display: table;
	/* 2 */	
	}
			
.row:after {
	clear:both;
}
			
/* For IE 6/7 Only 
/* Use rule to trigger hasLayout
and to contain floats */

.row {
	*zoom:1;	
}

ul {
	list-style:none;	
}

.span12 {
	width: 99.999999999992%;
	background-color:transparent;
}

div[class*="span"]{
	float:left;
	margin-left:1.754385964912%;
	min-height:40px;
	line-height:40px;
	box-sizing:border-box;
	width:222px;
}
.myForm .row .span4 ul li input { float:right; }
.emailspan, .subjectspan, .namespan { width:360px;}
@media screen and (min-width:960px) and (max-width:960px) {
	nav {
		margin:0;
		top:20px;	
	}
	
	ul.services li.shadow {
		min-width:155%;	
	}
	.gallery-centered img {
	min-height: 100%;
}
}

@media screen and (max-width:1280px){
	ul.services li.shadow {
		min-width:155%;	
	}
	
	#content img.left {
		box-shadow:0 0 25px #111;
		z-index:3334;
		left:4%;
		max-width:100%;	
	}
	
	.gallery-centered {margin:20px; padding:20px;}
	.gallery-centered img {
	min-height: 100%;
}
}
@media screen and (max-width:1920px){
	.gallery-centered {margin:20px; padding:20px;}	
	
	#content img{
		position:relative;
		left:27%;
		top:31%;	
	}
	
	#content img { top: 101px; position:relative;}
	#gallery-bottom #content img {
		position:relative;
		left:12%;
		top:12%;	
	}
	
	#content img[src*='hi-res']{
	top:-40px;
	left:400px;	
}

	#content img[src*='lrg']{
	top:-40px;
	left:400px;
}
.gallery-centered img {
	min-height: 100%;
}
}
@media screen and (max-width:1280px){
article.added_service {
    float: left;
    width: 54%;
    font-weight: normal;
    padding: 0px 2.26% 0.05% 0.559%;
    position: relative;
    left: 20%;
    border-right: 9px solid #CCC;
    height: 379px;
}
.gallery-centered img {
	min-height: 100%;
}
}
@media screen and (max-width:1024){
	#content img.left {
		box-shadow:0 0 25px #111;
		z-index:3334;
		left:-1%;
		max-width:100%;	
	}
	
	#content img{
		position:relative;
		left:18%;
		top:31%;	
	}
	.gallery-centered img {
	min-height: 100%;
}
}

@media screen and (min-width:800px) and (max-width:960px) {
section.home_text p {
	width:300px;	
}	

footer {
	width:92%;	
}
.gallery-centered img {
	min-height: 100%;
}
}

@media screen and (min-width:800px) and (max-width:1279px){
	/*----------------------------------------------------NAV----------------------------------------------------------------*/
nav{
	margin:0;
	top:20px;
}

ul.services li.shadow[class*='service_'] {
	min-width:300px;	
}

ul.added_services {
	position:relative;
	left: 100px;
	top:-10px;
	height:376px;	
}

ul.added services h3 {
	white-space:nowrap;	
}

#content, #content img{
	position:relative;
	top:8%;
	left:20%;	
}


.gallery-bottom.clearfix #content img !important{
	position:relative;
	left:11%;
	top:8%;	
}

.gallery-left {
	width: 82.02%;/*812px*/
	margin: 0 8.4187192% 1.1083743% 3.4482758%; /* 28px 44px 9px; */
	padding: 3.83%;/*39px*/
	background-color: #ececec;
	/*min-height: 20%;/*400px*/
	box-shadow: #888 6px 0px 2px 0, #888 -6px 6px 2px;  
	-moz-box-shadow:#888 6px 0px 2px 0, -6px 6px 2px;
}

#content img.left {
		box-shadow:0 0 25px #111;
		z-index:3334;
		left:1%;
		max-width:100%;
}

article.gallery-bottom #content img {
	position:relative;
	left:11%;
	top:8%;	
} 

	#content img[src*='hi-res']{
	top:-1px;
	left:-40px;	
}

	#content img[src*='lrg']{
	top:-1px;
	left:-40px;
}

.gallery-centered img {
	min-height: 100%;
}
}
@media screen and (max-width:1280px){
	
.gallery-bottom #content img {
	position:relative;
	left:11%;
	top:8%;	
}

#content img{
		position:relative;
		left:18%;
		top:31%;	
	}
	#content img[src*='hi-res']{
	top:-1px;
	left:120px;	
}

	#content img[src*='lrg']{
	top:-1px;
	left:120px;
}
.gallery-centered img {
	min-height: 100%;
}
}

@media screen and (max-width:1024px){
	#content img {
		position:relative;
		top:13%;
		left:13%;	
	}
	
	.gallery-bottom a img #content img {
	position:absolute;
	left:0px;
	top:-2px;	
}

	#content img[src*='hi-res']{
	top:-32px;
	left:-1px;	
}

	#content img[src*='lrg']{
	top:-32px;
	left:-1px;
}
.gallery-centered img {
	min-height: 100%;
}
}

@media screen and (max-width:980px){
	#content img {
    position: relative;
    top: 3%;
    left: 10%;	
}

	.gallery-left {
	width: 82.02%;/*812px*/
	margin: 0 8.4187192% 1.1083743% 3.4482758%; /* 28px 44px 9px; */
	padding: 3.83%;/*39px*/
	background-color: #ececec;
	/*min-height: 20%;/*400px*/
	box-shadow: #888 6px 0px 2px 0, #888 -6px 6px 2px;  
	-moz-box-shadow:#888 6px 0px 2px 0, -6px 6px 2px;
}

	#content img.left {
		box-shadow:0 0 25px #111;
		z-index:3334;
		left:-.5%;
		max-width:100%;
}

	.gallery-centered h3 {padding-top:40px;}
	
	#content img[src*='hi-res']{
	left:-1px;	
}

	#content img[src*='lrg']{
	top:481px;
	left:-1px;
}
.gallery-centered img {
	min-height: 100%;
}
}
@media screen and (max-width:900px){
	#content img {
    position: relative;
    top: 3%;
    left: 7%;	
}

	.gallery-left {
	width: 82.02%;/*812px*/
	margin: 0 8.4187192% 1.1083743% 3.4482758%; /* 28px 44px 9px; */
	padding: 3.83%;/*39px*/
	background-color: #ececec;
	/*min-height: 20%;/*400px*/
	box-shadow: #888 6px 0px 2px 0, #888 -6px 6px 2px;  
	-moz-box-shadow:#888 6px 0px 2px 0, -6px 6px 2px;
}

	#content img.left {
		box-shadow:0 0 25px #111;
		z-index:3334;
		left:-8%;
		max-width:100%;
}

#content img[src*='hi-res']{
	top:40px;
	left:-50px;	
}

#content img[src*='lrg']{
	top:40px;
	left:-50px;
}
.gallery-centered img {
	min-height: 100%;
}
}
@media screen and (max-width:800px){
/* img { max-width:50%;max-height:25%;}/*solves image problems with resolution*/
nav {   
	position:relative;
	width: 100%;
	margin: 0;
	border: 1px solid #888;
	top:20px;
}

img { max-width:100%;}

.web-description img {
	/* max-width:50%;max-height:25%;*/
	 max-width:100%;	
}
article.web-description a img {
	margin-left:0;	
}
article.gallery h4 {
	font-size:12px;	
}
.gallery-bottom a img #content img {
	position:relative;
	left:0;
	top:40px;	
}
.span4 {
	width: auto;	
}

object { max-width:100%;/* max-height:23%;*/	}

video { max-width:100%;max-height:100%;}

.gallery {
	width: 82.020202%;/*812px*/
	margin: 0 8.4187192% 1.1083743% 3.4482758%; /* 28px 44px 9px; */
	padding: 4.8029556%;/*39px*/
	background-color: #ececec;
	/* height: 50%; */
	box-shadow: #888 6px 0px 2px 0, #888 -6px 6px 2px;  
	-moz-box-shadow:#888 6px 0px 2px 0, -6px 6px 2px;
}
.gallery-left {
	width: 82.02%;/*812px*/
	margin: 0 8.4187192% 1.1083743% 3.4482758%; /* 28px 44px 9px; */
	padding: 3.83%;/*39px*/
	background-color: #ececec;
	/*min-height: 20%;/*400px*/
	box-shadow: #888 6px 0px 2px 0, #888 -6px 6px 2px;  
	-moz-box-shadow:#888 6px 0px 2px 0, -6px 6px 2px;
}

.gallery img {
	padding:5px;
	margin:5px;
	float:left;
	max-width:100%;
	max-height:100%;
}

.gallery:first-child, .gallery-left:first-child {
	padding-top:180px;	
}
#lightbox {
		display:none;
		position:fixed;
		top:0;
		width:100%;
		height:100%;
		/* older versions of IE don't recognize opacity */
		 background: rgba(0,0,0, .7); /* .7 is 70% transparency */
		/* background:url('overlay.png') repeat; * for IE6 * it doesn't understand alpha transparency */
}
	
#content {
		position:relative;
		top:10%;
		left:0;
		/* left:24%; */ 
		z-index:3334;	
}
	
#content img{
		box-shadow:0 0 25px #111;
		z-index:3334;
		left:0;
} 

#content img[src*='hi-res']{
	left:-59px;	
}

#content img[src*='lrg']{
	left:-59px;
}

#content img.left {
		box-shadow:0 0 25px #111;
		z-index:3334;
		left:-8%;
		max-width:100%;
}

.wrapper {
	width: auto;/*990px*/
	margin: 0 auto;
}

#wrapper {
	width: auto;/*990px*/
	margin: 0 auto;
}

@font-face {
	font-family: 'PT Sans Caption', sans-serif;
	src: local('PTSansCaption'), url('fonts/PTSansCaption.otf') format('opentype');
}
/*-------------MIN----------WIDTH-----------FIX--------------*/
ul.services li.shadow {
	min-width:261px;	
}

ul.services li.shadow h3 {
	font-size:18px;	
}

ul.added services h3 {
	white-space:nowrap;	
}

.space-gallery h3, .space-gallery p, .space-gallery h3.bulleted {
	font-size:16px;	
}
/*----------------------------Forms-------------------------------*/
legend {
width: 100%;	
}

textarea{
	resize:none;
	width:80%;
	color:#000;
	scrollbar-face-color: #69F;
}

label {
	color:#079;
	display:block;
	float:left;	
}

input[type=text] {
	width: 97%;	
}

.pull-right {float:right;padding:8px;margin:4px;}
.pull-left {float:left;}

form input{
	width:80%;
	max-width:80.4040404%;
	padding:0;
	margin:0;
	text-align:left;
}

form input[type=submit]{
	width:14%;
}

form {
	width: 100%;
	border: 1px solid #079;
	background:url(../images/table-slice-repeat.png) repeat-x;
	font-size:15px;	
}

fieldset, fieldset legend {
	text-align: left;
	width:80%;
	border-color:#079;
}

fieldset legend {
	background-image:url(../images/aricle-header-slice-repeat.png);
	background-repeat: repeat-x;
	width: 123.8888888%;
	margin-left: 0;
	padding-left: 0;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #fff;
	padding: 6px 0 6px 6px;	
}
/* Header */

header {
	/* blue gradient*/
	background: url('../images/logo.png'),
    url('../images/bookcorner3d.png') 50%, 50%;
	background:#036;
	background:linear-gradient(#479, #002);
	background:-ms-linear-gradient(#479, #002);
	background:-moz-linear-gradient(#479, #002);
	background:-webkit-linear-gradient(#479, #002);
	background-repeat: repeat-x;
}

h1.logo {
	text-indent:-9999px;/* 9999px */
	margin-right:2%;
}

h1.logo a {
	display:block;
    width: 289px;
	height:100px;
	background: url('../images/logo.png') no-repeat;
	position:relative;
}

footer {
	background-image:url(../images/table-slice-repeat.png) repeat-x;
	background:url(../images/table-slice-repeat.png) repeat-x;
	width:100%;
	height:160px;	
	margin:0 auto !important;
}
/******************************************************************

			           BEGIN ARTICLE STYLES
					   
******************************************************************/
article.pulled_quote {
	display:none;
}

article.added_service {
	display:none;
}

article.added_service h3 {
	display:none;
}

article.pulled_quote h3 {
	display:none;
}

section.frontpage {
	background: #CDE0E4 url('../images/hatch_pattern.png') repeat;
	margin-top:20px;
	padding-bottom:40px;
	margin-bottom:20px;
	z-index:33;
	padding:0;
	width:200;
}

article.about_feature h1 {
	text-indent: -9999px;	
}

article#home_display {
	width: auto;
	height:auto;
	margin:0;
	padding:60px 0 0 0;
	background-position:center center;
	background-repeat:none;
}

#home_display img #pic{
	/*padding:60px 0 0 0;*/
	/*margin:60px;*/
	position:absolute;
	left:144px;
	top:180px;
}
section.home_text, section.about_home_text {
	width: auto;/*400px*/
	font-size:14px;
	display:none;
}

section.about_text {
	display:none;	
}

section.home_text h2, section.about_text h2 {
	display:block;
}

section.home_text p {
	color: #444;
	text-shadow: 0 1px 0 #F1F7F8;
	width:auto;
	float:left;
} 

.added_service_text {
	background:url(../images/table-slice-repeat.png) repeat-x;	
}

.added_service_text p {
	display:none;
}
/******************************************************************

						END ARTICLE STYLES

*******************************************************************/
/* Main Navigation */
/* CSS Dropdown Menu */

/* Remove UL Default Styling */

nav ul {
	margin:0;
	padding:0;
	list-style:none;	
}

/* Clear the floated elements */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;	
}

.clearfix:after {
	clear: both;	
}

.clearfix {
	zoom:1;	
}
/*----------------------------------------------------NAV----------------------------------------------------------------*/
nav{
	margin:0;
	top:20px;
}
/* Float the primary nav elements and add relative positioning */
nav > ul li {
	display: block;
	/* border-right: 1px solid #ececec; */
	width:100%;
}

/* Set properties for the anchor tags */
nav ul a {
	display: block;	
	/* padding: 9px 20px; */
	padding: 20px;
	color:#ececec;
	text-transform:uppercase;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 0 0 0 #0f0357;	
	font-weight:lighter;
}

/* Hover state on the LI only if it has an anchor tag */
nav ul li:hover>a{
	color:#FFFFFF;
}

/* Set any nested UL's to be hidden on page load and position it */
nav ul ul {
	margin: 18px 0 0 0;
	opacity: 0;
	background-color:#479;
	visibility: hidden;
	position: absolute;
	top: 35px;
	left:0;
	z-index:1; 
}

nav ul li ul li { width:100%;border:none;}
/* nav ul li > a:after {content:"images/arw-side.png"}*/
/*nav ul li > a:hover:after {content:"images/arw.png";}*/
nav ul ul li > a:after {content:""}
nav ul ul li > a:hover:after {content:"»";padding-left:5px;}

/* Display any UL descendant of a primary LI on mouse hover */
nav > ul li:hover > ul {
	opacity:1;
	visibility:visible;
	margin:0;	
}

nav > ul ul ul li {
	right:190px;		
}
/* Position and style any submenus of a dropdown UL */
nav > ul ul ul {
	top: 0;
	right: 0px; 
	margin:0;	
	width:200px;
	position:relative;
}

/* Style ALL dropdown menus */
nav > ul ul a {
	padding: 10px;
	width: 200px;
	display: block;
	white-space: nowrap;
	text-transform:none;
}

/* Dropdown links' hover states */
nav > ul ul a:hover {
	background-color:#ececec;
	background:linear-gradient(#ececec, #999);
	background:-moz-linear-gradient(#ececec, #999);
	background:-webkit-linear-gradient(#ececec, #999);
	color: #479;
	text-shadow: 0 1px 0 #888;	
}
nav ul ul li:first-child > a:after {
	content:url(images/arw.png);
	position:absolute;
	/* left:50px;
	top:-5px;*/	
}

nav ul ul ul li:first-child > a:after {
	content:url(images/arw-side.png);
	top: 20%; /* Center arrow exactly in the middle */
	/* left: -10px;
	border-left:0;*/	
}

nav ul ul ul li:hover > a:after {
	content:url(images/arw-side.png);
	/*top: 20%; /* Center arrow exactly in the middle */
	/*left: -10px;*/	
}

ul.services {
	width: 100%;/*990px*/
	margin: 0;
	padding:0;
	display:block;
}

ul.services li {
	width: auto;/*322px*/
	padding:0;/*12px 12px*/
	list-style: none;
}

ul.services h3 {
	font-size: 25px;
	color: #169;
	text-indent: 40px;
	margin:0;
}

ul.services li.service_1 h3 {
	background: url('../images/service_1.png') no-repeat; text-indent: 66px; background-position: top; padding: 9px 0 14px 0;height:33px;
}

ul.services li.service_2 h3 {
	background: url('../images/service-2.png') no-repeat; text-indent: 66px; background-position: 8px 5px 10px 25px; padding: 9px 0 14px 0;height:33px
}

ul.services li.service_3 h3 {
	background: url('../images/service-3.png') no-repeat; text-indent: 66px; background-position: 8px 5px 10px 25px; padding: 9px 0 14px 0;height:33px
}

ul.services li.service_4 h3 {
	background:url('../images/bullet.png') no-repeat;
	width:auto;
	text-indent: 0px;
	background-position: 20px 20px;
	padding: 9px 0 9px 67px;
}

ul.services li.shadow {
	width:400%;
	font-size:14px;
}

ul.services li.service_4 {
width:66px;
margin-left:6px;	
}

h3.bulleted{
	background-position:0px 0px;
	background-color:#fff;
}

form input{
	width:auto;
	padding:0;
	margin:0;
	text-align:left;
}

form input[type=submit]{
	width:auto;
}

form {
	width: auto;
	border: 1px solid #079;
	background:url(../images/table-slice-repeat.png) repeat-x;	
}

fieldset, fieldset legend {
	text-align: left;
	width:auto;
	border-color:#079;
}

article.space-gallery:first-child {
	padding-top:180px;	
}

.break {
	margin-top:140px;	
}

article.web-description {
	font-size:12px;
	box-shadow:none;
	float:none;
	margin:0;
	padding:0;
}

article.space-gallery p{
	top:160px;
	line-height:180%;	
}

article.web-description h4, article.web-description p{
	margin:0;
	padding:0;
}

article.web-description img, article.space-gallery img {
	width:100%;
	height:100%;
}



fieldset legend {
	background-image:url(../images/aricle-header-slice-repeat.png);
	background-repeat: repeat-x;
	width: auto;
	margin-left: 0;
	padding-left: 0;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #fff;
	padding: 6px 0 6px 6px;	
	margin:20px;
	
}

legend {
	width: auto;	
}

textarea{
	resize:none;
	width:auto;
	content:icon;
	color:#fff;
	scrollbar-face-color: #69F;
}
article.web-description a img {
	margin:0 auto !important;	
}

ul.services li.shadow {
	padding: 10% 20%;/*3px*/
	box-shadow: #ececec 6px 0px 2px 0, #ececec -6px 6px 2px;  
	-moz-box-shadow:#ececec 6px 0px 2px 0, -6px 6px 2px; 
}
/*--------------------END---------------------TABLET---------------------STYLES--------------------------*/	

a[href*='hi-res'] img #content img {
	position:absolute;
	left:0;
	top:0px;	
}
#content img[src*='hi-res']{
	top:-20px;
	left:-50px;	
}

#content img[src*='lrg']{
	top:-20px;
	left:-50px;
}
}
@media screen and (max-width:640px){
#content {
		position:relative;
		top:0;
		left:-6%;
		/* left:24%; */ 
		z-index:3334;	
}
	
#content img{
		box-shadow:0 0 25px #111;
		z-index:3334;
		left:-6%;
} 

.gallery-bottom a img #content img {
	position:relative;
	left:-59px;
	top:40px;	
}

.cover {
    width: 480px;
    height: 360px;
	display:block;
}
.cover-thumbnail {
    height: 100%;
	max-width:100%;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position: center;
}
.gallery-centered img{margin:-10%;}
}
@media screen and (max-width:600px){
	#content img{
		box-shadow:0 0 25px #111;
		z-index:3334;
		left:-10%;
		top:60%;
}

.gallery-centered img{margin:-10%;}
}

@media screen and (max-width:480px){
.frontpage h2, .frontpage p, #pic {
	display:none;	
}

/* img { max-width:100%;max-height:100%;}/*solves image problems with resolution*/

img { max-width:100%;max-height:100%;}

img.tall {
	min-height:200px;
	max-width:200px;	
}

.web-description img {
	max-height:100%;	
}
article.web-description a img {
	margin-left:0;	
}
article.gallery h4 {
	font-size:12px;	
}

.span4 {
	width: auto;	
}

object { max-width:100%;/* max-height:23%;	*/}

video { max-width:100%;max-height:100%;}
.gallery {
	width: 82.020202%;/*812px*/
	margin: 0 8.4187192% 1.1083743% 3.4482758%; /* 28px 44px 9px; */
	padding: 4.8029556%;/*39px*/
	background-color: #ececec;
	height: 50%;
	box-shadow: #888 6px 0px 2px 0, #888 -6px 6px 2px;  
	-moz-box-shadow:#888 6px 0px 2px 0, -6px 6px 2px;
}

.gallery img {
	padding:5px;
	margin:5px;
	float:left;
	max-width:100%;
	max-height:100%;
}

.gallery img.tall {
	display:block;
	padding:5px;
	margin:5px;
	float:left;
	width:auto;
	height:auto;
	max-width:200px;
	max-height:260px;
	min-height:200px;
}

.gallery:first-child {
	padding-top:180px;	
}
#lightbox {
		display:none;
		position:relative;
		top:0;
		left:-24%;
		width:100%;
		height:100%; 
		/* older versions of IE don't recognize opacity */
		 background: rgba(0,0,0, .7); /* .7 is 70% transparency */
		/* background:url('overlay.png') repeat; * for IE6 * it doesn't understand alpha transparency */
}
	
#content {
		position:relative;
		top:0;
		left:0;
		width:100%;
		z-index:3334;
}
	
#content img{
		box-shadow:0 0 25px #111;
		z-index:3334;	
} 

.wrapper {
	width: auto;/*990px*/
	margin: 0 auto;
}

#wrapper {
	width: auto;/*990px*/
	margin: 0 auto;
}

@font-face {
	font-family: 'PT Sans Caption', sans-serif;
	src: local('PTSansCaption'), url('fonts/PTSansCaption.otf') format('opentype');
}

ul.services li.shadow h3 {
	font-size:18px;	
}
.space-gallery h3, .space-gallery p, .space-gallery h3.bulleted {
	font-size:16px;	
}

/* Header */

header {
	/* blue gradient*/
	background: url('../images/logo.png') no-repeat;
	background-repeat: repeat-x;
	background:#036;
	background:linear-gradient(#479, #002);
	background:-ms-linear-gradient(#479, #002);
	background:-moz-linear-gradient(#479, #002);
	background:-webkit-linear-gradient(#479, #002);
}

h1.logo {
	text-indent:-9999px;/* 9999px */
	margin-right:2%;
}

h1.logo a {
	display:block;
    width: 289px;
	height:100px;
	background: url('../images/logo.png') no-repeat;
	position:relative;
}

footer {
	background-image:url(../images/table-slice-repeat.png) repeat-x;
	background:url(../images/table-slice-repeat.png) repeat-x;
	width:100%;
	height:160px;	
	margin:0 auto !important;
}
/******************************************************************

			           BEGIN ARTICLE STYLES
					   
******************************************************************/
article.pulled_quote {
	display:none;
}

article.added_service {
	display:none;
}

article.added_service h3 {
	display:none;
}

article.pulled_quote h3 {
	display:none;
}

section.frontpage {
	background: #CDE0E4 url('../images/hatch_pattern.png') repeat;
	margin-top:20px;
	padding-bottom:40px;
	margin-bottom:20px;
	z-index:33;
	padding:0;
	width:200;
}

article.about_feature h1 {
	text-indent: -9999px;	
}

article#home_display {
	width: auto;
	height:auto;
	margin:0;
	padding:60px 0 0 0;
	background-position:center center;
	background-repeat:none;
}

#home_display img#pic{
	/*padding:60px 0 0 0;*/
	/*margin:60px;*/
	position:absolute;
	left:144px;
	top:180px;
}
section.home_text, section.about_home_text {
	width: auto;/*400px*/
	font-size:14px;
	display:none;
}

section.about_text {
	display:none;	
}

section.home_text h2, section.about_text h2 {
	display:block;
}

section.home_text p {
	color: #444;
	text-shadow: 0 1px 0 #F1F7F8;
	width:auto;
	float:left;
} 

.added_service_text {
	background:url(../images/table-slice-repeat.png) repeat-x;	
}

.added_service_text p {
	display:none;
}
/******************************************************************

						END ARTICLE STYLES

*******************************************************************/
/* Main Navigation */
/* CSS Dropdown Menu */

/* Remove UL Default Styling */

nav ul {
	margin:0;
	padding:0;
	list-style:none;	
}

/* Clear the floated elements */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;	
}

.clearfix:after {
	clear: both;	
}

.clearfix {
	zoom:1;	
}
/*----------------------------------------------------NAV----------------------------------------------------------------*/
nav{
	margin:0;
	top:20px;
}
/* Float the primary nav elements and add relative positioning */
nav > ul li {
	display: block;
	border-right: 1px solid #ececec;
	width:100%;
}

/* Set properties for the anchor tags */
nav ul a {
	display: block;	
	padding: 9px 20px;
	color:#ececec;
	text-transform:uppercase;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 0 0 0 #0f0357;	
	font-weight:lighter;
}

/* Hover state on the LI only if it has an anchor tag */
nav ul li:hover>a{
	color:#FFFFFF;
}

/* Set any nested UL's to be hidden on page load and position it */
nav ul ul {
	margin: 18px 0 0 0;
	opacity: 0;
	background-color:#479;
	visibility: hidden;
	position: absolute;
	top: 35px;
	left:0;
	z-index:1; 
}

nav ul ul li:first-child > a:after {
	content:url(../images/arw.png);
	z-index:10000;
	position:absolute;
	left:50px;
	top:-5px;	
}

nav ul ul ul li:first-child > a:after {
	content:url(../images/arw-side.png);
	z-index:10000;
	position:absolute;
	top: 20%; /* Center arrow exactly in the middle */
	left: -10px;
	border-left:0;	
}

nav ul ul ul li:hover > a:after {
	content:url(../images/arw-side.png);
	z-index:10000;
	position:absolute;
	top: 20%; /* Center arrow exactly in the middle */
	left: -10px;	
}
/* Display any UL descendant of a primary LI on mouse hover */
nav > ul li:hover > ul {
	opacity:1;
	visibility:visible;
	margin:0;	
}

nav > ul ul ul li {
	right:190px;		
}
/* Position and style any submenus of a dropdown UL */
nav > ul ul ul {
	top: 0;
	right: 0px; 
	margin:0;	
	width:200px;
	position:relative;
}

/* Style ALL dropdown menus */
nav > ul ul a {
	padding: 10px;
	width: 200px;
	display: block;
	white-space: nowrap;
	text-transform:none;
}

/* Dropdown links' hover states */
nav > ul ul a:hover {
	background-color:#ececec;
	background:linear-gradient(#ececec, #999);
	background:-moz-linear-gradient(#ececec, #999);
	background:-webkit-linear-gradient(#ececec, #999);
	color: #479;
	text-shadow: 0 1px 0 #888;	
}

ul.services {
	width: 100%;/*990px*/
	margin: 0;
	padding:0;
	display:block;
}

ul.services li {
	width: auto;/*322px*/
	padding:0;/*12px 12px*/
	list-style: none;
}

ul.services h3 {
	font-size: 25px;
	color: #169;
	text-indent: 40px;
	margin:0;
}

ul.services li.service_1 h3 {
	background: url('../images/service_1.png') no-repeat; text-indent: 66px; background-position: top; padding: 9px 0 14px 0;height:33px;
}

ul.services li.service_2 h3 {
	background: url('../images/service-2.png') no-repeat; text-indent: 66px; background-position: 8px 5px 10px 25px; padding: 9px 0 14px 0;height:33px;
}

ul.services li.service_3 h3 {
	background: url('../images/service-3.png') no-repeat; text-indent: 66px; background-position: 8px 5px 10px 25px; padding: 9px 0 14px 0;height:33px;
}

ul.services li.service_4 h3 {
	background:url('../images/bullet.png') no-repeat;
	width:auto;
	text-indent: 0px;
	background-position: 20px 20px;
	padding: 9px 0 9px 67px;
}

ul.services li.shadow {
	width:400%;
	font-size:14px;
}

ul.services li.service_4 {
width:66px;
margin-left:6px;	
}

h3.bulleted{
	background-position:0px 0px;
	background-color:#fff;
}

form input{
	width:auto;
	padding:0;
	margin:0;
	text-align:left;
}

form input[type=submit]{
	width:auto;
}

form {
	width: auto;
	border: 1px solid #079;
	background:url(../images/table-slice-repeat.png) repeat-x;	
}

fieldset, fieldset legend {
	text-align: left;
	width:auto;
	border-color:#079;
}

article.space-gallery:first-child {
	padding-top:180px;	
}

.break {
	margin-top:140px;	
}

article.web-description {
	font-size:12px;
	box-shadow:none;
	float:none;
	margin:0 auto;
	padding:0;
}

article.space-gallery p{
	top:160px;
	line-height:180%;	
}

article.web-description h4, article.web-description p{
	margin:0;
	padding:0;
}

article.web-description img, article.space-gallery img {
	width:100%;
	height:100%;
}



fieldset legend {
	background-image:url(../images/aricle-header-slice-repeat.png);
	background-repeat: repeat-x;
	width: auto;
	margin-left: 0;
	padding-left: 0;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #fff;
	padding: 6px 0 6px 6px;	
	margin:20px;
	
}

legend {
	width: auto;	
}

textarea{
	resize:none;
	width:auto;
	content:icon;
	color:#fff;
	scrollbar-face-color: #69F;
}
article.web-description a img {
	margin:0 auto !important;	
}

ul.services li.shadow {
	padding: 10% 20%;/*3px*/
	box-shadow: #ececec 6px 0px 2px 0, #ececec -6px 6px 2px;  
	-moz-box-shadow:#ececec 6px 0px 2px 0, -6px 6px 2px; 
}
h2.corner {
	visibility:hidden;
}
#content img{
		box-shadow:0 0 25px #111;
		z-index:3334;
		/* top:-20%; */
		position:relative;	
		top:-12%;
		left:-12%;
} 
.gallery-centered img{margin:-10%;}
#pic {display:none;}
/*********************END************************MOBILE*************************STYLES***************************/
}
@media screen and (max-width:360px){
	.frontpage h2, .frontpage p, .corner, #pic{
	display:none;	
}

img {max-width:100%;}
object { max-width:100%;/* max-height:23%;*/}

video { max-width:100%;max-height:100%;}
.gallery {
	width: 82.020202%;/*812px*/
	margin: 0 8.4187192% 1.1083743% 3.4482758%; /* 28px 44px 9px; */
	padding: 4.8029556%;/*39px*/
	background-color: #ececec;
	height: 50%;
	box-shadow: #888 6px 0px 2px 0, #888 -6px 6px 2px;  
	-moz-box-shadow:#888 6px 0px 2px 0, -6px 6px 2px;
}

.gallery img {
	padding:5px;
	margin:5px;
	float:left;
}

.gallery:first-child {
	padding-top:180px;	
}
#lightbox {
		display:none;
		position:absolute;
		top:0;
		left:-24%;
		width:100%;
		height:100%;
		/* older versions of IE don't recognize opacity */
		 background: rgba(0,0,0, .7); /* .7 is 70% transparency */
		/* background:url('overlay.png') repeat; * for IE6 * it doesn't understand alpha transparency */
}
	
#content {
		position:relative;
		top:0;
		left:0;
		z-index:3334;	
}
	
#content img{
		box-shadow:0 0 25px #111;
		z-index:3334;
		/* top:-20%; */
		position:relative;	
		top:2%;
		left:-17%;
} 
h2.corner {
	visibility:hidden;
}

#content img.left {
	left:-16%;
	top:2%;	
}
.gallery-centered img{margin:-10%;}
#home_display#pic{display:none;}

}
@media screen and (max-width:320px){
.frontpage h2, .frontpage p, .corner, #pic{
	display:none;	
}
/*img { max-width:100%;max-height:100%;resize:both;}/*solves image problems with resolution*/
img {max-width:100%;}
object { max-width:100%;/* max-height:23%;*/}

video { max-width:100%;max-height:100%;}
.gallery {
	width: 82.020202%;/*812px*/
	margin: 0 8.4187192% 1.1083743% 3.4482758%; /* 28px 44px 9px; */
	padding: 4.8029556%;/*39px*/
	background-color: #ececec;
	height: 50%;
	box-shadow: #888 6px 0px 2px 0, #888 -6px 6px 2px;  
	-moz-box-shadow:#888 6px 0px 2px 0, -6px 6px 2px;
}

.gallery img {
	padding:5px;
	margin:5px;
	float:left;
}

.gallery:first-child {
	padding-top:180px;	
}

#content img.left {
	left:-19%;
	top:2%;	
}

#lightbox {
		display:none;
		position:absolute;
		top:0;
		left:-24%;
		width:100%;
		height:100%;
		/* older versions of IE don't recognize opacity */
		 background: rgba(0,0,0, .7); /* .7 is 70% transparency */
		/* background:url('overlay.png') repeat; * for IE6 * it doesn't understand alpha transparency */
}
	
#content {
		position:relative;
		top:0;
		left:0;
		z-index:3334;	
}
	
#content img{
		box-shadow:0 0 25px #111;
		z-index:3334;
		/* top:-20%; */
		position:relative;	
		top:-20%;
		left: -60px;
} 
h2.corner {
	visibility:hidden;
}	
.gallery-centered img{margin:-10%;}
#home_display#pic{display:none;}
}

dl {color:#149367;}
dd {color:#2A3F55;line-height:250%;}
article.web-description a img {
	margin-left:30px;	
}

footer {
	background-image:url(../images/table-slice-repeat.png) repeat-x;
	background:url(../images/table-slice-repeat.png) repeat-x;
	width:91%;
	height:160px;	
	margin-left:4.5%;
}

.wrapper {
	width: 90%;/*990px*/
	margin: 0 auto;
}

#wrapper {
	width: 90%;/*990px*/
	margin: 0 auto;
}

@font-face {
	font-family: 'PT Sans Caption', sans-serif;
	src: local('PTSansCaption'), url('fonts/PTSansCaption.otf') format('opentype');
}

/* Header */

header {
	/* blue gradient*/
	
	background-repeat: repeat-x;
	height:110px; /* 110px */
	background:#036;
	background:linear-gradient(#479, #002);
	background:-ms-linear-gradient(#479, #002);
	background:-moz-linear-gradient(#479, #002);
	background:-webkit-linear-gradient(#479, #002);
	margin:0;
	padding:0;
}

h1.logo {
	text-indent:-9999px;/* 9999px */
}

h1.logo a {
	display:block;
    width: 289px;
	height:100px;
	background: url('../images/logo.png') no-repeat;
	background-position: -10 -10;
	position:absolute;
	top:20px;
	left:0;
	margin-bottom:12.25%;/*18px*/
}

p {color:#2a3f55;}
ol {color:#2a3f55;}
ul li { color:#2a3f55;}
h5 { color:#444; }
article.web-description p { color:#333;}
/******************************************************************

			           BEGIN ARTICLE STYLES
					   
******************************************************************/
article.pulled_quote {
    float:left;
	width: 60%;/*700px*/
	font-weight: normal;
	padding:0;/*5.020202% 2.26% 3.4444444% 2.020202%;/*20px 20px 44px 20px*/
	background:url(../images/about_us.jpg) no-repeat;
	background-position: right top;/* 6.010101% 18.3737373%;/*10px 73px*/
	position:relative;
	left:8%;
	border-bottom:3px dashed #ccc;
	border-right:9px solid #ccc;
	padding-left:6.444444%;
}

article.added_service {
	float:left; 
	width:66%;/*718px*/
	font-weight: normal;
	padding:0 2.26% .05% .559%;/*20px 20px 44px 20px*/
	position:relative;
	left:8%;
	border-right:9px solid #ccc;
	height:379px;
}
@media screen and (max-width:1280px){
article.added_service {
    float: left;
    width: 54%;
    font-weight: normal;
    padding: 0px 2.26% 0.05% 0.559%;
    position: relative;
    left: 20%;
    border-right: 9px solid #CCC;
    height: 379px;
}
}
article.added_service h3{
	position:relative;
	bottom:40%;
	padding:0;
	font-size: 25px;
	color: #169;
	text-indent: 88px;
	margin-bottom: 4%;
	font-style:italic;
	line-height:222%;
}

article.pulled_quote h3 {
	position:relative;
	bottom: 50%;/*40px*/
	padding:0;
	font-size: 25px;
	color: #169;
	margin-bottom: 4%;
	font-style:italic;
	text-indent:46px;
	line-height:56%;
}

article.added_service_text h3 {
	float:left;
	/* background-position:10px 10px;*/
	 text-indent: 66px; background-position: 1% .5% 1% 2.5%; padding:0;/*10px 5px 10px 25px*/
	 font-style:italic;
}

article.pulled_quote p {
	font-weight: normal;
	line-height: 170%;
	margin: 1.01010101% 0 1.01010101% 1.5151515%; /* 10px 0 10px 15px */
	padding: 0 0 0 2.5%;/* 0 0 0 25px */
}

article.added_service p {
	font-weight: normal;
	line-height: 170%;
	margin: 1.01010101% 0 1.01010101% 1.5151515%; /* 10px 0 10px 15px */
	padding: 0 0 7.55% 2.5%;/*50px*/
}
/*---------------------------OVERFLOW-HIDDEN--------------------------------------------------------------------*/
.frontpage {
	background: #CDE0E4 url('../images/hatch_pattern.png') repeat;
	/* padding-bottom: 30%;/*400px*/
	margin-top:0;
	box-shadow: #ececec 6px 0px 2px 0, #ececec -6px 6px 2px;  
	-moz-box-shadow:#ececec 6px 0px 2px 0, -6px 6px 2px; 
}

#home_display {
	width: 329px;/*447px*/
	height: 377px;/*335px*/
	margin: 20px 0 0 20px;
	background-position:29px 50px;
	background-repeat: no-repeat;
	
}

#home_display img#pic{
	/*padding:60px 0 0 0;*/
	/*margin:60px;*/
	position:absolute;
	left:144px;
	top:180px;
}
.home_text, .about_home_text {
	width: 400px;/*400px*/
	line-height: 170%;
	position:relative;
	left: 120%;/*724px*/
	top: 14.2727272%; /*171px*/
}

article.about_text {
	float: right;
	width: 55.5555555%;/*550px*/
	margin: 9.090909% 4.04040404% 2.9292929% 0;/*90px 40px 29px 0*/
	line-height: 170%;	
}

.home_text h2, .about_text h2 {
	font-size: 44px;
	color: #169;
	line-height: 70%;
	margin: 0 0 2.020202% 0;
	text-shadow: 0 1px 0 #F1F7F8;
}

.home_text p {
	color: #444;
	text-shadow: 0 1px 0 #F1F7F8;
} 

.added_service_text {
	background:url(../images/table-slice-repeat.png) repeat-x;	
}

.added_service_text p {
	/* width:600px; */
	text-shadow: 0 1px 0 #F1F7F8;	
	margin: 10px 0 10px 15px;
	padding: 0 0 0 25px;
}
/******************************************************************

						END ARTICLE STYLES

*******************************************************************/
/* Main Navigation */
/* CSS Dropdown Menu */

/* Remove UL Default Styling */
nav ul {
	margin:0;
	padding:0;
	list-style:none;	
}

/* Set the Nav width, position and background-color */
nav {
	position:relative;
	width: 90%;
	margin: 2.3% 0 0 4.9%; /* 33px 0 0 70px */
	border: 1px solid #888;
	background:#069;
	background:linear-gradient(#479, #002);
	background:-ms-linear-gradient(#479, #002);
	background:-moz-linear-gradient(#479, #002);
	background:-webkit-linear-gradient(#479, #002);
}
@media screen and (max-width:1280px){
nav {
	margin: 3.3% 0 0 4.9%;
}
}
.inside_nav {
	z-index:1;
	position:relative;
	width: 90%;
	margin: 52px 0 auto;
	border: 1px solid #888;
	background:#069;
	background:linear-gradient(#479, #002);
	background:-ms-linear-gradient(#479, #002);
	background:-moz-linear-gradient(#479, #002);
	background:-webkit-linear-gradient(#479, #002);
	
}

/* Clear the floated elements */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;	
}

.clearfix:after {
	clear: both;	
}

.clearfix {
	zoom:1;	
}
.gallery {
	width: 84.02%;/*812px*/
	margin: 0 8.4187192% 1.1083743% 3.4482758%; /* 28px 44px 9px; */
	padding: 3.83%;/*39px*/
	background-color: #ececec;
	height: 50%;
	/*min-height: 20%;/*400px*/
	box-shadow: #888 6px 0px 2px 0, #888 -6px 6px 2px;  
	-moz-box-shadow:#888 6px 0px 2px 0, -6px 6px 2px;
}

.gallery-centered {
	width: 84.02%;/*812px*/
	margin: 0 8.4187192% 1.1083743% 3.4482758%; /* 28px 44px 9px; */
	padding: 3.83%;/*39px*/
	background-color: #ececec;
	box-shadow: #888 6px 0px 2px 0, #888 -6px 6px 2px;  
	-moz-box-shadow:#888 6px 0px 2px 0, -6px 6px 2px;
}

.gallery-bottom {
	width: 84.02%;/*812px*/
	margin: 0 8.4187192% 1.1083743% 3.4482758%; /* 28px 44px 9px; */
	padding: 3.83%;/*39px*/
	background-color: #ececec;
	height: 50%;
	box-shadow: #888 6px 0px 2px 0, #888 -6px 6px 2px;  
	-moz-box-shadow:#888 6px 0px 2px 0, -6px 6px 2px;	
}


.gallery-bottom #content img {
	position:relative;
	left:11%;
	top:8%;	
}

.gallery-left {
	width: 84.02%;/*812px*/
	margin: 0 8.4187192% 1.1083743% 3.4482758%; /* 28px 44px 9px; */
	padding: 3.83%;/*39px*/
	background-color: #ececec;
	height: 50%;
	/*min-height: 20%;/*400px*/
	box-shadow: #888 6px 0px 2px 0, #888 -6px 6px 2px;  
	-moz-box-shadow:#888 6px 0px 2px 0, -6px 6px 2px;	
}

/*.gallery-centered:first-child {
	padding-top:180px;	
}*/

.gallery img {
	padding:0;
	margin:0 auto;
	float:left;
	max-width: 100%;
	max-height: 100%;
	min-height: 100%;
}

.gallery-centered img {
	padding:31px;	
	max-width:100%;
	min-height:100%;
		
}

.gallery-bottom img {
	padding:23px;
}

.gallery-bottom:first-child {
	padding-top:180px;	
}

#lightbox {
		display:none;
		position:fixed;
		top:0;
		left:0.009%;
		width:100%;
		height:100%;
		/* older versions of IE don't recognize opacity */
		 background: rgba(0,0,0, .7); /* .7 is 70% transparency */
		/* background:url('overlay.png') repeat; * for IE6 * it doesn't understand alpha transparency */
}
	
#content {
		position:relative;
		left:60px;	
		top:10%;
}
	
#content img{
		box-shadow:0 0 25px #111;	
} 
/* Float the primary nav elements and add relative positioning */
nav > ul li {
	content:"*";
	float: left;
	/* border-right: 3px dotted #ececec;
	border-right-style:double;*/
	position: relative;
}

/* Set properties for the anchor tags */
nav ul a {
	display: block;	
	padding: 9px 20px;
	color:#ececec;
	text-transform:uppercase;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 0 0 0 #0f0357;	
	font-weight:lighter;
}

/* Hover state on the LI only if it has an anchor tag */
nav ul li:hover>a{
	color:#FFFFFF;
}

/* Set any nested UL's to be hidden on page load and position it */
nav ul ul {
	margin: 18px 0 0 0;
	opacity: 0;
	background-color:#479;
	visibility: hidden;
	position: absolute;
	top: 35px;
	left:0;
	z-index:1; 
}

/* Display any UL descendant of a primary LI on mouse hover */
nav > ul li:hover > ul {
	opacity:1;
	visibility:visible;
	margin:0;	
}

/* Position and style any submenus of a dropdown UL */
nav > ul ul ul {
	top: 0;
	left: 220px; /* width + padding of the UL parent */
	margin: 0 0 0 20px;	
}

/* Style ALL dropdown menus */
nav > ul ul a {
	padding: 10px;
	width: 200px;
	display: block;
	white-space: nowrap;
	text-transform:none;
}

nav > ul a:hover {
	background-color:#ececec;
	background:linear-gradient(#ececec, #999);
	background:-moz-linear-gradient(#ececec, #999);
	background:-webkit-linear-gradient(#ececec, #999);
	color: #479;
	text-shadow: 0 1px 0 #888;		
}

/* Dropdown links' hover states */
nav > ul ul a:hover {
	background-color:#ececec;
	background:linear-gradient(#ececec, #999);
	background:-moz-linear-gradient(#ececec, #999);
	background:-webkit-linear-gradient(#ececec, #999);
	color: #479;
	text-shadow: 0 1px 0 #888;	
}

nav ul ul li:first-child > a:after {
	content:"";
	position:absolute;
	left:50px;
	top:-5px;	
}

nav ul ul li:first-child > a:after {
	content:url(../images/arw-wide_01.png);
	z-index:10000;
	position:absolute;
	left:50px;
	top:-7px;	
}

nav ul ul ul li:first-child > a:after {
	content:url(../images/arw_01.png);
	z-index:10000;
	position:absolute;
	top: 20%; /* Center arrow exactly in the middle */
	left: -10px;
	border-left:0;	
}

nav ul ul ul li:hover > a:after {
	content:url(../images/arw_01.png);
	z-index:10000;
	position:absolute;
	top: 20%; /* Center arrow exactly in the middle */
	left: -10px;	
}
ul.added_services {
	width: 89%;/*690px*/
	margin: 0 auto;
	padding:0;
	float:left;
	max-width:69%;	
}

ul.services {
	width: 23%;/*330px*/
	margin: 0 auto;
	padding:0;
	float:left;
	max-width:23%;
}

ul.added_services {
	margin: 0 auto;
	padding:0;
	float:left;	
}

ul.services li {
	min-width:97%;
	width: 97.5757575%;/*322px*/
	padding:0;/*12px 12px*/
	list-style: none;
	box-shadow:4px 4px 4px #ccc;
}

ul.services li.shadow {
	padding: 10% 20%;/*3px*/
	box-shadow: #ececec 6px 0px 2px 0, #ececec -6px 6px 2px;  
	-moz-box-shadow:#ececec 6px 0px 2px 0, -6px 6px 2px; 
}

ul.services h3 {
	font-size: 25px;
	color: #169;
	text-indent: 40px;
	margin: 20px 0 0 0;
}

ul.services li.service_1 h3 {
	background: url('../images/service_1.png') no-repeat; text-indent: 66px; background-position: 10px 5px 10px 25px; padding: 9px 0 9px 0;
}

ul.services li.service_2 h3 {
	background: url('../images/service-2.png') no-repeat; text-indent: 66px; background-position: 10px 5px 10px 25px; padding: 9px 0 9px 0;
}

ul.services li.service_3 h3 {
	background: url('../images/service-3.png') no-repeat; text-indent: 66px; background-position: 10px 5px 10px 25px; padding: 9px 0 9px 0;
}

article.added_service ul.added_services li.service_4 h3 {
	background:url('../images/about_us.jpg') no-repeat;text-indent: 0px;background-position:center left;margin-top:37px;padding: 9px 10px 9px 77px;height:33px;
}

article.added_service ul.added_services li.service_5 h3 {
	background:url('../images/testmonials_hand.png') no-repeat;text-indent: 0px;background-position:center left;margin-top:37px;margin-left:64px;padding: 9px 10px 9px 77px;height:33px;white-space:nowrap;	
}

article.added_service p.last {
	margin-left:67px;	
}

ul.added_services li.service_4 {
	padding-top:0;
	margin-left:66px;	
	margin-top:10px;
}
@media screen and (min-width:980px) and (max-width:1024px){
	ul.added_services li.service_4{
	padding-top:0;
	margin-left:-66px;	
	margin-top:10px;
}	

	ul.added_services li.service_5 {
	padding-top:0;
	margin-left:-136px;	
	margin-top:10px;	
}
}
/*article.added_service {
	padding:0 2.26% .05% 3.559%;	
}*/

h4 {
color:#004;	
}

gallery-centered:first-child {
	padding-top:80px;	
}

ul.services p {
	margin: 10px 0 10px 15px;
	padding: 0 0 0 25px;
}

.web-description {
	float:left;
	border: 14px solid #fff;
	margin-left: -37px;
	background-color:#fff;
	box-shadow: #ccc 6px 0px 2px 0, #ececec -6px 6px 2px;  
	-moz-box-shadow:#ccc 6px 0px 2px 0, -6px 6px 2px; 	
    width:103%;
}

.web-description p {
	color:#079;	
	margin-bottom:20px;	
}

section.shadow{
	box-shadow: #ccc -6px 0px 10px 0, #ccc 6px 6px 10px;  
	-moz-box-shadow:#ccc -6px 0px 10px 0, #ccc 6px 10px 10px; 
	width: 930px;		
}

article.space-gallery {
	width: 82.020202%;/*812px*/
	margin: 0 8.4187192% 1.1083743% 3.4482758%; /* 28px 44px 9px; */
	padding: 4.8029556%;/*39px*/
	background-color: #ececec;
	height: 50%;
	/*min-height: 20%;/*400px*/
	box-shadow: #888 6px 0px 2px 0, #888 -6px 6px 2px;  
	-moz-box-shadow:#888 6px 0px 2px 0, -6px 6px 2px; 
}

article.space-gallery img {
	float: left;
	margin: 0;
	padding: 10px;
}

/* Wrappers */

footer small{
	margin-top:29px;	
}

/* Footer */ 
footer h4 {
	font-size: 25px;
}

/*----------------------------Forms-------------------------------*/
legend {
width: 80%;	
}

textarea{
	resize:none;
	width:80%;
	color:#000;
	scrollbar-face-color: #69F;
}

label {
	color:#079;
	display:block;
	float:left;	
}

input[type=text] {
	width: 97%;	
}

.pull-right {float:right;padding:8px;margin:4px;}
.pull-left {float:left;}

form input{
	width:80%;
	max-width:80.4040404%;
	padding:0;
	margin:0;
	text-align:left;
}

form input[type=submit]{
	width:14%;
}

form {
	width: 100%;
	border: 1px solid #079;
	background:url(../images/table-slice-repeat.png) repeat-x;
	font-size:15px;	
}

fieldset, fieldset legend {
	text-align: left;
	width:95.95%;
	border-color:#079;
}

fieldset legend {
	background-image:url(../images/aricle-header-slice-repeat.png);
	background-repeat: repeat-x;
	width: 103.889%;
	margin-left: 0;
	padding-left: 0;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #fff;
	padding: 6px 0 6px 6px;	
}

h3.bulleted {
	margin: 0;
	color: #fff;
	font-size: 18px;
	background-color:#fff;	
	background-position:0px 0px;
	text-indent:2px;
	padding-left: 28px;
	cursor:pointer;
	border:1px solid #002;
	background-repeat: repeat-x;
	background:#99ccff;
	background:linear-gradient(#99ccff,#369);
	background:-ms-linear-gradient(#99ccff, #369);
	background:-moz-linear-gradient(#99ccff, #369);
	background:-webkit-linear-gradient(#99ccff, #369);
	background-image:url(../images/bullet.png) no-repeat;
}

.minus {
	padding:0;
	margin:0;
	background:url(../images/minus.png) no-repeat;	
	background-position:0px 0px;
	height:30px;
	z-index:33;	
	cursor:pointer;
}

.duties {
	background:#FFF;
	background:url(../images/table-slice-repeat.png);
	border-bottom: 3px solid #fff;
	margin-top:0;
	padding-left:20px;
	padding-top:20px;
	padding-bottom:40px;
	border:1px solid #666;
}

form#thankyou {
	display:table-cell;	
	width: 36%;
	border: 1px solid #079;
	background:url(../images/table-slice-repeat.png) repeat-x;
	float:left;	
}

fieldset legend#pull-left {
	background-image:url(../images/aricle-header-slice-repeat.png);
	background-repeat: repeat-x;
	width: 136.5%;
	margin-left: -15px;
	padding-left: 0;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #fff;
	padding: 6px 0 6px 6px;	
}

/* Clear-Fix */
nav:before, nav:after {
	content: "";
	display: table;
}

nav:after { clear: both; }

nav { zoom: 1; }

.photoShopExp{
	width:0;
	background:#079;
	height:20px;
	padding-top:10px;
	margin-top:10px;
	-moz-transition-property:width;
	-moz-transition-duration:3s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:width;
	-webkit-transition-duration:3s;
	-webkit-transition-timing-function:ease-in-out;
	background:linear-gradient(#009fcc, #079);
	background:-moz-linear-gradient(#009fcc, #079);
	background:-webkit-linear-gradient(#009fcc, #079);
}

.dreamWeaverExp{
	width:0;
	background:#6C0;
	height:20px;
	padding-top:10px;
	margin-top:10px;
	-moz-transition-property:width;
	-moz-transition-duration:3s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:width;
	-webkit-transition-duration:3s;
	-webkit-transition-timing-function:ease-in-out;
	background:linear-gradient(#6C0, #336600);
	background:-moz-linear-gradient(#6C0, #336600);
	background:-webkit-linear-gradient(#6C0, #336600);
}

.htmlExp{
	width:0;
	background:#00C;
	height:20px;
	padding-top:10px;
	margin-top:10px;
	-moz-transition-property:width;
	-moz-transition-duration:3s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:width;
	-webkit-transition-duration:3s;
	-webkit-transition-timing-function:ease-in-out;
	background:linear-gradient(#00C, #00007F);
	background:-moz-linear-gradient(#00C, #00007F);
	background:-webkit-linear-gradient(#00C, #00007F);
}

.cssExp{
	width:0;
	background:#C69;
	height:20px;
	padding-top:10px;
	margin-top:10px;
	-moz-transition-property:width;
	-moz-transition-duration:3s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:width;
	-webkit-transition-duration:3s;
	-webkit-transition-timing-function:ease-in-out;
	background:linear-gradient(#FF7FBD, #C69);
	background:-moz-linear-gradient(#FF7FBD, #C69);
	background:-webkit-linear-gradient(#FF7FBD, #C69);
}

.jsExp{
	width:0;
	background:#093;
	height:20px;
	padding-top:10px;
	margin-top:10px;
	-moz-transition-property:width;
	-moz-transition-duration:3s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:width;
	-webkit-transition-duration:3s;
	-webkit-transition-timing-function:ease-in-out;
	background:linear-gradient(#00e54c, #093);
	background:-moz-linear-gradient(#00e54c, #093);
	background:-webkit-linear-gradient(#00e54c, #093);
}

.photoShopExp h3, .dreamWeaverExp h3, .htmlExp h3, .cssExp h3, .jsExp h3 {
	line-height: 0;	
	margin:5px 0 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
}

.corner {float:right; z-index:!important 9999;position:!importantrelative;}
header h2.corner {
	display:block;
    width: 289px;
	height:163px;
	background:
	url('../images/bookcorner3d.png');
	float:right;
	position:absolute;
	top:0;
	right:0;
	z-index:9999 !important;
}

.gallery-bottom a img #content img {
	position:absolute;
	left:-4.4%;
	top:40px;	
}

/*#lightbox2 {
	position:relative;
	top:1px;
	right:500px;
	padding:40px;
	min-height:600px;	
}
*/
#lightbox2 {
		display:none;
		position:fixed;
		top:0;
		left:0.009%;
		width:100%;
		height:100%;
		/* older versions of IE don't recognize opacity */
		 background: rgba(0,0,0, .7); /* .7 is 70% transparency */
		/* background:url('overlay.png') repeat; * for IE6 * it doesn't understand alpha transparency */
}
html { overflow:auto;}