* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-color: #F5F1EA;
	margin-top: 15px;
}
#footer {
	clear: both;
}
#container {
	width: 770px;
	margin-right: auto;
	margin-left: auto;
}
#wrapper {
	background-color: #FCFCEE;
	width: 768px;
	border: 1px solid #cccccc;
}
.clear {
	clear: both;
}
#footer p {
	font-size: 1.3em;
	text-align: center;
	line-height: 130%;
	margin-top: 5px;
}
#top {
	background-color: #fff;
	width: 768px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	height: 85px;
}
#content {
	background-color: #FCFCEE;
	padding-top: 15px;
}
#main h1, #main h2, #main h3, #main h4, #main p, #home-left h1, #home-left h2, #home-left h3, #home-left h4, #home-left p {
	padding-left: 15px;
}
#home-left {
	float: left;
	width: 215px;
	padding-right: 15px;
}
#home-right {
	float: right;
	width: 520px;
	margin-right: 15px;
	margin-bottom: 10px;
	background-image: url(../images/home-bg.gif);
	background-repeat: repeat-y;
}
#first {
	float: left;
	width: 172px;
	position: relative;
	height: 280px;
}
#first h2, #second h2, #third h2 {
	font-size: 1.5em;
	text-align: center;
	color: #52A342;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}
#first p, #second p, #third p {
	font-size: 1.1em;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 15px;
}
#container .home-button {
	background-image: url(../images/home-button.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 121px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.2em;
	color: #fff;
	font-weight: bold;
	line-height: 35px;
	position: absolute;
	left: 25px;
	top: 240px;
	right: 0px;
	bottom: 0px;
	
}
#container .home-button a:link {
	display: block;
	text-decoration: none;
	height: 35px;
	width: 121px;
	color: #fff;
}
#second {
	float: left;
	width: 173px;
	height: 280px;
	position: relative;
		}
#third {
	float: left;
	width: 172px;
	height: 280px;
	position: relative;
	}
#home-top {
	background-image: url(../images/home-top.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#home-bottom {
	background-image: url(../images/home-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	clear: both;
}
#main h1, #home-left h1{
	font-size: 1.6em;
	color: #52A342;
	margin-bottom: 10px;
}
#main h2 {
	margin-bottom: 3px;
	font-size: 1.5em;
	color: #52A342;
}
#main h3 {
	margin-bottom: 0px;
	font-size: 1.3em;
	color: #F49311;
}
#home-left h2 {
	margin-bottom: 8px;
	font-size: 1.5em;
	color: #52A342;
}
#main p, #home-left p {
	margin-bottom: 8px;
	font-size: 1.3em;
	line-height: 130%;
}
#rightBar {
	background-color: #fff;
	width: 215px;
	float: right;
	margin-right: 15px;
	background-image: url(../images/box-bg.gif);
	background-repeat: repeat-y;
}
#rightBar input {
	width: 170px;
	margin-bottom: 5px;
}
#rightBar label {
	display: block;
	width: auto;
	margin-bottom: 2px;
	font-size: 0.9em;
}
#rightBar textarea {
	height: 100px;
	width: 170px;
	margin-bottom: 8px;
}

#rightBar p.row {
	margin-right: 0px;
	margin-left: 8px;
}
#rightBar input.button {
	width: auto;
}

#rightBar p {
	font-size: 1.3em;
	margin: 8px;
}


.rightTop {
	background-image: url(../images/box-top.gif);
	background-repeat: no-repeat;
}
.rightBottom {
	background-image: url(../images/box-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#rightBar h2 {
	margin-bottom: 8px;
	padding-top: 15px;
	padding-left: 15px;
	font-size: 1.5em;
	color: #52A342;
}
#container a:link, a:visited {
	color: #F49311;
}
#main {
	float: left;
	width: 520px;
}
#logo {
	background-image: url(../images/symbiosys-logo.gif);
	background-repeat: no-repeat;
	height: 85px;
	width: 170px;
	float: left;
}
ul#primaryNav {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: right;
	width: 540px;
	position: relative;
	top: 56px;
}
ul#primaryNav li a:link, ul#primaryNav li a:visited {
	display: block;
	width: 87px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	font-size: 1.3em;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
