html { min-height: 100%; margin-bottom: 1px}
body {
	/* margin: 0 20px 0 15px;  to avoid margins */
	/* text-align: center;  to correct the centering IE bug*/
	font-size:75%;
	font-family: Tahoma, Arial;
	color:#666;
	line-height:1.7em;
	margin:0;
	background-color: #2d95d2;
}

h1 { 
	margin:40px 40px 13px 40px;
	font-size:1.6em;
	text-transform:uppercase;
	font-weight:bold;
	line-height:24px;
	color:#2a87bd
}
h6 { 
	margin:2px 0 0 0;
	font-weight:normal;
	font-size:0.8em;
	color:#999
}

p {margin:0 35px 13px 40px;
	font-size:1.1em
}

.rightlight p, .rightdark p { margin:0; color:#fff}
.rightlight h4, .rightdark h4 { margin:0 0 2px 0; font-size:1em; color:#afe2ff}
.rightlight img, .rightdark img { margin:8px 0 0 0}

ul { margin:0 30px 15px 25px; list-style-image:url(../assets/build/bullet.gif );font-size:1.1em}

.rightlight ul, .rightdark ul { margin:0 10px 0px -15px; list-style-image:url(../assets/build/bullet-right.gif );font-size:1.1em; color:#FFFFFF}

 h2, h3, h4, h5{ 
	font-size:1.2em; font-weight:normal; line-height:1.3em; color:#226f9d; margin-left:40px; margin-bottom:8px; text-transform:uppercase
}

h2 { font-size:1.2em; margin-top:30px}

strong { font-weight:normal; color: #226f9d}


#foot p { 
	padding:0 15px 15px 15px; font-size:1.05em; line-height:1.5em
}

#wrapper {width:828px; margin-left: auto; margin-right: auto; text-align: left; background: url(../assets/build/bg_wrapper.gif) repeat-y #fff }

#header { 
	display:block;
	clear:both;
	width:828px;
	height:277px;
	background:#FFFFFF
}
#headbuy { 
	display:block;
	clear:both;
	width:828px;
	height:70px;
	background: url(../assets/build/sprite.gif) no-repeat #2d95d2;
	background-position: 0 0}
	
#flash {
	display:block;
	clear:both;
	width:828px;
	height:207px;
	background:#000}
#nav {display:block;
	clear:both;
	width:828px;
	height:28px;
	overflow:hidden
}

#leftcol {
	display:block;
	float:left;
	width:628px;
	min-height:525px;
	height:auto;
	}

#rightcol {
	display:block;
	float:right;
	width:200px
}

#foot {display:block;
	clear:both;
	width:828px;
	height:24px;
	background: url(../assets/build/sprite.gif) no-repeat #fff;
	background-position: 0 -71px}
	
	#headbuy { 
	display:block;
	clear:both;
	width:828px;
	height:70px;
	}
	
#innerfootleft { display:block; float:left; width:500px; height:20px; margin:-1px 0 0 6px}
#innerfootright { display:block; float:right; width:200px; height:20px; margin:-1px 0 0 6px}



a {
	text-decoration: none;
	color:#2d95d2;
	border-bottom-style: dotted;
	border-bottom-width: thin;
}
a:hover { color:#19be44 }
#headbuy h2 { display:block; padding-top:90px; height:0; overflow:hidden;  }




/* nav */


#nav ul li { display: inline; padding:0 }

#nav ul {margin: 0 0 0 -40px; list-style-type: none; text-align: center; }
#nav ul a {
	font-size:0.8em;
	color:#4f4e4e;
	padding-top:0.4em;
	display:block;
	width:138px;
	height:28px;
	float:left;
	text-decoration: none;
	text-transform:uppercase;
	background:url(../assets/build/sprite.gif) #2d95d2;  
	background-position: 0 -96px
}

#nav ul li a:hover {
	 background:url(../assets/build/sprite.gif) #fff;
	 background-position: -138px -96px;
}

#home #nav .home a, 
#contact #nav .contact a,
#clearing #nav .clearing a,
#CCTV #nav .CCTV a,
#whatdo #nav .whatdo a,
#pricing #nav .pricing a {
	 background:url(../assets/build/sprite.gif) #2d95d2;
	 background-position: -278px -96px;
}


.rightlight, .rightdark { width:156px; padding:22px}

.rightdark { background:#4c4c4c}

.textbox{ margin:0 0 15px 0; width:95%}


.tablehighlight { color:#3b47b8; padding:5px}

.image { margin:0 0 0 20px}



/* Create new css as on dated 28 Oct 2009 */

.quoteMatter{
color:#090e43;
font-size:12px;
}

.requiredField{
color:#ff0000;
font-size:12px;
}

.inputField{
border:1px solid #2d95d2;
width:350px;
height:20px;
}
.textField{
border:1px solid #2d95d2;
width:350px;
}

.submitBtn{
background:#2582cc;
width:106px;
height:28px;
border:0px;
cursor:pointer;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}

.newsletterText{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#e7dedf;
float:right;
text-align:right;
width:200px;
padding-right:10px;
}

.submit{
float:right;
width:55px;
}
.submit_b{
float:right;
background:#1952be;
width:55px;
height:23px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#e9e9e9;
border:0px;
text-align:center;
}

.newsletterTextbox{
float:right;
width:170px;

}

.inputnews{
width:170px;
border:1px solid #1952be;
background:#fff;
height:19px;
color:#59737b;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
}

#apDiv1 {
	position:absolute;
	width:200px;
	height:144px;
	z-index:100;
	text-align:center;
	top:722px;
	
}

