body {
	text-align:center; /* center for buggy browsers */
}

.imreplace {
	text-indent: -9000px; /* throw the text out of the window! */
	display:block;
	background-repeat:no-repeat;	
}
.overlay {
	position: absolute;
	top: 0; /* These positions makes sure that the overlay */
	bottom: 0; /* will cover the entire parent */
	left: 0;
	width: 100%;
}
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
.left {
	float:left;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.right {
	float:right;	
}
#container {
	width: 900px;
	height: 603px;
	margin: 10px auto 0;
	text-align:left; /* reset the centering for buggy browsers */
}
#content_for_layout div#thebox {
	margin: 20px 10px 20px 20px;
	padding: 20px;
	float: left;
	position: relative;
	margin-bottom: 0px; 
	padding-bottom: 0px; 
	width: 465px;
	height: 427px;
}
#content_for_layout hr {
	height: 1px; border-style: none; color: #FFFFFF; background-color: #FFFFFF; width: 200px;
	text-align: left;/*this will align it for IE*/
	margin: 0 auto 17px 0; /*this will align it left for Mozilla*/
}
#content_for_layout div#thebox div#box-overlay {
	background-color: #333333;
	filter: alpha(opacity=90);	-moz-opacity: .90; opacity: .90;
}
#content_for_layout div#thebox div#box-content {
	font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;	
	color: #FFFFFF;
	position: relative;
}

#content_for_layout div.right-image {
	width: 320px;
	height: 447px;
	margin: 20px 20px 20px 10px;
	float: right;
}
#content_for_layout div#thebox div#box-content div{
	margin-bottom: 20px;
}
#content_for_layout div#thebox div#box-content h3 {		
	text-transform:uppercase;
	margin-bottom:5px;
	letter-spacing:1px;
}
#content_for_layout p.message {
	font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;	
	color: #FFFFFF;
	background-color:#353535;
	padding: 5px;
	width:auto;
}
#header {
	height: 103px;
	position: relative;
	overflow: hidden;
	background-image:url(../img/header-bg.gif);
	background-position:center 65px;
	background-repeat:repeat-x;
}
#header #logo {
	width: 268px;
	height: 103px;
	background-color:#000000;
	color:#FFFFFF;
}
#header #logo h1  a {
	background-image:url(../img/logo.png);
	background-position:center center;
	height: 69px;
	padding-top: 12px;
}
#header #menu {
	width: 624px;
	height: 93px;
	background-color:#000000;
	position:absolute;
	right:0;
	top:18px; /* apply the correct posision (top:70px) through javascript for accessibility */
}
#content_for_layout {
	border:7px solid black;	
	height: 487px;
	position:relative;
	/*overflow: hidden;*/
}
#footer {
	width: 900px;
	height: 50px;
	margin: 0 auto;
}
#footer a#robusta-studio {
	background-image:url(../img/robusta-studio.gif);
	height: 34px;
	width: 79px;
	background-position:0px 0px;
	float:right;
}
#footer a#robusta-studio:hover {
	background-image:url(../img/robusta-studio.gif);
	background-position:0px -34px;
}
#paginators {
	clear:both;
	height:30px;
	left:-36px;
	margin:0 auto;
	position:absolute;
	top:225px;
	width:960px;
}
#pagination {
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	height: 50px;
	margin: 20px 20px 20px 0;
}
#pagination a{
	margin-right:2px;
}
#pagination a:link,
#pagination a:visited {
	color:#0e509e;
	padding:3px 6px;
	text-decoration:none;
}
#pagination a:hover{
	color: #3399ff;
}

#prev-pagination  a, #next-pagination  a {
	width: 65px;
	height: 30px;	
	background-position:0px 0px;
}
#prev-pagination  a{	
	background-image:url(../img/icons/prev.png);
}
#next-pagination a{
	background-image:url(../img/icons/next.png);
}

#prev-pagination  a:hover, #next-pagination  a:hover{
	background-position:0px -30px;
}
#ajax-loading {	
	display:none;
	background-color:black;
	background-image:url(../img/lightbox-ico-loading2.gif);
	background-position:5px center;
	background-repeat:no-repeat;
	color:white;
	font-family:"Trebuchet MS",Verdana,sans-serif;
	font-size:12px;
	font-style:italic;
	height:16px;
	left:800px;
	line-height:15px;
	padding:2px 2px 2px 25px;
	position:absolute;
	top:10px;
	width:50px;
}

