/*--------------------------------------
 - V1 200309
 - Author 	:	Paul Flynn
 - Visit	:	http://theliftagency.com
 - Client	:	Triton
----------------------------------------
 - grey		:	 #a4a5a9;
 - burgundy	: 	 #942924;

/*---------------------------------------
RESET: Meyer v1.0 | 20080212
---------------------------------------*/
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,b, u, i, center,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-size: 100%; vertical-align: baseline; background: transparent;}
body { line-height: 1;}
ol, ul { list-style: none; margin: 0;
padding: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {	border-collapse: collapse;border-spacing: 0;}

/*---------------------------------------
DEEFOLT STYLES
---------------------------------------*/

html { background : #282828; }

body { font: 11px/1.5 Verdana, Helvetica, Arial, sans-serif;
color : #3e3e3e;
background : #F2F1E9;
text-align: justify;
}

/* =headers */
h1, h2, h3, h4, h5 {
color : #942924;
}

h1 { font-size: 1.5em; line-height: 1.5; margin-bottom: 0.5em; }
h2 { font-size: 1.40em; margin-bottom: .60em; }
h3 { font-size: 1.40em; line-height: 1.4; margin-bottom: .50em; }
h4 { font-size: 1.35em; line-height: 1.2; margin-bottom: .40em; }
h5 { font-size: 1.25em; font-weight: bold; }
p { line-height : 15px; margin : 0 0 5px 0; }

/* =a  */
a, a:visited {
color :#333333;
text-decoration :  underline;
}

a:hover, a:active, a:focus  { color :#a4a5a9; text-decoration : none;}

/* =img  */
img { margin : 0; padding : 0; }
.frame {
	background: #F2F1E9;
	border: 1px solid #ADADAD;
	margin: 0px 5px 0px 0px;
}

/* =classes  */
.burgundy { color :  #942924; }


/* =forms  */
form {
border:1px solid #a4a5a9;
padding:20px;
margin:50px 0 0;
width:490px;
}

form div { margin:0 0 0 185px }
fieldset { color : #464646; }
label, label span { display : block; padding-bottom : .4em;}
label { float : left; width : 100%;}
label span { float:left; width:40%; text-align:right; padding:9px; display:inline; }
textarea { height : 75px;}
fieldset input, textarea { width : 50%; float:left; padding : 5px; color: #1f1f1f; display : inline;}
fieldset input:hover { border-color: #eaeaea ;}
fieldset { margin-bottom : 6px; padding : 0px; overflow : hidden;}
/*form div { width : 600px; text-align : left; padding : 200px;}*/
form.cmxform label.error, label.error { font-size : 14px; color: red;font-style: italic ;}
/*#text-area { float : left; width : 50%;}*/

table {margin-bottom:1.4em;width:500px;}
th, td, caption {padding:8px 2px 8px 2px;}
caption {background : #ae3838; color : white;}
td { width:225px; float:left; padding: 20px 0; display:inline; }


/*---------------------------------------
BODY
---------------------------------------*/

/* =wrapper */
.container { width : 820px; margin : 0 auto; }

/* =header */
#header { width : 100%; height : 156px; background : url(../imgs/body/head-bkgrd-tile.jpg); margin : 0; }
#header .container { background : url(../imgs/body/head-bkgrd.jpg) no-repeat; position : relative; } 
#header h1 { width : 215px; height : 56px; background : url(../imgs/body/triton-logo.png) no-repeat; text-indent : -9999px; position : absolute; top : 50px; left : 25px; }
.details { width : 300px; padding : 45px 0 20px 475px;  }
.details p { font-size : 16px; font-weight : bold; color : #942924; letter-spacing : -1px; margin : 0; padding : 0; }
.details h2 { font-size : 20px; color : #333; line-height : 18px; margin : 10px 0; letter-spacing : -1px; }
.details #globalnav {display : block; padding : 0 50px 0 0; }
.details #globalnav li { float : left; width : 50px; margin : 0 -3px; padding : 0; text-align : center; display : inline; }
.details label { margin : 0 10px 0 60px; }

/* =masterhead */
#masterhead { width : 100%; position : relative; z-index : 5px; color : #fff; }
#masterhead .container { height : 110px; margin-top : -30px; background : url(../imgs/body/master-head-bkgrd.jpg) no-repeat; } 
#masterhead img, #masterhead h2, #masterhead h3 ,#masterhead p {float : left; display : inline;}
#masterhead img { margin : 0 6px 0 0; }

#masterhead h3 { width : 55%; font-size : 17px;  text-transform : uppercase; font-weight : bold;  margin : 0; padding : 0; }
#masterhead a { display : block; color : #fff;  text-decoration : none; line-height: 10px  }
#masterhead h3 a span { font-size: 9px !important; !important;  color: #cccccc; text-transform: none; }
#masterhead a:hover { text-decoration : none; color : #942924; }

.panel-last { width : 250px; padding : 10px 0 0 20px; float : left; }
.panel { width : 250px; padding : 10px 5px 0 20px; float : left; }

/* =body */
#content .container { padding :7px 0; background : url(../imgs/body/body-bkgrd.jpg) repeat-y; } 
/* =nav */
#nav-top { width : 240px; height : 25px; margin : 0 0 0 15px; padding : 0; background : url(../imgs/body/nav-top.png) no-repeat; }
#nav { width : 240px; height : 90%; float : left; display : inline; margin : 0 0 0 15px; padding : 0;  }
#nav-bottom { width : 240px; min-height : 25px; margin : 0; padding : 0 0 10px 0; float : left; display : inline; background : url(../imgs/body/nav-bottom.png) no-repeat;}
#nav .accordion { list-style-type: decimal; padding: 0; margin: -5px 0 0; overflow : hidden; background : url(../imgs/body/nav-mid.png) repeat-y; }
#nav .accordion ul { padding: 0; margin: 0; float: left; display : inline; display: block; width: 100%; }
#nav .accordion li { list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%;  }
#nav .accordion a { text-align: left; text-decoration: none; font-size: 1.2em; color: #222; padding: 0 15px; display: block; border-bottom: 1px solid #e0e0e0; font-weight : bold; }
#nav .accordion a:hover { color : #bdbec1; background : #942924; }	
#nav .accordion .subnav { font-size :9px; margin : 0  0 5px 0; text-align: left; margin: 0;
padding: 0;}
#nav .accordion .subnav li { padding :0 0 0px 10px; text-transform : none; text-align: left; margin: 0;
padding: 0;  }
#nav .accordion .subnav a { color : #942924; text-align: left;}
#nav .accordion .subnav a:hover { color : #fff; text-align: left; }

.accordion li.active>a { background: #e0e0e0; text-align: left; }
.accordion li div { padding: 0 0 0 25px; display: block; clear: both; float: left; width: 280px; margin : 0; text-align: left; }
#nav .accordion li ul li { font-size: 0.9em; margin : 0 0 0 15px;  background : #bdbec1; }

 /*=primary*/ 
#primary-content { width : 530px; padding : 0  15px 0 15px; margin : -25px 0 0 0; float : right; }
#primary-content h2 { margin-bottom : 5px; line-height : 12px; }
#primary-content p, #primary-content ul {
	font-size: 12px;
	margin: 0 10px 20px 0px;
	line-height: 16px;
}
#primary-content img { margin : 0 0 20px 0; }
#primary-content ul { list-style-type : disc; }
#primary-content li { padding : 0 0 0 5px; margin : 0 0 0 40px; color : #942924; width : 450px; }

/* =footer-promotion */
#footer-promotion { width : 820px; margin : 0 auto; background : url(../imgs/body/body-bkgrd.jpg) repeat; } 
#footer-promotion .container { width : 808px; height : 111px; margin : 0 6px; background : url(../imgs/body/footer-promo.gif) repeat;  }
#footer-promotion ul { width : 810px; padding : 15px 10px 0 10px; }
#footer-promotion ul a { display : block; text-indent : -9999px; overflow : hidden; }
#footer-promotion ul li { float : left; margin : 0 2px;  }
li#fp-buiness a { width : 194px; height : 85px;  background : url(../imgs/home/foot-clients.jpg) no-repeat;}
li#fp-security a { width : 194px; height : 85px; background : url(../imgs/home/foot-security.jpg) no-repeat;}
li#fp-news a { width : 194px; height : 85px; background : url(../imgs/home/foot-news.jpg) no-repeat;}
li#fp-brochure a { width : 194px; height : 85px; background : url(../imgs/home/foot-brochure.jpg) no-repeat;}
#footer-promotion ul li a:hover { opacity : 0.6; }

/* =footer */
#footer { width : 100%; background : #282828 /* url(../siteimages/body/footer-bkgrd.jpg) no-repeat 0 0 */; } 
#footer .container { height : 200px; background : url(../imgs/body/footer-bkgrd.jpg) no-repeat; position : relative; } 
/* =footer-siteinfo */
#sitelinks { padding : 10px 0 0 5px; width:360px; float : left; }
#sitelinks li, #sitelinks a { display : block; text-indent : -9999px; overflow : hidden; }

#sitelinks li  { float : left; margin : 0 5px; padding : 1px; }
#sitelinks li#isoqr { width : 56px; height : 70px;  background : url(../imgs/body/sponsors2.gif) no-repeat;}
#sitelinks li#ukas { width : 60px; height : 70px; background : url(../imgs/body/sponsors2.gif) no-repeat -103px 0;}
#sitelinks li#sia a { width : 60px; height : 70px; background : url(../imgs/body/sponsors2.gif) no-repeat -202px 0;}
#sitelinks li#leeds-chamber a { width : 166px; height : 70px; background : url(../imgs/body/sponsors2.gif) no-repeat -306px 0;}
#sitelinks li#chas a { width : 70px; height : 70px; background : url(../imgs/body/sponsors2.gif) no-repeat -540px 0;}
#sitelinks li#other a { width : 50px; height : 70px; background : url(../imgs/body/sponsors2.gif) no-repeat -678px 0;}
#sitelinks li a:hover { opacity : 0.6; }

#siteinfo { float:right; width:430px; text-align:left; font-size:9px; color:#666; padding:15px 15px 10px 5px; display:inline; }
#siteinfo p { margin:0; }



#sidelinks { padding : 10px 18px; width:200px; float:left; }
#sidelinks li, #sitelinks a { display : block; text-indent : -9999px; overflow : hidden; }

#sidelinks li  { float:left; margin:0 5px; padding:1px; }
#sidelinks li#isoqrs { width:55px; height:70px;  background:url(../imgs/accreditations/accreditations.gif) no-repeat -8px 0;}
#sidelinks li#ukass { width:50px; height:70px; background:url(../imgs/accreditations/accreditations.gif) no-repeat -78px 0;}
#sidelinks li#sias { width:50px; height:70px; background:url(../imgs/accreditations/accreditations.gif) no-repeat -142px 0;}
#sidelinks li#chass { margin:13px 0 0 5px;  width:90px; height:70px; background:url(../imgs/accreditations/accreditations.gif) no-repeat -20px -82px;}
#sidelinks li#safes { margin:10px 0 0 15px; width:70px; height:70px; background:url(../imgs/accreditations/accreditations.gif) no-repeat -120px -82px;}
#sidelinks li a:hover { opacity : 0.6; }




/*---------------------------------------
BUSINESS PAGES
---------------------------------------*/

/* =business */
#business #primary-content { padding :  0px 20px 50px 15px; position :  relative; }
#business #primary-content .smallprint { font-size : 9px; }
#business #primary-content .news h4 { width : 300px; display : inline; margin : 0; padding : 0; }
#business #primary-content img { margin:0 0 20px 0; padding:0; }

#business #primary-content h3 { color: #fff; font-size: 18px; }
#head-access { background: url(../imgs/business/head-access.jpg) no-repeat; }
#head-key { background: url(../imgs/business/head-access.jpg) no-repeat;  }
#head-reception { background: url(../imgs/business/head-front.jpg) no-repeat;  }
#head-gates { background: url(../imgs/business/head-fence.jpg) no-repeat;  }
#head-facilities { background: url(../imgs/public-security/fm_header.jpg) no-repeat;  }
#head-cctv { background: url(../imgs/business/head-camera.jpg) no-repeat;  }
#head-alarm { background: url(../imgs/business/head-alarm.jpg) no-repeat;  }
#head-retail { background: url(../imgs/business/head-retail.jpg) no-repeat;  }
#head-pi { background: url(../imgs/business/head-pi.jpg) no-repeat;  }
#head-construction { background: url(../imgs/business/head-construction.jpg) no-repeat; }
#head-clean { background: url(../imgs/business/head-clean.jpg) no-repeat; }
#head-clean, #head-construction, #head-pi, #head-retail, #head-alarm, #head-cctv, #head-gates, #head-facilities, #head-reception, #head-access, #head-key {
width: 530px;
height: 85px;
margin: 0 0 20px 0;
position: relative; }
#head-clean h3,#head-construction h3, #head-pi h3, #head-retail h3, #head-alarm h3, #head-cctv h3, #head-gates h3,#head-facilities h3, #head-reception h3, #head-access h3, #head-key h3 { position: absolute; bottom: 0; left: 5px; }


#business #primary-content ul li { margin: 0; list-style: none; font-weight: bold;  }

#business #primary-content h4 {
	background: #000;
	margin: 20px 0px 10px 0;
	padding: 5px;
	color: #fff;
	width: 525px;
}


/* =team */
.team img {
	float: left;
	margin: 60px 5px 15px 15px !important;
}

.profile .frame { float : right; } 

#primary-content .profile p {

font-size: 11px;
margin-left: 5px;

}

.profile {
	width: 535px;
	background: #f3f3f3;
	padding: 10px 0px 10px;
	margin: 0 0 20px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	font-size: 10px;
}

.profile span {	font-style:italic; font-size:11px; }



/* =clients */
.clients li { list-style:none; list-style-type:none; line-height:20px; color:#3e3e3e!important;}

/* =testimonial */
.testimonial {
	width: 505px;
	background: #f3f3f3;
	padding: 10px 15px 10px;
	margin: 0 0 20px 0px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	font-size: 10px;
}
.testimonial h5 { font-size:14px; margin-bottom:15px }
#primary-content .testimonial p { font-size: 11px; line-height : 15px; }


/*---------------------------------------
HOME PAGES
---------------------------------------*/
#home-security #primary-content { padding :  10px 20px 50px 15px; position :  relative; }
#home-security #header { width : 100%; height : 156px; background : url(../imgs/body/home-head-bkgrd-tile.jpg); margin : 0; }
#home-security #header .container { background : url(../imgs/body/home-head-bkgrd.jpg) no-repeat; position : relative; } 
#home-security #masterhead .container { height : 110px; margin-top : -30px; background : url(../imgs/body/home-master-head-bkgrd.jpg) no-repeat; } 
#home-security #footer .container { height : 153px; background : url(../imgs/body/home-footer-bkgrd.jpg) no-repeat; position : relative; } 
#home-security #footer { background : #4C413F; }

#home-security blockquote {	position:absolute; top:780px; left:-250px;	width:220px; text-align:right; }
#home-security blockquote#q-intruder { position:absolute; top:570px; left:-250px; width:220px; text-align:right; }
#home-security blockquote#q-home { position:absolute; top:565px; left:-235px; width:220px; text-align:right;}


#home-security blockquote span {font-size:11px; font-weight:normal; font-style:normal; }
blockquote { font-style:italic; }
blockquote p { quotes:"\201C" "\201D"; color:maroon; font: italic 14px/18px Georgia, "Times New Roman", Times, serif !important; }
blockquote p:first-child:before { content:open-quote; margin-left:-.5em; font-weight:bold; }
blockquote p:last-child:after { content:close-quote; font-weight:bold; }



/*---------------------------------------
PUBLIC PAGES
---------------------------------------*/

#public-security #header { width : 100%; height : 156px; background : url(../imgs/body/public-head-bkgrd-tile.jpg); margin : 0; }
#public-security #primary-content h3 { color: #fff; font-size: 18px; }
#public-security #header .container { background : url(../imgs/body/public-head-bkgrd.jpg) no-repeat; position : relative; } 
#public-security #masterhead .container { height : 110px; margin-top : -30px; background : url(../imgs/body/public-master-head-bkgrd.jpg) no-repeat; } 
#public-security #footer .container { height : 153px; background : url(../imgs/body/public-footer-bkgrd.jpg) no-repeat; position : relative; } 
#public-security #footer { background : #1C1F3C; }


#tips #primary-content ul li { padding: 0; margin: 5px 0 10px 17px; }
#public-security #primary-content h4 { background: #000; margin: 20px 10px 10px 0; padding: 5px; color: #fff; }




/* -----------------------------------------------
CLASSES
----------------------------------------------- */
.clear { clear: both; font-size: 0.1px; height: 0; line-height: 0; width: 0; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */
.nowrap { white-space: nowrap; }
.hidden { display: none; }
.left { float: left; }
.right { float: right; }
.cursor { cursor: pointer; }
.upper { text-transform: uppercase; }
.bold { font-weight: bold; }




