@charset "utf-8";
/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Manchester IT web site
Version:		1.0
Last change:	30/09/10 []
Author:			Andrew Yee (andrew@citruscube.com)
Primary use:	Web site
-------------------------------------------------------------------*/

/* Layout */
* {
	margin: 0;
	padding: 0;
}

html {
	/* non-ie browsers short page fix */
	margin-bottom: 1px;
	height: 100%;
	margin: 0 auto;
}

body {
	font: 12px Arial, Helvetica, sans-serif;
	color : #FFF;
	background-color:#DEDEDE;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	height: 100%;
	background-image:url(../media/background.jpg);
	background-position:top center;
	background-repeat:repeat-y;
	
	
}

#wrap {
	min-height: 100%;
	
}

.main{
	width: 940px;
	text-align: left;
	display: table;
	margin: 0px auto;
	background-color:#FFF;
	padding-top:30px;
	background-image:url(../media/header-top.jpg);
	background-position:top;
	background-repeat:no-repeat;
	
	
}

.header{
	width: 920px;
	margin: 0 auto;
	text-align: left;
	display: table;
	background-color:#FFF;
	height:128px;
	color:#000;
	
}

.header-left{
	width:515px;
	float:left;	
}

.header-right{
	width:405px;
	float:left;	
}


.header-right-1{
	width:265px;
	background-color:#FFF;
	float:left;
	color:#004691;
	height:100px;
	font-size:14px;
}

.header-right-2{
	width:130px;
	float:left;
	background-color:#2589BD;
	height:20px;
	color:#FFF;
	padding:5px;
	font-size:12px;
}
.header-right-slogan{
	width:405px;
	font-size:14px;
	font-weight:bold;
}

/* Navigation */
#navcontainer{
	
	
	font-size:15px;
	color:#FFF;
	width:920px;
	margin:0 auto;
	margin: 10px 0 0 10px;
	padding: 0;
	height: 20px;
}

.main-body{
	width: 920px;
	text-align: left;
	background-color:#FFF;
	margin:0 auto;
	color:#333;
	
}


.banner{
	height: 211px;	
	width:920px;
	margin:0 auto;
}

.features{
	height: 120px;
	color:#000;	
	width: 890px;
	margin:0 auto;
	text-align:center;
	padding-left:30px;
	padding-top:10px;
	
}

.features-box{
	width:281px;
	margin-right:10px;	
	float:left;
}

.features-box-last{
	width:281px;	
	float:left;
}

.features-box-image{
	height:79px;
	margin:0;
	padding:0;
	background-color:#FFF;
}

.features-box-title{
	height:21px;
	background-color:#2589BD;
	text-align:left;
	padding: 4px 0 0 15px;
	color:#FFF;
}

.features-box-title a{
	color:#FFF;
	text-decoration:underline;
}

.logos{
	width: 940px;
	background-color:#DEDEDE;
	text-align:center;
	margin:5px 0 5px 0;
	height:70px;
	padding-top:10px;
}


.footer{
	width: 920px;
	background-color:#FFF;
	color:#666;
	font-size:10px;
	margin:0 auto;
	margin-bottom:15px;
}

/* Contact Page */

.contact-left{
	float:left;
	width:380px;
	
}

.contact-right{
	float:left;
	width:520px;
	margin-left:15px;
}


.clear{
	clear:both;	
}



/* Text */

h1{
	font-size:26px;
	font-weight:normal;
	margin-bottom:7px;
	color:#2587BD;
}

h2{
	font-size:19px;
	font-weight:normal;
	margin-bottom:7px;
	color:#2587BD;
}

h3{
	font-size:15px;
	color:#2587BD;
	margin:0px 0 10px 0;
}

h4{
	font-size:14px;
	font-weight:bold;
	color:#2587BD;
	padding:0 0 10px 0;
	margin:0;
}

p{
	margin: 5px 0 10px 0;
}

.intro-text{
	font-size:14px;	
}

.breadcrumbs{
	font-size:10px;
	color:#2587BD;
		
}

.breadcrumbs-selected{
	font-size:10px;
	color:#C00;
		
}

/* Links */

a {
	text-decoration:underline;
	color: #1373A5;
}

a:hover{
	text-decoration:underline;
}

/* Colour */

.red{
	color:#F00;	
}

.white{
	color:#FFF;	
}



/* Lists */

ul li{
	
	margin-left:30px;
	margin-bottom: 10px;
	margin-top: 10px;

}


ol li{
	
	margin-left:30px;
	margin-bottom: 10px;
	margin-top: 10px;

}


/* form */

form label {
  display: block;
  float: left;
  width: 80px;
  
  
}

#contact_name {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
}

#email_address {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
}


#telno {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;

}

#comments {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
 font-family: verdana , arial, hevetica, sans-serif;
  font-size:12px;
}

form div input.inputText {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

.hideform {
	display: none;
}


/* Change font size feature */

.smaller{
	font-size:9px;
	
}

.larger{
	font-size:13px;
}