﻿/* 
	* Client 		:	
	* Stylesheet	:	Default template stylesheet
	* Author		:	Kev Strong, Philip Hayton
	* Company		:	Cheetah Web
	* URL			:	http://www.cheetah-web.co.uk
	* E-mail		:	info@cheetah-web.co.uk
*/

/* UNIVERSAL SELECTOR */
* {					
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	}

/*	Global Styles */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFFFFF;
	color:  #333333;
	text-align: center;	
	line-height: 120%;
	background: url('../images/background.jpg') top left repeat-x;
	}
	
p {
	padding-bottom: 10px;
	}
	
img {
	border: 0px;
	padding: 0px;
	margin: 0px;
	}
	
	
/*	Header Tags */
h1 {
	font-size: 120%;
	color: #97564C;
	}

h2 {
	font-size: 110%;
	color: #97564C;
	}

h3 {
	font-size: 105%;
	color: #97564C;
	}

/*	Default Link Tags	*/
a:link 		{ color: #97564C; text-decoration: none; font-weight: bold; background-color: transparent; }
a:hover 	{ color: #68A9B3; text-decoration: none; background-color: transparent; border-bottom: 1px dashed #68A9B3; }
a:visited 	{ color: #990000; text-decoration: none; background-color: transparent; }
a:active	{ color: #FFCC00; text-decoration: none; background-color: transparent; }

/*	Site Classes	*/
.clear {
	clear: both;
	}
.nav-pad{
margin-left:20px;
}
.clear-right {
	clear: right;
	}
	
.clear-left {
	clear: right;
	}
	
.center {
	text-align: center;
	}
	
.error {
	color: #FF0000;
	}
	
.float-left {
	float: left;
	}

.float-right {
	float: right;
	}
	
.larger {
	font-size: 120%;
	}
	
.MsoNormal {
	font-size: 80%;
	color:  #686868;
	line-height: 120%;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	}

.nomargin {
	margin: 0px;
	}
	
.smallfont {
	font-size: 70%;
	}
	
.success {
	color:#BC9BDD;
	}

	
/*	-----------------------------------------------------
	Container & Site Parents
	* For Site Children please see relevant sections
	* eg Site Children --> Main Section
	----------------------------------------------------- */
#container {
	width: 800px;
	background-color: #FFFFFF;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	}
	
#left-column {
	width: 185px;
	min-height: 281px;
	float: left;
	font-size: 80%;
	border-top: 4px solid #97564C;
	padding: 0px 0px 0px 0px;
	background: url('../images/left-nav/background.jpg') top left repeat-x;
	}
#LeftColFocus{
	padding: 0px 4px 0px 4px;
}
	
* html #left-column {
	height: 281px;
	}
	
#right-column {
	width: 611px;
	float: left;
	border-top: 4px solid #97564C;
	}	
	
#header {
	min-height: 109px;
	background: url('../images/header.jpg') top left no-repeat;
	border-top: 2px solid #AAA096;
	}
	
* html #header {
	height: 109px;
	}
	
#navigation {
	min-height: 21px;
	line-height: 11px;
	font-size: 80%;
	background: url('../images/navigation-repeat.jpg') bottom left repeat-x;
	}
	
* html #navigation {
	height: 21px;
	}
	
#footer {
	clear: both;
	text-align: center;
	margin-top: 10px;
	border-top: 4px solid #AAA096;
	font-size: 80%;
	padding-top: 15px;
	}
	
/*	----------------------------------------------------- 
	* Site Children
	* For Site Parents please see relevant sections
	----------------------------------------------------- */

/*	Navigation Section (Child)
	* For Navigation Parent please see "Container & Site Parents"
*/

#navigation ul {
	list-style-type: none;
	display: block;
	margin-top: 5px;
	min-height: 21px;
	width: 611px;
	margin-left: 189px;
	}

* html #navigation ul {
	height: 21px;
	}

#navigation ul li {
	float: left;
	}
	
#navigation ul li a		 	{ color: #C3C3C3; text-decoration: none; text-indent: -9000px; height: 21px; display: block; }
#navigation ul li a:visited { color: #686868; text-decoration: underline; }
#navigation ul li a:hover 	{ color: #B42930; text-decoration: underline; border-bottom: none;}
#navigation ul li a:active 	{ color: #FF9900; text-decoration: underline; }

