@charset "utf-8";

@font-face {
	font-family: 'FranklinGothicMediumCondRegul';
	src: url('http://www.unibands.co.uk/fonts/framdcn-webfont.eot');
	src: local('@'), 
		url('http://www.unibands.co.uk/fonts/framdcn-webfont.woff') format('woff'), 
		url('http://www.unibands.co.uk/fonts/framdcn-webfont.ttf') format('truetype'), 
		url('http://www.unibands.co.uk/fonts/framdcn-webfont.svg#webfontJPgo1s4M') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FranklinGothicDemiCondRegular';
	src: url('http://www.unibands.co.uk/fonts/fradmcn-webfont.eot');
	src: local('@'), 
		url('http://www.unibands.co.uk/fonts/fradmcn-webfont.woff') format('woff'), 
		url('http://www.unibands.co.uk/fonts/fradmcn-webfont.ttf') format('truetype'), 
		url('http://www.unibands.co.uk/fonts/fradmcn-webfont.svg#webfontpPMK6ZSV') format('svg');
	font-weight: normal;
	font-style: normal;
}


* { margin: 0; padding: 0; line-height: normal; outline: 0; }
html {}
body { clear: both; background: #1C1A1B; font-size: 62.5%; font-family: "FranklinGothicMediumCondRegul", rockwell, arial, sans-serif; width: 100%; height: 100%; }
h1,h2,h3,h4,h5,h6 { color: #fff; font-weight: normal; text-transform: uppercase; }
h1 { font-size: 5.0em; letter-spacing: -1px; }
h2 { font-size: 3.5em; letter-spacing: -1px; }
h3 { font-size: 2.5em; letter-spacing: -1px; }
h4 { font-size: 1.8em; letter-spacing: 0px; }
h5 { font-size: 1.6em; letter-spacing: 0px; }
h6 { font-size: 1.4em; letter-spacing: 0px; }
p { color: #878184; font-size: 1.6em; margin: 15px 0; padding: 0; text-shadow: #000 0px -1px 0px; -moz-text-shadow: #000 0px -1px 0px; -webkit-text-shadow: #000 0px -1px 0px;}
a { color: #41ADD6; }
a:hover { color: #fff; }
a img { border: 0; }
fieldset { border: 0; }
legend { display: none; }
label { display: block; color: #878184; font-size: 1.6em; margin: 0; padding: 0 0 3px 0; }
input, textarea, option, select { font-family: "FranklinGothicMediumCondRegul", rockwell, arial, sans-serif; font-size: 14px!important; }
option { margin: 0; padding:  0 0 0 10px; }

.yellow { color: #FDF320; font-family: "FranklinGothicDemiCondRegular", rockwell, arial, sans-serif; }

.submitForm { text-indent: -9999em; cursor: pointer; background: transparent url("http://www.unibands.co.uk/graphics/sprite.png") -1px -173px no-repeat; border: 0; width: 120px; height: 37px; margin: 10px 0 0 0; padding: 0; }
.txt { width: 230px; border: 3px solid #161415; margin: 0; padding: 3px 5px; background: #fff url("http://www.unibands.co.uk/graphics/formFade.jpg") 0px 1px repeat-x;}
.select { width: 245px; border: 3px solid #161415; margin: 0; padding: 3px 5px; background: #fff url("http://www.unibands.co.uk/graphics/formFade.jpg") 0px 1px repeat-x;}
.area { width: 230px; height: 100px; border: 3px solid #161415; margin: 0; padding: 3px 5px; background: #fff url("http://www.unibands.co.uk/graphics/formFade.jpg") 0px 1px repeat-x;}
.formEle { margin: 0 0 5px 0; padding: 0; }

.clear { float: left; clear: both; margin: 0; padding: 0; width: 100%; height: 0; overflow: hidden; }

ul, ol { margin: 0; padding: 0; }
ul li, ol li { margin: 0 0 20px 0; padding: 0 0 0 30px; list-style: none; background: transparent url("http://www.unibands.co.uk/graphics/bullet.gif") 10px 7px no-repeat;  }
ul li p, ol li p { margin: 0; padding: 0; }

strong { color: #fff; font-weight: normal; } 
em { font-style: italic; }
small { font-size: 14px!important; }

#messages { float: left; clear: both; margin: 0; padding: 0 0 55px 0; background: transparent; }
#messages p { width: 820px; margin: 0; padding: 0;    }
#messages p strong { display: block; padding: 0 0 10px 25px; margin: 0;  }
#messages .error { background: transparent url("http://www.unibands.co.uk/graphics/error.png") 0 2px no-repeat; }
#messages .info { background: transparent url("http://www.unibands.co.uk/graphics/info.png") 0 2px no-repeat; }
#messages .ok { background: transparent url("http://www.unibands.co.uk/graphics/ok.png") 0 2px no-repeat; }

label.error {  display: block; padding: 4px 0 1px 25px; color: #fff; margin: 5px 0 15px 0; font-size: 1.1em!important; background: transparent url("http://www.unibands.co.uk/graphics/error.png") 0 2px no-repeat; }

#titleRecent { float: left; clear: both; text-indent: -9999em; width: 205px; height: 19px; margin: 0 0 30px 35px; padding: 0; background: transparent url("http://www.unibands.co.uk/graphics/sprite.png") 0 -63px no-repeat; }
#titleContact { float: none; clear: both; text-indent: -9999em; width: 205px; height: 19px; margin: 0 0 30px 0px; padding: 0; background: transparent url("http://www.unibands.co.uk/graphics/sprite.png") 0 -90px no-repeat; }
#titleEmployment { float: none; clear: both; text-indent: -9999em; width: 205px; height: 19px; margin: 0 0 30px 0px; padding: 0; background: transparent url("http://www.unibands.co.uk/graphics/sprite.png") 0 -117px no-repeat; }
#titleSkills { float: none; clear: both; text-indent: -9999em; width: 205px; height: 19px; margin: 0 0 30px 0px; padding: 0; background: transparent url("http://www.unibands.co.uk/graphics/sprite.png") 0 -144px no-repeat; }

#surround { clear: both; border: 10px solid #2b2829; width: auto; height: auto; overflow: hidden; margin: 0; padding: 0 0 50px 0; }

#container { width: 890px; margin: 0 auto; padding: 0; }

#header { float: left; clear: both; width: 820px; margin: 0; padding: 75px 35px 35px 35px; }
#header h1 { float: left; clear: both; text-indent: -9999em; width: 530px; height: 56px; margin: 0 0 50px 0; padding: 0; background: transparent url("http://www.unibands.co.uk/graphics/sprite.png") 0 0 no-repeat; }
#header .left { float: left; clear: none; width: 540px; }
#header .right { position: relative; float: left; clear: none; width: 280px; }
#header .right img { position: absolute; top: 0px; right: -30px; }

#portfolio { position: relative; float: left; clear: both; width: 890px; margin: 0; padding: 0; }

#btnPrev { cursor: pointer; position: absolute; top: 100px; left: 0; float: left; clear: none; text-indent: -9999em; width: 35px; height: 70px; margin: 0; padding: 0; background: transparent url("http://www.unibands.co.uk/graphics/sprite.png") -765px -270px no-repeat; }
#btnNext{ cursor: pointer; position: absolute; top: 100px; right: 0; float: left; clear: none; text-indent: -9999em; width: 35px; height: 70px; margin: 0; padding: 0; background: transparent url("http://www.unibands.co.uk/graphics/sprite.png") 0 -270px no-repeat; }

#slide { float: left; clear: none; width: 810px; height: 160px; overflow: hidden; margin: 0 0 0 35px; padding: 10px 0 0 10px; background: #161415; }
#slide ul { float: left; clear: both; width: 810px; margin: 0; padding: 0; background: transparent; }
#slide ul li { float: left; width: 260px; height: 150px; margin: 0 10px 10px 0; padding: 0; background: #2B2829; list-style: none; overflow: hidden; }
#slide ul li a { display: block; float: left; width: 250px; height: 140px; margin: 0; padding: 0; background: transparent; overflow: hidden; border: 5px solid #2B2829; }
#slide ul li a:hover { border: 5px solid #fff; }

#columns { float: left; clear: both; width: 820px; margin: 0; padding: 50px 35px 30px 35px; }
.col { float: left; clear: none; width: 248px; margin: 0; padding: 0 25px 0 0 ; }
.col li { }

#footer { position: relative; float: left; clear: both; width: 790px; margin: 0 35px 0 35px; padding: 10px 15px; background: #161415;  }
#footer img { float: left; padding: 0 20px 0 0; }
#footer h4 { margin: 0; padding: 10px 0; }
#footer p { width: 560px; margin: 0; padding: 0; font-size: 1.4em!important; }

#updateButton { position: absolute; top: 52px; right: 30px; width: 191px!important; height: 37px; margin: 0; padding: 0; background: transparent url("http://www.unibands.co.uk/graphics/sprite.png") -1px -221px no-repeat; }
#updateButton a { display: block; text-indent: -9999em; width: 191px!important; height: 37px; margin: 0; padding: 0; background: transparent; }

#powered { float: right; clear: both; margin: 0; padding: 25px 35px 0 0; width: 110px; height: 62px; }
#powered a { display: block; text-indent: -9999em; margin: 0; padding: 0; width: 110px; height: 62px;background: transparent url("http://www.unibands.co.uk/graphics/railo.jpg") -110px 0 no-repeat;  }
#powered a:hover { background: transparent url("http://www.unibands.co.uk/graphics/railo.jpg") 0 0 no-repeat;  }

.tooltip { display: none; background: transparent url("http://www.unibands.co.uk/graphics/bubble.png") 0 0 no-repeat; width: 180px; height: 128px; padding: 32px 30px 0 30px; margin: 0; color:#000; font-size: 12px; text-shadow: #FFFFC1 0px 1px 0px; -moz-text-shadow: #FFFFC1 0px 1px 0px; -webkit-text-shadow: #FFFFC1 0px 1px 0px; line-height: 1.3em; }