body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
	background: #f3f6f7;
}
.container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;
}

/*HEADER*/

#header {
	height: 118px;
	background: #ffffff url(../images/header-bg.jpg) repeat-x;
}
#header h1{
	background: url(../images/ingerrose-logo.jpg) no-repeat ;
	width: 290px;
	height: 140px;
	text-indent: -900em;
	position: absolute;
	top: 0;
	left: 320px;
}
#header a{
	display: block;
	width: 290px;
	height: 140px;
}
#header .headerClothing{
	background: url(../images/header-slogan-clothing.jpg) no-repeat;
	width: 228px;
	height: 44px;
	text-indent: -900em;
	float: left;
	margin-top: 35px;
}
#header .headerComplete{
	background: url(../images/header-slogan-complete.jpg) no-repeat;
	width: 168px;
	height: 67px;
	text-indent: -900em;
	float:right;
	margin-top: 24px;
}

/*NAV*/

#nav{
	background: url(../images/nav.jpg) repeat-x;
	height: 76px;
}
#nav #slogan{
	background: url(../images/slogan.jpg);
	width: 284px;
	height: 26px;
	float: left;
	text-indent: -900em;
	margin-top: 28px;
	margin-left: 35px;
}
#nav ul{
	float: right;
	margin-right: 30px;
}
#nav li{
	display: inline;
}
#nav a{
	display: inline-block;
	font-size: 14px;
	line-height: 40px;
	padding: 37px 25px 0 25px;
	color: #ffffff;
}
#nav a:hover{
	background: #890800 url(../images/nav-hover.jpg)
}

/*MAIN CONTENT*/

#mainContent{
	background-color: #f3f6f7;
	position: relative;
}
#mainContent #mainImg{
	display: block;
	width: 435px;
	height: 209px;
	background-color: #ffffff;
	position: absolute;
	top: 25px;
	right: 0px;
}
#mainContent #sideMenu{
	background-color: #ffffff;
	border-left: solid 1px #d6d4d4;
	border-right: solid 1px #d6d4d4;
	width: 200px;
	float: left;
	padding: 10px 0 20px 0;
}
#mainContent #sideMenu ul{
	font-size: 11px;
	line-height: 20px;
	padding: 0 25px;
	float: left;
}
#mainContent #sideMenu h1{
	display: block;
	height: 15px;
	text-indent: -900em;
	margin: 15px 0 5px 0;
}
#mainContent #stockservice h1{
	background: url(../images/title-menu-stockservice.jpg) no-repeat;
	width: 96px;
}
#mainContent #bespokedesign h1{
	background: url(../images/title-menu-bespokedesign.jpg) no-repeat;
	width: 113px;
}
#mainContent #sideMenu a{
	color: #47474b;
	display: block;
	height: 20px;
	width: 175px;
	margin-left: -25px;
	padding-left: 25px;
}
#mainContent #sideMenu a:hover{
	background-color: #e6ebf0;
}
#mainContent #stockservice-grey{
	background: url(../images/title-stockservice.jpg) no-repeat;
	width: 96px;
	height: 12px;
	text-indent: -900em;
	margin-bottom: 10px;
}
#mainContent #textArea{
	padding: 25px 25px 10px 0;
	margin-left: 225px;
	width: 260px;
}
#mainContent #textArea h1{
	text-align: left;
	font-size: 18px;
	height: 29px;
	padding-bottom: 16px;
}
#mainContent #textArea p{
	text-align: left;
	color: #2a2a2c;
	font-size: 11px;
	line-height: 20px;
	padding-bottom: 16px;
}
#mainContent #textArea #heading-frontofhouse{
	background: url(../images/title-frontofhouse.jpg) no-repeat;
	width: 364px;
	display: block;
	text-indent: -900em;
}
#mainContent #textArea #heading-restaurantbar{
	background: url(../images/title-restaurantbar.jpg) no-repeat;
	width: 364px;
	display: block;
	text-indent: -900em;
}
#mainContent #textArea #heading-housekeeping{
	background: url(../images/title-housekeeping.jpg) no-repeat;
	width: 364px;
	display: block;
	text-indent: -900em;
}
#mainContent #textArea #heading-kitchenaprons{
	background: url(../images/title-kitchensaprons.jpg) no-repeat;
	width: 364px;
	display: block;
	text-indent: -900em;
}
#mainContent #textArea #heading-maintenancesecurity{
	background: url(../images/title-maintenancesecurity.jpg) no-repeat;
	width: 364px;
	height: 58px;
	display: block;
	text-indent: -900em;
}
#mainContent #textArea #heading-beautyleisure{
	background: url(../images/title-beautyleisure.jpg) no-repeat;
	width: 364px;
	display: block;
	text-indent: -900em;
}
#mainContent #textArea #heading-accessories{
	background: url(../images/title-accessories.jpg) no-repeat;
	width: 364px;
	display: block;
	text-indent: -900em;
}

/*GALLERY*/

#gallery {
	background-color: #ffffff;
	border: solid 1px #d6d4d4;
	padding-bottom: 25px;
	margin-bottom: 25px;
	clear: both;
}
#gallery li{
	display: inline;
	float: left;
	width: 158px;
	margin: 25px 0 0 25px;
	color: #47474b;
	height:250px;
}
#gallery a{
	color: #47474b;
}
#gallery a:hover{
	color: #3387bb;
}
#gallery a img{
	border: solid 1px #d6d4d4;
}
#gallery .clear{
	clear: both;
}

/*Front of House*/


/*FOOTER*/

#footer {
	background:#8e140f url(../images/footer-bg.jpg) repeat-x;
	height: 78px;
	clear: both;
}
#footer .container{
	position: relative;
}
#footer p{
	color: #ffffff;
	font-size: 10px;
	line-height: 16px;
	margin: 14px;
}
#footer a{
	color: #deaf40;
}
#footer a:hover{
	color: #fee674;
}
#footer .contact{
	float: left;
}
#footer .quote{
	background: url(../images/footer-call-us.jpg) bottom no-repeat;
	display: block;
	width:408px;
	height:22px;
	text-indent: -900em;
	position: absolute;
	top: 16px;
	left: 250px;
}
#footer .address{
	text-align: right;
	float: right;
}
#footer .trading{
	background-color: #f3f6f7;
	border-bottom: 1px solid #d6d4d4;
	margin-bottom: 10px;
	clear: both;
}
#footer .trading p{
	color: #000000;
	margin: 0 13px;
	padding: 2px 0;
}