/* @override http://www.creativemagma.com/roomers/test/style.css */

/* @override file:///Users/chasepeysen/Documents/Webs/Creative%20Magma/Roomers/www/style.css */

/* @override http://www.creativemagma.com/roomers/test/style.css */

/*

Theme Name: Roomers
Theme URI: 
Description: 1.0
Version: round one
Author: Creative Magma

*/	


			/* Global Layout */


body 
{
font-size: .7em;
margin: 0px;
text-align: center;
background: #5A473E url(img/bg2.gif) top center repeat-y;
color: #696060;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#shim1
{
position: absolute;
top: 0px;
left: 0px;
width: 50%;
height: 435px;
background: url(img/leftshim.gif) top left repeat-x;
}

#shim2
{
position: absolute;
top: 0px;
right: 0px;
width: 50%;
height: 435px;
background: url(img/rightshim.gif) top left repeat-x;
}

#wrap
{
position: relative;
width: 937px;
background: url(img/bg2.gif) top center repeat-y;
}

	#colOne
	{
	position: relative;
	float: left;
	width: 125px;
	padding-top: 250px;
	background: #fff url(img/stack.gif) top left no-repeat;
	}
	
		#colOne li
		{
		position: relative;
		height: 23px;
		padding-bottom: 13px;
		}
		
		#colOne li a
		{
		position: relative;
		display: block;
		height: 23px;
		text-indent: -9999em;	
		}
		
		a.cn1
		{
		background: url(img/n1.gif) top right no-repeat;
		}
		
		a.cn2
		{
		background: url(img/n2.gif) top right no-repeat;
		}
		
		a.cn3
		{
		background: url(img/n3.gif) top right no-repeat;
		}
		
		a.cn4
		{
		background: url(img/n4.gif) top right no-repeat;
		}
		
		a.cn5
		{
		background: url(img/n5.gif) top right no-repeat;
		}
		
	
	
	
	#colTwo
	{
	position: relative;
	float: left;
	width: 251px;
	padding-top: 107px;
	background: #fff;
	}
	
		#roomers
		{
		position: relative;
		text-indent: -9999em;
		height: 37px;
		background: url(img/roomers.gif) top left no-repeat;
		}
		
		#roomersimg
		{
		position: relative;
		display: block;
		border-top: 23px solid #DCD966;
		border-bottom: 23px solid #DCD966;
	margin: 0;
	padding: 0;
	background-color: #dcd966;
}
	
	
	
	
	#colThree
	{
	position: relative;
	float: left;
	width: 226px;
	padding-top: 52px;
	text-align: left;
	}
	
		#creating
		{
		position: relative;
		margin-left: 11px;
		height: 116px;
		padding-bottom: 10px;
		background: url(img/cbs.gif) top left no-repeat;
		}
		
		/*Cp -- H1 CLASSES FOR UNIQUENESSNESS*/
		
		#cont {
		position: relative;
		margin-left: 11px;
		height: 116px;
		padding-bottom: 10px;
		background: url(img/contact.gif) top left no-repeat;
		}
		
		#serv {
		position: relative;
		margin-left: 11px;
		height: 116px;
		padding-bottom: 10px;
		background: url(img/services.gif) top left no-repeat;
		}
		#serv1 {
		position: relative;
		margin-left: 11px;
		height: 116px;
		padding-bottom: 10px;
		background: url(img/interior-redesign.gif) top left no-repeat;
		}
		#serv2 {
		position: relative;
		margin-left: 11px;
		height: 116px;
		padding-bottom: 10px;
		background: url(img/home-stagging.gif) top left no-repeat;
		}
		#serv3 {
		position: relative;
		margin-left: 11px;
		height: 116px;
		padding-bottom: 10px;
		background: url(img/movin-services.gif) top left no-repeat;
		}
		#serv4 {
		position: relative;
		margin-left: 11px;
		height: 116px;
		padding-bottom: 10px;
		background: url(img/color-consultations.gif) top left no-repeat;
		}
		#serv5 {
		position: relative;
		margin-left: 11px;
		height: 116px;
		padding-bottom: 10px;
		background: url(img/shopping-services.gif) top left no-repeat;
		}
		#serv6 {
		position: relative;
		margin-left: 11px;
		height: 116px;
		padding-bottom: 10px;
		background: url(img/remodeling.gif) top left no-repeat;
		}
		#serv7 {
		position: relative;
		margin-left: 11px;
		height: 116px;
		padding-bottom: 10px;
		background: url(img/seasonal-decorating.gif) top left no-repeat;
		}
		
		#abou {
		position: relative;
		margin-left: 11px;
		height: 116px;
		padding-bottom: 10px;
		background: url(img/about.gif) top left no-repeat;
		}
		
		#port {
		position: relative;
		margin-left: 11px;
		height: 116px;
		padding-bottom: 10px;
		background: url(img/portfolio.gif) top left no-repeat;
		}
		
		/*----- END  Cp -- H1 CLASSES FOR UNIQUENESSNESS*/
		
		#colThree p
		{
		position: relative;
		padding: 11px 30px 11px 14px;
		line-height: 1.5em;
		}
		
		#colThree ul
		{
		position: relative;
		padding:15px 0 0 11px;	
		}
		
			#colThree ul li
			{
			position: relative;
			height: 23px;
			padding-bottom: 6px;	
			}
			
			#colThree li a
			{
			position: relative;
			display: block;
			height: 23px;	
			text-indent: -9999em;
			}
			
			a.mn1
			{
			background: url(img/sn1.gif) top left no-repeat;
			}
			
			a.mn2
			{
			background: url(img/sn2.gif) top left no-repeat;
			}
			
			a.mn3
			{
			background: url(img/sn3.gif) top left no-repeat;
			}
			
			a.mn4
			{
			background: url(img/sn4.gif) top left no-repeat;
			}
			
			a.mn5
			{
			background: url(img/sn5.gif) top left no-repeat;
			}
			
			a.mn6
			{
			background: url(img/sn6.gif) top left no-repeat;
			}
		
		    a.mn7
			{
			background: url(img/sn7.gif) top left no-repeat;
			}
	
	
	#colFour
	{
	position: relative;
	float: left;
	width: 335px;
	padding-top: 144px;
	color: #ddddcd;
	text-align: left;
	}
	
		#colFourBox
		{
		position: relative;
		border-top: 23px solid #DCD966;
		border-bottom: 23px solid #DCD966;
		border-right: 22px solid #DCD966;
		background: #6E8E99;
		}
		
			#colFourBox img
			{
			display: block;
			}
			
			#colFourBox h2
			{
			position: relative;
			margin-top: 18px;
			height: 20px;
			background: url(img/testimonial.gif) top left no-repeat;
			margin-left: 12px;
			text-indent: -9999em;
			}
		
			
			#colFourBox p
			{
		position: relative;
		padding: 12px 0 12px 13px;
		width: 290px;
			}
		
