/* Copyright Vanbar Multimedia Ltd 2006 */

/*************************** Top Level ****************************/
/* always force a vertical scroll bar */
html { height:101%; }
*	 { margin:0; padding:0; border:0; }
body {
	background-color: #FFFFFF;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:small;
	line-height:120%;
	color:#29568F;
	font-weight:normal;
	padding:15px 0 15px 0;
	background:url('/images/common/header_bg.gif') 0 80px repeat-x;
	}


/*********************** Common Styles ***********************/
/* Positioning */
.left			{float:left}
.right			{float:right}
.clearfloats	{clear:both;}

/* Styling */
p				{ margin:0px 0 10px 0; }
p.no_margin 	{ margin:0; }
.blue			{ color:#0092DD; }
h1 {
	font-size:120%;
	margin:20px 0 10px 0;
	}
h2 {
	font-size:110%;
	margin:20px 0 0 0;
	}
h3 {
	font-size:100%;
	margin:0;
	}
em	{
	font-weight:bold;
	font-style:normal;
	}

/* HTML 4 Strict bug fix */
/* could also use display:block */
img	 			{ vertical-align:bottom; }
ul {
	text-indent:-10px;
	list-style-position:inside;
	margin:0 0 10px 20px;
	}
ul.no_margin {
	margin-bottom:0;
	}

/* forms */
input, textarea {
	border:1px solid #7E9AA8;
	border-style:inset;
	float:left;
	margin:0px 0 10px 0;
	padding-left:5px;
	color:#7E9AA8;
	font-weight:bold;
	}
label {
	margin:5px 5px 5px 0;
	clear:left;
	float:left;
	text-align:right;
	}
textarea {
	vertical-align:text-top;
	height:115px;
	}
input {
	height:18px
	}

/* links */
a 			{ color:#29568F; font-weight:bold; }
a:link		{ }
a:active	{ }
a:visited	{ }
a:hover		{ text-decoration:underline}


/************************* Common Divs *************************/
div.container {
	margin:0 auto;
	margin-bottom:0;
	padding:0;
	width:780px;
	border:3px solid #FFFFFF;
	border-bottom:0;
	border-top:0;
	height:auto;
	}
/* Header */
#header {
	height:65px;
	width:100%;
	border-bottom:10px solid #29568F;
	}
#header img {
	float:left;
	}
#header p {
	float:right;
	margin:35px 0 0 0;
	}
#header a {
	font-weight:normal;
	}
/* End of header */
#bg_wrapper {
	background:url('/images/common/right_bg.gif') right repeat-y;
	width:100%;
	height:100%;
	}
#content {
	width:569px;
	float:left;
	margin-right:3px;
	}
#copy {
	padding:17px 17px 65px 157px;
	}
#copy_short {
	padding:17px 17px 0 157px;
	}
/* Start of Right */
#right {
	width:208px;
	float:right;
	background-color:#85B0C6;
	color:#FFFFFF;
	}
#right h1 {
	font-size:125%;
	font-weight:normal;
	margin:10px 8px 0px 8px;
	padding-bottom:5px;
	color:#FFFFFF;
	}	
#right p {
	font-size:90%;
	line-height:110%;
	border-top:1px dotted #FFFFFF;
	margin:0 8px 0 8px;
	padding:6px 0 6px 0;
	}
#right a {
	color:#637A85;
	}
#right #latest_news a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
}
#right #latest_news a:hover {
	text-decoration:underline;
}
/* End of Right */
/* Start of Content Footer */
#content_footer {
	border-top:3px solid #FFFFFF;
	clear:both;
	}
#content_footer img {
	border:0;
	border-right:3px solid #FFFFFF;
	border-bottom:3px solid #FFFFFF;
	float:left;
	}
#content_footer img#last_child {
	border:0;
	}