ul#primaryNav li a:hover {
	background-image: url(../images/tab-over.gif);
	background-repeat: no-repeat;
}
ul#primaryNav li {
	background-image: url(../images/tab.gif);
	background-repeat: no-repeat;
	float: left;
	width: 87px;
	height: 29px;
	margin-right: 2px;
}
#home #primaryNav li.home a:link,
#solutions #primaryNav li.solutions a:link,
#customers #primaryNav li.customers a:link,
#news #primaryNav li.news a:link,
#about #primaryNav li.about a:link,
#contact #primaryNav li.contact a:link 
{
	background-image: url(../images/tab-over.gif);
	background-repeat: no-repeat;
}
#home #primaryNav li.home a:visited,
#solutions #primaryNav li.solutions a:visited,
#customers #primaryNav li.customers a:visited,
#news #primaryNav li.news a:visited,
#about #primaryNav li.about a:visited,
#contact #primaryNav li.contact a:visited 
{
	background-image: url(../images/tab-over.gif);
	background-repeat: no-repeat;
}
#home #primaryNav li.home a:hover,
#solutions #primaryNav li.solutions a:hover,
#customers #primaryNav li.customers a:hover,
#news #primaryNav li.news a:hover,
#about #primaryNav li.about a:hover,
#contact #primaryNav li.contact a:hover 
{
	background-image: url(../images/tab-over.gif);
	background-repeat: no-repeat;
}
#home #primaryNav li.home a:active,
#solutions #primaryNav li.solutions a:active,
#customers #primaryNav li.customers a:active,
#news #primaryNav li.news a:active,
#about #primaryNav li.about a:active,
#contact #primaryNav li.contact a:active 
{
	background-image: url(../images/tab-over.gif);
	background-repeat: no-repeat;
}
#rightBar ul {
	margin-left: 15px;
	list-style-type: none;
}
#rightBar ul li {
	font-size: 1.3em;
	margin-bottom: 8px;
	padding-left: 15px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px;
	padding-right: 10px;
}
#main img {
	margin-bottom: 10px;
	margin-left: 10px;
}

#main .article img {
	float: left;
	margin-right: 10px;
}
.article {
	clear: both;
}
#main .article h2 a {
	text-decoration: none;
	color: #52A342;
}
#main ul, #home-left ul {
	margin-left: 15px;
	list-style-type: none;
}
#home-right ul {
	margin-left: 15px;
	list-style-type: none;
	margin-bottom: 15px;
	margin-top: 5px;
}
#content h3 {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 7px;
}
.centred {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
#content #home-right-bottom h2 {
	font-size: 1.5em;
	padding-top: 0px;
	margin-bottom: 3px;
	color: #52A342;
}
#home-right-bottom p {
	margin-bottom: 5px;
	font-size: 1.3em;
}
#home-right-bottom {
	width: 505px;
	float: right;
	margin-right: 15px;
	margin-left: 15px;
}
#main ul, #home-left ul {
	font-size: 1.3em;
	margin-bottom: 8px;
	padding-right: 10px;
}
#main li, #home-left li {
	margin-bottom: 5px;
	padding-left: 15px;
	background: url(../images/bullet.gif) no-repeat 2px 6px;
	padding-right: 10px;
	line-height: 130%;
}
#main li li {
	font-size: 0.77em;
	margin-top: 5px;
	padding-left: 25px;
	background: url(../images/bullet.gif) no-repeat 2px 6px;
	padding-right: 10px;
	line-height: 130%;
}
#home-right ul li {
	font-size: 1.1em;
	padding-left: 15px;
	background: url(../images/bullet.gif) no-repeat 2px 4px;
	padding-right: 10px;
	line-height: 110%;
}
.rule {
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	margin-left: 10px;
	padding-top: 10px;
}
.home-button a:link, .home-button a:visited, .home-button a:hover, .home-button a:active {
	color: #ffffff;
	text-decoration: none;
}
.home-image {
	margin-right: 10px;
	margin-bottom: 10px;
}
.screenshot {
	clear: both;
	margin-top: 10px;
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.thumbnail{
	position:relative;
	z-index:0;
	float: right;
	margin-left: 10px;
	
	margin-bottom: 10px;
	padding-bottom: 0px;
	
}
.thumbnail:hover {
	background-color:transparent; 
	z-index:0;
}
.thumbnail span {
	position:absolute; 
	
	left:-1500px;
}
.thumbnail:hover span {
visibility: visible; 
top:-150px; 
left:0px;
z-index:100;
}
.left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.right { 
float: right;
margin-left: 10px;
	margin-bottom: 10px;
}
.leftcol {
float: left;
width: 200px;
}
.rightcol {
float: left;
width: 200px;
}

fieldset {
	border: 0;
	padding:10px;
	
}

legend {
	font-family: Verdana;
	font-size: 1.2em;
	font-weight: bold;
	color: #52A342;

}

label {
	display: block;
	font-weight: bold;
}

input {
	width: 200px;
	border: 1px black solid;
	font-size: 1.1em;
	padding: 3px;
}

table input

{
width:auto;
border: 0;
margin-left: auto;
margin-right: auto;
}


textarea {
width: 450px;
	border: 1px black solid;
	font-size: 1.1em;
}

.button {
background-color: #52A342;
color: #fff;
font-weight: bold;
font-size: 1.1em;
width: auto;
}

.radio {
border: 0;
width: auto;
display: inline;
}

#main table {
	border-collapse: collapse;
	font-size: 1.2em;
	border: 1px solid #cccccc;
	margin:10px;
	background-color:#ffffff;
}

#main th, td {
padding: 0.1em 0.3em;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}

#main caption {
font-size: 1.4em;
font-weight: bold;
margin: 1em 0;
color: #0072BC;
}


#main th {
	color: #52A342;
	font-weight: bold;
	text-align: left;
	padding-top: 0.5em;
	padding-bottom: 0.5em;

}#sharepoint {
	float: right;
	width: 172px;
}
#consultation {
	float: right;
	width: 172px;
}
#enterprise {
	float: left;
	width: 280px;
}
#rightBar fieldset {
	width: 180px;
}