@charset "utf-8";
@font-face {
  font-family: 'MyriadWebPro';
  src: url('MyriadWebPro.eot'); /* IE */  
  src: local("MyriadWebPro"), url('MyriadWebPro.ttf'), format("truetype"); /* non-IE */
 }
.hcellnav {
	background-color: #FFFFFF;
}
.hcellhdr {
	background-color: #0F4C7C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	text-align: left;
}
.hcellbdy {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: left;
}
.blue-ver-12 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}
.rob-12-grey {
	font-family: Roboto;
	font-size: 12px;
	line-height: 22px;
	font-weight: 300;
	color: #656565;
	text-decoration: none;
}
.rob-16-blue {
	font-family: Roboto;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	color: #0C3364;
	text-decoration: none;
	font-weight: 300;
}
.rob-17-white {
	font-family: Roboto;
	font-size: 17px;
	line-height: 32px;
	font-weight: 300;
	color: #FFF;
}
.thin-header {
	font-family: Roboto;
	font-size: 18px;
	line-height: 28px;
	font-weight: 300;
	color: #6f6f6f;
}
.thin-header-blue {
	font-family: Roboto;
	font-size: 18px;
	line-height: 28px;
	font-weight: 300;
	color: #448CCB;
}

.rob-18-grey {
	font-family: Roboto;
	font-size: 18px;
	line-height: 25px;
	font-weight: 300;
	color: #888;
	text-decoration: none;
}
.rob-30-blue {
	font-family: 'Roboto', 'sans-serif';
	;
	font-size: 30px;
	line-height: 42px;
	font-weight: 300;
	color: #0C3364;
}
.line-light {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.line-light-side {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}

.rob-6-white {
	font-family: Roboto;
	font-size: 60px;
	line-height: 69px;
	font-weight: 900;
	color: #FFF;
}
.rob-16-grey2 {
	font-family: Roboto;
	font-size: 16px;
	line-height: 30px;
	font-weight: 300;
	color: #717171;
}
.rob-18-grey {
	font-family: Roboto;
	font-size: 18px;
	line-height: 20px;
	font-weight: 900;
	color: #262626;
}
.rob-30-black {
	font-family: Roboto;
	font-size: 30px;
	line-height: 42px;
	font-weight: 300;
	color: #000;
}


.hcellbdy1 {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #013B6B;
	text-align: left;
}
.bottom-blue-line {
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #0C3364;
}
.rob-300-blue {
	font-family: Roboto;
	font-size: 36px;
	font-weight: 300;
	color: #0C3364;
}


.hcellftr {
	background-color: #357EA9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	vertical-align: middle;
}
.rob-white-header {
	font-family: Roboto;
	font-size: 18px;
	font-weight: 400;
	color: #FFF;
}
.rob-white-head {
	font-family: "Roboto light";
	font-size: 27px;
	font-weight: 300;
	color: #FFF;
	line-height: 37px;
}

.rob-12-white {
	font-family: Roboto;
	font-size: 12px;
	font-weight: 400;
	color: #FFF;
	line-height: 25px;
}

.rob-25 {
	font-family: Roboto;
	font-size: 22px;
	font-weight: 700;
	color: #013B6B;
}
.rob-25-light {
	font-family: Roboto;
	font-size: 22px;
	font-weight: 300;
	color: #013B6B;
}


.hcellbdybright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	background-color: #FFFFFF;
	vertical-align: middle;
}
.hcellbdypad {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
}
.hcellbdyform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006600;
	background-color: #99FFCC;
	padding: 5px;
	border: medium dashed #006600;
	text-align: left;
	margin: 5px;
}
.hcellbdytest1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFCC;
	vertical-align: top;
	padding: 5px;
	text-align: left;
}
.hcellbdytest2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #CCCCCC;
	vertical-align: top;
	padding: 5px;
	text-align: center;
}
.smallblack {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
}
.whitemain {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}
.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-decoration: none;
}
.verysmall {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	text-decoration: none;
}
.greyunderline {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #999;
}
.bluelinks {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #357EA9;
	text-decoration: underline;
}
.headerback {
	background-image: url(images/cctv-installer3maidenhead.png);
	background-repeat: no-repeat;
}
.smallwhite {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
}
.blue-sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #357EA9;
}
.smallwhite {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
}
.tablebckgrd {
	text-decoration: none;
	background-image: url(images/cctv_maidenhead/security-grilles_reading.png);
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.tablebckgrdgrey {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #F20000;
	text-decoration: none;
	background-image: url(images/cctv_maidenhead/security-grill_installers1reading.png);
	background-repeat: no-repeat;
}
.footer-back {
	background-image: url(images/security_installers-maidenhead.png);
	background-repeat: repeat-x;
}
.nav {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 15px;
	color: #FFF;
	text-decoration: none;
}
.blue {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 15px;
	color: #52A9D6;
	text-decoration: none;
}
.maintext {
	font-family: Roboto;
	font-size: 14px;
	color: #0C3364;
}

.special-back {
	background-image: url(images/cctv_installers-reading.png);
	background-repeat: repeat-x;
}
.nav-fade {
	background-image: url(images/reading-cctv_installers.jpg);
	background-repeat: no-repeat;
}
.blue-sub2 {
	font-family: 'Roboto', sans-serif;
	;
	font-size: 30px;
	color: #0C3364;
	text-decoration: none;
	font-weight: 300;
}
.white-sub {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
}

.white-nav {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
}
.link-back {
	background-image: url(images/security-installer_bracknell.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.nav-fade {
	background-image: url(images/reading-cctv_installers.jpg);
	background-repeat: no-repeat;
}
.blue-fade {
	background-image: url(images/security-installer_reading/security-installers_reading.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
}
.box-border {
	border: 1px solid #666;
}
.news-box {
	background-image: url(images/security-alarms_maidenhead.jpg);
	background-repeat: no-repeat;
}

.grey-fade {
	background-image: url(images/security-installers_maidenhead.jpg);
	background-repeat: no-repeat;
}
.main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
}
.dark-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #093D76;
}
.pdf-image {
	background-image: url(images/security-installer_slough.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.box-top {
	background-image: url(images/slough-security_installers/slough-security_company.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.box-middle {
	background-image: url(images/slough-security_installers/reading-security_installers.png);
	background-repeat: repeat-y;
	background-position: center top;
}
.box-bottom {
	background-image: url(images/slough-security_installers/security-installers_reading.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.box2-top {
	background-image: url(images/slough-security_installers/security-company_reading.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.box2-middle {
	background-image: url(images/slough-security_installers/security-company_slough.png);
	background-repeat: repeat-y;
	background-position: center top;
}
.box2-bottom {
	background-image: url(images/slough-security_installers/slough-security_company.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#xmas {
	position: absolute;
	width: 340px;
	height: 100px;
	top: 364px;
	left:50%;
	margin-left: -500px;
	z-index: 120000;
	visibility: visible;
}
.contact-xmas {
	background-image: url(images/opening_hours.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.myriad-22-white {
	font-family: "Myriad Pro", myriadwebpro, Arial;
	font-size: 22px;
	color: #FFF;
	text-decoration: none;
}
.myriad-black {
	font-family: "Myriad Pro", myriadwebpro, Arial;
	font-size: 20px;
	font-weight: bolder;
	color: #000;
}
.myriad-16-white {
	font-family: "Myriad Pro", myriadwebpro, Arial;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
}
.arial-black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000;
}
.sop {
	filter: alpha(opacity=100);
	opacity: 1;
}
.sop:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
}
.shadow {
	-moz-box-shadow: 1px 1px 4px 0px #585858; 
	-webkit-box-shadow: 1px 1px 4px 0px #585858; 
	box-shadow: 1px 1px 4px 0px #585858; 
	/* Alas, box-shadow is not fully supported by IE < 9 */
	
}
.greyline-bottom {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.back-header {
}
.background-head-repeat {
	background-image: url(images/security-companies1.png);
	background-repeat: repeat-x;
}
.box-white {
	border: medium solid #FFF;
}
.main-white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}
.background-stripe {
	background-image: url(images/security_case_studies/cctv/cox-green_maidenhead/cctv_installers-maidenhead.png);
	background-repeat: no-repeat;
}
.casestudy-background1 {
	background-image: url(images/security_case_studies/cctv/cox-green_maidenhead/cctv-installers_slough.jpg);
	background-repeat: no-repeat;
}
.casestudy-background2 {
	background-image: url(images/security_case_studies/alarms/domestic-alarm/intruder-alarms_slough.jpg);
	background-repeat: no-repeat;
}
.casestudy-background3 {
	background-image: url(images/security_case_studies/access-control/access-control-marlow/access-control-marlow.jpg);
	background-repeat: no-repeat;
}
.casestudy-background4 {
	background-image: url(images/security_case_studies/access-control/electric-gates-maidenhead/electric-gates_maidenhead.jpg);
	background-repeat: no-repeat;
}
.casestudy-background5 {
	background-image: url(images/security_case_studies/cctv/cctv-bracknell/cctv-bracknell.jpg);
	background-repeat: no-repeat;
}
.casestudy-background6 {
	background-image: url(images/security_case_studies/cctv/cctv-marlow/cctv_marlow.jpg);
	background-repeat: no-repeat;
}
.casestudy-background7 {
	background-image: url(images/security_case_studies/cctv/cctv-windsor/cctv-windsor.jpg);
	background-repeat: no-repeat;
}
#topnav div.drop {
	position: relative;	
	width: 100%;
	height: 100%;
	line-height: 40px;
	display: block;
}
#topnav div.drop div {
	display: none;
	position: absolute;
	top: 40px;
	width: 400px;
	line-height: normal;
	height: auto;
	min-height: 15px;
	padding: 0px;
	z-index: 10000000000;
}
#topnav div.drop:hover > div {
	display: block;
}
a.top-link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 40px;
	width: 100%;
	line-height:40px;
	font-weight: normal;
}
a.top-link:hover {
	background-color: #80C6FE;
	color: #FFF;
}
CSS3 Box Shadow code:

.shadow {
	-moz-box-shadow: 0px 0px 13px 1px #808080; 
	-webkit-box-shadow: 0px 0px 13px 1px #808080; 
	box-shadow: 0px 0px 13px 1px #808080; 
	/* Alas, box-shadow is not fully supported by IE < 9 */
}
.shadow2 {
	-moz-box-shadow: 0px 0px 9px 1px #c0c0c0; 
	-webkit-box-shadow: 0px 0px 9px 1px #c0c0c0; 
	box-shadow: 0px 0px 9px 1px #c0c0c0; 
	/* Alas, box-shadow is not fully supported by IE < 9 */
}
.rounded {
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
}
.handlee-36-white {
	font-family: 'Handlee', cursive;
	font-size: 36px;
	color: #FFF;
	line-height: 38px;
	text-decoration: none;
}
.handlee-18-white {
	font-family: 'Handlee', cursive;
	font-size: 18px;
	color: #FFF;
	line-height: 38px;
	text-decoration: none;
}
.handlee-14-white {
	font-family: 'Handlee', cursive;
	font-size: 14px;
	color: #FFF;
	line-height: 20px;
	text-decoration: none;
}
.arial-12-white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}
.carkey-form {
	background-image: url(images/car-locksmith_windsor/car-locksmith_reading.png);
	background-repeat: no-repeat;
	background-position: right bottom;	
}