p#intro {
	padding:10px 10px 10px 10px;
	height:63px;
	width:406px;
	display:block;
	float:left;
	margin-right:3px;
	margin-bottom:0;
	background-color:#0092DD;
	color:#FFFFFF;
}
/* End of Content Footer */
/* Start of Footer */
#footer {
	clear:both;
	background:url('/images/common/footer_bg.gif') repeat-x;
	}
#footer p {
	border-top:5px solid #29568F;
	font-size:75%;
	margin:0;
	}
/* End of Footer */



/*************************** Menu ****************************/
/* Main top nav */
div#menu {
	height:26px; /* IE fix to overcome addition 3px at bottom */
	}
#menu ul {
	list-style-type:none;
	text-indent:0;
	border:0;
	padding:0;
	margin:0;
	}
#menu li {
	position:relative;
	float:left;
	width:140px;
	margin-right:3px;
	border-top:3px solid #FFFFFF;
	}
#menu li img {
	display:block; /* IE fix for images within anchor tag */
	}
#menu li.lastchild {
	margin-right:0;
	width:208px;
	}
#menu li a {
	display:block;
	color:#FFFFFF;
	}
#menu li ul {
	position:absolute;
	top:-1000px;
	border-top:2px solid #FFFFFF;
	}
#menu li ul li {
	border:1px solid #FFFFFF;
	}
#menu li:hover ul {
	top:20px;
}
#menu li ul li a {
	width:132px;
	height:18px;
	padding:2px 0 0 8px;
	font-size:90%;
	text-decoration:none;
	background:#9DC0D1 url('/images/common/submenu_bg_off.gif') 126px 5px no-repeat;
}
#menu li ul li a:hover {
	background:#0092DD url('/images/common/submenu_bg_on.gif') 126px 5px no-repeat;
	}


/************************ About *************************/
ul#indented {
	text-indent:-15px;
	margin-left:25px;
	}


/************************ Contact *************************/
#contact h1 {
	color:#0092DD;
	font-size:100%;
	font-weight:normal;
	margin:0;
	}
#contact th {
	display:inline;
	color:#0092DD;
	font-size:100%;
	font-weight:bold;
	margin-right:3px;
	text-align:left; /* For IE */
	}
#contact form p#mandatory {
	margin:0 0 1px 348px;
	font-size:x-small;
	word-spacing:2px;
	}
#contact form {
	margin:23px 0 0 89px;
	padding-bottom:45px;
	}
#contact input, #contact textarea {
	width:270px;
	}
#contact label {
	width:150px;
	}
fieldset#response {
	margin-left:155px;
	}
fieldset#response p {
	color:#0092DD;
	font-weight:bold;
	text-align:left;
	width:230px;
	padding-top:7px;
	margin-bottom:3px;
	}
fieldset#response input {
	width:15px;
	height:15px;
	border:0;
	}
fieldset#response label {
	clear:none;
	width:auto;
	color:#0092DD;
	font-weight:bold;
	margin:0 10px 0 5px;
	}
p.input_error {
	color:#990000;
	margin:0 0 5px 100px;
	clear:both
	}
#contact input.submit {
	clear:both;
	width:60px;
	float:left;
	margin:5px 0px 0 372px ;
	padding:0;
	color:#0092DD;
	background-color:#FFFFFF;
	}


/********************* Testimonials **********************/
p.testimonial {
	padding:2px 0 1px 5px;
	width:100%;
	background:#0092DD url('/images/common/submenu_bg_on.gif') right no-repeat;
	}
p.testimonial a {
	color:#FFFFFF;
	font-weight:normal;
	}


/************************* News **************************/
#news #copy {
	padding:0 2px 65px 2px;
	width:415px;
	}
#news h1 {
	font-size:x-large;
	color:#86A0AD;
	margin:0 0 15px 0;
	line-height:90%;
	}
#news p#opener {
	font-size:large;
	line-height:115%;
	}
#news #right {
	background-color:transparent;
	}
#news #right p {
	color:#0092DD;
	border-bottom:1px dotted #0092DD;
	padding-bottom:12px;
	margin-bottom:6px;
	}
