/* Begin Typography & Colors */
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none; }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */
/*

/*======================================
iBox
======================================*/

/*---Global--*/
*{margin:0; padding:0;}
.clear{clear:both;}
img a{border:0px;}
p{line-height: 1.8em;}
a, a:visited {color:#004993;}

/*---Body--*/
body{font-family:Helvetica, Arial,Verdana,sans-serif; background-image:url(images/bg.gif); background-repeat:repeat-x; background-color:#eeeeee;}

/*---Container--*/
#container{width:992px; margin:-50px auto 0px auto;}
#container a:hover{background-color:#DFFFB0;}
#wrapper{background-color:#ffffff; font-size:12px; padding:20px;}

/*---Header--*/
#header{width:992px; height:100px; margin:0 auto;}
h1 {float:left; text-decoration:none; border:0; width:287px; height:100px; margin:0; padding:0; background:url(http://i.ibox-security.co.uk/logo.png) no-repeat 0 0;} 
h1 a {display:block; height:100px; text-indent:-9999px;}

#contact {width:496px; float: left; height:31px; padding:0 0 0 20px; background-image:url(images/contactbg.jpg); background-repeat:no-repeat; margin:0 0 0 100px;}
#contact ul {margin:0; padding:0; list-style:none;}
#contact ul li {float:left; background-repeat:no-repeat; font-size:12px; color:#cccccc; padding: 8px 0 0 25px;}
#contact ul li a {color:#DFFFB0; text-decoration:none;}
#contact ul li a:hover {color:#FFFFFF;}
#contact ul li#phone {width:120px; background-image:url(images/phone.jpg); background-position: 0 7px;}
#contact ul li#email {width:161px; background-image:url(images/email.jpg); background-position: 0 10px;}
#contact ul li#quote {background-position: 0 9px; width:120px; background-image:url(images/quote.jpg);}

/*---Recent Work--*/
#space{height:75px; background-image:url(images/main.png); background-repeat:no-repeat;}

#recent-work{width:912px; height:300px; margin:0 auto;}

#myController {display:none;}
#myController span{color:#FFF; background:#000; margin-right:10px; cursor:pointer;}
#myController span.jFlowSelected {background:#F00;}
#jFlowSlide{margin:10px 0 0 0;}
.jFlowPrev, .jFlowNext{width:39px; height:38px; cursor:pointer;}	
#slide-links{width:1000px; margin:0 auto;}
.jFlowPrev {float:left; background-image:url(images/prev.png); background-repeat:no-repeat; text-indent:-9999px; margin:130px 0 0 0;}
.jFlowNext {float:right; background-image:url(images/next.png); background-repeat:no-repeat; text-indent:-9999px; margin:130px 0 0 0;}

h4{font-size:16px; color:#ffffff; padding:40px 0 0 20px;}
p.description{float:left; width:400px; line-height:1.8em; font-size:14px; margin:20px 0 0 20px; clear:both; color:#ffffff;}
.work-bg{float:left; margin:-50px 0 0 150px; width:270px; height:270px; background-image:url(images/work-bg.png); background-repeat:no-repeat; padding:33px 0 0 14px;}

/*---NAV--*/
#menuLink {
position: absolute;
left: 205px;
top: -5px;
}

#navigation {
height: 30px;
}

#navigation ul {
list-style: none;
}

#navigation li {
float: left;
position: relative;
font-size: 15px;
font-weight: bold;
}

#navigation li li {
float: none;
font-size: 12px;
}

#navigation a {
color: #ffffff;
display: block;
width: 110px;
line-height: 30px;
background: #000000;
text-decoration: none;
text-align: center;
margin-right: 1px;
}

#navigation li li a {
height: auto;
background: none;
border: 0;
text-align: left;
margin: 0;
line-height: 24px;
}

#ddContainer {
position: absolute;
left: -10055px;
}
#navigation li:hover #ddContainer {
display: block;
left: -155px;
}

/* styles for drop-down */
#ddContainer {
background: url(http://i.ibox-security.co.uk/menu-background.png) 0 17px no-repeat;
padding: 5px 0 0;
line-height: 24px;
width: 700px;
z-index:999999;
}

#ddContainer h3 {
color: #99CC00;
font-size: 12px;
margin-top:10px;
text-transform: uppercase;
padding: 20px 25px 0;
}

#ddContainer a {
font-weight: bold;
color: #ffffff;
text-decoration: none;
padding-left: 10px;
width: auto !important;
}

#ddContainer a:hover {
background: #99CC00;
}

#navigation #ddc1, 
#navigation #ddc2, #ddc3, #ddc4 {
float: left; 
width: 210px;
margin-left: 10px;
}