#navigation ul li a.home 			{ background: url('../images/navigation/home-off.jpg') top left no-repeat; width: 55px; }
#navigation ul li a.about 			{ background: url('../images/navigation/about-off.jpg') top left no-repeat; width: 58px; }
#navigation ul li a.solutions 		{ background: url('../images/navigation/solutions-off.jpg') top left no-repeat; width: 86px; }
#navigation ul li a.customers 		{ background: url('../images/navigation/customer-off.jpg') top left no-repeat; width: 91px; }
#navigation ul li a.products 		{ background: url('../images/navigation/products-off.jpg') top left no-repeat; width: 82px; }
#navigation ul li a.applications 		{ background: url('../images/navigation/applications-off.jpg') top left no-repeat; width: 99px; }
#navigation ul li a.capabilities 		{ background: url('../images/navigation/capabilities-off.jpg') top left no-repeat; width: 97px; }
#navigation ul li a.quality 		{ background: url('../images/navigation/quality-off.jpg') top left no-repeat; width: 64px; }
#navigation ul li a.news			{ background: url('../images/navigation/news-off.jpg') top left no-repeat; width: 56px; }
#navigation ul li a.contact			{ background: url('../images/navigation/contact-off.jpg') top left no-repeat; width: 65px; }
#navigation ul li a.security 		{ background: url('../images/navigation/security-off.jpg') top left no-repeat; width: 68px; }
#navigation ul li a.technologies	{ background: url('../images/navigation/technologies-off.jpg') top left no-repeat; width: 110px; }


/*	Left Column Section (Child)
	* For Left Column Parent please see "Container & Site Parents"
*/
#left-column h2 {
	background-color: #E5E2DF;
	min-height: 15px;
	color:  #68A9B3;
	padding: 2px;	
	width: 177px;
	}
	
* html #left-column h2 {
	height: 11px;
	width: 177px;
	}

#left-nav {
	background-color: #68A9B3;
	margin-bottom:  50px;
	 }

#left-nav h3 {
	color: #B42930;
	width: 171px;
	background-color: #D2E5E8;
	padding-left: 0px;
	 }

#left-nav ul {
	list-style-type: none;
	}

#left-nav ul li {
	width: 189px;
	}

* html #left-nav ul li {
	width: 179px;
	}

	
#left-nav ul li a		 	{ color: #C3C3C3; text-decoration: none; text-indent: -9000px; min-height: 28px; display: block; }
* html #left-nav ul li a 	{ height: 28px; }
#left-nav ul li a:visited 	{ color: #686868; text-decoration: underline; }
#left-nav ul li a:hover 	{ color: #B42930; text-decoration: underline; border-bottom: none;}
#left-nav ul li a:active 	{ color: #FF9900; text-decoration: underline; }
	
#left-nav ul li a.home					{ background: url('../images/left-nav/home.jpg') top left no-repeat; }
#left-nav ul li a:hover.home			{ background: url('../images/left-nav/home.jpg') bottom left no-repeat; }
#left-nav ul li a.company				{ background: url('../images/left-nav/about.jpg') top left no-repeat; }
#left-nav ul li a:hover.company			{ background: url('../images/left-nav/about.jpg') bottom left no-repeat; }

#left-nav ul li a.services	 			{ background: url('../images/left-nav/services.jpg') top left no-repeat; }
#left-nav ul li a:hover.services	 	{ background: url('../images/left-nav/services.jpg') bottom left no-repeat; }

#left-nav ul li a.solutions	 			{ background: url('../images/left-nav/quality.jpg') top left no-repeat; }
#left-nav ul li a:hover.solutions	 	{ background: url('../images/left-nav/quality.jpg') bottom left no-repeat; }

