/* CSS Document */

body{
	color:				#000099;
	background: repeat-x white url('/images/pageBack.gif') ;
	font-family:	Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 			0px;

	scrollbar-base-color: #000099;
	scrollbar-arrow-color: #ffffff;
	scrollbar-3dlight-color: #6666ff;
	scrollbar-darkshadow-color: #000066;
	scrollbar-face-color: #000099;
	scrollbar-track-color: #eeeeff;
}
nav{
	text-align: left;
}
nav>ul{
	list-style: none;
	width: 100%;
	background: red;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
nav>ul>li{
	display: block;
	color: white;
	text-indent: 0;
	margin: 0;
	/* float: left; */
	height: 2.4em;
	line-height: 2.4em;
	font-size: 1.2em;
	border-width: 1px 0 1px 0;
	border-color: blue transparent black transparent;
	border-style: solid;
}
nav>ul>li.left{
	float: left;
	border-right: 2px solid black;
	margin-left: -1px;
	text-indent: 16px;
}
nav>ul>li.center{
	float: left;
	border-right: 1px solid black;
	border-left: 1px solid blue;
	text-align: center;
	margin: 0 -1px;
}
nav>ul>li.right{
	float: right;
	border-left: 1px solid blue;
	text-align: center;
	margin-right: -1px;
}
nav>ul>li.full{
	float: left;
	clear: both;
	width: 100%;
	text-indent: 16px;
}

nav>ul>li>a,
nav>ul>li>a:link,
nav>ul>li>a:visited,
nav>ul>li>a:hover,
nav>ul>li>a:active{
	height: 100%;
	background: #000099;
	padding: 0;
	color: white;
	text-decoration: none;
	display: block;
	width:100%;
}
nav>ul>li>a:hover{
	background: blue;
	color: red;
}
nav>ul>li>ul>li{
	display: none;
}

p.harmony{
	font-size:	9pt;
	font-style:italic;
}

.mobileonly{
	display:			none;
}
table.mainmenu td a:link,table.mainmenu td a:active,table.mainmenu td a:visited,table.mainmenu a:hover{
	background-color:	#000099;
	color:				white;
	display:			block;
	font-size:			0.9em;
	padding:			1px 16px 1px 16px;
	text-decoration:	none;
	outline:			0;
}
table.mainmenu td a:hover{
	background-color:	#0000FF;
	color:				red;
}
a.mainmenu:link,a.mainmenu:active,a.mainmenu:visited,a.mainmenu:hover,a.submenu:link,a.submenu:active,a.submenu:visited,a.submenu:hover{
	background-color:	#000099;
	color:				white;
	display:			block;
	font-size:			0.9em;
	padding:			4px 16px 1px;
	text-decoration:	none;
}
a.mainmenu:hover,a.submenu:hover{
	background-color:	#0000FF;
	color:				red;
}

.submenu{
/*	border-bottom:		1px solid red;*/
}

table.submenu{
/*	border-left:		1px solid red;
	border-right:		1px solid red;
	border-top:			1px solid red;*/
}

.servicessubmenu{
	visibility:			hidden;
}

h1{
	font-size:			1.4em;
	font-weight:		bold;
	font-family:		arial, verdana;
}

a:link,a:visited,a:hover,a:active, h3 a:link,h3 a:visited,h3 a:hover,h3 a:active,.more,.clickLess,.clickMore{
	text-decoration:				none;
	color:							#0033cc;
}

a:hover, h3 a:hover{
	color:							#3399FF;
}
.more,.clickLess,.clickMore{
	cursor: pointer;
}
#moreInfo,
#content{
	width: 							92%; 
	max-width: 1000px;
	margin:					0 auto;
	clear: both;
	position: relative;
}
#moreInfo{
	margin-top: 32px;
}
#footer{
	clear: both;
	margin-left: 					32px;
	margin-top: 16px;
}
#logos{
    height: 100px;
    margin: 32px auto 0;
    max-width: 1000px;
    width: 92%;
}
#BSClogo{
	float:left; 
	width: 10%;
	margin: 0;
}
#BSClogo img{
	max-width: 53px;
	width: 100%;
}
#BSCtext{
	float:right; 
	font-size: 1.8em;
	width: 90%;
	margin: 0;
}
#BSCtext img{
	max-width: 541px;
	width: 100%;
	float: right;
}
table.bullets{
	border:							none;
}
table.bullets td{
	text-align: 					left; 
	vertical-align:  				top; 
}
table.bullets td ul{
	margin: 0px;
	font-size: 16px;
}