#navigation #ddc1 {
margin-left: 15px;
}

#ddFooter {
position: absolute;
height: 50px;
bottom: -55px;
left: 0;
width: 670px;
padding: 5px 15px 0;
background: url(http://i.ibox-security.co.uk/menu-background.png) 0 100% no-repeat;
font-size: 12px;
text-transform: uppercase;
}

#ddFooter a {
line-height: 24px;
width: 191px;
margin-left: 570px;
clear: both;
text-align: right;
padding-right: 10px;
}

/*---Main--*/
ul.list-left li.prop {
	background-image:url(http://i.ibox-security.co.uk/1.png);
	background-repeat:no-repeat;
	height:50px;
	padding-left:60px;
	line-height:50px;
}
ul.list-left li.con {
	background-image:url(http://i.ibox-security.co.uk/2.png);
	background-repeat:no-repeat;
	height:50px;
	padding-left:60px;
	line-height:50px;
}
ul.list-left {
	float:left;
	width:300px;
	margin:0 0 20px 30px;
	padding:0 10px 0 0;
}
ul.list-right {
	float:left;
	width:300px;
	margin:0 0 20px 0;
	padding:0 0 0 10px;
}
ul.list-right li.design {
	background-image:url(http://i.ibox-security.co.uk/3.png);
	background-repeat:no-repeat;
	height:50px;
	padding-left:60px;
	line-height:50px;
}
ul.list-right li.upload {
	background-image:url(http://i.ibox-security.co.uk/4.png);
	background-repeat:no-repeat;
	height:50px;
	padding-left:60px;
	line-height:50px;
}
.top{width:992px; height:12px; background-image:url(images/top.png); background-repeat:no-repeat; margin:0; padding:0;}
.bot{width:992px; height:12px; background-image:url(images/bot.png); background-repeat:no-repeat; margin:0; padding:0;}

hr{width:793px; height:9px; margin:0 auto; border:none; background-image:url(images/hr.png); background-repeat:no-repeat;}

.seo-container{float:left;margin:5px;padding:5px;width:290px;}
h2.welcome a{ display:block;color:#99CC00; font-size:24px;}
h2.whatwedo{width:350px; margin:15px 0 0 30px; text-indent:-9999px; overflow:hidden; display:block; height:34px; background-image:url(images/whatwedo.png); background-repeat:no-repeat;}
h2.clienttesti{width:350px; margin:15px 0 0 30px; text-indent:-9999px; overflow:hidden; display:block; height:34px; background-image:url(images/clienttesti.png); background-repeat:no-repeat;}
h2.newsletter{width:350px; margin:0 0 20px 30px; text-indent:-9999px; overflow:hidden; display:block; height:34px; background-image:url(images/newsletter.png); background-repeat:no-repeat;}
h2.about{width:350px; margin:0 0 20px 30px; text-indent:-9999px; overflow:hidden; display:block; height:34px; background-image:url(images/about.png); background-repeat:no-repeat;}
h2.services{width:350px; margin:0 0 20px 30px; text-indent:-9999px; overflow:hidden; display:block; height:34px; background-image:url(images/services.png); background-repeat:no-repeat;}
h2.portfolio{width:350px; margin:0 0 20px 30px; text-indent:-9999px; overflow:hidden; display:block; height:34px; background-image:url(images/portfolio.png); background-repeat:no-repeat;}
h2.contact{width:350px; margin:0 0 20px 30px; text-indent:-9999px; overflow:hidden; display:block; height:34px; background-image:url(images/contact.png); background-repeat:no-repeat;}
p.open, #wrapper p {padding: 10px 30px;}
small{margin:0 0 0 35px;}

h5{margin:0 0 0 30px;}

ol {list-style-type:none;}
ol li {float:left; width:270px; line-height:1.8em; padding:10px 20px;}
ol li h3 {text-indent:-9999px; overflow:hidden; display:block; height:52px; margin-bottom:5px;}
ol li.network h3 {width:270px; height:34px; background: url(images/network.png) 0 0 no-repeat;}
ol li.apps h3 {width:270px; height:34px; background: url(images/apps.png) 0 0 no-repeat;}
ol li.web h3 {width:270px; height:34px; background: url(images/web.png) 0 0 no-repeat;}
ol li.network p {padding-left:10px; margin:0 0 25px 0;}
ol li.apps p {padding-left:15px; margin:0 0 25px 0;}
ol li.web p {padding-left:10px; margin:0 0 25px 0;}

.testimonial{padding:10px 30px; line-height:1.8em;}
.blockquote {background-image:url(images/close-quote.jpg); background-repeat:no-repeat; background-position:left top; padding-left:30px; font-style: italic;}
.blockquote span {background-image:url(images/open-quote.jpg); background-repeat:no-repeat; background-position:right bottom; display:block; padding-right: 30px;}
.quotee{font-size:11px; float:right; padding-right:30px; color:#99cc00; font-weight:bold; margin:0 0 20px 0;}

.work{float:left; width:280px; height:150px; margin:20px 0 20px 30px;}

/*---Form--*/
form#newsletter{}
form#newsletter label{width:150px; font-size:12px; padding:0 0 0 50px; font-weight:bold;}
form#newsletter input#name {width:200px; border:1px solid #99cc00; margin:0 0 0 10px; padding:5px;}

form#newsletter input#submit {width:100px; border:1px solid #99cc00; margin:0 0 0 10px; padding:5px;}

form#newsletter input.email {width:200px; border:1px solid #99cc00; margin:0 20px 0 10px; padding:5px;}
.email input[type=text] {width:135px; border:1px solid #99cc00; margin:0 20px 0 10px; padding:5px;}

form#contact-form{padding:0 0 0 30px;}
form#contact-form label{float:left; width:200px; font-size:12px; padding:0; font-weight:bold;}
form#contact-form input.input {width:300px; border:1px solid #99cc00; margin:0;}
form#contact-form textarea {width:200px; height:100px; border:1px solid #99cc00; margin:0;}
form#contact-form input.submit {margin:0 200px 0 200px;}
/*---Footer--*/
#footer{width:992px; margin:0 auto;}
#footer #right, #footer #left{float:left; width:486px; padding:10px 0 10px 10px;}
.legal {font-size:12px; color:#aaaaaa; display:inline; margin:0 10px 0 0;}
.links{margin:0 10px 0 0; display:inline;}
#footer #left a {margin:20px 10px 0 0;}
#footer #left a.rss{width:32px; height:32px; margin:20px 10px 0 0;}
#footer #left a.twitter{width:32px; height:32px; margin:20px 10px 0 0;}
#footer #left a.facebook{width:32px; height:32px; margin:20px 10px 0 0;}
#footer #right{text-align:right; color:#aaaaaa; font-size:12px; line-height:32px;}
#footer #right a {color:#aaaaaa; font-size:12px; margin:0 10px 0 10px;}
#footer #right a:hover {color:#99cc00;}


.pagenav h2{background-color:#99CC00;color:#ffffff; padding:5px; margin:5px 0 5px 0; }
h2,h3, h4{color:#99CC00;font-size:16px;margin:0 0 20px 30px;}
h3 a{color:#99CC00;}
#sidebar{width:300px; float:right;}
#content{float:left;}
#content-single-post{float:left;}
ul li h2{background-color:#99CC00;color:#ffffff; padding:5px; margin:5px 0 5px 0;}
ul li{padding:5px 0 5px 0;}
/*---Contact Form--*/
#contactform {
	width:450px;
	-moz-border-radius:5px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
        float:left;
}
#contactform form {
	font:normal 11px/18px Verdana, Tahoma;
	margin:0 0;
	padding:10px 0;
	width:100%;
}
#contactform fieldset {
	padding:10px 0;
	margin:0 0 15px 0;
	background:#fff;
	border:1px solid #ddd;
	-moz-border-radius:5px
}
* html #contactform fieldset {
	position:relative;
	margin:10px 0 30px 0;
	padding:20px 0;
}
* html #contactform legend {
	position:absolute;
	top:-1.2em;
	left:0;
}
#contactform fieldset legend {
	font:normal bold 18px/26px "Trebuchet MS", Verdana, Tahoma;
	padding:3px 25px;
	margin-left:30px;
	text-transform:uppercase;
	border:0px solid #ddd;
}
#contactform fieldset legend span {
	font:normal 10px/18px Arial, Verdana, Tahoma;
	text-transform:uppercase;
	display:block;
}
#contactform form label {
	display:block;
	float:left;
	width:150px;
	padding:6px 10px 0 0;
	margin:0px;
	text-align:right;
}
#contactform input.inpt, #contactform textarea, #contactform select {
	width:260px;
	font:normal 11px/18px Verdana, Tahoma;
	padding:5px;
	margin:5px 0 5px 0;
	background:#f5f5f5;
	border:1px solid #ddd;
}
#contactform form .required {
}
form br {
	clear:left;
}
#contactform input.required {
	background:#f5f5f5 url('http://i.ibox-security.net/required.gif') 98% 50% no-repeat;
}
#contactform input.required {
	background:#f5f5f5 url('http://i.ibox-security.net/required.gif') 98% 50% no-repeat;
}
#contactform .select select:focus {
	border-color: #9b9b9b;
}
#contactform form input.btn {
	background:none;
	border:none;
}
form.c1 input:hover, textarea:hover {
	border:1px solid #d8d8d8;
}

