/*  
Theme Name: Gill Technology
Theme URI: http://www.gilltechnology.co.uk
Description: Gill Technology Website Theme.
Version: 1.0
Author: Mike Rees
Author URI: http://www.gilltechnology.co.uk/

*/

body {
	margin: 0px; 
	background:url(images/background.gif) repeat-x top #FFF;}
	
#wrapper {
	width:964px;
	margin:auto;
	padding:0;}

/* png ie6 fix */
img, div { behavior: url(iepngfix.htc) }
/* png ie6 fix */
	
/*************************************************************** HEADER **********************************************************************************/
#header {
	width: 950px;
	height:139px;
	margin: 0 auto;}
	
#header-left {
	width: 123px;
	background:url(images/template_07.png) no-repeat bottom left;
	float:left;
	height:136px;
	padding-top:3px;}
			
#logo {
	width: 123px;
	background:url(images/template_01.png) no-repeat top left;
	float:left;
	height:136px;}
	
#header-right {
	width: 827px;
	float:right;
	height:139px;
	position:relative;}

#recruitment-banner {
	width:210px;
	padding:0;
	height:65px;
	margin:20px 0 0 160px;
	border:#09C dotted thin;
	float:left;}

#recruitment-banner p {
	padding:0;
	color:#FFF;
	margin:0;}

#recruitment-banner a {
	display:block;
	width:190px;
	text-decoration:none;
	padding:5px 10px 5px 10px;
	height:55px;}

#recruitment-banner a:hover {
	background-color:#006;}

.right {
	float:right;}

/******************** TOP SUB-MENU *****************/
#top-nav {width: 300px; float:right; top:0; margin:4px 0 0 0; height:32px; margin-right:27px; list-style-type:none; text-transform:uppercase; padding:0; }
			
#top-nav li {float:left; margin:0; height:32px; font-size:11px; padding:0;padding:4px 0 0 25px; /****** TOP PAD, LEFT PAD, BTM PAD, RIGHT PAD  */}

#top-nav li a {margin:0; color:#90F; text-decoration:none; color:#FFF; font-family:Arial, Helvetica, sans-serif; display:block;}
			
#top-nav li a:hover {text-decoration:underline;}
/******************** TOP SUB-MENU *****************/

/*************   MAIN HORIZONTAL MENU **************/
ul#menu{
	width: 800px; float:left; position:absolute; bottom: 0; margin:0; padding:0; list-style-type:none; text-transform:uppercase; display:block;	height:33px; 
	font-size:10px; background:transparent url("images/menu-off.png") repeat-x top left; font-family:Helvetica,Arial,Verdana,sans-serif;}

ul#menu #on {
	background:transparent url("images/menu-on.png") repeat-x top left;}

ul#menu li{
	display:block; float:left; margin:0; height:33px; font-size:10px; padding:0;}
	
ul#menu li a{
	display:block; color:#666; height:33px; text-decoration:none; font-weight:bold; text-align:center; vertical-align:middle;
	width:160px; background:transparent url("images/divider.png") no-repeat top right; padding:11px 0px 0px 0px; /****** TOP PAD, LEFT PAD, BTM PAD, RIGHT PAD  */}

ul#menu li a:hover{
	background:transparent url("images/hover.png") repeat-x top right;}
	
ul#menu #on a:hover{
	background:transparent url("images/divider.png") no-repeat top right;}

/* ul#menu li a:current{
	background:transparent url("images/menu-on.gif") repeat-x top right;} */
/*************   MAIN HORIZONTAL MENU **************/

/********************************************************************* HEADER END *******************************************************************************/





/************************************************************************* CONTENT ******************************************************************************/

#service-banner {
	width:100%;
	height:140px;
	position:relative;
}

#service-banner-image {
	width:900px;
	float:left;
	height:103px;
	padding:0;
	margin:0;}

#service-banner-image span {
	width:900px;
	float:left;
	height:103px;
	padding:0;
	margin:0;}