#left-nav ul li a.technologies 			{ background: url('../images/left-nav/technologies.jpg') top left no-repeat; }
#left-nav ul li a:hover.technologies 	{ background: url('../images/left-nav/technologies.jpg') bottom left no-repeat; }
#left-nav ul li a.news		 			{ background: url('../images/left-nav/news.jpg') top left no-repeat; }
#left-nav ul li a:hover.news			{ background: url('../images/left-nav/news.jpg') bottom left no-repeat; }
#left-nav ul li a.contact	 			{ background: url('../images/left-nav/contact.jpg') top left no-repeat; }
#left-nav ul li a:hover.contact			{ background: url('../images/left-nav/contact.jpg') bottom left no-repeat; }
#left-nav ul li a.applications	 			{ background: url('../images/left-nav/technology.jpg') top left no-repeat; }
#left-nav ul li a:hover.applications			{ background: url('../images/left-nav/technology.jpg') bottom left no-repeat; }
#left-nav ul li a.howcanwehelp	 			{ background: url('../images/howcanwehelp.jpg') top left no-repeat; }
#left-nav ul li a:hover.howcanwehelp			{ background: url('../images/howcanwehelp.jpg') bottom left no-repeat; }

#left-nav ul li a.events 			{ background: url('../images/left-nav/events.jpg') top left no-repeat; }
#left-nav ul li a:hover.events 	{ background: url('../images/left-nav/events.jpg') bottom left no-repeat; }


#left-nav ul.inner li {
	width: 175px;
	padding: 0px 5px 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: #D2E5E8;
	list-style-type: none;
	}
	
	
	#left-nav ul.thumbnail li {
	width: 175px;
	padding: 0px 5px 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: #FFFFFF;
	list-style-type: none;
	}

	
#left-nav ul.inner li a {
	padding: 2px 0px 2px 15px;
	min-height: 16px;
	line-height: 16px;
	color: #68A9B3;
	text-indent: 0px;
	letter-spacing: 0.5px;
	background: url('../images/left-nav/square-off.jpg') top left no-repeat;
	}
	
* html #left-nav ul.inner li a {
	height: 16px;
	}
	
#left-nav ul.inner li a:hover {
	color: #97564C;
	background: url('../images/left-nav/square-on.jpg') top left no-repeat;
	}
	
#left-nav ul.inner li a:active {
	color: #97564C;
	background: url('../images/left-nav/square-on.jpg') top left no-repeat;
	}
	
#left-nav ul.inner li h3 a {
	color: #B42930;
	width: 171px;
	line-height: 16px;
	text-indent: 0px;
	letter-spacing: 0.5px;
	padding: 0px;
	margin: 0px;
	background: none;
	background-color: #D2E5E8;
	}
	
#left-nav ul.inner li a:hover {
	color: #97564C;
	background: none;
	}
	 
/*	Right Column Section (Child)
	* For Right Column Parent please see "Container & Site Parents"
*/

/* For all individual images please see /templates/default/stylehssets/pictures.css */
#picture {	
	height: 275px;
	background: url('../images/backgrounds/001.jpg') top left no-repeat;
	margin-bottom: 10px;
	}
	
#search-box {
	/* For form elements please see the form section at the bottom of this document */
	padding: 190px 0px 0px 5px;
	width: 	258px;
	height: 91px;
	}
	
#search-box p {
	margin-top: 10px;
	}
	
#search-box #search-box-container {
	float: left;
	}

#search-box .search-box-top { 
	background: url('../images/search-box/search-box-top.gif') top left no-repeat; 
	min-height: 6px;
	height: 6px;
	width: 156px; 
	display: block; 
}

* html #search-box .search-box-top { 
	height: 6px;
	}

#search-box .search-box-repeater {
	background: url('../images/search-box/search-box-repeater.gif') top left repeat-y;
	height: 15px;
	font-size:  80%; 
	width: 156px; 
	}

#search-box .search-box-bottom {
	background: url('../images/search-box/search-box-bottom.gif') top left no-repeat; 
	min-height: 6px; 
	height: 6px;
	width: 156px; 
	display: block; 
	clear: both;
	}
	
* html #search-box .search-box-bottom {
	height: 6px;
	}
	
#main {
	width: 596px;
	margin: 10px;
	float: left;
	font-size: 80%;
	}
	
* html #main {
	width: 578px;
	}

#main ul {
	margin-bottom: 10px;
	margin-left: 10px;
	list-style-type: none;
	}
	
#main li {
	padding-left: 15px;
	background: url('../images/main-li.jpg') top left no-repeat;
	}
	