/*ABOUT------------------------------------------------------------------*/	

#about
	{
	position: relative;
	float: left;
	width: 335px;
	padding-top: 144px;
	color: #ddddcd;
	text-align: left;
	}
	
#aboutBox
		{
		position: relative;
		border-top: 23px solid #DCD966;
		border-bottom: 23px solid #DCD966;
		border-right: 22px solid #DCD966;
		background: #6E8E99;
		}
		
			#aboutBox img
			{
			display: block;
			}
			
			#aboutBox h2
			{
			position: relative;
			margin-top: 18px;
			height: 20px;
			margin-left: 12px;
			text-indent: -9999em;
			background: url(img/consider-this.gif) top left no-repeat;
			}
			

			#aboutBox p
			{
		position: relative;
		padding: 12px 0 12px 13px;
		width: 290px;
			}

		
/*END ABOUT*/		
		
/*Portfolio------------------------------------------------------------------*/	

#portfolio
	{
		position: relative;
		float: left;
		width: 300px;
		padding-top: 144px;
		color: #ddddcd;
		text-align: left;
	}
	
#portfolioBox
		{
	position: relative;
	border-top: 23px solid #DCD966;
	border-bottom: 23px solid #DCD966;
	border-right: 22px solid #DCD966;
	background: #dcd966;
	text-align:center;
	color:#696060;
		}
		
			#portfolioBox img
			{
		display: block;
		overflow: hidden;
			}
			
			#portfolioBox h2
			{
			position: relative;
			margin-top: 18px;
			height: 20px;
			margin-left: 12px;
			text-indent: -9999em;
			background: url(img/consider-this.gif) top left no-repeat;
			}
			

			#portfolioBox p
			{
		position: relative;
		width: 290px;
			}

		
