/*
To get started customizing with CSS, we recommend you 
go to http://headwaythemes.com/documentation/customizing-your-headway-site/custom-css/ 
to get started.

When writing the selectors for the elements, put body.custom at the
beginning.

For an example on how to change the background with custom CSS
we can use the following code.

body.custom {
	background: red;
}
*/

body.custom div#container {
background: url(http://www.imericbonnici.com/images/bg-container.jpg) repeat 0 0;
overflow: hidden;
height: 1%;
}

/* testing out adding a repeat bg to header */
body.custom div#header {
background: url(http://www.imericbonnici.com/images/header-bg.jpg) repeat;
}

/* comment out for now 
body.custom div#leaf-2 {
background: #DDD9CB;
}
end of commenting out */

/* commenting out this search function 
body.custom div#wrapper { position: relative; }
#searchform { position: absolute; top: 157px; right: 20px; width: 210px; }
*/

/* footer widgets */
body.custom div#footer-widgets {width:100%;}
body.custom div#footer-widgets div.footer-item {float:left; width:30%; margin:15px;}
body.custom div#footer-widgets h2 {font-weight:bold;font-size:13px;line-height:20px;border-bottom: 1px solid #ddd; margin-bottom:4px;padding-bottom:4px;}
body.custom div#footer-widgets ul {padding:0px; margin:10px 0 0px;}
body.custom div#footer-widgets ul li {list-style-type:none; margin: 0 0 2px; padding: 0 0 2px;}
body.custom div#footer-widgets ul li a {text-decoration:none;}
body.custom div#footer-widgets ul li a:hover {text-decoration:underline;}
body.custom div#footer {padding-bottom:25px;margin: 0 auto;}
body.custom #footer ul {}
/* end footer widgets */

/* start of second navigation */
div#navigation2 {
background-color:#40494E;
border-bottom-color:#EEEEEE;
border-bottom-width:1px;
}
.header-fixed #navigation2 {
border-bottom:1px solid #888888;
}
#navigation2 {
clear:both;
display:block;
float:left;
width:1000px;
}
ul.navigation2 li a, ul.navigation2 li ul {
background-color:#40494E;
border-color:#383838;
color:#FFFFFF;
font-family:verdana,sans-serif;
font-size:12px;
font-variant:normal;
font-weight:normal;
letter-spacing:0;
line-height:14px;
text-transform:none;
}
ul.navigation2 li a {
border-right:1px solid #666666;
display:inline-block;
padding:10px;
text-decoration:none;
}
ul.navigation2 li a:hover {
text-decoration:underline;
}
ul.navigation2 li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
position:relative;
}
ul.navigation2 {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:relative;
z-index:100;
/* end of second navigation */