/* Start of CMSMS style sheet 'biobotcss' */
/* Reset CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #1e1e1e;
	background: white;
	font-size: 67.5%;
	font-family: tahoma, verdana;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* </End CSS Reset!> */

/* Template Style */

body {
background: #55d159;
}

div#header-container {
width: 100%;
margin: 0 auto;
background: #fff;
position: absolute;
top: 0px;
left: 0px;
}

div#header {
margin: 0 auto;
position: relative;
width: 950px;
height: 150px;
}

div#promo-header {
border-top: 1px solid #b6b6b6;
border-bottom: 1px solid #b6b6b6;
height: 150px;
background: url(images/promobg.jpg) top right no-repeat;
}

body#home div#promo-header {
background: 0;
}

div#outer-container {
margin-top: 150px;
background: #fff;
}

div#content-container {
margin: 0 auto;
width: 950px;
}

div#content-container2 {
background: url(images/container_bg.gif) top left repeat-y;
margin: 20px 0 0 0;
width: 950px;
}


div#content-left {
float: left;
width: 250px;
}

div#content-centre {
width: 700px;
float: right;
}

div#content-main {
float: left;
width: 950px;
}

div#footer-container {
clear: both;
width: 100%;
margin: 0 auto;
background: url(images/body_bg.gif) top left repeat-x #55D159;
}

div#footer {
margin: 0 auto;
width: 950px;
height: 210px;
position: relative;
}

.clear {
clear: both;
}

/* on page elements */

img.logo {
position: absolute;
top: 20px;
left: 0;
}

img.phone {
position: absolute;
top: 20px;
right: 0;
}

.email {
position: absolute;
right: 0px;
top: 60px;
font-size:1.4em;
}

.email a {
color: #EE181F;
}


#content-centre .content {
padding: 0 30px 30px;
}

div.footer-text {
bottom:20px;
color:#FFFFFF;
left:100px;
line-height:1.6em;
position:absolute;
text-align:left;
}

img.logosfeat {
padding: 10px 0 0 0;
}

strong {
font-weight: bold;
}

/*text */

h1 {
color: #00cd0b;
font-size: 2em;
margin-bottom: 10px;
}

h2 {
color: #00cd0b;
font-size: 2em;
margin: 20px 0 10px;
}

h3 {
color: #00cd0b;
font-size: 2em;
margin-bottom: 15px;
}

p {
font-size: 1.2em;
line-height: 1.4em;
margin: 10px 0;
}

ul#points {
font-size: 1.4em;
color: #ff0000;
margin: 15px 0 15px 15px;
}

ul#points li {
padding: 3px 0 3px 20px;
background: url(images/points.gif) 0% 50% no-repeat;
}

/* menu */

ul.clearfix {
list-style-type: inline;
position: absolute;
bottom: 30px;
right: 0;
}

ul.clearfix li {
float: left;
padding: 3px 10px;
border-right: 1px solid #746666;
}

ul.clearfix li.last {
padding: 3px 0 3px 10px;
border-right: 0;
}

ul.clearfix li a{
font-size: 1.2em;
color: #5e5e5e;
text-decoration: none;
}

ul.clearfix li a:active{
font-size: 1.2em;
color: #ee1c23;
text-decoration: none;
}


ul.clearfix li a:hover{
color: #ee1c23;
}

ul.clearfix li a.currentpage {
color: #ee1c23;
}

/*homepage */

body#home div#content-left {
width: 440px;
}

body#home div#content-centre {
width: 450px;
}

body#home div.text {
padding: 0;
}

body#home div#content-container2 {
background: url(images/home_container_bg.gif) top left repeat-y;
}

div.video {
width: 435px;
}

body#home #content-left {
padding: 0 0 0 30px;
}
body#home div#promo-header {
border-top: 1px solid #b6b6b6;
border-bottom: 1px solid #b6b6b6;
height: 270px;
position: relative;
}

img.bbimg {
position: absolute;
bottom: 0px;
cursor: pointer;
}

img.b150 {left: 50px;}
img.b75 {left: 300px;}
img.bsa {right: 30px;}

.promo-text {
position: absolute;
top: 15px;
right: 0px;
text-align: right;
}

.promo-text h3{
margin-bottom: 0px;
color: #ee1c23;
}

#bb150-info {
display: none;
border: 2px solid #ccc;
width: 500px;
height: 500px;
background: #fff;
position: absolute;
top: 20px;
left: 221px;
z-index: 100;
}

.ce-logo {
position: absolute;
left: 0;
bottom: 10px;
}

.b150-info, .b75-info, .bsa-info {
position: absolute;
top: 0px;
left: 0px;
z-index: 101;
width: 950px;
height: 450px;
display: none;
}

.bbtext {
position: absolute;
top: 0px;
left: 270px;
width: 500px;
}

.macro {
position: absolute;
top: 20px;
right: 0px;
width: 204px;
}

.macro img {
border: 2px solid #B6B6B6;
margin-bottom: 5px;
}

.close-info {
position: absolute;
top: 25px;
left: 730px;
background: #ff0000;
padding: 5px;
font-weight: bold;
cursor: pointer;
color: #fff;
}

.cemini {
float: right;
}

.testimonial {
padding: 10px 0;
border-bottom: 2px solid #ddd;
margin-bottom: 10px;
background: url(images/testimonials.html) bottom right no-repeat;
}

body#faqs h3 {
font-size: 1.6em;
margin: 30px 0 10px;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}

body#faqs h3 {
font-size: 1.6em;
margin: 30px 0 10px;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}

#content-centre h2 {
font-size: 1.6em;
margin: 30px 0 10px;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}

#content-centre h3 {
font-size: 1.6em;
margin: 30px 0 10px;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}

.contactform {
width: 250px;
}

.contactform label {
width: 85px;
float: left;
font-size: 1.2em;

}

.contactform div {
width: 230px;
margin: 0 10px;
clear: both;
}

.contactform input {
width: 135px;
padding: 3px;
float: right;
margin-bottom: 10px;
}

.contactform textarea {
float:right;
margin:10px 0;
padding:3px;
width:220px;
}

.contactform fieldset legend{
padding: 10px 0 20px 10px;
color: #00CD0B;
font-size:1.6em;
}

div.featured {
font-size: 1.6em;
line-height: 1.4em;
color: #FF0000;
border: 1px solid #CCC;
padding: 10px;
margin: 10px 0;
text-align: center;
background: #F5F5F5;
}
/* End of 'biobotcss' */