img.sphere8{
	margin: 			4px 8px 0px 8px;
	border: none;
}
img.sphere32{
	margin: 			4px 8px 0px 8px;
	border: none;
}
img.sphere16{
	margin: 			4px 8px 0px 8px;
	border: none;
}




/* CV STUFF */

table.contact,
table.skills{
	background-color:	#000084;
}
table.contact td,
table.skills td{
	background-color:	#E0E0FF;
	border:				2px inset #000084;
	padding: 			2px 4px;
}
table.contact th,
table.skills th{
	border-bottom:		4px outset #000084;
	border-left:1px outset #000084;
	border-right:1px outset #000084;
}
table.skills th:first-child{
	border-left: none;
}
table.skills th:last-child{
	border-right: none;
}

table.skills tr{
	vertical-align:		top;
}
table.contact th,
table.skills th{
	background-color:	#000084;
	color:				white;
}

/* CONTACT FORM BEGINS */
input.send{
	width: 82px;
	background-color:	#000099;
/*
	border-left:	2px outset #44b601;
	border-right:	2px outset #FFCC00;
	border-bottom:	2px outset #FFCC00;
*/
	border-color:   #ccccff;
	color:			white;
}
	button.send{
		width: 66px;
		height: 18px;
		overflow:hidden;
		display: inline-block;
		vertical-align: middle;
		padding: 0;
		background-image:url('http://www.bagnall.co.uk/images/send.png');
		background-color:#000084;
		color: white;
		background-position: top center;
		background-repeat:no-repeat;
		border: none;
		cursor: pointer;
		text-indent: -9999px;
	}
	button:hover.send{
		background-position: bottom center;
	}


table.contact{
	background-color:	#000084;
	margin:auto;
}
table.contact td{
	padding: 0px;
	vertical-align: top;
	border: 0;
	background-color:	#000084;
}
table.contact th{
	text-align: right;
	font-size: 12px;
	vertical-align: top;
	border: 0;
	padding: 2px 8px
	/*background-color:	#000099;
	border:	1px outset;
	vertical-align:top;
	text-align:right;
	color: white;
	font-size: 0.9em;
	font-weight:normal;
	padding-left: 2px;
	padding-right: 2px;*/
}
table.contact td select,
table.contact td textarea,
table.contact td input{
	background-color:	#E0E0FF;
	font-family: arial;
	width: 300px;
}
table.contact td select{
	width: 100px;
}
table.contact td textarea{
	height: 175px;
	width:	400px;
	margin-left: 8px;
	overflow:	auto;
}
/* CONTACT FORM ENDS */

.current1{
	font-weight:		bold;
	color:				red;
}
.current2{
	font-weight:		bold;
	color:				#800000;
}
.current3{
	font-weight:		bold;
	color:				#800080;
}
.current4{
	font-weight:		bold;
	color:				#0000FF;
}
.current5{
	font-weight:		bold;
	color:				#000080;
}

span.portfolio{
	color: 				white;
	background-color:	#000099;
	/*display:            block;*/
	border:				2px outset #6666ff;
	cursor:				pointer;
	padding-left:		4px;
	padding-right:		4px;
	/*width:100px;*/
}

table.skills{
	width: 100%; 
}

.printonly{ 
	display: none;
}

/* CV STUFF ENDS */

.clearboth{
	clear: both;
}
img{
	border: none;
}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

span.statcounter{
	visibility: hidden;
}