/*-----------------------------------------------------------------------------
SmartPAY Screen Stylesheet

version:   1.0
date:      19/08/09
author:    Gareth Lockton
email:     gareth@idesign-graphics.co.uk
website:   www.smartpaylimited.com
-----------------------------------------------------------------------------*/ 

@import url("reset.css");

body { 
	margin:0px auto;
	padding:0px;
	width: 900px;
}

#container { 
	width: 900px;
	background: #FFF url() top center no-repeat;
}

#header { 
	margin: 0px;
	width: 900px;
	height:30px;
	background: #FFF url(../images/header.jpg) top left no-repeat;
}

#image_area { 
	width: 880px;
	padding: 0 10px 0 10px;
	height:150px;
	background: #FFF url(../images/image_area.jpg) top left no-repeat;
}

#image_area_base { 
	width: 900px;
	height:20px;
	background: #FFF url(../images/image_area_base.jpg) top left no-repeat;
}

#top_menu { 
	width: 900px;
	height: 53px;
	background: #FFF url(../images/menu_back.jpg) top left no-repeat;
}


#right_content {
	padding: 30px;
	width: 330px;
	float:right;
	border-left: #CCC solid 1px;
}

#content_holder {
	margin: 0 auto;
	padding: 0px 0px 20px 0px;
	width: 900px;
	background: #FFF url(../images/menu_back.jpg) top left repeat-y;
}

#content {
	margin: 0 auto;
	padding: 20px;
	width: 800px;
	background: #FFF url(../images/content.jpg) top left repeat-y;
}

#content_base {
	margin: 0 auto;
	width: 840px;
	height: 9px;
	background: #FFF url(../images/content_base.jpg) top left no-repeat;
}

#footer {
	padding: 20px 0px 0px 0px;
	width: 900px;
	height: 100px;
	background: url(../images/footer.jpg) top center no-repeat;
}

#footer_text { 
	width: 900px;
	text-align:center;
}

.ir-spa { display: block; text-indent: -999em; overflow: hidden; background: url(../images/SPA.png) top left no-repeat; text-align: left; direction: ltr; float:right; width:87px; height:75px; margin:-40px 30px 0 0; }



.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearleft {
	clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearright {
	clear:right;
    height:0;
    font-size: 1px;
    line-height: 0px;
}