/*
Title:			IT Group
Description:	CSS for IT Group
Author:			Visualcode Limited
Date: 			Tuesday 2nd September 2008.
Version:		1.0
*/
/*---------------------------Global Start -----------------------------*/

body {
	font:12px/18px arial, helvetica, sans-serif;
	font-weight: normal;
  	
  	color: #505154;
	text-align:center;
	margin:0px;
	padding:0px;
	position:relative;
	border-top:#CAC7C0 solid 3px;
	}

input, 
button, 
select, 
textarea {
	font:12px/18px arial, helvetica, sans-serif;
	}
	
a:link {
	color: #F7B319;
	text-decoration: none;
}

a:visited {
	color: #F7B319;
	text-decoration: none;
}

a:active {
	color: #000;
	text-decoration: none;
}

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

a img{
	border:0;
	}

h1{
	font-size: 25px;
	font-weight:normal;
	color:#777777;
	}

h2	{
	font-size: 18px;
	font-weight:normal;
	color:#F7B319;
	}		

h3	{
	font-size: 15px;
	font-weight:normal;
	color:#CAC7C0;
	}
		
h4	{
	font-size: 14px;
	font-weight:normal;
	color:#bad406;
	}

p	{
	}
		
img	{
	margin: 0px;
	padding: 0px;
	}

hr {
	border: none;
	border-top: 1px solid #F7B319;
	height: 1px;
	margin: 8px auto;
	padding: 0;
	color:#FFF;
	clear:both;
	}

.back{
	border:0;
	border-top:#F7B319 solid 1px;
	text-align:center;
	clear:both;
	padding:10px;
	}

.back a{
	border:#e4e4e3 solid 3px;
	background:#F7B319;
	display:block;
	width:90px;
	padding:3px 5px;
	margin:0px auto;
	color:#2c2c2c;
	font-size:10px;
	font-weight:bold;
	}

/*
DarkGrey:		#777777
LightGrey:		#e4e4e3
Grey:			#CAC7C0
Orange: 		#F7B319
Black:			#000000
*/
	
/*--------------------------- Containers -----------------------------*/
#Container {
	text-align:center;
	padding:0;
	position:relative;
	background:#FFF url(images/bodyBack.gif) repeat-x;
	}

/*--------------------------- Logo  -----------------------------*/

#header{
	width:920px;
	margin:0 auto;
	text-align:left;
	position:relative;
	padding-bottom:0px;
	height:80px;
	}

#Logo {
	width:250px;
	text-align:left;
	padding-top:7px;
	padding-bottom:10px;
	}
	
/* ______________________ Navigation ______________________ */		
	
 #navigation{
 	position:relative;
	text-align:left;
	padding:0;
	width:920px;
	margin:0 auto;
	font-size:11px;
	}

 #navigation ul,
 #navigation ul.orange{
	list-style:none; 
	padding:0 5px;
	margin:0;
	position:relative;
	display:block !important;
	height:28px;
	border-bottom:#FFF solid 1px;
	}
	
 #navigation ul li {  
	border-right:#777 solid 1px;
	border-left:#E4E4E3 solid 1px;  
	margin:0;
	position:relative;
	display:block;
	float:left;
	text-align:center;
	}

 #navigation ul li a {
	display:block;
	color:#333;
	position:relative;
	font-weight:bold;
	padding:5px 10px 0px 10px;
	height:22px;
	}

 #navigation ul li a.hover{
 	background:#505154;
 	color:#FFF;
 	}
	
 #navigation ul li a:hover {
	color:#FFF;
	background:#505154;
	position:relative;
	}
	
li.yellow a{
 	border-bottom:#F7B319 solid 3px !important;
 	height:19px !important;
 	}

 #navigation ul.orange{
 	list-style:none; 
	padding:0px 5px 0px 5px;
	margin:0;
	position:relative;
	display:block !important;
 	height:27px !important;
 	clear:both;
 	}
	
 #navigation ul.orange  li {  
	border-right:#D59400 solid 1px; 
	border-left:#ffcd5d solid 1px; 
	margin:0;
	position:relative;
	display:block;
	float:left;
	text-align:center;
	}

 #navigation ul.orange  li a {
	color:#212121;
	position:relative;
	font-weight:bold;
	padding:0;
	padding:5px 10px 5px 10px;
	height:15px;
	display:block;
	}
	
 #navigation ul.orange  li a:hover {
	color:#FFF;
	background:#505154;
	position:relative;
	}
	


.whiteSpacer{
	padding-top:5px;
	height:21px;
	border-bottom:#ECECEC solid 1px;
	}

<!-- AD NAV -->

#adNav a:link{color:#333;}
#adNav a:visited{color:#333;}
#adNav a:active{color:#F7B319;}
#adNav a:hover{color:#F7B319;}	

