/*
Theme Name: AJ Tech
Theme URI: http://j3di.co.uk/
Description: AJ Tech Stylesheet
Author: James Willock
Based on Comunica Group Style Sheet (www.comunica-group.com) with permissions

*/

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	background: url('i/back.jpg') repeat-y center #fff7eb;
	font-family: verdana, arial, helvetica, sans-serif;
}

i {
	display: none;
}

a {
	color: #fd7202;
	text-decoration: none;
}

a:hover{
	color: #4e4e4e;
	text-decoration: none;
}

p {
	color: #333;
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 14px;
}

h1 {
	color: #333;
	font-size: 17px;
	font-weight: bold;
}

h2 {
	color: #666;
	font-size: 12px;
       
}

img{ 

        border: 0px;
	
}

#searchform input {display:block;padding:3px;width:150px;background:#FFFFFF;margin:0 0 5px 0;}
#searchform input#simg {width:auto;padding:0;border:0;margin:0 0 20px 0;}

.imgc {display: block; }

.imgl {float: left; margin: 5px 10px 5px 0;}

.imgr {float: right; margin: 5px 0 5px 10px;}

.imgb {padding: 2px; border: 2px solid #233877;}


li {
	font-size: 11px;
	color: #333;
}

label {
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
}

.clear{
	clear: both;
}

.clearLeft{
	clear: left;
}

/* container*/

#container {
	width: 790px;
	text-align: left;
	margin: 0 auto;
}



/* header */

#header{
	width: 790px;
	/*height: 95px;*/
	height: 85px;
}

#logo {
	width: 788px;
	/*height: 40px;*/
	height: 58px;
	/*padding-top: 30px;*/
	padding-top: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
}

/* end header */



/* menu */

#menu{
	float: left;
	width: 790px;
	height: 30px;
	border-bottom: 1px solid #fff;
}

#menu ul{
	list-style-type: none;
	text-transform: uppercase;
}

#menu ul li{
	float: left;
	width: 106px;
	margin-right: 2px;
	height: 30px;
}

#menu ul li.recruitment-page {
	margin-right: 0px;
	width: 112px;
}

* html #menu ul li.recruitment-page {
	margin-top: 0px;
}

#menu ul li a{
	color: #fff;
	height:27px;
	display:block;
        padding:0;
	padding-top: 3px;
	background: url('i/headback.jpg') repeat-x #4e4e4e;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
}

#menu a:hover, #menu a:active, #menu li.current_page_item a {
	background: url('i/navback.jpg') repeat-x #fc8f01;
}



#menu a:hover, #menu li.current_page_item a {
	border-bottom: 1px solid #fc8f01;
}

.submenu {
	float: left;
	width: 770px;
	height: 128px;
	padding: 10px;
	background: #fc8f01;
}

* html .submenu {
	margin-top: -1px;
}

.submenu img {
	float: left;
	padding-right: 60px;
	/*margin-left: 20px;*/
	margin-top: 10px;
	margin-left: 10px;
}

.submenu p{
	color: #fff;
	line-height: 15px;
	padding-right: 20px;
        text-align:justify;
        font-style:italic;
}

.submenuBar {
        display:inline;
	float: left;
	width: 790px;
	height: 10px;
	padding:0;
	margin:0;
	background: #fc8f01;
        border:0;
        font-size:0;
        text-indent:-999999px;
}

/* end menu */



/* content */

address {
	display:block;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	line-height:1.5em;
        margin:0 0 20px 0;
}

#content {
	float: left;
	width: 790px;
	padding: 5px 0px;
}

p.more {
	margin: 0;
	margin-top: -10px;
}

p.more.right {
	text-align: right;
	padding-right: 10px;
}

p.more a{
	padding-bottom: 2px;
	padding-right: 14px;
}

p span {
	background: #ff9;
	font-weight: normal;
	padding: 2px 0;
}

/* homepage */

