@charset "utf-8";
/* CSS Document */

body
{
	margin: 0px;
	padding: 0px;
	font-size:1.125em;
	color:#333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(../images/backgroundblur.png) fixed;
	-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#title
{
	font-family:"Times New Roman", Times, serif;
	font-size:1.4em;
	color:#000;
}

#wrapper
{
	width: 100%;
	height:auto;
}
#header
{
	width:100%;
	height:150px;
	background: #FFF;
}

#maincontent
{
	width:100%;
	height:auto;
}
#about
{
	width: 100%;
	height: 350px;
	background:#DDDDDD;
}

/*----------------------------------
image section of the website with workers 
vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

#images
{
	width:100%;
	height:450px;

}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
image section of workers on the website
-----------------------------------*/



/*--------------------------------
Social media section of the website 
vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
----------------------------------*/

#social
{
	width:100%;
	height: 300px;
	background:#FFFFFF;
}
#facebook
{
	width:100%;
	height:175px;
	background: url(../images/facebookimg2.png);
	text-align:center;
	padding-top:25px;
}

/*--------------------------------
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Social media section of the website 
----------------------------------*/




/*--------------------------------------------
footer styling
vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
--------------------------------------------*/
#footer
{
	width:100%;
	height:350px;
	background:#DDDDDD;
}
#innerfooter
{
	width:100%;
	height:150px;
	background:#000;
	bottom:0px;
	color:#FFF;
	font-size:1.5em;
	text-align: center;
}
#logoman
{
	position: absolute;
	left:30px;
	bottom: -700px;

}
#phonelink
{
	text-decoration:none;
	color:#CCC;	
}
#phonelink:hover
{
	text-decoration:none;
	color:#FFF;	
}
#footerinfo
{
	width:890px;
}
/*--------------------------------------------
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
footer styling
--------------------------------------------*/




/*--------------------------------------------
classes for quicker use in template
----------------------------------------------*/

.centerctnr
{
	width:1000px;
	height: 100%;
	margin-left:auto;
	margin-right:auto;
}

.textctnr
{
	width:100%;
	height:auto;
	padding:10px 0px 0px 0px;
	text-align:center;
}
.pointer
{
	width:100%;
	height:50px;
	text-align:center;
	background:url(../images/pointer2.png) no-repeat;
	background-position:top center;
}
.rimages
{
	border-radius:50%;
	transition-duration:1s;
	padding:4%;
	visibility:hidden;
	z-index:100;
}
.rimages:hover
{
	border-radius:0%;
}

.floatleft
{
	float:left;
	margin-left:15px;
}

.tab
{
	width:100%;
	height: 200px;
	background:#DDDDDD;
	visibility:hidden;
}