
/*  PAGE LAYOUT  */


div#header_container {
	position: fixed;
	z-index: 50;
	top: 0;
	left: 0;
	width: 100%;
	height: 78px;
	margin: 0;
	padding: 0;
	background: url('/images/bkg-header.png') top left repeat-x;
}

div#header {
	width: 750px;
	margin: 0 auto;
	padding: 0 20px;
}

div#content {
	width: 750px;
	margin: 0 auto;
	padding: 85px 20px;
	_padding: 10px 20px;
	background: #fff;
	text-align: left;
}

div#footer_container {
	position: fixed;
	_position: none;
	z-index: 50;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 77px;
	margin: 0;
	padding: 0;
	background: url('/images/bkg-footer.png') top left repeat-x;
}

div#footer {
	width: 750px;
	margin: 0 auto;
	padding: 35px 20px;
	color: #eee;
}

/*  / PAGE LAYOUT  */




/*  HEADER  */

div#header h1 {
	float: left;
	width: 160px;
	height: 27px;
	margin: 42px 0 0 0;
	padding:0;
	text-align: left;
}
div#header ul {
	float: left;
	text-align: right;
	display: inline;
	width: 590px;
	margin: 0 0 0 0px;
	padding: 0;
	list-style: none;
}

div#header ul li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

div#header ul li a, 
body.projects div#header ul li#projects, body.services div#header ul li#services, body#home_contact div#header ul li#contact, body.sessions div#header ul li#login,
body.admin_home div#header ul li#admin, body.admin_users div#header ul li#admin, body.admin_user_roles div#header ul li#admin, body.admin_projects div#header ul li#admin 
{
	float: right;
	width: 118px;
	height: 69px;
	margin: 0;
	padding: 0;
}

div#header ul li#projects a, body.projects div#header ul li#projects {
	background: url('/images/nav-projects.png') 0 0 no-repeat;
}
div#header ul li#services a, body.services div#header ul li#services {
	background: url('/images/nav-services.png') 0 0 no-repeat;
}
div#header ul li#contact a, body#home_contact div#header ul li#contact {
	background: url('/images/nav-contact.png') 0 0 no-repeat;
}
div#header ul li#login a, body.sessions div#header ul li#login {
	background: url('/images/nav-login.png') 0 0 no-repeat;
}
div#header ul li#logout a, body#home_logout div#header ul li#logout {
	background: url('/images/nav-logout.png') 0 0 no-repeat;
}
div#header ul li#admin a, body.admin_home div#header ul li#admin {
	background: url('/images/nav-admin.png') 0 0 no-repeat;
}

div#header ul li#projects a:hover, body.projects div#header ul li#projects, body.projects div#header ul li#projects a,
div#header ul li#services a:hover, body.services div#header ul li#services, body.services div#header ul li#services a, 
div#header ul li#contact a:hover, body#home_contact div#header ul li#contact, 
div#header ul li#login a:hover, body.sessions div#header ul li#login, 
div#header ul li#logout a:hover, body#home_logout div#header ul li#logout,
div#header ul li#admin a:hover, body.admin_home div#header ul li#admin, body.admin_users div#header ul li#admin a, 
body.admin_user_roles div#header ul li#admin a, body.admin_projects div#header ul li#admin a
{
	background-position: 0 -69px;
}

/*  / HEADER */





/*  CONTENT  */

.breadcrumbs {
	font-size: 11px;
}
.breadcrumbs.right {
	float: right;
	width: 300px;
	text-align: right;
}

.left_column {
	float: left;
	width: 200px;
	margin: 0 50px 0 0;
	padding: 0;
}
.left_column.wide {
	width: 500px;
}
.left_column.even, .center_column.even, .right_column.even {
	width: 240px;
	margin-right: 10px;
}
.right_column.even {
	margin: 0;
}

.center_column {
	float: left;
	width: 250px;
	margin: 0 50px 0 0;
}

.right_column {
	float: left;
	width: 500px;
	margin: 0;
}
.right_column.narrow {
	width: 200px;
}


/*  / CONTENT  */





/*  FOOTER  */

#footer h2 {
	display: inline;
	margin: 0 5px 0 5px;
	font-weight: bold;
	text-align: right;
}

#footer ul {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul li {
	display: inline;
	padding: 0;
	margin: 0;
}


/*  / FOOTER  */






/*  SHARED COMPONENTS  */


/*  image gallery  */

div#image_gallery {
  position: relative;
  display: block;
}
div#image_gallery div.image {
}
div#image_gallery div.image ul, div#image_gallery div.image ul li,
div#image_gallery div.text ul, div#image_gallery div.text ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#image_gallery div.image ul li {
	display: inline;
}

div#image_gallery div.image_overlay {
  position: absolute;
  top: 0;
  left: 0;
}
div#image_gallery div.text {
	height: 1.5em;
	overflow: hidden;
	text-align: right;
}



/*  subnav list  */

ul.subnav {
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}
ul.subnav li {
	margin: 0 0 3px 0;
	padding: 0.5em;
	background: #f0f0f0;
}
ul.subnav li ul {
	margin: 0 0 0 1em;
	padding: 0;
	list-style: none;
}
ul.subnav li ul li {
	margin: 0;
	padding: 0.25em;
	list-style: none;
}




/*  contact list  */

ul.contact_list {
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}

ul.contact_list li {
	height: 28px;
	margin: 0;
	padding: 0 0 0 31px;
}
ul.contact_list li#email {
	background: url('/images/icon-email.png') top left no-repeat;
}
ul.contact_list li#phone {
	background: url('/images/icon-phone.png') top left no-repeat;
}
ul.contact_list li#aim {
	background: url('/images/icon-aim.png') top left no-repeat;
}
ul.contact_list li#gtalk {
	background: url('/images/icon-gtalk.png') top left no-repeat;
}

/*  / SHARED COMPONENTS  */
