/*
Theme Name: Brill-IT
Description: Brilliant-it.co.uk by Brilliant IT Ltd
Version: 1.2.2
Author: Brilliant IT Ltd
Tags: sales@brill-it.com
*/

/* --------------- Defaults --------------- */

* {
padding:0;
margin:0;
}

img {
border:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#ccc;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	background-color: #024978;
}

/* --------------- Div ID's --------------- */

#wrapper {
	width:1000px;
	MARGIN: 5px auto;
}

#info{
	MARGIN: 5px auto;
	width:1000px;
	font-size: 10px;
	color: #666666;
	text-align: center;
}

#header {
	width:1000px;
	height:100px;
	position: relative;
	background-color: #000000;
}

#logo {
	width:329px;
	height:74px;
	float:left;
	margin-top: 15px;
	margin-left: 12px;
}

#call {
	width:350px;
	height:74px;
	float:right;
	margin-right: 12px;
	margin-top: 10px;
}

#menubar {
	width:1000px;
	height:35px;
	position: relative;
	background-image: url(../images/menubar.png);
	background-repeat: no-repeat;
}

#body-content {
	width:1000px;
	MARGIN: 0px auto;
}

#body-main {
	background-color: #f5f5f5;
	width:500px;
	height: 400px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	float:right;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 20px;
	padding-bottom: 0px;
	color: #727272;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

#body-main-comp, #body-main-buss {
	background-color: #f5f5f5;
	width:500px;
	height:500px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	float:right;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 20px;
	padding-bottom: 0px;
	color: #727272;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

#body-main-repairs {
	background-color: #f5f5f5;
	width:500px;
	height:530px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	float:right;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 20px;
	padding-bottom: 0px;
	color: #727272;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

#body-main-web {
	background-color: #EBEBEB;
	width:435px;
	height:490px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	float:right;
	padding-right: 25px;
	padding-left: 45px;
	padding-top: 30px;
	padding-bottom: 0px;
	color: #727272;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

#body-main-web a{
	text-decoration: underline;
	color: #024978;
}

#body-main-web a:hover{
	text-decoration: underline;
	color: #038BE7;
}


#main-box1 {
	width:330px;
	height: 160px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	float:right;
	color: #727272;
	background-image: url(../images/main_thumb1.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 170px;
	line-height: 18px;
	margin-top: 15px;
}

#main-box2 {
	width:330px;
	height: 160px;
	float:right;
	color: #727272;
	background-image: url(../images/main_thumb2.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 170px;
	margin-top: 25px;
	line-height: 18px;
}

#main-box3, #main-box4, #main-box5, #main-box6, #main-box7, #main-box8, #main-box9, #main-box10, #main-box11, #main-box12, #main-box13, #main-box14, #main-box15, #main-box16 {
	width:365px;
	height: 70px;
	float:right;
	color: #727272;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 125px;
	line-height: 18px;
	margin-top: 17px;
}

#main-box17, #main-box18, #main-box19, #main-box20, #main-box21, #main-box22, #main-box23, #main-box24, #main-box25, #main-box26 {
	width:375px;
	height: 65px;
	color: #727272;
	padding-left: 10px;
	line-height: 18px;
	margin-top: 17px;
	padding-top: 5px;
}

#web-main-box1, #web-main-box2, #web-main-box3, #web-main-box4, #web-main-box5 {
	width:375px;
	height: 65px;
	color: #727272;
	padding-left: 10px;
	line-height: 18px;
	margin-top: 17px;
	padding-top: 5px;
}

#web-main-box6 {
	width:348px;
	height: auto;
	color: #727272;
	line-height: 18px;
	margin-top: 17px;
	padding-top: 5px;
	text-align:right;
}

#main-box3 {
	background-image: url(../images/repairs_thumb.jpg);
}#main-box4 {
	background-image: url(../images/virus_thumb.jpg);
}#main-box5 {
	background-image: url(../images/backup_thumb.jpg);
}#main-box6 {
	background-image: url(../images/repairs_thumb.jpg);
}#main-box7 {
	background-image: url(../images/upgrade_thumb.jpg);
}#main-box8 {
	background-image: url(../images/upgrade_thumb.jpg);
}#main-box9 {
	background-image: url(../images/wireless_thumb.jpg);
}#main-box10 {
	background-image: url(../images/training_thumb.jpg);
}#main-box11 {
	background-image: url(../images/sync_thumb.jpg);
}#main-box12 {
	background-image: url(../images/onsite_thumb.jpg);
}#main-box13 {
	background-image: url(../images/email_thumb.jpg);
}#main-box14 {
	background-image: url(../images/web_thumb.jpg);
}#main-box15 {
	background-image: url(../images/seo_thumb.jpg);
}#main-box16 {
	background-image: url(../images/data_thumb.jpg);
}


