p,h1,pre {
margin:0 0px 0px;
}

h1 {
font-size:24px;
padding-top:0px;
}

h2 {
font-size:18px;
padding-top:0px;
padding:0px;

	}

h3 {
font-size:16px;
padding-top:0px;
}

img, td {
border:none;
}

body {
text-align:center;
font-family:'arial', 'Lucida Grande', 'tahoma';
font-size:12px;
color:#ffffff;
background-color:#ffffff;
margin-left:0px;
}

#body2 {
text-align:center;
font-family:'arial', 'Lucida Grande', 'tahoma';
font-size:12px;
color:#ffffff;
background-color:#ffffff;
margin-left:16px;
}

p {
font-size:14px;
padding:0px;
}

#frame {
width:800px;
background-color: #b58b35;
margin-right:auto;
margin-left:auto;
margin-top:0px;
text-align:left;
padding:0;
background-image:url(images/bg.gif);
}

#header {
height:80px;
text-align:center;
}

#topnav {
background-image:url(images/background.jpg);
background-repeat:repeat-x;
height:28px;
}

#topnav a {
text-decoration:none;
display:#000;
float:left;
height:23px;
position:relative;
top:-1px;
padding-right:9px;
padding-left:9px;
text-transform:uppercase;
font-weight:700;
padding-top:5px;
color:#ffffff;
}

#topnav a:hover {
text-decoration:underline;
background:#b58b35;
background-repeat:repeat-x;
color:#ffffff;
}

#topnav ul {
margin:0 0 0 200px;
padding:0;
}

#topnav li {
display:inline;
}

#box {
width:720px;
}

#whitebox {
background-color:#ffffff;
width:720px;
}

#main {
width:600px;
float:left;
min-height:10px;
padding:0;
}

#main a {
color:#ffffff;
font-size:14px;
font-weight:bold;
font-style:normal;
text-decoration:none;
}

#main a:visited {
color:#ffffff;
font-size:14px;
font-style:normal
text-decoration:none;
}

#main a:hover {
text-decoration: none;
background-color: #ffffff;
color: #90C352; 
font-size: 14px;
}

#floatright {
width:600px;
float:right;
min-height:10px;
padding:0;
}

#floatright a {
color:#ffffff;
font-size:14px;
font-weight:bold;
font-style:normal;
text-decoration:none;
}

#floatright a:visited {
color:#ffffff;
font-size:14px;
font-style:normal
text-decoration:none;
}

#floatright a:hover {
text-decoration: none;
background-color: #ffffff;
color: #90C352; 
font-size: 14px;
}

#floatright2 {
width:300px;
float:right;
min-height:10px;
padding:0;
}

#floatright2 a {
color:#ffffff;
font-size:14px;
font-weight:bold;
font-style:normal;
text-decoration:none;
}

#floatright2 a:visited {
color:#ffffff;
font-size:14px;
font-style:normal
text-decoration:none;
}

#floatright2 a:hover {
text-decoration: none;
background-color: #ffffff;
color: #90C352; 
font-size: 14px;
}

#boxcontainer {
float:right;
width:505px;
height:23px;
display:inline;
}

#boxroll {
width:50px;
height:50px;
border:1px solid white;
background:#8FCA18;
text-align:center;
display:inline;
}

#boxroll a {
color:#ffffff;
font-size:14px;
font-weight:bold;
font-style:normal;
text-decoration:none;
display:inline;
}

#boxroll a:visited {
color:#ffffff;
background:8FCA18;
font-size:14px;
font-style:normal
text-decoration:none;
display:inline;
}

#boxroll a:hover {
text-decoration: none;
color:#8FCA18;

background-color: #ffffff;
font-size: 14px;
display:inline;
}


#client {
width:720px;
float:left;
min-height:10px;
padding:0;
}

#client a {
color:#ffffff;
font-size:12px;
font-weight:bold;
font-style:normal;
text-decoration:underline;
}

#client a:visited {
color:#ffffff;
font-size:12px;
font-style:normal
text-decoration:underline;
}

#client a:hover {
text-decoration: underline;
background-color: #ffffff;
color: #90C352; 
font-size: 12px;
}



#cover {
width:450px;
float:none;
min-height:300px;
padding:0;
margin-left:25px;
}

#cover a {
color:#ffffff;
font-size:14px;
font-weight:bold;
font-style:normal;
text-decoration:none;
}

#cover a:visited {
color:#ffffff;
font-size:14px;
font-style:normal
text-decoration:none;
}

#cover a:hover {
text-decoration: none;
background-color: #ffffff;
color: #90C352; 
font-size: 14px;
}

#cover2 {
width:720px;
float:left;
min-height:300px;
padding-left:0px;
margin-left:0px;
}

#cover2 a {
color:#ffffff;
font-size:14px;
font-weight:bold;
font-style:normal;
text-decoration:none;
}

#cover2 a:visited {
color:#ffffff;
font-size:14px;
font-style:normal
text-decoration:none;
}

