/*=======================================================
 CSS Document for 
=======================================================*/

@import url("global.css");
/* @import url("thickbox.css"); */

.hidden { display: none; }
.show { display: inline-block; visibility: visible; }

/*=============================================================
	Main layout
=============================================================*/

#container { width: 960px; height: auto; display: block; margin: 0 auto; clear: both; }
#header { width: 960px; height: 170px; clear: both; display:block;}

/*navigation*/
ul#nav { width: 210px; height: 160px; display: block; float:left; padding:125px 0 0 75px;}
ul#nav li { display: block; float: left; }
ul#nav a { width:210px; height: 32px; overflow: hidden; text-indent: -999em; display: block; float: left; }
ul#nav a:hover { background-position: -210px 0 !important; }

a#navhome { background: url('../images/nav/nav-home.gif') no-repeat 0 0; }
a#navprofile { background: url('../images/nav/nav-profile.gif') no-repeat 0 0; }
a#navprojects { background: url('../images/nav/nav-projects.gif') no-repeat 0 0; }
a#navequip { background: url('../images/nav/nav-equipment.gif') no-repeat 0 0; }
a#navcontact { background: url('../images/nav/nav-contact.gif') no-repeat 0 0;}

body#homepage a#navhome, body#profilepage a#navprofile, body#projectspage a#navprojects, body#equippage a#navequip, body#contactpage a#navcontact { background-position: -210px 0 !important; }

/*=============================================================
	Main body - left + right
=============================================================*/

#banner-content { width: 960px; height:300px; margin-bottom:65px; clear: both; display:inline-block; float:left; }
#banner { width:560px; height:300px; float:right; padding-right:65px; display:block; overflow:hidden; background: url('../images/core/banner-bg.jpg') no-repeat 0 0;}
#content-left { width: 225px; float:left; padding-left:75px;}
#content-right { width: 570px; float:right; padding:15px 65px 0 0; clear:right;}
#content-right img { border:#BBC2CB solid 5px;}
p.contact-details { padding-left:33px;}

/*=============================================================
	Footer
=============================================================*/

#footer-bg { width: 100%; height: 60px; clear: both; background: url('../images/core/footer-bg.gif') repeat-x 0 20px;}
#footer { width: 800px;  height: 60px; clear: both; margin:0 auto; font-size:1.1em; color:#b0b3ba;}
#footer img { float:right; margin:0; padding:0;}

/*=======================================================
 End of CSS Document for 
=======================================================*/