/***********breadcrumb section ******************/

#breadcrumbs ul {
	width:100%; height:20px; background-color:#fff;/* margin: -20px 0 0 -20px; */padding:10px 0 4px 0; border-bottom:solid 1px #CCC; text-transform:uppercase; float:left;}

#breadcrumbs li { /* the bullet style */
	list-style-image:url(images/right-arrow.gif); float:left; margin:0; padding:0 20px 0 0; font-size:10px; /****** TOP PAD, LEFT PAD, BTM PAD, RIGHT PAD  */}

#breadcrumbs li span a { /* the span text style */
	font-size:10px; text-decoration:none; color:#666; font-family:Arial, Helvetica, sans-serif;}
	
#breadcrumbs li span a:hover {
	text-decoration:underline;
	color:#09F;
	}

#breadcrumbs .first { /*first one in the list (home) */
	list-style:none;
	}
/***********breadcrumb section ******************/
	
#content-header {
	width:100%;
	margin-bottom:10px;
	height:120px;
	padding:0;
	background:url(images/bg.jpg);}
	
#content-header-title {
	width:250px;
	height:100px;
	padding:10px;
	float:left;
	background:url(images/bg.jpg);}
	
#content-header-image span {
	width:400px;
	float:right;
	height:120px;
	padding:0;
	margin:0;}
	

#content-shadow /*drop shadow on content edges */ {
	width: 964px;
	background:url(images/template_08.png) top repeat-y;
	margin: 0 auto;}
		
#content-wrap {
	width:898px;
	display:block;
	height:100%;
	padding: 24px 24px 24px 24px;
	margin: 0 7px 0 9px;
	}

#content-wrap-home {
	width:898px;
	display:block;
	height:100%;
	padding: 24px 24px 24px 24px;
	margin: 0 7px 0 9px;
	background:url(images/RECRUITING-BANNER.png) no-repeat top right;
	}

#banner-right-recruit {
	background:url(images/RECRUITING-BANNER.png) no-repeat 269px -20px;
	width:100%;
	height:150px;
	position:relative;}

#banner-right-recruit a {
	float:right;
	right:0;
	width:70px;
	height:77px;
	position:absolute;
	z-index:2;}

	
	
	
/************* ITEMS SPECIFIC TO THE HOMEPAGE *******************/
#banner { /* home page banner section */
	width:auto;
	height:auto;
	}
	
	#banner-left {
		width:510px;
		height:220px;
		background:url(images/homepage-image.gif) no-repeat top left;
		float:left;		}
					
	#banner-right {
		width:386px;
		height:220px;
		background:url(images/bg.jpg);
		float:right;
		}
					
	#banner-right-text {
		width:326px;
		height:150px;
		float:right;
		margin-top:30px;
		margin-right:30px;
		position:relative;
		z-index:1;}
	
	#banner-right-text h1 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:22px;
		margin:0;
		padding:0;
		color:#fff;
		text-transform:capitalize;}
		
/******** HOME PAGE CONTENT BOXES ********/
.home-content-row {
	width:auto;
	height:140px;}
					
.home-content-row img {
	border:#999 solid 1px;
	padding:5px;}
					
.home-content-right {
	width:325px;
	height:92px;
	position: relative;
	float:right;}
					
.home-content-left {
	width:325px;
	position: relative;
	height:92px;
	float:left;		}
					
.home-text-wrapper {
	width:220px;
	float:right;
	text-decoration:none;
	height:92px;}
	
	.home-text-wrapper h2 a {
		text-decoration:none;
		color:#00AEEF;
		list-style:none;}
					
.home-img {
	float:left;
	width:auto;}
						
.home-more-button a {
	position: absolute;
	bottom:0;
	width:100%;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:regular;
	text-decoration:underline;
	padding-right:10px;
	font-size:11px;
	height:17px;
	padding-top:75px;
	color:#00AEEF;	
	display:block;}