#cover2 a:hover {
text-decoration: none;
background-color: #ffffff;
color: #90C352; 
font-size: 14px;
}


#cover3 {
width:450px;
float:none;
min-height:300px;
padding:0;
margin-left:25px;
text-align:left;
}

#cover3 a {
color:#ffffff;
font-size:14px;
font-weight:bold;
font-style:normal;
text-decoration:underline;
}

#cover3 a:visited {
color:#ffffff;
font-size:14px;
font-style:normal
text-decoration:underline;
}

#cover3 a:hover {
text-decoration: none;
background-color: #ffffff;
color: #90C352; 
font-size: 14px;
}

#casestudy1 {
width:70%;
float:left;
}

#casestudy2 {
width:30%;
float:right;
}

#casestudy2 p {
font-size:11px;
color:#000000;
}


#casestudy1 h1,h2 {
font-family:"georgia";

}

#footer {
padding-top:10px;
height:50px;
font-size:0.7em;
text-align:center;
}

#leftnav {
width:175px;
font-size:16px;
float:left;
padding:0;
}

#leftnav ul {
list-style: none;
margin:0px;
padding-left:20px;
}

#leftnav li {
margin:0px;
padding:0px;
}


#leftnav a {
color:#8a5f0b;
font-size:16px;
font-weight:bold;
font-style:normal;
}

#leftnav a:visited {
color:#000000;
font-size:16px;
font-style:normal
text-decoration:normal;
}

#leftnav a:hover {
text-decoration: underline;
background-color: #000000;
color: #ceb112; 
font-size: 16px;
text-decoration: bold;
}

.funkyblue {
color:#339999;
font-size:16px;
font-weight:bold;


#rightnav {
width:175px;
font-size:16px;
float:right;
padding:0;
}

#bisonrightnav {
width:265px;
height:639px;
float:right;
}

#container {
	position:relative;
	width:800px;
	margin:auto;
	
	
}

.component {
	position:relative;
	
}

.compheader {
	
	background:#90C352;
	background-repeat:no-repeat;
	height:36px;
	position:relative;
	background:#90C352;

}

.compheader h3 {
	
	line-height:36px;
	font-size:1.2em;
}

.compmain {
	
	width:400px;
	height:400px;
	background:#90C352;
	background-repeat:no-repeat;
	text-align:left;
	position:relative;
}

.compmain form {
	padding:20px;
}
	
.compmain span {
	font-family:arial;
	font-size:40px;
	color:#4a2885;
	text-decoration:none;
	}
	
	
#padding {
width:620px;
margin-right:50px;
margin-left:50px;
margin-top:0px;
text-align:left;
padding:0;
}
	
	
	
	
#info {position:relative;}
p.bold {padding-left:15px; color:#c00;}
a.linkup {position:relative;}
a.buttonup {position:absolute; top:200px; left:650px; border:0;}
a.buttonup img {border:0;}
.gleft {float:left; margin:25px 0 10px 0;}
.gright {float:right; margin:25px 5px 10px 0;}
.grc {margin:20px 0 0 10px;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:720px; height:32px; font-size:0.85em; position:relative; z-index:100;border-right:1px solid #90C352;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:720px; w\idth:720px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:180px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:180px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#90C352; width:180px; height:30px; border:1px solid #90C352; border-width:1px 0 1px 1px; background:#ffffff; padding-left:0px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:179px; w\idth:179px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#90C352  bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#90C352  bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#90C352 bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#90C352;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#90C352;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #90C352;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#ffffff; color:#90C352; height:auto; line-height:1em; padding:5px 0px; width:180px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:180px;w\idth:180px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#ffffff; background:#90C352;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#90C352;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}






body {position: relative; background: black; margin: 0; padding: 0;}

div#links {position: absolute; top: 81px; left: 0; width: 166px; height: 700px; font: 16px Verdana, sans-serif; z-index: 100;}
div#links a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 0px 0px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #FFC; background: #444;
   border-right: 0px solid #505050;}
div#links a:hover {color: #411; background: #AAA;
   border-right: 0px double white;}

div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 180px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: black;
   font: 10px Verdana, sans-serif; text-align: center;}

div#content {position: absolute; top: 26px; left: 161px; right: 25px;
   color: #BAA; background: #22232F; 
   font: 13px Verdana, sans-serif; padding: 10px; 
   border: solid 5px #444;}
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}

h1 {margin: 0px 0px 0em; padding: 0px 0 0px; text-align: right; background: #333; color: #667; letter-spacing: 0.5em; text-transform: lowercase; font: bold 25px sans-serif; height: 28px; vertical-align: middle; white-space: nowrap;}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#content a:link {color: white;}
div#content a:visited {color: #BBC;}
div#content a:link:hover {color: #FF0;}
div#content a:visited:hover {color: #CC0;}
code, pre {color: #EDC; font: 110% monospace;}