@import url("./whitespace-reset.css");

/* Homepage specific
------------------*/
#homepage {
	position: relative;
	width: 990px;
	height: 530px;
	margin: 5px auto 0 auto;
	border: 2px solid #cccccc;
	background: transparent url("../images/bg_homepage.jpg") 0 0 no-repeat; }
	#homepage h1 {
		position: absolute;
		left: 61px;
		top: 37px;
		z-index: 1;
		width: 224px;
		height: 81px; }
		#homepage h1 a {
			display: block;
			width: 100%;
			height: 100%;
			text-indent: -5000px; }
	#homepage h2 { display: none; }
	#homepage ul#nav {
		position: absolute;
		right: 57px;
		bottom: 67px;
		z-index: 5; }
		#homepage ul#nav li {
			float: left;
			padding: 0 10px 0 0;
			margin: 0 10px 0 0;
			font-family: Verdana;
			font-size: 14px;
			text-transform: lowercase;
			border-right: 1px solid #ffffff; }
		#homepage ul#nav li.last {
			padding: 0;
			margin: 0;
			border: none; }
			#homepage ul#nav li a { color: #ffffff; }
			#homepage ul#nav li#nav_services a:hover { color: #d68791; }
			#homepage ul#nav li#nav_projects a:hover { color: #88cef7; }
			#homepage ul#nav li#nav_news a:hover { color: #22f30c; }
			#homepage ul#nav li#nav_about a:hover { color: #fdb301; }
			#homepage ul#nav li#nav_eblog a:hover { color: #f88af4; }

/* Common styles
--------------*/
#sitewrapper {
	width: 900px;
	margin: 5px auto 0 auto;
	font-family: Verdana, sans-serif;
	font-size: 13px;
	text-align: left;
	border: 2px solid #cccccc; }

#header {
	position: relative;
	width: 100%;
	height: 97px; }
	#header h1 {
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1;
		width: 238px;
		height: 32px; }
		#header h1 a {
			display: block;
			width: 100%;
			height: 100%;
			text-indent: -5000px; }
		#sitewrapper #header h1 a:hover { background-position: 100% 0; }
	#header h2 {
		position: absolute;
		left: 442px;
		top: 58px;
		z-index: 2;
		height: 39px;
		text-indent: -5000px; }
	#header ul#nav {
		position: absolute;
		left: 23px;
		top: 47px;
		z-index: 5; }
	#header ul#subnav {
		position: absolute;
		left: 23px;
		top: 77px;
		z-index: 5; }
	#header ul#pager {
		position: absolute;
		left: 442px;
		top: 77px;
		z-index: 5; }
		#header ul li {
			float: left;
			padding: 0 10px 0 0;
			margin: 0 10px 0 0;
			text-transform: lowercase;
			border-right: 1px solid #ffffff; }
		#header ul li.last {
			padding: 0;
			margin: 0;
			border: none; }
			#header ul li a { color: #ffffff; }

#content {
	height: 390px;
	overflow: auto;
	padding: 32px 20px 20px 442px;
}
	#content p { padding: 0 0 20px 0; }

/* Projects pages
---------------*/
.projects #header { background: #9bc0e7; }
	.projects #header h1 a { background: transparent url("../images/bg_logo-blue.gif") 0 0 no-repeat; }
	.projects #header h2#hdr_projects {
		width: 124px;
		background: transparent url("../images/hdr_projects.gif") 0 0 no-repeat; }
	.projects #header ul li a:hover,
	.projects #header ul li.active a { color: #2f7ac7; }
.projects .home { background: transparent url("../images/bg_sidebar-projects.jpg") 0 0 no-repeat; }
	.projects #content p { color: #2f7ecf; }
.projects .inner { background: transparent url("../images/bg_sidebar-projects2.jpg") 0 0 no-repeat; }

/* Services pages
---------------*/
.services #header { background: #de9a9f; }
	.services #header h1 a { background: transparent url("../images/bg_logo-red.gif") 0 0 no-repeat; }
	.services #header h2#hdr_services {
		width: 129px;
		background: transparent url("../images/hdr_services.gif") 0 0 no-repeat; }
	.services #header ul li a:hover,
	.services #header ul li.active a { color: #c3352f; }
.services #background { background: transparent url("../images/bg_sidebar-services.jpg") 0 0 no-repeat; }
	.services #content p { color: #c3352f; }
.services .inner { background: transparent url("../images/bg_sidebar-services2.jpg") 0 0 no-repeat; }

/* About pages
---------------*/
.about #header { background: #f5be98; }
	.about #header h1 a { background: transparent url("../images/bg_logo-orange.gif") 0 0 no-repeat; }
	.about #header h2#hdr_about {
		width: 129px;
		background: transparent url("../images/hdr_about.gif") 0 0 no-repeat; }
	.about #header ul li a:hover,
	.about #header ul li.active a { color: #be6524; }
.about #background { background: transparent url("../images/bg_sidebar-about.jpg") 0 0 no-repeat; }
	.about #content p,
	.about #content h3 { color: #ed7a2e; }
.about .inner { background: transparent url("../images/bg_sidebar-about2.jpg") 0 0 no-repeat; }

/* News pages
---------------*/
.news #header { background: #bed398; }
	.news #header h1 a { background: transparent url("../images/bg_logo-green.gif") 0 0 no-repeat; }
	.news #header h2#hdr_news {
		width: 92px;
		background: transparent url("../images/hdr_news.gif") 0 0 no-repeat; }
	.news #header ul li a:hover,
	.news #header ul li.active a { color: #6c9231; }
.news #background { background: transparent url("../images/bg_sidebar-news.jpg") 0 0 no-repeat; }
	.news #content p { color: #77a72f; }
.news .inner { background: transparent url("../images/bg_sidebar-news2.jpg") 0 0 no-repeat; }

/* E-blog pages
---------------*/
.eblog #header { background: #e9a6f6; }
	.eblog #header h1 a { background: transparent url("../images/bg_logo-purple.gif") 0 0 no-repeat; }
	.eblog #header h2#hdr_eblog {
		width: 115px;
		background: transparent url("../images/hdr_eblog.gif") 0 0 no-repeat; }
	.eblog #header ul li a:hover,
	.eblog #header ul li.active a { color: #cf6ee0; }
.eblog #background { background: transparent url("../images/bg_sidebar-eblog.jpg") 0 0 no-repeat; }
	.eblog #content p { color: #d06fe0; }
.eblog .inner { background: transparent url("../images/bg_sidebar-eblog2.jpg") 0 0 no-repeat; }