@import url(undohtml.css);		/* reset styles for all browsers */

body{
	font-family:Georgia, "Times New Roman", Arial, Helvetica, sans-serif;
	font-size:80%;
	background:#fff;
}

a{color:#000;}

.hide{display:none;}
.show{display:block;}

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

.text {
	font-size:90%;
	color:#444444;
	font-family:Verdana;
}
.text h4,
.text h6,
.text h5{color:#444;}

.text h1,
.text h2,
.text h3,
.text h4,
.text h5{
	font-family:Georgia, "Times New Roman", Arial, Helvetica, sans-serif;
	color:#000;
}

.text p,
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6{ padding: 5px 0;}

.text h1{	font-size: 270%;}
.text h2{	font-size: 150%;}
.text h3{	font-size: 140%;}
.text h4{	font-size: 130%;}
.text h5{	font-size: 110%;}
.text h6{	font-size: 100%;}

.text p{line-height:150%;}


#site{
	width:896px;
	margin: 0 auto 40px auto;
}

#top{
	margin:40px 0 0 0;
	border:1px solid #fff;
}

#top #logo{
	float:left;
}

#top #menu_list{
	float:left;
	margin:34px 0 0 120px;
}

#top #menu_list li{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	font-size:120%;
}

#top #contact_info{
	float:right;
	width:150px;
	font-size:90%;
	color:#5c5c5c;
	margin:19px 0 0 0;
}

#top #contact_info div{margin:0 0 3px 0;}

#top #contact_info span{
	color:#000;
	margin-right:5px;
}

#middle{
	margin:30px 0 0 65px;
}

#middle #side{
	float:left;
	width:305px;
}

#middle #side #search{
	background:url(/images/search_background.gif) no-repeat;
	padding:7px 0 12px 0;
	margin:0 0 20px -10px;
}

#middle #side #search input{
	border:0px;
	font-family:Georgia;
	color:#5c5c5c;
}
#middle #side #search #input{margin:0 0 0 10px;width:150px;}
#middle #side #search #search_btn{vertical-align:middle;}

#middle #content{
	float:left;
	width:520px;
}

#middle #content #breadcrumb{
	font-family:Georgia, "Times New Roman", Arial, Helvetica, sans-serif;
	margin: 0 0 20px 0;
	font-size:90%;
}

#language{
	cursor:pointer;
	width:150px;
	float:right;
	position:relative;
	max-height:20px;
	font-family:Georgia, "Times New Roman", Arial, Helvetica, sans-serif;
}

#languages{
	background-color:#fff;
	border:1px solid #ccc;
	margin-top:5px;
}

#languages ul{padding:5px;}

#languages a{
	display:block;
}


#side #side_menu_list{
	font-size:140%;
	padding:0 0 20px 0;
}

#side h2{
	padding:30px 0 15px 0;
	font-size:160%;
	font-weight:normal;
}

#side #side_menu_list ul {
	padding:15px 0 20px 5px;
	font-size:80%;
}

#side #side_links li,
#side #side_menu_list ul li{
	padding:0 0 2px 10px;
	background:url(/images/cross.gif) no-repeat 0px 5px;
}

#side #side_menu_list ul li ul {font-size:100%;}

#bottom{
	clear:both;
	font-size:70%;
	color:#5c5c5c;
	padding:20px 0 20px 60px;
}

#bottom a{color:#5c5c5c;}

#bottom #bottom_logo{margin:0 0 15px 0;}

/************************************************
list all
************************************************/

#list_all a{
	display:block;
	width:165px;
	float:left;
	margin:0 0 20px 0;
	eight:250px;
	padding:4px 3px 0 3px;
	background: url(/images/white_cross.gif) no-repeat 10px 154px;
}

/*#home_boxes #list_all a {background-position:10px 160px;}*/

#list_all a:hover{
	background:#999 url(/images/grey_cross.gif) no-repeat 10px 154px;
	color:#fff!important;
}

#list_all a span{
	display:block;
	padding:10px 0 7px 20px;
	font-size:120%;
}

.list_all_text{
	font-family:Georgia, "Times New Roman", Arial, Helvetica, sans-serif;
}


#home_box{margin:20px 0 0 0;}

#home_box .strap_link_box_home{
	float:left;
	width:164px;
	margin:0 4px;
}

#home_box .strap_link_box_home .bottom_link{
	display:block;
	padding:5px 0 0 20px;
	background:url(/images/plus.gif) no-repeat 5px 9px;
	font-size:140%;
}

#home_box .strap_link_box_home .bottom_link span{
	color:#999;
	font-size:80%;
}

/***********************************************/

.clients{
	width:164px;
	float:left;
	margin: 0 5px 10px 0;
}

/************************************************
colours
************************************************/

.green .selected ul a,
.green .selected .selected ul a,
.green #middle #content #breadcrumb,
.green .text a:hover,
.green a.inverse:hover{color:#000;}

/*.green a:hover{color:#444!important;}*/

.green ul a:hover,
.green .text a,
.green .selected a,
.green .selected .selected a,
.green .selected .selected .selected a,
.green .inverse,
.green #bottom a:hover,
.green a.selected,
.green #breadcrumb{
	color:#77c146;
}