#body-sidebar-web {
	padding-top: 30px;
	background-color: #f5f5f5;
	width:395px;
	height: 490px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	float:left;
	padding-left: 100px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	color: #727272;
}

.website-thumbs {
	border:#f5f5f5 solid 2px;
}

.website-thumbs:hover {
	border:#6CC solid 2px;
}

#body-sidebar-web a{
	text-decoration: underline;
	color: #024978;
}

#body-sidebar-web a:hover{
	text-decoration: underline;
	color: #038BE7;
}

#body-sidebar-websiteside {
	padding: 25px;
	background-color:#f5f5f5;
	width:950px;
	height: 450px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	float:left;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	color: #727272;
}

#body-sidebar-websiteside a{
	text-decoration: underline;
	color: #024978;
}

#body-sidebar-websiteside a:hover{
	text-decoration: underline;
	color: #038BE7;
}

#body-sidebar {
	background-color: #e4e5e5;
	width:400px;
	height: 420px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	float:left;
	padding-right: 25px;
	padding-left: 25px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin: 0px;
}

#body-sidebar-comp, #body-sidebar-buss {
	background-color: #e4e5e5;
	width:400px;
	height: 520px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	float:left;
	padding-right: 25px;
	padding-left: 25px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

#body-sidebar-repairs {
	background-color: #e4e5e5;
	width:400px;
	height: 550px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	float:left;
	padding-right: 25px;
	padding-left: 25px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

#body-sidebar-website {
	background-color: #e4e5e5;
	width:540px;
	height: 500px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	float:left;
	padding: 25px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

#sidebar-box1 {
	width:400px;
	height: 200px;
	margin-top: 25px;
	float: left;
	font-size: 1px;
	color: #E4E5E5;
}

#sidebar-box2 {
	width:395px;
	height: 170px;
	color: #727272;
	margin-top: 20px;
	float: left;
	padding-left: 5px;
	line-height: 18px;
}

#sidebar-box3 {
	width:400px;
	height: 200px;
	color: #727272;
	margin-top: 25px;
	float: left;
}

#sidebar-box4 {
	width:400px;
	height: 200px;
	color: #727272;
	margin-top: 25px;
	float: left;
}

#sidebar-box5,#sidebar-box7 {
	width:395px;
	height: 260px;
	color: #727272;
	margin-top: 20px;
	float: left;
	padding-left: 5px;
	line-height: 18px;
}

#sidebar-box6 {
	width:400px;
	height: 200px;
	color: #727272;
	margin-top: 25px;
	float: left;
}

#sidebar-box8 {
	width: 100%;
	height: auto;
	color: #727272;
	float: left;
	text-align:center;
}

#sidebar-box9 {
	width: 100%;
	height: auto;
	color: #727272;
	margin-top: 20px;
	float: left;
	padding-left: 5px;
	line-height: 18px;
}


/* ---------------Start fxscroll--------------- */


#demo-wrapper {
	POSITION: relative;
	WIDTH: 1000px;
	HEIGHT: 200px;
	MARGIN: 0px auto;
	overflow: hidden;
}

#demo-inner {
	POSITION: relative;
	WIDTH: 5000px;
	HEIGHT: 200px;
	background-color: #000;
}

#demo-bar {
	TEXT-ALIGN: center;
	MARGIN: 0px auto;
	PADDING-LEFT: 0px;
	WIDTH: 1000px;
	PADDING-RIGHT: 0px;
	background-color: #000000;
}

.scrolling-content {
	POSITION: absolute;
	TEXT-ALIGN: left;
	background-repeat: no-repeat;
	background-position: left top;
}

.scrolling-content a {
	COLOR: #FFFFFF;
	FONT-SIZE: 14px;
	text-decoration: underline;
}

.scrolling-content a:hover {
	COLOR: #ADADAD;
	FONT-SIZE: 14px;
	text-decoration: underline;
}