.home-more-button a:hover {
	color:#006;}
/* HOME PAGE CONTENT BOXES */

/* Homepage Slideshow Section */
ul.slideshow {
	list-style:none;
	width:510px;
	float:left;
	height:220px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;}

ul.slideshow li.show {
	z-index:500;}

ul img {
	border:none;}


#slideshow-caption {
	width:510px;
	height:70px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;		
	z-index:1000;}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:14px;}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;}
/* Homepage Slideshow Section */

							
/********** ITEMS SPECIFIC TO THE HOMEPAGE END *************/

/* contact form */
.fieldwrap {margin: 0;}
.fieldwrap label {float: left; width: 11em;}
.fieldwrap input {font: 1em Arial, Helvetica, sans-serif; background: #fff; width: 22.5em; padding: 0.2em; margin: 0 0 0.5em 0; border: 0.05em solid #ccc;}
.fieldwrap input.fmverify {width: 10em;}
.fieldwrap img {position: absolute; margin: -2px 0 0 10px;}
.fieldwrap textarea {font: 1em Arial, Helvetica, sans-serif; background: #fff; width: 250px; padding: 0.2em; margin: 0 0 0.5em 0; border: 0.05em solid #ccc;}
.ddfm .button {float: left; margin-left: 11em;}
.required {color: #fc2e2e;}
/* contact form */
	
#banner-simple { /* inner page banner section */
	width:auto;
	height:150px;
	}
	
#content {
	margin-top:20px;
	/*border-left:#CCC 1px solid;*/
	padding:0 0 0 20px;
	width:700px;
	float:right;}
	
#content-home {
	margin-top:35px;
	/*border-left:#CCC 1px solid;*/
	padding:0 0 0 20px;
	width:700px;
	float:right;}
	
#inner-page-content {
	width:430px;
	float:left;}
	
/************************ Service Pages *********************/
.service {
	width:100%;
	height:155px;
	padding: 15px 0 15px 0;
	border-top:solid #CCC 1px;

}

.service-text {
	width:300px;
	height:155px;
	float:right;
	position:relative;}
	
.service-more a {
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#09F;
	float:left;
	height:10px;
	position:absolute;
	bottom:0;
	padding-bottom:5px;}
	
.service-more a:hover {
	color:#000;}
/************************ Service Pages *********************/
	
#contact-box {
	width:390px;
	margin:25px 0 10px 0;
	background-color:#DDD;
	border:#999 solid 1px;
	padding:10px;
	height:100px;
	position:relative;}

#contact-box p {
	padding:0;
	margin:0;}

#contact-box strong {
	line-height:30px;}

#share-box {
	width:380px;
	height:20px;
	border-top:#999 1px solid;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	padding:10px 0 0 0;
	color:#666;
	font-size:10px;
	bottom:0;
	position:absolute;}

#share-box-right {
	height:20px;
	width:200px;
	float:left;}
	
#share-box-left {
	height:20px;
	width:110px;
	float:left;}


.group-company {
	width:100%;
	height:130px;
	border-bottom:#CCC solid 1px;
	padding-bottom:10px;
	margin-bottom:15px;}

.group-company p {
	padding:0;
	margin:10px 0 10px 0;}

.group-company img {
	float:left;}
	
.group-company-content {
	width:325px;
	padding:5px;
	float:right;
	height:120px;}

.group-company-content ul {
	list-style:none;
	float:left;
	font-size:11px;
	width:130px;
	padding:0;
	margin:0;}

.group-company-content li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;}

.group-company-content a:hover {
	color:#09F;
	text-decoration:underline;}

.group-company-content h3 {
	color:#09F;
	font-size:11px;
	text-transform:uppercase;
	padding:0;
	margin:0;}

.approvals {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	list-style:square inside;
	line-height:18px;}
	
/************************************************************************ CONTENT END **************************************************************************/


