@charset "utf-8";
/*
---------------------------------------------
| 											|
| 	1. External Includes					|
| 	2. General Style Rules					|
| 		2.1 Headings						|
| 		2.2 Lists							|
| 		2.3 Links							|
| 		2.4 Images                          |
| 		2.5 Tables	                        |
|		2.6 iframe   						|		
| 											|
| 	3. General Layout Rules					|
| 											|
| 	4. MastHead								|
| 		4.1 Logo							|
| 		4.2 Primary Navigation				|
| 		4.3	Banner							|
| 											|
| 	5. Page Content							|
| 		5.1 Primary Content					|
| 		5.2 Secondary Content				|
|			5.2.1	Secondary Navigation	|
| 											|
| 	6. Page Footer							|
| 											|
| 	7. Misc Rules							|
| 		7.8 Clearing						|
| 											|
---------------------------------------------
*/

/* 1. External Includes 
============================================================ */
/* Tripoli Typography Stylesheet and CSS Reset */
@import url('tripoli.simple.css');
/* font import */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) */
@font-face {
	font-family: 'QlassikMediumRegular';
	src: url('../font/Qlassik_TB-webfont.eot');
	src: local('☺'), url('../font/Qlassik_TB-webfont.woff') format('woff'), url('../font/Qlassik_TB-webfont.ttf') format('truetype'), url('../font/Qlassik_TB-webfont.svg#webfontkkbjEnfA') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* 2. General Style Rules	
============================================================ */
h1, h2 {
	color:#3c9ee9;
	font-family:'QlassikMediumRegular';
	font-size:3em;
	font-weight:normal;
}
h2 {
	margin-top:-20px;
}
h3 {
	color:#FFFFFF;
	font-family:'QlassikMediumRegular';
	font-size:2.5em;
	font-weight:normal;
	text-align:center;
}
h4 {
	color:#FFFFFF;
	font-family:'QlassikMediumRegular';
	font-size:2em;
	font-weight:normal;
	text-align:center;
	margin-bottom:10px;
}
.home-offer h3, .home-offer h4, .home-offer p, .home-offer li, .cctv-center h3, .cctv-center h4, .cctv-center p, .cctv-center li, .intercom-center h3, .intercom-center h4, .intercom-center p, .intercom-center li, .alarm-center h3, .alarm-center h4, .alarm-center p, .alarm-center li {
		color:#333333!important;
}
p, label {
	font-size:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	color:#FFFFFF;
	line-height:1.3em;
}
label {
	margin-bottom:10px;
}
input, textarea {
	font-size:1.3em!important;
	font-family:Verdana, Arial, Helvetica, sans-serif!important;
	padding-bottom:10px;
	color:#333333;
	line-height:1.3em;
	margin-left:10px;
	border:none !important;
	margin-bottom:10px;
}
hr {
	color:#3c9ee9;
	width:50%;
	height:1px;
	margin-top:10px;
	margin-bottom:20px;
	float:left;
}
#content li {
	list-style:url(../images/arrow_state_blue_right.png);
}

/* 3. General Layout Rules
============================================================ */
body {
	background:#333333;
}

#masthead-outer {
	background:#FFFFFF;
}
#masthead {
	width:990px;
	margin:0 auto;
	height:120px;
	background:url(../images/manchestercctvlogo.jpg) no-repeat;
	padding-top:30px;
}
#nav-container {
	background:#FFFFFF;
	height:20px;
}
#nav {
	width:990px;
	margin:0 auto;
}
#content {
	width:940px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
}
#left-col {
	width:550px;
	float:left;
}
#right-col {
	width:350px;
	float:left;
	margin-left:40px;	
	margin-top:60px;
}
#banner {
	width:940px;
	height:340px;
	margin:0 auto;
	background:url(../images/pictureframe.png) -5px -5px;
}
#footer {
	background:#FFFFFF;
	width:100%;
	height:35px;
}

/* 4. MastHead
============================================================ */
#social {
	width:80px;
	height:30px;
	margin-left:5px;
	margin-top:75px;
	float:left;
}
#masthead .phone {
	color:#3c9ee9 !important;
	font-size:3em;
	letter-spacing:-3px;
	float:right;
	text-align:right;
	margin-top:-20px;
}
#masthead .email {
	color:#333333 !important;
	font-size:0.6em;
	float:right;
	font-weight:bold;
	letter-spacing:0px;
	text-decoration:none;
}

/* 5. Navigation		
============================================================ */
#nav ul {
	font-size:1.4em;
	float:right;
}
#nav li {
	display:inline;
}
#nav li a {
	text-decoration:none;
	color:#333333;
	font-weight:bold;
	padding:7px;
}
#nav li.menu-0 a:hover, #nav li.menu-current a {
	color:#3c9ee9;
	background:#333333;
}

/* 6. Content		
============================================================ */
#banner img {
	margin:13px 10px;
}
#content li {
	color:#FFFFFF;
	font-size:1.2em;
	padding-bottom:10px;
	margin-left:30px;
}
#content .cctv-center {
	background:#fff url(../images/camera.jpg) top right no-repeat;
	padding:10px;
}
#content .intercom-center {
	background:#fff url(../images/phonesystem.jpg) top right no-repeat;
	padding:10px;
}
#content .alarm-center {
	background:#fff url(../images/alarmbox.jpg) top right no-repeat;
	padding:10px;
}
#content .cctv-center li {
	margin-left:60px;
	list-style:none!important;
}
#content .cctv-center p {
	text-align:center;
	font-size:1.3em;
}
#intro {
	margin-top:30px;
	margin-bottom:20px;
}
.text-image {
	border:#FFFFFF 1px solid;
	float:left;
	margin-bottom:10px;
	margin-right:30px;	
}
.text-image-right {
	border:#FFFFFF 1px solid;
	float:right;
	margin-bottom:10px;
	margin-right:30px;	
}
.home-offer {
	width:220px;
	float:left;
	margin-left:5px;
	margin-right:5px;
	border:solid 1px #fff;
	padding-top:10px;
	padding-bottom:10px;
	height:300px;
	margin-bottom:20px;
	background:#fff!important;
}
.home-offer p {
	text-align:center;
}
.home-offer li {
	list-style:url(../images/arrow_state_blue_right.png);
}
.submit {
	background:url(../images/button.png) no-repeat -3px -1px;
	width:155px;
	height:36px;
	border:none;
	margin-left:10px;
}
/* 7. Page Footer		
============================================================ */
#footer-content p {
	color:#333333 !important;
	font-size:1.05em;
}
#footer-content {
	width:940px;
	margin:0 auto;
	padding-top:10px;
}

/* 8. Misc Rules		
============================================================ */
.clear-left {clear:left;} .clear-right{clear:right;} .clear-both{clear:both;} 
.left {float:left;} .right{float:right;} .both{float:both;} 
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
hr {
	border:1px solid #ffffff;
	border-width:1px 0 0 0;
	outline:none;
	height:1px
}