html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*---------END RESET---------*/

body{
background-image: url(images/bg.png);
font-size:12px;
font-weight:400;
line-height:1.2;
font-family:Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
color:#222;
padding:10px;
}

/*---------Default styles---------*/

a:link, a:visited, a:hover{
color:#222;
text-decoration:none;
}

p a:link, p a:visited, p a:hover{
color:#6299e2;
text-decoration:none;
}

#main_right p a:link, #main_right p a:visited, #main_right p a:hover{
color:#222;
text-decoration:none;
}

p{
padding:0;
font-size:12px;
line-height:1.2;
}

img{
margin:8px 8px 0px 0px;
}

#main_container{
width:920px;
margin:0 auto;
}

#main_left{
width:470px;
float:left;
}

#main_left p{
width:455px;
}

#main_left h2{
margin-bottom:0;
}

#main_right{
width:404px;
float:left;
background:#fff url(images/shadow.png) -15px 100% no-repeat;
padding-left:15px;
padding-bottom:40px;
padding-right:30px;
}

#top{
height:110px;
width:920px;
}

#logo{
float:left;
}

#top_menu{
float:right;
top:10px;
position:relative;
}

#top_menu li{
float:left; 
margin-right:25px; 
text-transform:uppercase;
}

#footer{
width:900px;
height:50px;
text-transform:uppercase;
margin-top:20px;
margin-bottom:10px;
border-top:1px dotted #ddd;
padding-top:15px;
}


/*---------Header Styles---------*/

h1{
font-size:26px;
font-weight:bold;
text-transform:uppercase;
}

h2, h2 a:link, h2 a:visited, h2 a:hover{
font-size:14px;
font-weight:bold;
margin-top:10px;
margin-bottom:10px;
}

h3{
font-size:36px;
font-weight:bold;
text-transform:uppercase;
color:#fff;
background-color:#6299e2;
padding:2px;
margin-bottom:10px;
}

h3.webhead, h3.webhead a{
background-color:#ffd800;
font-size:34px;
color:#fff;
}

h3.saleshead, h3.saleshead a{
background-color:#00baff;
color:#fff;
}

h3.printinghead, h3.printinghead a{
background-color:#89cb21;
color:#fff;
}

h3.designhead, h3.designhead a{
background-color:#f25cdb;
color:#fff;
}

h3.recruitmenthead, h3.recruitmenthead a{
background-color:#8c55df;
color:#fff;
}

h3.technologyhead, h3.technologyhead a{
background-color:#f8941e;
color:#fff;
}

h3.hardwarehead, h3.hardwarehead a{
background-color:#000;
color:#fff;
}

h3.softwarehead, h3.softwarehead a{
background-color:#ff4c4c;
color:#fff;
}

h1.webhead{
font-size:22px;
}

h2.twitter{
font-size:12px;
font-weight:bold;
text-transform:uppercase;
margin-top:15px;
margin-bottom:5px;
color:#13b4e6;
}

h4{
font-size:18px;
font-weight:bold;
text-transform:uppercase;
}

h6{
font-size:18px;
font-weight:bold;
text-transform:uppercase;
background-color:#fff9db;
padding:5px;
}

/*---------Section Colour Settings---------*/

.sales, .sales_main{
border-left:5px solid #00baff;
padding:10px;
margin:0;
}

.web, .web_main{
border-left:5px solid #ffd800;
padding:10px;
margin-top:0;
}

.printing, .printing_main{
border-left:5px solid #89cb21;
padding:10px;
margin-top:0;
}

.design, .design_main{
border-left:5px solid #f25cdb;
padding:10px;
margin-top:0;
}

.recruitment, .recruitment_main{
border-left:5px solid #8c55df;
padding:10px;
margin-top:0;
}

.technology, .technology_main{
border-left:5px solid #f8941e;
padding:10px;
margin-top:0;
}

.hardware, .hardware_main{
border-left:5px solid #000;
padding:10px;
margin-top:0;
}

.software, .software_main{
border-left:5px solid #ff4c4c;
padding:10px;
margin-top:0;
}
/*---------Caption Styling (on images)---------*/

.caption{
display:none;
}

.caption-bottom span{
text-transform:uppercase;
font-size:16px;
color:#fff;
}

.caption-bottom a{
 color:#fff;
}

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 10px;	
	font-weight: normal;
	cursor: default;
	background: #000000;
	font-size:12px;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
	color:#fff;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }

/*---------Some Custom Bits---------*/