span.sub_title3{padding-top: 10px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; font-size: 16px; font-weight: bold; color: #99cc00; font-style: italic; margin: 0px;}

/* Error  Success  Notice ------------------------------------------------------------- */

.notes {
	background:#f0f0f0;
	border:1px solid #b8b8b8;
}
.success {
	background:#ccfcd1;
	border:1px solid #60a400;
}
.error {
	background:#f9e3e3;
	border:1px solid #e79e9e;
}
.notice {
	background:#fcf0cc;
	border:1px solid #ecc735;
}
.notes, .notice, .success, .error {
	font-size:100%;
	color:#000;
	padding:10px;
	width:90%;
	margin: 0 auto;
	margin-bottom:20px;
	text-align:left
}
.notes span, .notice span, .success span, .error span {
	font-weight:bold;
	font-size:1.2em;
	padding:2px 40px;
}
.notes p, .success p, .error p, .notice p {
	margin:0px;
	padding:0px;}
 .notification_ok {
 border: 1px #567397 solid;
 height: auto;
 width: 90%;
 padding: 8px;
 background: #f5f9fd;
 text-align: center;
 -moz-border-radius: 5px;
}
.red{color:#ff0000;}
#table {width:800px; margin-left:50px; border-top:4px solid #e3e7e7;}
#table p {clear:both; width:100%; margin:0;}
#table span {float:left; padding:0;  border-left:1px solid #e3e7e7; border-bottom:1px solid #e3e7e7;}
#table span.col1 {width:157px; padding:5px 0 5px 5px;}
#table span.col2 {width:158px; text-align:center; padding:5px 0 5px 0; background-color:#e3e7e7; border-bottom:1px solid #ffffff;}
#table span.col3 {width:158px; text-align:center; padding:5px 0 5px 0;}
#table span.col4 {width:158px; text-align:center; padding:5px 0 5px 0; background-color:#e3e7e7; border-bottom:1px solid #ffffff;}
#table span.col5 {width:158px; text-align:center; border-right:1px solid #e3e7e7; padding:5px 0 5px 0;}
#table2 {width:670px; margin-left:50px; border-top:4px solid #e3e7e7;}
#table2 p {clear:both; width:100%; margin:0;}
#table2 span {float:left; padding:0;  border-left:1px solid #e3e7e7; border-bottom:1px solid #e3e7e7;}
#table2 span.col1 {width:138px; padding:5px 0 5px 5px;}
#table2 span.col2 {width:130px; text-align:center; padding:5px 0 5px 0; background-color:#e3e7e7; border-bottom:1px solid #ffffff;}
#table2 span.col3 {width:130px; text-align:center; padding:5px 0 5px 0;}
#table2 span.col4 {width:130px; text-align:center; padding:5px 0 5px 0; background-color:#e3e7e7; border-bottom:1px solid #ffffff;}
#table2 span.col5 {width:130px; text-align:center; padding:5px 0 5px 0;}
#table2 span.col6 {width:130px; text-align:center; border-right:1px solid #e3e7e7; background-color:#e3e7e7; border-bottom:1px solid #ffffff; padding:5px 0 5px 0;}
del {color:#ff0000;}
#extras-container{width:800px; margin:0 auto;}
#extras-left, #extras-right{float:left; width:400px; margin:20px auto 0 auto;}
#h2tick{background-image:url(http://i.ibox-security.co.uk/tables/tick2.png); background-repeat:no-repeat; padding:14px 0 0 60px; height:48px;}
#h3add{background-image:url(http://i.ibox-security.co.uk/tables/add.png); background-repeat:no-repeat; padding:14px 0 0 60px; height:48px;}
#signup{background-image:url(http://i.ibox-security.co.uk/signup.gif);    background-repeat:no-repeat; height:32px; }
.wemade {float:right;width:400px;padding-left:10px;}
.success-list {
	padding:0 30px;
}
.success-list li {
	line-height:1.8em;
}
ul.list {
	padding:0 40px;
	list-style:disc;
}
ul.list li {
	margin:5px 0 5px 0;
	list-style:disc;
}
ul.list2 {
	padding:20px 30px 30px 30px;
}
ul.list2 li {
	margin:5px 0 5px 0;
}
ul.list3 {
	padding:0 0 0 30px;
}
ul.list3 li {
	list-style-type:none;
	background-image:url(http://i.ibox-security.co.uk/tick.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 14px;
	margin:6px 0 6px 0;
}