#news #right p.last_child {
	border-bottom:0;
	padding-bottom:0;
	margin-bottom:0;
	}
#news #right a {
	text-decoration:none;
	font-weight:normal;
	color:#0092DD;
	}
#news #right a:hover {
	color:#86A0AD;
	}


/********************* Tools n Resources **********************/
#tools #copy {
	padding-right:0;
	}
#tools ul {
	margin-top:0;
	}
p#pdf_download {
	margin:15px 0 10px 0;
	}
p#pdf_download a {
	color:#0092DD;
	}
p#adobe_link {
	margin:15px 5px 10px 0px;
	}
p#adobe_link a {
	color:#FF0000;
	}
.column {
	float:left;
	width:190px;
	margin-bottom:10px;
	margin-right:3px;
	}
#tools table tr td {
	padding-right:15px;
	}
#tools table tr td.classic {
	width:83px;
	padding-right:0;
	}


/********************** Customer Area **********************/
#customer_area div.container {
	background:url(/images/customer/mouse_bg.jpg) 0px 98px no-repeat;
	}
#customer_area #copy_short img { /* bit of a cludge */
	margin-top:-17px;
	}
#customer_area p {
	color:#467491;
	font-weight:bold;
	}
#customer_area form {
	margin:27px 0 0 27px;
	}
#customer_area form p {
	color:#009EE0;
	}
#customer_area a {
	color:#009EE0;
	}
#customer_area label {
	width:70px;
	}
#customer_area input {
	width:200px;
	}
#customer_area input.submit {
	width:60px;
	height:22px;
	float:left;
	margin:0 0 0 20px;
	padding:0;
	color:#0092DD;
	background-color:#FFFFFF;
	}


/********************** Upload Area **********************/
div#upload_content {
	margin-left:143px;
	width:426px;
	/*height:362px;*/
}
div#upload_content label {
	width:80px;
}
div#upload_content input {
	width:220px;
}
div#upload_content textarea {
	width:300px;
}
div#upload_content input.SubmitButton {
	width:auto;
	float:left;
	margin-left:15px;
}
div#upload_content p.error {
	color:#990000;
}
div#upload_content p.text_center {
	text-align:center;
}
div#upload_content table td {
	border:1px solid #29568F;
	margin:0;
	padding:2px 5px 2px 5px;	
}
div#upload_content table th {
	border:1px solid #29568F;
	background-color:#29568F;
	color:#FFFFFF;
	margin:0;
	padding:2px 5px 2px 5px;
}

/********************** Environment Page **********************/

#environmentStrapline {
	width: 712px;
	height: 220px;
	background: #d9effa;
	margin: 10px 0 17px;
	padding: 34px 0 0 68px;
}
#environmentStrapline img {
	display: block;
}
#environmentFeatures {
	width: 341px;
	height: 493px;
	background: url(/images/bgdEnvironmentFeatures.jpg) no-repeat;
	color: #fff;
	font-family: Arial, Verdana, Helvetica, sans serif;
	font-size: 12px;
	margin-bottom: 25px;
	padding: 33px 13px 0 426px;
}
#environmentFeatures strong {
	font-size: 14px;
	font-weight: bold;
}
#environmentFeatures ul {
	list-style-type:none;
	text-indent:0;
	border: 0;
	padding: 0;
	margin: 0;
}
#environmentFeatures li {
	background: url(/images/environmentLi.gif) no-repeat;
	list-style-type: none;
	margin: 0 0 18px;
	padding: 0 0 0 20px;
}
#environmentFooter {
	width: 780px;
	height: 180px;
	color: #3d5e1e;
	font-family: Arial, Verdana, Helvetica, sans serif;
	font-size: 15px;
}
#environmentFooter .green {
	color: #51c247;
	font-size: 37px;
	margin: 15px 0 30px;
	padding: 0;
}
#environmentFooter .icon {
	margin-right: 30px;
}