/*
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#navigation ul.navigation li.page_item a:hover {background: #336699; color: white; text-decoration: none;}

body.custom .round_corners { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }

.box {
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari and Chrome */
  border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

  -moz-box-shadow: 10px 10px 20px #000; /* Firefox */
  -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
  box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

  behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}



/* Header */
body.custom div#header {display: none;}
/* Navigation */
body.custom div#navigation img {float: left; display: inline; height: 178px;}
body.custom div#navigation ul.navigation {overflow: hidden; width: 100%;}