/* CSS Document */

/* global white space */

*	{margin:0; padding:0;}


/* HTML global properties, container is a certain height to accomodate background. See footer if scalable content needs to be added */

html, body {background: url(images/bg.gif) top center repeat-x; font: 10px verdana, arial, helvetica, sans-serif; background-color:#980230;}



	#wrapper	{background: url(images/secondcontainer.gif) center repeat-y;}		
#container	{
			position:relative;
			background: url(images/background.jpg) top center no-repeat;
			width:731px;
			
			top:0;
			left:50%;
			text-align: center;
			margin-left:-365px;
			padding-top:50px;
				
}
			
#container2	{
			
				background: url(images/secondcontainer.gif) center;
			width: 531px;
		
			
				
}
.logo		{
			
			text-align: center;
			
}

#navigation	{
			height:15px;
			padding: 40px 0 15px 0;
			color:#fff;
			font-weight: bold;
			text-align: right;
			font-size: 12px;
			letter-spacing: 1px;	
margin: 0 100px 0 100px;
}

#navigation a	{
			color:#fff;
			text-decoration: none;
			
			padding: 25px 10px 0 10px;
			
}

#navigation a:hover	{ text-decoration: underline;}

#content	{
			background: url(images/headerPhoto.jpg) top center no-repeat;
		
			padding:270px 120px 0 0;
			margin: 0 100px 0 100px;
		
			
}

				
			
			
#home	{
		
			
		
			text-align: left;
			color:#98012e;
			margin-left:30px;
}

#services	{
			
			text-align: left;
			color:#98012e;
			margin-left:30px;
}
.newServices	{
			
			text-align: left;
			color:#98012e;
	

			background-color: #fff;
			
			margin: 0 100px 0 100px;
}
.newServices	P	{font-size:1.2em; margin: 5px 0 0 0;	}
#servicesListing	{
			
			padding-left:30px;
			text-align: left;
			

}


#contact	{
			
			text-align: left;
			color:#98012e;
			margin-left:30px;
}

.style1 {
	font-size: 12px;
	font-weight: bold;
}

.headless {
	font-size: 16px;
	font-weight: bold;
	color:#000;
}


/* if client wishes to add more content that extends past height of the current container, simply add a second relative container with a white background above the footer using the same principles seen here without a fixed height so that the web site can continue to scale down with content */


#footer		{
			position: relative;
			background: url(images/footerBar.jpg) bottom center no-repeat;
			width:539px;
			height:147px;
			background-color:#5f6062;
			top:0;
			left:50%;
			margin-left:-269px;
			padding:0;
					
}

#footer p	{
			text-align: center;
			color: #efefef;
			padding:50px;

}


#footer2	{
			position: relative;
			clear:both;
			width:539px;
			height:50px;
			text-align: center;
			top:25px;
			left:50%;
			margin-left:-269px;
			padding:0;
			margin-bottom: 100px;		
}
