@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
html {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #1C1C00 url(../images/various/page_background.jpg) repeat;
	color:#FFFFFF;
}
/*container styles*/
div#container {
	width: 968px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	text-align: left;
	background-color: #1C1C00;
}
* html div#container {
	width: 968px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	text-align: left;
	background-color: #1C1C00;
}
div#banner {
	border:none;
	height:170px;
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0;
}
div#navigation {
	border:none;
	height:30px;
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0;
}
div#content {
	border:none;
	height:auto;
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0;
}
div#footer {
	border:none;
	height:20px;
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0;
}
div.main_padding {
	padding:12px;
}
div#planet-left-side {
	float:left;
	width:470px;
	padding:0 10px 10px 0px;
}
div#planet-right-side {
	float:left;
	width:452px;
	padding:0 0 0 0px;
}
div#planet-stop-float {
	float:none;
}
div#slideshow {
	position:absolute;
	margin:2px 0 0 0;
	height:370px;
	width:452px;
}
.pics     { 
	height:370px; 
	width:452px; 
	overflow:hidden; 
}
.pics img { 
	height:302px; 
	width:452px; 
}
td#divider_Mid {
	background:url(../images/divider/divider_Mid.jpg) repeat-x;
}
td#divider_Lft {
	background:url(../images/divider/divider_Lft.jpg) repeat-y;
}
td#divider_Rgt {
	background:url(../images/divider/divider_Rgt.jpg) repeat-y;
}
td#border_Bot {
	background:url(../images/border/border_Bot.jpg) repeat-x;
}
td#border_Top {
	background:url(../images/border/border_Top.jpg) repeat-x;
}
td#border_Lft {
	background:url(../images/border/border_Lft.jpg) repeat-y;
}
td#border_Rgt {
	background:url(../images/border/border_Rgt.jpg) repeat-y;
}
#headingR {
	color:#FFFFFF;
	font:30px Arial, Helvetica, sans-serif;
}
#headingL {
	color:#99CC00;
	font:bold 30px Arial, Helvetica, sans-serif;
}
p.caption {
	color:#99CC00;
	font:30px Arial, Helvetica, sans-serif;
	text-align:right;
}
span.caption{
	color:#99CC00;
	font:30px Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.principle {
	color:#99CC00;
	font:15px Arial, Helvetica, sans-serif;
}
.cs-caption {
	color:#99CC00;
	font:bold 20px Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
td#navcontainer {
	background:url(../images/menu/menu_mid.jpg) repeat-x;
	height:30px;
}
#navcontainer div {
	width: 918px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
}
#navcontainer ul {
	border-left:1px solid #FFFFFF;
	border-right:1px solid #1C1C00;
}
#navcontainer ul,
#navcontainer ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: inline;
	float: left;
	background: url("../images/menu/menu_mid.jpg") repeat-x top;
	font:12px/30px Arial, Helvetica, sans-serif;
	text-align: center;
}
#navcontainer a {
	background: url("../images/menu/menu_mid.jpg") repeat-x top;
	color: #1C1C00;
	font-weight:bold;
	text-decoration: none;
	display: block;
	border-left:1px solid #1C1C00;
	border-right:1px solid #FFFFFF;
	outline:none;
}
#navcontainer a span {
	padding:0 10px;
}
#navcontainer li.active a      { background: url("../images/menu/menu_mid.jpg") repeat-x bottom; color:#99CC00; border-right:1px solid #1C1C00; }
#navcontainer a:hover          { background: url("../images/menu/menu_mid.jpg") repeat-x bottom; color:#99CC00; border-right:1px solid #1C1C00; }

#content p {
	margin-bottom: 10px;
}
#content a {
	color:#99CC00;
	text-decoration: underline;
	outline:none;
}
#content a:hover {
	color: #ffffff;
	text-decoration: none;
}
#content ul,
#content ul li {
	list-style-type:disc;
	background:none;
	font:15x/20px Arial, Helvetica, sans-serif;
	text-align: left;
	display: block;
	float: none;
}

/*
 *  Case Studies
 */
table.case-study {
	border: 2px solid #6C6354;
	margin:10px 0 0 0;
	text-align:left;
}
td.case-study-img {
	text-align:right;
	vertical-align:top;
}
#content .gallery a {
	color:#99CC00;
	text-decoration: none;
	outline:none;
}
#content .gallery a:hover {
	color: #ffffff;
	text-decoration: none;
}

/*
 *  CSS clearing floats
 */
.clear         { /*keeps the clearing div from view */
	clear      : both; 
	height     : 0px; 
	line-height: 0px;
}
* html .clear  { /*the top bit works but not in IE so this is used*/
	font-size  : 0.05em; 
	height     : 0.05em;
}