#main_left p{
padding-top:10px;
}

.social_bit{
font-size:18px; 
text-transform:uppercase;
}
.social_bit img{
margin-bottom:-6px;
margin-left:5px;
}

#twitter{
width:430px;
float:left;
background:url(images/shadow_small.png) -15px 100% no-repeat;
padding-left:15px;
padding-bottom:45px;
padding-right:45px;
}

#twitter p{
width:420px;
}

.back{
float:right;
margin-right:40px;
}

#main_right li{
margin:0;
padding:0;
}

/*---------Menu Highlight Settings---------*/

.web li:hover, .web_main:hover {
	background: #fff9db;
}
.web .highlight {
	background: #fff9db;
}

.sales li:hover, .sales_main:hover {
	background: #d6f2fd;
}
.sales .highlight {
	background: #d6f2fd;
}

.printing li:hover, .printing_main:hover {
	background: #e4f3cd;
}
.printing .highlight {
	background: #e4f3cd;
}

.design li:hover, .design_main:hover {
	background: #ffdbf9;
}
.design .highlight {
	background: #ffdbf9;
}

.recruitment li:hover, .recruitment_main:hover {
	background: #e1d9ee;
}
.recruitment .highlight {
	background: #e1d9ee;
}

.technology li:hover, .technology_main:hover {
	background: #fef1e1;
}
.technology .highlight {
	background: #fef1e1;
}

.hardware li:hover, .hardware_main:hover {
	background: #eee;
}
.hardware .highlight {
	background: #eee;
}

.software li:hover, .software_main:hover {
	background: #ffeeee;
}
.software .highlight {
	background: #ffeeee;
}

li p{
padding:0; margin-top:-10px;
}

ul.links li{
float:right; margin-right:20px; font-size:18px;
}

.sales h1, .sales h1 a, .sales_main h1, .sales_main h1 a, li.sales_button a{
color:#00baff;
}

 .web h1, .web h1 a, .web_main h1, .web_main h1 a, li.web_button a{
color:#ffd800;
}

.printing h1, .printing h1 a, .printing_main h1, .printing_main h1 a, li.print_button a{
color:#89cb21;
}

.design h1, .design h1 a, .design_main h1, .design_main h1 a, li.design_button a{
color:#f25cdb;
}

.recruitment h1, .recruitment h1 a, .recruitment_main h1, .recruitment_main h1 a, li.recruitment_button a{
color:#8c55df;
}

.technology h1, .technology h1 a, .technology_main h1, .technology_main h1 a, li.technology_button a{
color:#f8941e;
}

.hardware h1, .hardware h1 a, .hardware_main h1, .hardware_main h1 a, li.hardware_button a{
color:#000;
}

.software h1, .software h1 a, .software_main h1, .software_main h1 a, li.software_button a{
color:#ff4c4c;
}

/*-------LOGIN BOX------------*/
#signin_menu {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	display:none;
	background-color:#fefefe;
	position:absolute;
	width:210px;
	z-index:100;
	border:1px solid #aaa;
	text-align:left;
	padding:12px;
	top: 24.5px; 
	left: 70px; 
	margin-top:5px;
	margin-right: 0px;
	color:#666;
	font-size:11px;
}

input[type=text], input[type=password]{
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #666;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:203px;
}

textarea{
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #666;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:400px;
}
#signin_menu p {
	margin:0;
}
#signin_menu a {
	color:#ccc;
}
#signin_menu label {
	font-weight:normal;
}
#signin_menu p.remember {
	padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
	clear:both;
	margin:5px 0;
}
#signin_menu p a {
	color:#00baff !important;
}
#signin_submit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#00baff url('images/bg-btn-blue.png') repeat-x scroll 0 0;
	border:1px solid #00baff;
	color:#fff;
	padding:4px 10px 5px;
	font-size:11px;
	margin:0 5px 0 0;
	font-weight:bold;
}

#signin_submit:hover, #signin_submit:focus {
	background-position:0 -5px;
	cursor:pointer;
}

.header{color:#00BAFF;}

.quote {
	font-size:16px;
	text-align:left;
	margin-right:60px;
	padding: 50px;
	background: transparent url(images/blockquote.gif) no-repeat; 
	width:250px;
	height:100px;
	float:right;
	}
	
.date{
color:#999;
font-size:12px;
float:right;
}

.web .latest h2:hover{
background-color:#ededed;
}

.click{cursor:pointer;}