/* Start of CMSMS style sheet 'rmi-layout' */
/* watering dry places .css */
/* author: patrick goff, patrickgoff.co.nz */
/* publisher: dreamtaxi - media & marketing */

/* universal reset */
* {
	margin: 0;
	padding: 0;
}

/* general styles */
body {
	background: #163d08;
	font-size: 16px;
	font-family: Arial, sans-serif;
}
a {
        outline: none;
}
#wrapper {
	position: relative;
	width: 742px;
	margin: 0 auto;
}
#logo {
	float: left;
	width: 243px;
	height: 91px;
	background: transparent url(../img/logo.jpg) no-repeat top right;
	text-indent: -9999px;
}
#navigation {
	float: left;
	clear: left;
	width: 243px;
}
	#navigation ul {
		background: transparent url(../img/nav-top.jpg) no-repeat center top;
		padding: 16px 0 0 0;
	}
	#navigation ul li {
		list-style: none;
		background: transparent url(../img/nav-back.jpg) repeat-y center top;
		padding: 0 0 0 49px;
		text-indent: -9999px;
	}
	/* main navigation */
	#navigation ul li a {
		display: block;
		width: 194px;
		height: 25px;
		line-height: 25px;
		text-decoration: none;
		color: #fff;
		font-weight: bold;
	}
	#navigation ul li a:hover {
		color: #FFFC00;
	}
	/*home*/
	#navigation ul li a.home {
		background: transparent url(../img/main01.gif) no-repeat left top;
	}
	#navigation ul li a.home:hover {
		background: transparent url(../img/main02.gif) no-repeat left top;
	}
	/*seasonal-deal*/
	#navigation ul li a.seasonal-deal {
		background: transparent url(../img/deal01.gif) no-repeat left top;
	}
	#navigation ul li a.seasonal-deal:hover {
		background: transparent url(../img/deal02.gif) no-repeat left top;
	}
	/*new systems*/
	#navigation ul li a.new-systems {
		background: transparent url(../img/newsystems01.gif) no-repeat left top;
	}
	#navigation ul li a.new-systems:hover {
		background: transparent url(../img/newsystems02.gif) no-repeat left top;
	}
	/*repairs*/
	#navigation ul li a.repairs {
		background: transparent url(../img/repairs01.gif) no-repeat left top;
	}
	#navigation ul li a.repairs:hover {
		background: transparent url(../img/repairs02.gif) no-repeat left top;
	}
	/*remodel*/
	#navigation ul li a.remodel {
		background: transparent url(../img/remodel01.gif) no-repeat left top;
	}
	#navigation ul li a.remodel:hover {
		background: transparent url(../img/remodel02.gif) no-repeat left top;
	}
	/*support*/
	#navigation ul li a.support {
		background: transparent url(../img/support01.gif) no-repeat left top;
	}
	#navigation ul li a.support:hover {
		background: transparent url(../img/support02.gif) no-repeat left top;
	}
	/*articles*/
	#navigation ul li a.articles {
		background: transparent url(../img/articles01.gif) no-repeat left top;
	}
	#navigation ul li a.articles:hover {
		background: transparent url(../img/articles02.gif) no-repeat left top;
	}
	/*about us*/
	#navigation ul li a.about-us {
		background: transparent url(../img/aboutus01.gif) no-repeat left top;
	}
	#navigation ul li a.about-us:hover {
		background: transparent url(../img/aboutus02.gif) no-repeat left top;
	}
	/*store*/
	#navigation ul li a.store {
		background: transparent url(../img/store01.gif) no-repeat left top;
	}
	#navigation ul li a.store:hover {
		background: transparent url(../img/store02.gif) no-repeat left top;
	}
	/*contact us*/
	#navigation ul li a.contact-us {
		background: transparent url(../img/contactus01.gif) no-repeat left top;
	}
	#navigation ul li a.contact-us:hover {
		background: transparent url(../img/contactus02.gif) no-repeat left top;
	}
#image {
	float: left;
	clear:left;
	width: 350px;
	background: transparent url(../img/image-back.jpg) repeat-y center top;
}
	#image-inner {
		background: transparent url(../img/image-bottom.jpg) no-repeat center bottom;
                padding: 0 0 29px 0;
	}
        #image-holder {
        background: transparent;
        margin: 0 0 0 46px;
        width:270px;
        }
#content {
	width: 519px;
	position: absolute;
	top: 0;
        left: 224px;
	padding: 30px 0 0 0;
	background: transparent url(../img/content-top.jpg) no-repeat right top;
}
	#content-inner {
		background: url(../img/content-back.jpg) repeat-y center top;
                width: 449px;
                padding: 10px 33px 10px 17px;
                margin-left: 20px;
		min-height: 327px;
                _height: 327px; /*ie6 hack*/
	}
        #content-inner p {
                margin: 0 0 10px 0;
       }
       #content-inner ul {
                margin-bottom: 16px;
       }
       #content-inner li {
                margin: 0 0 0 16px;
       }
	#content-bottom {
		height: 26px;
		margin: 0 0 50px 0;
		background: transparent url(../img/content-bottom2.png) no-repeat right top;
	}
#content #breadcrumbs {
    font-size: 0.75em;
    margin-bottom: 10px;
}
/* End of 'rmi-layout' */