/*END ABOUT*/
		
/*SERVICES-------------------------------------------------------------*/	

#services
	{
	position: relative;
	float: left;
	width: 335px;
	padding-top: 144px;
	color: #ddddcd;
	text-align: left;
	}
	
#servicesBox
		{
		position: relative;
		border-top: 23px solid #DCD966;
		border-bottom: 23px solid #DCD966;
		border-right: 22px solid #DCD966;
		background: #6E8E99;
		}
		
			#servicesBox img
			{
			display: block;
			}
			
			#servicesBox h2
			{
		position: relative;
		margin-top: 18px;
		height: 20px;
		margin-left: 12px;
		text-indent: -9999em;
		background: url(img/testimonial.gif) top left no-repeat;
			}
			
				#servicesBox h2.test
				{
				background: url(img/testimonial.gif) top left no-repeat;
				}
				#servicesBox h2.interior
				{
				background: url(img/testimonial.gif) top left no-repeat;
				}
				
				
				
				
			#servicesBox p
			{
		position: relative;
		padding: 12px 0 12px 13px;
		width: 290px;
			}

		
/*Added by Me cp*/	

/*Added by Me cp CONTACT*/	

#contact
	{
	position: relative;
	float: left;
	width: 335px;
	padding-top: 144px;
	color: #ddddcd;
	text-align: left;
	}
	
#contactBox
		{
		position: relative;
		border-top: 23px solid #DCD966;
		border-bottom: 23px solid #DCD966;
		border-right: 22px solid #DCD966;
		background: #6E8E99;
		}
		
			#contactBox img
			{
			display: block;
			}
			
			#contactBox h2
			{
			position: relative;
			margin-top: 18px;
			height: 20px;
			margin-left: 12px;
			text-indent: -9999em;
			background: url(img/contact-sub.gif) top left no-repeat;
			}
			
				
			#contactBox p
			{
		position: relative;
		padding: 12px 0 12px 13px;
		width: 290px;
			}

label {
cursor:pointer;
	float: left;
	width: 75px;
	margin-left: 25px;
}

input {
	width: 170px;
	margin-bottom: 5px;
}

textarea {
	width: 175px;
	margin-bottom: 5px;
}

input.button {
	width: 100px;
	margin-left: 175px;
}
		
/*Added by Me cp*/	



	#foot
	{
	position: relative;
	clear: both;
	padding-top: 150px;
	color: #fff;
	}
	
		#foot p
		{
		position: relative;
		float: left;
		margin-left: -25px;
		padding-right: 75px;	
		}
		
		#foot p a
		{
		color: #fff;
		text-transform: uppercase;
		}
		
		#designedby
		{
		position: relative;
		float: right;
		padding: 8px 35px 8px 0;
		color: #fff;
		background: url(img/cm.gif) right center no-repeat;
		}

span.back {
	
}

span.next {
	margin-left: 95px;
}

span.testEmphasis {
	font-style: italic;
}
		
span.nextIndex {
		margin-left: 125px;
}		
		
p.thumbs {
		height: 45px;
	float: none;
	clear: left;
	display: block;
}

span.group {
	float: left;
	display: block;
	width: 200px;
	margin-top: px;
}	
		
#wrap #colThree .thumbs img {
		padding: 1px;
		float: left;
		margin-bottom: 4px;
		margin-right: 2px;
		border: 1px solid #666666;
		display: block;
}
#wrap #colThree .thumbs img a {
		cursor: pointer;
}
#wrap #about #aboutBox ul {
		list-style: circle;
		padding-left: 12px;
		margin-left: 15px;
}