/******************************************************** Side Bar *****************************************************************/
#sidebar-home {
	width:157px;
	border-right:#CCC 1px solid;
	margin-top:30px;
	background:url(images/world.gif) no-repeat top center;
	float:left;
	padding:90px 20px 0 0;
}

#sidebar-right {
	width:200px;
	border-bottom:#CCC 1px solid;
	float:right;
	padding:0 5px 20px 5px;
}

#sidebar {
	width:157px;
	margin-top:20px;
	float:left;
	padding:0;}
	
#sidebar a {
	text-decoration:none;
	font-size:10px;
	color:#333;
	text-transform:uppercase;}

#sidebar ul {
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	color:#243A44;
	padding:0;}
	
#sidebar li.no-arrow {
	padding:5px 0 5px 0;
	margin:0;
	text-decoration:none;
	list-style:none;
	display:block;
	border-bottom:#CCC solid 1px;}


#sidebar li.arrow {
	list-style-image:url(images/arrow-bullet.gif);
	text-decoration:none;
	padding:5px 0 0 0;
	color:#243A44;
	margin:0;
	border:0;}

#sidebar li.arrow a {
	padding: 3px 0 2px 0;
	display:block;}

#sidebar ul.arrowlist {
	list-style:none;
	padding:5px 0 5px 15px;}
	
	
/*#sidebar ul li {
		padding:5px 0 5px 0;
		border-bottom:#CCC solid 1px;}
	
#sidebar ul ul {
	list-style:none;
	padding:5px 0 5px 15px;}
	
#sidebar ul ul li, li a{
	list-style-image:url(images/arrow-bullet.gif);
	text-decoration:none;
	padding:5px 0 0 0;
	color:#243A44;
	margin:0;
	border:0;}*/
	
#sidebar a:hover {
	text-decoration:underline;
	color:#09F;}
/******************************************************** Side Bar End *************************************************************/





/************************************************************************** FOOTER ****************************************************************************/
#footer-shadow-non-home {
	width: 964px;
	height:170px;
	background:url(images/template_08.png) top repeat-y;
	margin:0;}
	
#footer-non-home {
	width:900px;
	margin:auto;
	padding: 10px 0 0 0;
	margin:  auto;
	height:160px;
	border-top:1px solid #CCC;
	background:url(images/iso9001.jpg) no-repeat 830px 90px;}

#footer-non-home p {
	text-transform:uppercase;
	font-size:10px;
	color:#666;
	padding:0;
	margin:0;}

#footer-non-home p.title {
	color:#09F;
	font-size:12px;}

#footer-non-home ul {
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	height:20px;
	margin-top:30px;
	}

#footer-non-home li {
	display:block;
	font-size:10px;
	text-transform:uppercase;
	padding:0 9px 0 9px;
	border-right:#CCC solid 1px;
	list-style:none;
	float:left;}

#footer-non-home li a {
	color:#666;}

#footer-non-home li.last {
	padding:0 0 0 9px;
	border:none;}

#footer-non-home li.first {
	padding:0 9px 0 0;}

#footer-non-home li a:hover {
	color:#09F;
	text-decoration:underline;}


#footer-shadow {
	width: 964px;
	height:356px;
	background:url(images/template_08.png) top repeat-y;
	margin:0;}
	
#footer {
	width:900px;
	margin:auto;
	padding: 10px 0 0 0;
	margin:  auto;
	height:160px;
	border-top:1px solid #CCC;
	background:url(images/iso9001.jpg) no-repeat 830px 90px;}

#footer p {
	text-transform:uppercase;
	font-size:10px;
	color:#666;
	padding:0;
	margin:0;}

#footer p.title {
	color:#09F;
	font-size:12px;}

#footer ul {
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	height:20px;
	margin-top:30px;
	}

#footer li {
	display:block;
	font-size:10px;
	text-transform:uppercase;
	padding:0 9px 0 9px;
	border-right:#CCC solid 1px;
	list-style:none;
	float:left;}

#footer li a {
	color:#666;}