#content1 {
	WIDTH: 1000px;
	HEIGHT: 200px;
	TOP: 0px;
	LEFT: 0px;
	background-image: url(../images/user1_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#content2 {
	WIDTH: 1000px;
	HEIGHT: 200px;
	TOP: 0px;
	LEFT: 1000px;
	background-image: url(../images/user2_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#content3 {
	WIDTH: 1000px;
	HEIGHT: 200px;
	TOP: 0px;
	LEFT: 2000px;
	background-image: url(../images/user3_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#content4 {
	WIDTH: 1000px;
	HEIGHT: 200px;
	TOP: 0px;
	LEFT: 3000px;
	background-image: url(../images/user4_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#content5 {
	WIDTH: 1000px;
	HEIGHT: 200px;
	TOP: 0px;
	LEFT: 4000px;
	background-image: url(../images/iphone.png);
	background-repeat: no-repeat;
	background-position: right top;
}

DIV#user1, DIV#user2, DIV#user3, DIV#user4, DIV#user5 {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 30px;
	WIDTH: 620px;
	PADDING-RIGHT: 0px;
	COLOR: #ADADAD;
	FONT-SIZE: 14px;
	PADDING-TOP: 0px;
}


UL#buttons {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
UL#buttons LI {
	LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none;
}
UL#buttons LI A:link {
	WIDTH: 200px; DISPLAY: block; HEIGHT: 60px;
}
UL#buttons LI A:visited {
	WIDTH: 200px; DISPLAY: block; HEIGHT: 60px;
}

LI#home_but1 { WIDTH: 200px; FLOAT: left; HEIGHT: 60px; background-image: url(../images/but/but1.png); background-repeat: no-repeat;}
LI#home_but1 A:hover { BACKGROUND: url(../images/but/but1_hov.png) }
LI#home_but1 A.active {	WIDTH: 200px; BACKGROUND: url(../images/but/but1_act.png) no-repeat 0% 100%; FLOAT: left; HEIGHT: 60px}

LI#home_but2 {	WIDTH: 200px; BACKGROUND: url(../images/but/but2.png) no-repeat; FLOAT: left; HEIGHT: 60px}
LI#home_but2 A:hover {	BACKGROUND: url(../images/but/but2_hov.png)}
LI#home_but2 A.active {	WIDTH: 200px; BACKGROUND: url(../images/but/but2_act.png) no-repeat 0% 100%; FLOAT: left; HEIGHT: 60px}

LI#home_but3 {	WIDTH: 200px; BACKGROUND: url(../images/but/but3.png) no-repeat; FLOAT: left; HEIGHT: 60px}
LI#home_but3 A:hover {	BACKGROUND: url(../images/but/but3_hov.png)}
LI#home_but3 A.active {	WIDTH: 200px; BACKGROUND: url(../images/but/but3_act.png) no-repeat 0% 100%; FLOAT: left; HEIGHT: 60px}

LI#home_but4 {	WIDTH: 200px; BACKGROUND: url(../images/but/but4.png) no-repeat; FLOAT: left; HEIGHT: 60px}
LI#home_but4 A:hover {	BACKGROUND: url(../images/but/but4_hov.png)}
LI#home_but4 A.active {	WIDTH: 200px; BACKGROUND: url(../images/but/but4_act.png) no-repeat 0% 100%; FLOAT: left; HEIGHT: 60px}

LI#home_but5 {	WIDTH: 200px; BACKGROUND: url(../images/but/but5.png) no-repeat; FLOAT: left; HEIGHT: 60px}
LI#home_but5 A:hover {	BACKGROUND: url(../images/but/but5_hov.png)}
LI#home_but5 A.active {	WIDTH: 200px; BACKGROUND: url(../images/but/but5_act.png) no-repeat 0% 100%; FLOAT: left; HEIGHT: 60px}

/* ---------------End fxscroll--------------- */

h3{
	line-height: 25px;
	font-size: 14px;
}

h2{
	font-size: 20px;
}

/* ---------------Start footer--------------- */

#footer {
	width:1000px;
	height:95px;
	clear:both;
	background-color: #000000;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

#footer a{
	color: #6F6F6F;
	text-transform: capitalize;
	text-decoration: none;
}

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

#footer a:active{
	color: #CCCCCC;
}

UL#footer-links {
	MARGIN: 0px;
	padding-top: 70px;
	padding-left: 20px;
	padding-bottom: 10px;
}

UL#footer-links {
	LIST-STYLE-TYPE: none;
	LIST-STYLE-IMAGE: none;
}

#brill {
	padding-top:2px;
	float: right;
	padding-right: 20px;
	font-size:10px;
}

/* ---------------End footer--------------- */