.homeBox {
	float: left;
	width: 182px;
	background: #f2f2f2;
	border-bottom: 1px solid #afb6c0;
	margin-right: 20.5px;
	margin-top: 10px;
	height: 330px;
}

#last {
	margin-right: 0px;
	margin-top: 10px;
	background: #f2f2f2;
}

.homeBox img {
	border-bottom: 0px solid #afb6c0;
margin:0;
	margin-bottom: 0px;

}

.homeBox h2 {
	padding: 8px 10px;
	width: 162px;
	color: #fff;
	background: #4e4e4e;
	text-align: center;
        margin:0 0 10px 0;
}

.homeBox p {
	padding: 0px 10px 6px 10px;
        margin-bottom: 0px;
}

.homeBox ul {
	margin:0;
	padding:0px;
	list-style:square;
}

.homeBox ul li {
	margin:0 0 5px 20px;
	padding:0px;
	line-height: 1.5em;
}

#last:hover, .homeBox:hover {
 	background:#f8f8f8;
}

#last:hover, .homeBox:hover ul li {
	color:#191919;
}

.homeBox p a{
	color: #233877;
	font-weight: normal;
	padding-right: 14px;
	padding-bottom: 2px;
}

.twoRow {
	float: left;
        width: 379px;
	margin-right: 30px;
	margin-top: 26px;
}

.twoRow last{
	margin-right: 0px;
}

.twoRow.inner {
	float: left;
	width: 384px;
	margin-right: 20px;
	margin-top: 26px;
}

.twoRow h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 5px;
	text-transform: uppercase;
	margin-bottom: 14px;
	border-bottom: 1px solid #afb6c0;
}

.twoRow.inner h1 {
	padding-bottom: 8px;
}



.twoRow.inner h2 {
	padding-bottom: 8px;
	margin-bottom: 5px;
}



.twoRow.inner h3 {
	padding-bottom: 4px;
	margin-bottom: 4px;
	font-size: 11px;
}



.twoRow.inner h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
}




.twoRow .news {
	margin-bottom: 15px;
}

.twoRow .news img.articleImage {
	float: left;
	width: 50px;
	height: 50px;
	padding: 3px;
	margin-right: 10px;
        margin-top: 4px;
	border: 1px solid #55637a;
}

.twoRow .news p.title {
	margin-bottom: 2px;
	font-weight: bold;
	line-height: 14px;
	/*font-size: 20px;*/
}



.twoRow .news p.title a {
	font-size: 13px;
	line-height: 18px;
}



.twoRow p {
	margin-bottom: 10px;line-height: 160%; font-size: 12px;text-align:justify;
}



.twoRow.inner ul {
	margin: 20px 0 20px 35px;
}



.twoRow.inner ul li {

	margin: 5px 0;

	line-height: 14px;

	}



.twoRow.inner ul li {

	margin-bottom: 8px;

	}



.twoRow.inner ul ul {

	margin: 0px 0 0px 35px;

	}





.twoRow .news p.date {

	color: #666;

	font-size: 11px;

	margin-bottom: 2px;

}

.oneRow {

	float: left;
	text-align:center;
	width: 555px;

	margin-right: 30px;

	margin-top: 26px;

}


.oneRow address {
	text-align:left;
	font-size:12px;
	margin:0 0 20px 0;	
}

.oneRow address a {
	text-align:left;
	font-size:12px;

}


.oneRow last{

	margin-right: 0px;

}

.oneRow.inner {

	float: left;



	width: 384px;

	margin-right: 20px;

	margin-top: 26px;

}

.oneRow h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 5px;
	text-transform: uppercase;
	margin-bottom: 14px;
	text-align:left;
	border-bottom: 1px solid #afb6c0;

}

.oneRow.inner h1 {

	padding-bottom: 8px;

}



.oneRow.inner h2 {

	padding-bottom: 8px;

	margin-bottom: 5px;

}



