@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	
}
img,a{
  border: none;
}
body 
{
	margin:0px; background:url(../images/bg.png) repeat-x;
	font-family:Verdana, Geneva, sans-serif;
	font-size:.8em;
}



#container
{
	position:relative;
	width:940px;
	min-height:325px;
	height:325px;
	margin:0px auto;
	background:url(../images/white.png) top no-repeat;
}

#nav
{
	width:500px;
	height:80px;
	margin:15px 15px 0px 0px;
	background:url(../images/nav.png) no-repeat;
	float:right;
}
	#nav ul
	{
		float:left;
		width:100%;
		padding:0px;
		margin:55px 0px 0px 0px;
		list-style-type:none;
	}
	#nav li a, li a:visited
	{
		float:right;
		text-decoration:none;
		padding:0px 15px;
		color:#FFF;
		width:45px;
		height:20px;
	}
	#nav li a:hover
	{
		float:right;
		text-decoration:none;
		padding:0px 15px;
		color:#CCC;
		background:url(../images/linkarrow.png) no-repeat;
	}
#logo
{
	width:410px;
	height:80px;
	margin:15px 0px 0px 15px;
	float:right;
	background:url(../images/logo.png) no-repeat;
}
#main
{
	position:relative;
	width:910px;
	height:370px;
	float:right;
	margin:10px 15px 5px 15px;
	background:none;
	
}/*index main div */
#contentNode
{
	position:relative;
	width:910px;
	height:400px;
	float:left;
	margin:10px 15px 5px 15px;
	background:#9CF url(../images/gradBG.png) repeat-x!important;

	-webkit-border-bottom-left-radius:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-top-right-radius:10px;		
	
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topright:10px;		
}/*contact main div */
	#contentNode h2 {
		padding: 8px;
		text-align: center;	
		font-size: 1.5em;
		color: #fff;
		text-shadow: #333 1px 1px;
	}
	#contactField {
		width: 450px;
		height:400px;
		float:left;
		position:relative;
		top:50px;
		
	}
	#infoField {
		width: 450px;
		height:400px;
		float:left;
		position:relative;
		top:50px;
	}
			
/* horizontal boxes on index */
#box
{
	float:right;
	width:915px;
	margin-right:16px;
	position:relative;
}
	.boxes
	{
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-top-right-radius:10px;		
	
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topright:10px;	
	width:298px;
	height:250px;
	float:left;
	margin-left:5px;
	background:#9CF url(../images/gradBG.png) repeat-x!important;
	position:relative;
	left:3px
	}

	.boxes p
	{
		text-align: justify;
		font-size: .85em;
		line-height:20px;
		padding:5px;
		color:#FFf;
		
	}
	.boxes h3 {
		padding: 8px;
		text-align: center;	
		font-size: 1.5em;
		color: #fff;
		text-shadow: #333 1px 1px;
	}
	
		a.readmore:link {
			color:#fff;
			font-size:1.3em;
			text-decoration: none;
			float:right;
			margin-top:-20px;
			margin-right:20px;
			font-weight:bold;
			text-shadow: #666 1px 1px;
	}
		a.readmore:visited {
			color:#fff;
			font-size:1.3em;
			text-decoration: none;
			float:right;
			margin-top:-20px;
			margin-right:20px;
			font-weight:bold;
			text-shadow: #666 1px 1px;
	}
		a.readmore:hover {
			text-shadow: #666 1px 1px;
		
	}
		a.readmore:active {
		color:#fff;
	}
	
		
/* Footer */
#footer
{
  float:left;
	width:940px;
	height:20px;
	text-align:center;
	color:#999;
	clear:both;
	margin-top:70px;
}


/* CSS for Services Page */



.contentNode
{
	position:relative;
	width:910px;
	height:370px;
	float:left;
	margin:10px 15px 5px 15px;
	background:#9CF url(../images/gradBG.png) repeat-x!important;

	-webkit-border-bottom-left-radius:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-top-right-radius:10px;		
	
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topright:10px;		
}
.contentNode img {
	border:none;
	margin:40px;
}
.textInNode h2 {
	font-size:1.5em;
	text-align:center;
	margin-bottom:15px;
	color: #fff;
	background: url(../images/1px.png);
	padding: 10px;
	width:490px;
	text-shadow: 2px 1px #4a749c;
}
.textInNode h3 {
	text-align:center;
	margin-top: 20px;

}
.textInNode a {
	text-decoration: none;
	font-weight:bold;
	font-size:18px;
}
.textInNode a:hover {
	text-decoration: none;
}
.textInNode a:visited {
	font-size: 1.2em;
	color:#fff;
}
.textInNode {
	position:absolute;
	top:20px;
	left:380px;
	/*background:#f00;*/
	width: 500px;
	height: 330px;
}
.textInNode p {
	font-size:.9em;
	line-height:18px;
	text-align:justify;
	width: 500px;
	padding: 5px;
	color: #fff;
	
	background:#4a749c;
}



#otherservices
{
	position:relative;
	height:80px;
	width:880px;
	margin-top:5px;
	padding:15px;
	top:5px;
	float:right;
	color:#FFF;
}

	

#picture {
	position:absolute;
	top:30px;
	left:30px;
	width:300px;
	height:300px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-top-right-radius:10px;		
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topright:10px;
	border: 10px solid #9dc0e3;
	
}

.resipic {background:url(../images/resi01.jpg) no-repeat;}
.commerpic{background: url(../images/commercialcleaning.jpg);}
.emgwater{background: url(../images/waterdamage.jpg);}
.tileclean{background: url(../images/tielcleaning.jpg);}
.tes{background:url(../images/tespic.jpg);}



.roundcorner {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
}




#footerlogos{
	/*background: #fff;*/
	width: 325px;
	height: 130px;
	position: relative;
	left: 10px;
	float: left;
}/* add this to style.css later */