/*----------------Start menubar------------------*/

#menubar a{
	color: #F5F5F5;
	text-transform: capitalize;
	text-decoration: none;
	padding-top: 9px;
}

UL#menu LI {
	LIST-STYLE-TYPE: none; 
	LIST-STYLE-IMAGE: none; 
	FLOAT: left;
	HEIGHT: 34px;
}
	
LI#home {
	background: url(../images/but/menubar_line.png) no-repeat right;
}	
	
LI#home a{
	WIDTH: 81px;
	HEIGHT: 25px;
	text-align: center;
	display: block;
}

LI#home a:hover, #homepage LI#home a {
	background-image: url(../images/but/hm_act.png);
	color: #FFFFFF;
	background-repeat: no-repeat;
}

LI#comp {
	background: url(../images/but/menubar_line.png) no-repeat right;
}

LI#comp a{
	WIDTH: 150px;
	HEIGHT:25px;
	text-align: center;
	display: block;
	background: url(../images/but/menubar_line.png) no-repeat right;
}

LI#comp a:hover, #comppage LI#comp a { 
	background-image: url(../images/but/comp_act.png); 
	background-repeat: no-repeat;
	color: #FFFFFF;
}

LI#hmsu {
	background: url(../images/but/menubar_line.png) no-repeat right;
}

LI#hmsu a{
	WIDTH: 130px;
	HEIGHT:25px;
	text-align: center;
	display: block;
	background: url(../images/but/menubar_line.png) no-repeat right;
}

LI#hmsu a:hover, #hmsupage LI#hmsu a  { 
	background-image: url(../images/but/hmsu_act.png); 
	background-repeat: no-repeat;
	color: #FFFFFF;
}

LI#buss {
	background: url(../images/but/menubar_line.png) no-repeat right;
}

LI#buss a{
	WIDTH: 150px;
	HEIGHT: 25px;
	text-align: center;
	display: block;
	background: url(../images/but/menubar_line.png) no-repeat right;
}

LI#buss a:hover, #busspage LI#buss a { 
	background-image: url(../images/but/buss_act.png); 
	background-repeat: no-repeat;
	color: #FFFFFF;
}

LI#website {
	background: url(../images/but/menubar_line.png) no-repeat right;
}

LI#website a{
	WIDTH: 130px;
	HEIGHT: 25px;
	text-align: center;
	display: block;
	background: url(../images/but/menubar_line.png) no-repeat right;
}

LI#website a:hover, #websitepage LI#website a { 
	background-image: url(../images/but/website_act.png); 
	background-repeat: no-repeat;
	color: #FFFFFF;
}

LI#cont {
	background: url(../images/but/menubar_line.png) no-repeat right;
}

LI#cont a{
	WIDTH: 110px;
	HEIGHT: 25px;
	text-align: center;
	display: block;
	background: url(../images/but/menubar_line.png) no-repeat right;
}

LI#cont a:hover, #contpage LI#cont a {
	background-image: url(../images/but/cont_act.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
}

LI#topmenublank1 {
	
	WIDTH: 132px;
	HEIGHT: 25px;
	text-align: center;
	display: block;
	background: url(../images/but/menubar_line.png) no-repeat right;
}

LI#webmail a {
	
	WIDTH: 110px;
	HEIGHT: 25px;
	text-align: center;
	display: block;
}

LI#webmail a:hover {
	background-image: url(../images/but/cont_act.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
}

/*----------------End menubar------------------------*/

/*----------------Start contact-form ------------------------*/

#contact-form {
	width:480px;
	height: 360px;
	margin-top: 15px;
	margin-left: 10px;
}

#submit_button, #reset_button{
	line-height: 20px;
	width:58px;
}
#contact-form a {
	text-decoration: underline;
	color: #FF3300;
}
#contact-form a:hover {
	text-decoration: underline;
	color: #FF0000;
}
/*---------------- Start validation ------------------------*/

input.validation-failed {
	border: 1px solid #FF3300;
}
input.validation-passed {
	color : #000;
}
.validation-advice {
	color : #FF0000;
	font-weight: bold;
}
/*---------------- End validation ------------------------*/


/*----------------End contact_form ------------------------*/

/*---------------- Webwork page Start ------------------------*/
.borderit img{
border: 5px solid #ccc;
}

.borderit:hover img{
	border: 5px solid #038BE7;
}

.borderit:hover{
color: red; /* irrelevant definition to overcome IE bug */
}

/*---------------- Webwork page End------------------------*/