.oneRow.inner h3 {

	float: left;
        padding-bottom: 4px;

	margin-bottom: 4px;

	font-size: 11px;

}



.oneRow.inner h4 {
        
        float: left;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 15px;

	}




.oneRow .news {

	margin-bottom: 15px;

}

.oneRow .news img.articleImage {

	float: left;

	width: 50px;

	height: 50px;

	padding: 3px;

	margin-right: 10px;

	margin-top: 4px;

	border: 1px solid #55637a;

}

.oneRow .news p.title {

	margin-bottom: 2px;

	font-weight: bold;

	line-height: 14px;

	/*font-size: 20px;*/

}



.oneRow .news p.title a {

	font-size: 13px;

	line-height: 18px;

}



.oneRow p {

	margin-bottom: 10px;
	line-height: 160%;
	font-size: 12px;
	text-align:justify;
	
}

.oneRow img {
 	margin:0 auto;
 	margin-bottom:10px;
	display:block;
	padding:3px;
	background:#FFFFFF;
	border:1px Solid #afb6c0;
}


.oneRow ul {
	margin:0 0 20px 0;
	padding:0px;
	list-style:square;

}

.oneRow ul li {
	margin:0 0 5px 20px;
	padding:0px;
	line-height: 1.5em;
	text-align:justify;
}




.oneRow .news p.date {

	color: #666;

	font-size: 11px;

	margin-bottom: 2px;

}

.threeRow {

	float: left;

	width: 200px;

	margin-right: 82px;

	margin-top: 12px;

}

.threeRow.big {

	float: left;

	width: 236px;

	margin-right: 70px;

	margin-top: 12px;

}

.threeRow.last {

	margin-right: 0px;

}

/*.threeRow input {

	width: 220px;

	border: 1px solid #ccc;

	font-size: 15px;

	height: 20px;

	padding-top: 4px;

	padding-left: 3px;

}

.threeRow input.subscribeButton {

	width: 78px;

	height: 23px;

	margin-top: 5px;

	border: 0;

}*/



.threeRow label {

	font-size: 11px;

	}



.threeRow input {

	width: 220px;

	border: 1px solid #ccc;

	font-size: 15px;

	height: 20px;

	padding-top: 4px;

	padding-left: 3px;

}

.threeRow input.subscribeButton {

	width: 78px;

	height: 23px;

	margin-top: 5px;

	border: 0;

}



.threeRow h1 {

	font-size: 14px;

	padding-bottom: 6px;

	margin-bottom: 5px;

	/*margin-bottom: 14px;*/

	/*border-bottom: 2px solid #ccc;*/

}

.threeRow ul {
	margin:0;
	padding:0px;
	list-style:square;

}

.threeRow ul li {
	margin:0 0 5px 20px;
	padding:0px;
	line-height: 1.5em;
}


.threeRow #invisibletoobar {

	display: none;

	border-bottom: 1px solid #999;

	padding-bottom:10px;

}

.fourRow {

	float: left;

	width: 182px;

	margin-right: 20px;

	margin-top: 26px;

}

.fourRow.last {

	margin-right: 0px;

}

.fourRow h1 {

	font-family: Helvetica, Arial, sans-serif;
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 5px;
	text-transform: uppercase;
	margin-bottom: 14px;

	border-bottom: 1px solid #afb6c0;

}


.fourRow #invisible {

	display: none;

	border-bottom: 1px solid #999;

	padding-bottom:10px;

}


.fourRow ul {
	margin:0 0 20px 0;
	padding:0px;
	list-style:square;

}

.fourRow ul li {
	margin:0 0 5px 20px;
	padding:0px;
	line-height: 1.5em;
}

* html .fourRow ul li{


}

.fourRow ul li a {
	color: #fd7202;
	font-size: 11px;
	text-decoration: none;
}

.fourRow ul li a:hover{
	color: #4e4e4e;
	text-decoration: none;
}

.fourRow .news {

	padding-bottom: 7px;

	margin-bottom: 10px;


}