#footer li.last {
	padding:0 0 0 9px;
	border:none;}

#footer li.first {
	padding:0 9px 0 0;}

#footer li a:hover {
	color:#09F;
	text-decoration:underline;}

#footer-gill-companies {
	width:908px;
	margin:auto;
	padding:20px;
	border-top:#CCC solid 1px;
	height:145px;
	background-color:#E1E1E1;}

#footer-gill-companies p, #footer-gill-companies a {
	padding:0;
	color:#999;
	margin:0;}

#footer-gill-companies a:hover {
	color:#09F;}

#footer-gill-companies h4 {
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0 0 10px 0;
	color:#999;}

#gill-instruments {
	float:left;
	padding:10px;
	border:#CCC solid 1px;
	margin:15px 0 0 0;
	width:400px;
	height:90px;}

#gill-instruments li, #gill-instruments li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;
	line-height:15px;
	margin:0 0 0 3px;
	list-style-image:url(images/right-arrow.gif);
	list-style-position:inside;}

.footer-links-left {
	width:200px;
	float:left;
	height:75px;}

.footer-links-right {
	width:200px;
	float:right;
	height:75px;}

#gill-sensors {
	float:right;
	padding:10px;
	border:#CCC solid 1px;
	margin:15px 0 0 0;
	width:400px;
	height:90px;}

#gill-sensors li, #gill-sensors li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;
	line-height:15px;
	margin:0 0 0 3px;
	list-style-image:url(images/right-arrow.gif);
	list-style-position:inside;}

/************************************************************************** FOOTER END ************************************************************************/



/************************************************************************** STYLES ************************************************************************/

h1, h1 a {
	font-family:trebuchet ms, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	text-decoration:none;
	margin:0;
	padding-bottom:10px;
	color:#243A44;

	text-decoration:none;


}

h2, h2 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0;
	color:#09F;
}
	
h2 a:hover {
	color:#000;}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:0;
	color:#fff;
	text-transform:capitalize;}
	
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:5px;
	margin:0;
	color:#00AEEF;
	text-transform:capitalize;}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	font-weight:normal;
	color:#09F;
	text-transform:uppercase;}
	
.subtitle {  width: 100%; font: 14px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:capitalize; padding:15px 0 0 0; color:#333;} /* color: #ff679b*/

.bullets li{
	list-style:decimal;
	font-weight:bold;
	margin-left:20px;
	padding:5px 0 20px 5px;
	list-style-position:outside;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	font-size:11px;
	color:#243A44;}

.bullets a {
	color:#09F; text-decoration:underline;}

.bullets a:hover {
	color:#03F;}
	
	

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	font-size:11px;
	color:#243A44;}

p a {
	color:#09F;}
	
p a:hover {
	color:#06C;}

.cyan {
	color:#09F;}

.white {
	color:#FFF;}

.lineheight-15 {
	line-height:14px;}
	
.telephone {
	font-size:13px;
	font-weight:bold;}
	
.strapline {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width:600px;
	padding:0;
	margin:0;
	color:#00AEEF;
	text-transform:uppercase;}
	
.text-600px {
	width:600px;}

.padding-top-15px {
	padding-top:15px;}
	
.padding-top-25px {
	padding-top:25px;}
	
.border-img {
	border:#999 solid 1px;
	padding:5px;}

.img-right {
	float:right;}

ul {
	padding:0;
	margin:0;
}

h2.overline {
	display:block;
	border-top:#CCC solid 1px;
	padding:15px 0 0 0;}
	
.sitemap ul {
	padding:5px 0 0 20px;}

.sitemap li {
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-size:8px;
	padding:5px 0 5px 0;
	list-style:square;
	list-style-position:inside;}

.sitemap li a {
	color:#333;
	font-size:11px;
	padding:0 0 0 0;}
	
.sitemap li a:hover {
	color:#09F;}
	
	


	
/************************************************************************** STYLES ************************************************************************/