/* CSS Document */
/* Stratum Systems Default Theme
 *
 * Copyright (c)2008 Stratum Systems
 * But if you really like our site, we'll happily make you one of your own.
 *
 * http://www.stratumsystems.net
 *
 * Revisions:
 *
 * 10/04/2008 NH Initial version


 
/* Basic Elements */
html {
	height: 100%;
	background: #75571D;
	/* For some reason, we need to set a background on the html element for the background
	 * on the body element to work.
	*/
}

body {
	margin: 0;
	padding: 0;
	/*font: 10pt Georgia, "Times New Roman", Times, serif;*/
	font: 9pt/18pt Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: white;
	background: #75571D url(images/top_bar.png) top left repeat-x;
}

a img {
	border: none;
}

h2 {
	text-align: left;
	font: 20pt Georgia, "Times New Roman", Times, serif; /*Verdana, Arial, Helvetica, sans-serif;*/
	font-style: italic;
	color: #3a3a3a;
	z-index: -1;
	background: url(images/heading_background.png) top left no-repeat;
	padding: 10px 0 100px 20px;
	margin: 0;
	margin-bottom: -80px;
	clear: none;
}

h3 {
	font: 14pt "Times New Roman", Times, serif;
	color: #b6fb6c;
}

.homearticle {
}

	.homearticle img.newsimage {
		position: relative;
		float: left;
		margin-top: -57px;
		margin-left: -10px;
		z-index: 100;
	}	

.news {
  z-index: -1;
  background: url(images/heading_background.png) top left no-repeat;
  padding: 10px 0 100px 16px;
  margin: 0;
  margin-bottom: -80px;
  clear: none;
}

  .news h2{
    margin: 0;
    background: none;
    text-align: left;
    font: 20pt Georgia, "Times New Roman", Times, serif; /*Verdana, Arial, Helvetica, sans-serif;*/
    font-style: italic;
    color: #3a3a3a;
    padding: 0px 0px 20px 0px;
    z-index: -1;
  }
  
.newsitem {
  z-index: -1;
  padding: 10px 0px 100px 20px;
  margin: 0;
  margin-bottom: -60px;
  clear: none;
}

  .newsitem  .headline {  
		text-align: left;
    font-weight: normal;
		font: 14pt Georgia, "Times New Roman", Times, serif; /*Verdana, Arial, Helvetica, sans-serif;*/
    color: #3a3a3a;
		z-index: -1;
		margin: 0;
		clear: none;
  }


	.newsitem img.newsimage {
    padding: 0px 10px 5px 0px;
		position: relative;
		float: left;
		margin-top: -57px;
		margin-left: -10px;
		z-index: 100;
	}
  
	.newsitem h2 {
		text-align: left;
		font: 14pt Georgia, "Times New Roman", Times, serif; /*Verdana, Arial, Helvetica, sans-serif;*/
		/*font-style: italic;*/
		/*width: 684px;*/
		z-index: -1;
		/*background: url(images/heading_background.png) top left no-repeat;*/
		padding: 10px 0px 100px 20px;
		margin: 0;
		margin-bottom: -90px;
		clear: none;
	}
	
	.newsitem .info {
		text-align: right;
		font-size: 7pt;
		text-transform: uppercase;
		border-top: 1px solid #a3dc72;
		margin-right: 20px;
		margin-bottom: 20px;
	}

	.newsitem .author {
		margin-right: 10px;
		color: #a3dc72;
	}
	
	.newsitem .date {
	}
	
	.newsitem span.firstcap {
		font: bold 26pt Georgia, "Times New Roman", Times, serif;
		margin-top: -2px;
		float: left;
	}
  
  .newsitem .entry, .newsitem .summary {
    margin-left: -30px;
    margin-right: 20px;
  }


.portfolioitem {
	width: 210px;
	height: 300px;
	float: left;
	padding-top: 180px;
	/*clear: both;*/
}

.portfolioitem p {
	margin: 0;
	padding: 0;
}