#main ul.inner li a {
	font-weight: normal;
	}


#main-small {
	width: 378px;
	margin: 5px;
	float: left;
	font-size: 80%;
	}
	
	
* html #main-small {
	width: 365px;
	}
	
	
#main-small ul {
	margin-bottom: 10px;
	margin-left: 10px;
	list-style-type: none;
	}
	
#main-small li {
	padding-left: 15px;
	background: url('../images/main-li.jpg') top left no-repeat;
	}
	
#main-small ul.inner li a {
	font-weight: normal;
	}
	
#headlines {
	width: 213px;
	margin: 5px;
	float: left;	
	font-size: 80%;
	}

/*	Footer Section (Child)
	* For Footer Parent please see "Container & Site Parents"
*/
	
#footer ul {
	list-style-type: none;
	display: block;
	}

#footer ul li {
	display: inline;
	margin-left: 3px;
	border-right: 1px solid #7F7F7F;
	padding-right: 6px;
	}
	
#footer ul li.last {
	border-right: none;
	}
	
#footer a:link		{ color: #BBBBBB; text-decoration: underline; }
#footer a:visited	{ color: #FFCC00; font-weight:bold; text-decoration: underline; }
#footer a:hover		{ color: #B42930; text-decoration: underline; border-bottom: none; }
#footer a:active 	{ color: #FF9900; text-decoration: underline; }



/*	----------------------------------------------------- 
	* Forms
	----------------------------------------------------- */
/*	Admin	*/

fieldset {
	border: 0px;
	text-align: left;
	}
	
#formrow {
	clear: left;
	padding: 30px;
	}
	
label {

	float: left;
	width: 115px;
	font-weight: bold;
	}

form input { 
	border: 1px solid #68A9B3;
	background-color: #EEEEEE;
	font-family:Arial, Helvetica, sans-serif;
	padding: 5px;
	margin-bottom: 10px;
	width: 200px;
	}
	
form input.small { 
	width: 75px;
	}
	
form textarea { 
	border: 1px solid #68A9B3;
	background-color: #EEEEEE;
	font-family:Arial, Helvetica, sans-serif;
	padding: 5px;
	margin-bottom: 10px;
	width: 200px;
	}

form select {
	border: 1px solid #68A9B3;
	background-color: #EEEEEE;
	font-family:Arial, Helvetica, sans-serif;
	padding: 5px;
	font-size:  80%;
	margin-bottom: 10px;
	}
		
form optgroup {
	padding: 5px;
	font-size:  80%;
	}
	
form option {
	background-color: #EEEEEE;
	font-family:Arial, Helvetica, sans-serif;
	padding: 5px;	
	}
	
.submit { 
	width: auto;
	border: 0px;
	background-color: #999999;
	color: #EEEEEE;
	font-family:Arial, Helvetica, sans-serif;
	padding: 5px;
	margin-bottom: 10px;
	}


/*	Search Box	*/

#search-box fieldset {
	border: 0px;
	text-align: left;
	}
	
#search-box .formrow {
	clear: left;
	padding: 30px;
	}
	
#search-box label {
	float: left;
	font-weight: bold;
	}

#search-box input { 
	border: none;
	background: url('../images/search-box/search.jpg') top left no-repeat #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:  80%;
	width: 125px;
	min-height: 14px; 
	margin-bottom: 0px;
	padding: 0px;
	padding-left: 25px;
	float: left;
	}
	
#search-box input.submit { 
	border: 0px;
	background: none #999999;
	color: #EEEEEE;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px;
	float: left;
	width: auto;
	margin-left: 10px;
	}
	
	/*print*/
	
@media print {
	* { background: #fff; color: #000; }
	#header{
		display:none;
	}
	#left-column{
		display:none;
	}
	#picture{
		display:none;
	}
	#main{
		float:none;
		width:100%;
		margin:0px;
	}
	#right-column{
		width:100%;
	}
	
	
}
	
.header-howcanwehelp { 
	background: url('/templaes/default/images/howcanwehelp.jpg') top left no-repeat; 
	text-indent: -9000px;
	width: 367px;
	height: 19px;
	display: block;
	}

	
	}