#adNav{
	height:15px;
	width:550px;
	float:right;
	padding-top:8px;
	}

#adNav ul{
	margin:0;
	padding:0;
	list-style:none;
	line-height:1em;
	}

#adNav li {
	padding:0px 5px 0 5px;
	border-right:#CCC solid 1px;
	list-style:none;
	display:inline;
	text-align:center; 
	float:right;
	font-size:11px;
	}

/*--------------------------- MainContent -----------------------------*/	


#contentArea{
	margin:0;
	padding:0px;
	width:920px;
	margin:0 auto;
	}

.clearBoth{
	clear:both;
	}
	
.banner {
	text-align:left; 
	background:#fff;
	margin:0;
	padding:0;
	clear:both;
	}		
	
#MainBody {
	width:100%; 
	text-align:left; 
	line-height:1.3em;
	}

#mainContent{
	padding:5px 0 0 0;
	}

#mainContent ul li {
	background:url(images/bullet.gif) no-repeat 3px 2px;
	list-style:none;
	padding-left:30px;
	margin-bottom:15px;
	}

.left{
	width:435px;
	float:left;
	padding-left:10px;
	margin:0;
	}

.right{
	width:435px;
	float:right;
	border-left:#ECECEC solid 1px;
	padding-left:10px;
	margin:0;
	}

.label{
	display:block;
	width:90px;
	color:#F7B319;
	float:left;
	}

.labelClient{
	display:block;
	width:220px;
	color:#F7B319;
	float:left;
	font-weight:bold;
	}

/*--------------------------- Footer -----------------------------*/

.credits{
	border-top:#ECECEC solid 1px;
	clear:both;
	}

.credits img{
	margin:2px;
	padding:0 34px;
	background:#FFF;
	}

#clearMain{
	border-top:#ECECEC solid 1px;
	clear:both;
	text-align:center;
	}

#footer{
	font-size:11px;
	width:920px;
	margin:0 auto;
	color:#666;
	height:100px;
	}

#footer b{
	color:#F7B319;
	}

.contact{
	text-align:left;
	padding:5px 15px;
	float:right;
	border-left:#ECECEC solid 1px;
	width:175px;
	}

#company{
	text-align:left;
	float:left;
	width:325px;
	padding:5px 0;
	}



/*
DarkGrey:		#777777
LightGrey:		#e4e4e3
Grey:			#CAC7C0
Orange: 		#F7B319
Black:			#000000
*/

/*--------------------------- General Forms - Specific ---------------------------*/

form.general {
	margin:30px 0 10px 0;
	padding:10px;
	border:#E4E4E3 solid 2px;
	background:#fafafa;
	font-size:12px;
	width:430px;
	}

form.general p {
	margin:0;
	padding:5px 0 5px 0 ;
	clear:left;
	}

form.general label {
	float: left;
	margin:0;
	padding:0px 1px 0 1px;
	width: 10em;
	text-align: left;
	color:#333;
	font-weight:bold;
	font-size:11px;
	}

form.general span{
	margin-left:105px;
	font-size:10px;
	font-weight:bold;
	padding-left:20px;
	background:url(images/warning.gif) no-repeat 1px 1px;
	}

form.general input,
form.general select,
form.general textarea{
	padding:2px 3px;
	border:#FFF solid 1px;
	background:#FFF url(images/inputBack.gif) repeat-x left bottom;
	font-size:12px;
	width:200px;
	background:#F7B319;
	}

form.general textarea{
	width:280px;
	}

form.general select{
	margin-bottom:5px;
	padding:0;
	border:#CCC solid 1px;
	}

form.general input.button {
	border:#e4e4e3 solid 3px;
	background:#F7B319;
	display:block;
	width:90px;
	padding:3px 5px;
	color:#2c2c2c;
	font-size:10px;
	font-weight:bold;
	}

.contactInfo{
	width:450px;
	float:right;
	}

.contactInfo h2{
	margin-bottom:0;
	padding-bottom:0;
	}

/*
DarkGrey:		#777777
LightGrey:		#e4e4e3
Grey:			#CAC7C0
Orange: 		#F7B319
Black:			#000000
*/
	
/* Page Collection Lists */

ul.pageColist{
	margin:0;
	padding:0px;
	}

ul.pageColist li{
	border-bottom:#ECECEC solid 3px;
	padding:0px 0px 15px 0px;
	font-size:13px;
	font-weight:bold;
	margin:0 0 10px 0px !important;
	}
	
ul.pageColist li a{color:#333; border-bottom:#ECECEC solid 1px;}
ul.pageColist li span{float:right; font-size:10px; width:100px; display:block;padding:2px;background:#F7B319; text-align:center; border:#E4E4E3 solid 2px;}
ul.pageColist li a span{color:#2c2c2c !important;}