.portfolioitem h3 {
	text-align: center;
	color: #3a3a3a;
}

a .portfolioitem p {
	color: white;
	font-weight: normal;
}


#layout {
	position: relative;
	text-align: center;
	width: 1262px;
	margin: auto;
}

#stratum_header {
	position: relative;
	width: 1262px;
	height: 325px;
	left: -180px;
	margin: 0;
	padding: 0;
	background: url(images/stratum_head.jpg) top center no-repeat;
}

	#stratum_header #client_login {
		float: right;
	}

	#stratum_header h1 {
		display: none;
	}

#stratum_header_extend1 {
	position: absolute;
	top: 325px;
	left: 1043px;
	height: 500px;
	width: 39px;
	background: url(images/header_extend1.png) no-repeat;
}

#stratum_about {
	position: absolute;
	top: 90px;
	left: 500px;
	width: 500px;
	height: 200px;
	
	margin: 0;
	padding: 0;
	text-align: left;
	font: bold 11pt/22pt Verdana, Arial, Helvetica, sans-serif;
	color: #bb9b5c;
}
	#tech_solutions {
		display: block;
		margin-left: 100px;
	}

#stratum_tab_nav {
	position: absolute;
	top: 269px;
	left: 30px;
}

#stratum_tab_nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#stratum_tab_nav ul li{
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 10px;
}

#stratum_tab_nav ul li a{
	display: block;
	width: 130px;
	height: 55px;
}

#stratum_tab_nav ul li#tab_home a {
	background: url(images/tab_home.png) no-repeat;
}

#stratum_tab_nav ul li#tab_services a {
	background: url(images/tab_services.png) no-repeat;
}

#stratum_tab_nav ul li#tab_portfolio a {
	background: url(images/tab_portfolio.png) no-repeat;
}

#stratum_tab_nav ul li a span {
	display: none;
}


#stratum_page {
	position: relative;
	width: 1262px;
	left: -180px;
	margin: 0;
	padding: 0;
	text-align: left;
	background: url(images/page_background.png) top center repeat-y;
}

	#stratum_page a {
		color: #25547e;
		text-decoration: none;
		font-weight: bold;
	}
	
	#stratum_page a:hover {
		color: #b2f776;
		border-bottom: 1px dotted #b2f776;
	}
	
	#stratum_page a:visited {
		color: #5b4316;
	}

#left_column {
	float: left;
	margin-left: 210px;
	padding-top: 50px;
	width: 684px;
}

#left_column p {
	margin: 0 0 1em 50px;
}

#right_column {
	float: right;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-right: 60px;
	width: 250px;
	color: #bfe5a1;
}

	#right_column .contact_us {
		display: block;
		text-align: left;
		margin-bottom: 20px;
	}
	
	#right_column a#contact_us:hover {
		border: none;
	}

#right_column, #left_column {
	display: inline; /* Fix IE6 floated double-margin bug */
}

#contact_us_form {
	list-style: none;
}

#contact_us_form label {
	float: left;
	clear: left;
	width: 150px;
	font-weight: bold;
}

#contact_us_form li {
	margin: 10px;
}
input.textbox, textarea, select {
	border: none;
	background: #c7e8a6;
	width: 400px;
	border: 1px solid white;
}

textarea {
	height: 100px;
}

#stratum_footer {
	position: relative;
	width: 1262px;
	height: 300px;
	left: -180px;
	margin: 0;
	padding: 0;
	background: url(images/stratum_footer.png) top center no-repeat;
}

	#stratum_footer #html_css {
		display: block;
		position: absolute;
		right: 0;
		top: 220px;
		margin: 0;
		padding: 0;
	}
	
	#stratum_footer #copyright {
		position: absolute;
		top: 210px;
		left: 200px;
		color: #b0945d;
	}

.test {
	background:#99FF99;
}

.clear {
	clear: both;
}

/* Lovely colours */
.blue1 {
	color: #f4edbd;
}