.fourRow .news.last {

	background: none;

}

.fourRow .news p{

	margin-bottom: 3px;

}

.fourRow .news p.title{

	line-height: 14px;

	font-weight: bold;

}

.fourRow .news p.title a{

	/*color: #900;*/

	color: #223877;

}

.fourRow .news p.date{

	color: #666;

	font-size: 11px;

}

.fourRow .news img.articleImage {

	float: left;

	width: 50px;

	height: 50px;

	padding: 3px;

	margin-top: 4px;

	margin-right: 10px;

	border: 1px solid #55637a;

}

.focus {

	float: left;

	width: 365px;

	padding: 10px;

	padding-bottom: 0;

	margin-bottom: 10px;

	background: #e8e4ce;

}

.focus .col{

	float: left;

	width: 170px;

	margin-right: 10px;

}

* html .focus .col{

	margin-right: 5px;

}

.focus .col p.title{

	line-height: 14px;

	font-weight: bold;

	margin-bottom: 0;

}

.focus .col p.title a{

	/*color: #900;*/

	color: #223877;

	font-size: 12px;

}



.service {

	width: 383px;

	padding-bottom: 10px;

	margin-bottom: 10px;


}

.service.last{

	background:none;

}

.service p {

	margin-bottom: 10px;

}

.service a {

	/*color: #900;*/

	color: #223877;

	font-size: 14px;

	display: block;

}



.hoverBox {

	width: 373px;

	padding: 5px;

	border: 1px solid #fff;

}

	

.hoverBox p {

	padding-top: 0;

	margin-top: 0;

	}



.hoverBoxOn{

	width: 373px;

	padding: 5px;

	border: 1px solid #233877;

	/*background: #e7e9ec;*/

	background-color: #233877;

	color: #fff;

}



.hoverBoxOn p, .hoverBoxOn a {

	color: #fff;

}



/* top footer */

#topFooter {

	width: 790px;

	margin-top: 10px;

	/*border-top: 4px solid #ccc;*/

	border-top: 1px solid #afb6c0;

}



/* footer */

#footer {

	float: left;

	width: 790px;

	height: 40px;

	margin-top: 10px;

	/*border-top: 2px solid #ccc;*/

	border-top: 1px solid #afb6c0;

}

#footer p {

	float: right;

	padding-top: 4px;

}

* html #footer p {

	margin-right: 5px;

}

#footer p a {

	margin: 0px;

	font-weight: normal;

	text-decoration: none;

}

#footer p a:hover {
	color:#4e4e4e;
	text-decoration: none;

}

#footer p.copy {

	float: left;

	font-size: 11px;

	padding-top: 6px;

}



.ruler {width: 100%; border-bottom: 2px solid #ccc; margin-bottom: 10px;}



.stats {background-color: #f9f8e4; border: 1px solid #ccc; margin-bottom: 15px; width: 95%; padding: 5px 0;}

.stats h2 {border-bottom: 1px solid #ccc; padding-bottom: 5px; padding-left: 10px; font-size: 11px;}

.stats ul {margin: 15px 10px 15px 25px;}

.stats li {margin: 10px 0; font-size: 12px; line-height: 16px;}



#tabStages {

	margin-bottom: 15px;

	}



#tabStages h3 {

	font-size: 0.9em;

	color: #000;

	width: 100px;

	}

	

#tabStages h2 {

	margin: 0 0 10px 10px;

	font-size: 0.8em;

	color: #000;

	}

	

#tabStages p {

	margin: 0 0 0 10px;

	}

	



#tabStages .border {

	background-color: #233877;

	width: 10px;

	}

	

.quote {
	background-color: #f5f5f5;
	border-left: 10px solid #233877;
	padding: 5px 5px 5px 10px;
	margin-bottom: 15px;
}	



.quote h2 {

	font-family: Georgia, "Times New Roman", Times;

	color: #000;

	font-size: 16px;

	margin: 0 0 4px 0;

	}

	

