/*
		Created by Pirkka Rannikko @ http://www.pirkkarannikko.com
		1. General styles
		2. Page layout
*/

/* 
		1. General styles -----------------------------------------------------------------------------------------------------
*/

/* Reset & basic settings */
* {margin: 0; padding: 0;}
html {background: #fff; color: #000;}
body {font: 62.5%/1.2 Georgia, Arial, Helvetica, sans-serif;} /* 10px = 1.0em */
abbr, acronym, fieldset, img {border: none;}
fieldset, img {display: block;} /* "display: block" on images might cause problems in Safari */
table {border-collapse: collapse; border-spacing: 0px; empty-cells: show;}
caption, th, td {text-align: left; vertical-align: top;}

/* Links */
a:link {color: #7b5229; text-decoration: underline;}
a:visited {color: #9c6331; text-decoration: underline;}
a:hover {color: #7b5229; text-decoration: none;}
a:focus {color: #7b5229; text-decoration: underline;}
a:active {color: #7b5229; text-decoration: none;}

/* Fonts */
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
h1 {font-size: 2.0em; font-weight: normal;} 
h2, h3, h4, h5, h6 {font-size: 1.2em;}
p, th, td, li {font-size: 1.2em;}
li li {font-size: 1.0em !important;}
#navigation li {font-size: 1.1em;}
#siteinfo p {font-size: 1.1em;}

/* 
		2. Page layout -----------------------------------------------------------------------------------------------------
*/


html {background: #ffffce; height: 100%;}
body {height: 100%;}
	#page {background: url(bg.jpg) top center no-repeat; min-height: 100%; position: relative;}
	.home #page {background: url(home-bg.jpg) center 0 no-repeat; height: 580px;}
		#brandingwrapper {border-top: #ffffcc solid 10px; height: 130px; margin: 0 auto; overflow: hidden; position: relative; width: 770px;}
			#logo {background: url(logo-bg.png) 0 -130px no-repeat; height: 130px; width: 309px;}
			.home #logo {background: url(logo-bg.png) 0 0 no-repeat;}
			#logo img {height: 130px; visibility: hidden; width: 309px;}
			#pageheader {height: 19px; overflow: hidden; margin: 0 0 22px 0; text-indent: -9000px;}
			.services #pageheader {background: url(headers-bg.png) 0 0 no-repeat;}
			.finance #pageheader {background: url(headers-bg.png) 0 -19px no-repeat;}
			.telecom #pageheader {background: url(headers-bg.png) 0 -38px no-repeat;}
			.healthcare #pageheader {background: url(headers-bg.png) 0 -57px no-repeat;}
			.aboutus #pageheader {background: url(headers-bg.png) 0 -76px no-repeat;}
			#navigation {position: absolute; right: 0px; bottom: 33px;} 
			#navigation li {display: block; float: left; margin: 0 3px 0 0;}
			#navigation li a, #navigation li strong {background: #7b5229; border: #ffffcc solid 1px; border-bottom: 0; color: #eee; display: block; height: 32px; line-height: 32px; padding: 0 15px; text-decoration: none;}
			#navigation li strong, #navigation li a:hover, #navigation li a:focus {background: #9c6331;}
			
		#content {padding: 0 0 30px 0;}
		.home #content {padding: 0;}
		#contentwrapper {margin: 0 auto; min-height: 357px; padding: 10px 10px 20px 40px; width: 720px;}
		.home #contentwrapper {min-height: auto; padding: 0; width: 770px;}
		.home #contentwrapper {background: none;}
		.home #content {height: 450px;}
		.home #content h1 {color: #7b5229; font-size: 0; margin: 242px 0 0 0;}
		.home #content h1 a {display: block; height: 130px; text-indent: -9000px; width: 770px;}	
			
			#maincontent {float: left; width: 415px;}
			#maincontent h2 {color: #003300; margin: 0 0 10px 0;}
			#maincontent p {color: #003300; margin: 0 0 15px 0;}
			#maincontent ul, #maincontent ol {margin: 0 0 5px 15px;}
			#maincontent li {background: url(bullet.gif) 0 5px no-repeat; color: #003300; list-style-type: none; padding: 0 0 5px 10px;}
			#maincontent .links li {color: #44a51c;}
			
			#featuredcontent {float: right; min-height: 317px; padding: 0 0 10px 0; width: 265px;}
			#featuredcontent h2 {color: #003300; padding: 0 0 10px 0;}
			#featuredcontent ul {list-style-type: none; margin: 0 0 15px 0;}
			#featuredcontent li {color: #003300;}
			#featuredcontent p {margin: 0 0 15px 0;}
			
			.clear {clear: both;}
		
		#siteinfo {background: #9c6331; border-bottom: #ffffcc solid 10px; clear: both; height: 20px; line-height: 20px; margin: -30px auto 0 auto; padding: 0 5px; position: relative; width: 760px;}
		.home #siteinfo {margin: -30px auto 0 auto;}
		#siteinfo p {color: #ffffcc; text-align: right;}