/* CSS Document */

body {
	margin-top:0px;
	background-position:center;
	background-attachment:fixed; 	
/*	background:url(../images/headerGradient2.jpg);*/
	background-repeat:no-repeat;
	background-color:#000000;
	/*background-size: 1000px 875px;*/
	
	background-image:url(../images/yardEquip2.jpg);
}
#wrapper {
	position:absolute;
	left: 50%;
	width:1000px;
	height:800px;
	margin-left: -500px; /*set to a negative number 1/2 of your width*/
	margin-top: 0px;
	padding:0px;
/*	top:50%;
	margin-top: -350px;*/
	font-size:10px;
	/*background-color:#FFFFFF;*/
}

#logo {
	position:absolute;
	top:0px;
	left:50px;
	z-index:1000;
}

#Header {
	position:relative;
	top: 0px;
}

#repository {
	-moz-border-radius: 15px; /* Firefox */
	-webkit-border-radius: 15px; /* Safari and Chrome */
	border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

	-webkit-box-shadow: #333 5px 5px 3px;
	-moz-box-shadow: #333 5px 5px 3px;
	box-shadow: 10px 10px 20px #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	visibility: visible;
}

#content-wrapper{
	position:inherit;
	top:195px;
	width:1000px;
	height:490px;
/*	background-image:url(../images/gallery/yard1.jpg);*/
/*  background-image:url(../images/gallery/YardSl.jpg);*/
}

#contentHeader{
	
	
}

#cw-overlay {
	position:absolute;
	visibility:visible;
	width:1000px;
	height:490px;
	background:rgba(255,255,255,0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AAFFFFFF, endColorstr=#AAFFFFFF);
	z-index:725;
}

#menu {
	position:inherit;
	width:145px;
	margin-left:0px;
	margin-top:25px;
	padding-right:20px;
	text-align:right;
	text-decoration:underline;

	font-family:spHandComp;
	font-size:22px;
	z-index:900;
}


.links{
	display:block;
	margin-top:40px;
	text-decoration:none;
	color: black;
	line-height:1.0em;
}

.links span {
	font-size:1em;
	text-decoration:none;
	line-height:0px;
}


#tab {
	position:absolute;
	left:23px;
	top:225px;
	width:137px;
	height:73px;
	z-index:800;
/*	background-image:url(images/tab2.png);*/
}

#view-website {
	position: absolute;
	z-index: 3000;
	top:50%;
	left:0px;
	
	width:110px;
	height:65px;
	font-family: spHandComp;
    font-size: 22px;
    text-align: center;
    padding-right:20px;
    background-color: white;
    border:#000000 1px solid;
	-moz-border-radius: 12px; /* Firefox */
	-webkit-border-radius: 12px; /* Safari and Chrome */
	border-radius: 12px;
	display:none;
}

#view-website .links{
	margin-top:10px;
}

#content {
	position:inherit;
	width:778px;
	min-height: 500px;
	margin-top:9px;
	margin-left:160px;
	padding:15px;
	z-index:750;
	background:rgba(255,255,255,0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBFFFFFF, endColorstr=#BBFFFFFF);
	border:#000000 1px solid;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px;
	overflow: hidden;
	
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-size:15px;

}

#content h1, h2 {
	text-align: center;
	margin-top: 0;
}

/* Careers and Safety page */

#careersSafety h3{
	font-size:1.3em;
}

#careersSafety .ui-accordion-header{
	border:#000000 1px solid;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px;
}

#careersSafety .ui-accordion-content{
	/*border:#000000 1px solid;
	border-top:none;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px;*/
}

.galleryNav{
	font-family: spHandComp;
	font-size: 16px;
	font-weight: bold;
	color: black;
}

#galleryList{
	position:absolute;
	z-index:1000;
	background-color:white;
	padding:15px;
	display:none;
	border:#000000 1.5px solid;
	/*-moz-border-radius: 5px; /* Firefox */
	/*-webkit-border-radius: 5px; /* Safari and Chrome */
	/*border-radius: 5px;*/
}

#galleryList .links{
	line-height:25px;
	font-size:larger;
	margin-top: 5px;
	color:blue;
}

#footer {
	position:inherit;
	height:25px;
	top:686px;
	width:1000px;
	text-align:center;
	vertical-align:bottom;
	padding-top:116px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#bbb;

/* Footer Gradient*/
	/* Chrome, Safari, FF 4 */
	background-image: -webkit-gradient(
	  linear, top, bottom, from(rgba(255,255,255,0.7)),
	  to(rgba(180,0,0,1.0)));
	  
	/* mozilla - FF3.6+ */
	background-image: -moz-linear-gradient(
	  rgba(255, 255, 255, 0.7) 0%, rgba(180, 0, 0, 1.0) 100%);
	
    background-image: linear-gradient(0deg, rgba(180,0,0,1) 5px, transparent 125px),
                    linear-gradient(180deg, rgba(255,255,255,0.70) 0px, transparent 200px);
 
 /* older IE */
	filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr=#E7FFFFFF, endColorstr=#FFCA0000);
    
	/*???? -ms-filter: progid:DXImageTransform.Microsoft.gradient(
	  startColorstr=#550000FF, endColorstr=#550000FF
	);*/

	/*???? background:rgba(255,255,255,0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AAFFFFFF, endColorstr=#AAFFFFFF);*/
}

#adsc{
	position: absolute;
	right:20px;
	bottom:5px;
	color:#bbb;
	text-align: left;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

@font-face {
    font-family: spHandComp;
    src: url('../fonts/SP-HandC.eot');
    src: local(bttf_font), url('../fonts/SP-HandC.ttf') format('opentype');
}

.contImg {
/*	border:#000000 1px solid;*/
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px;
}

/*  SERVICES pg */
#svcsList{
	float:left;
	padding-top:10px;
	/*border:#000000 thin solid;*/
	width:425px;
}
.apps{
	float:right;
	padding:0px;
	/*padding:0px 20px 0px 40px;*/
	font-size:1.2em;
	font-weight:500;
	line-height:2.7;
	border-left:#000000 solid thin;
}

#Services h2 {
	margin:0;
}
/*#Services td{
	height: 40px;
}*/

#Services h3{
	font-size:1.3em;
	margin-bottom:0em;
}

#Services p{
	text-align:center;
	margin:0;
}

#Services li{
	font-size:1.1em;
}

#Services .links{
	/*list-style: none;*/
	text-decoration:underline;
	color: blue;
	margin-top:5px;
}

#Services .links :visited{
	color: magenta;
}

.head{
	margin:0;
	text-align:center;
	font-size:larger;
	font-family:Open Sans;
}

.center{
	text-align:center;
}

.small{
	font-size: 12px;
}

/*  PROJECTS pg */
.projects h2{
	text-decoration: underline;
}
.projects h3 {
	margin-top:-35px;
	text-align: center;
	font-size:1.1em;	
}

.projects table {
	style="font-size: 5px;"
}
.name {
	font-weight:bold;
	text-decoration: underline;	
}

.pImg {
	margin: 0px 0px 10px 10px;
}

.blk1 {
	vertical-align: bottom;
}

.hdr {
	font-weight:bold;

	text-transform: uppercase;
}

#pNav a {
	border:#000000 1px solid;
	margin:10px 4px;
	padding:3px 7px;
	text-decoration: none;
}

#emlCat p {
	width: 70%;
	border:#000000 1px solid;
	margin:12px 15px;
	padding:3px 11px;
}

#emlCat a {
	text-decoration: none;
	font-size:15px;
	color:#000000;
}