.quote h3 {

	margin: 0 0 0 0;

	padding: 0;

	}

	

.quote2 {

	margin-bottom: 15px;

	}	



.quote2 h2 {

	font-family: Georgia, "Times New Roman", Times;

	font-weight: normal;

	color: #000;

	font-size: 20px;

	margin: 0;

	padding: 0;

	}

	

.quote2 h3 {

	margin: 0;

	padding: 0;

	line-height: normal;

	}

	

#tabList {

	background-color: #fafafa;

	border: 1px #e9e9e9 solid;

	border-collapse: collapse;

	border-spacing: 0px; 

	}

	

#tabList thead tr td {

	background-color: #F2F5F7;

	border: 1px #e9e9e9 solid;

	font-weight: bold;

	font-size: 10px;

	color: #404040;

	padding-left: 5px;

	}

	

#tabList td {

	border-bottom: 1px #e9e9e9 dotted;

	text-align: left;

	font-family: Verdana, sans-serif, Arial;

	font-weight: normal;

	font-size: 11px;

	color: #404040;

	background-color: #fafafa;

	padding: 6px;

	}

	

.newsitem {

	width: 383px;

	padding-bottom: 10px;

	margin-bottom: 10px;


}

.newsitem.last{

	background:none;

}

.newsitem p {

	margin-bottom: 10px;

}



.newsitem p .date {

	}



.newsitem a {

	/*color: #900;*/

	color: #223877;

	font-size: 14px;

	display: block;

}



#testimonials {

	border-bottom: 1px solid #ccc;

	margin-bottom: 10px;

	}

	

#testimonials h3 {

	font-size: 12px;

	color: #666;

	margin-bottom: 5px;

	}

	

#testimonials p.person {

	color: #666;

	}

	

.client {margin: 20px 0 0 0;}

.client img {padding: 1px; border: 1px solid #333; float: left;}

.client p {
margin:0 0 3px 100px;
padding:0;
font-size: 0.9em;
line-height:1em;
}

.client p.client-link {font-size: 0.9em; margin-bottom: 25px; color: #D38540;}

.client a {}

.client h3 {margin: 0 0 3px 100px; /*color: #D38540*/; font-size: 1em;}



#clients {

	}



#clients h2 {

	font-size: 12px;

	margin: 0;

	padding: 0;

	margin-top: 20px;

	padding-bottom: 2px;

	color: #333;

	}

	

#clients p {

	margin: 0;

	padding: 0;

	}

	

#clients p.notes {

	color: #999;

	margin: 0;

	padding: 0;

	}

		

h1#quotation1 {

	display: block;

	width: 492px;

	height: 107px;

	background-image: url(i/quote.jpg);

	float: left;

	margin-top: 10px;

	margin-left: 10px;

	margin-right: 60px;

	}

	

i {

	display: none;

	font-style: normal;

	}



#border {
	width: 816px;
	border: 0px solid #afb6c0;
	border-top:0;
	border-bottom:0;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 0px;
	}

form {
	
}

fieldset {
	border:0;
}

label {display:block;text-align:left;font-weight:normal;font-size:12px;}
input {display:block;padding:3px;border:1px Solid #afb6c0;font-family: verdana, arial, helvetica, sans-serif;margin:0 0 10px 0;font-size:12px;width:400px;}
textarea {display:block;padding:3px;border:1px Solid #afb6c0;font-family: verdana, arial, helvetica, sans-serif;margin:0 0 10px 0;font-size:12px;width:400px;height:200px;}
input.image {display:block;width:78px;height:23px;padding:0;margin:0;border:0;}

ol {list-style:lower-roman;list-style-type:lower-roman;}
ol li {text-align:left;font-size:12px;list-style:lower-roman;list-style-type:lower-roman;margin:0 0 5px 20px;}
ol li a {text-align:left;font-size:12px;}