/* styles applicable throughgout the public facing site */

body {
 	font-family:arial;
 	font-size:11pt;
 	padding:0;
 	margin:0;
 	
 	background-image:url('../img/site/bg-body.gif');
}

#container {
	width:1000px;
	margin:0 auto;
	
}

/**** Header section **********************************/
#headersection {
	height:139px;
	width:1000px;
	float:left;
	background-image:url('../img/site/bg-header.gif');
	position:relative;
	
}

#headersection a#homelink {
	display:block;
	margin:20px 0 0 17px;
	width:220px;
	height:65px;
	text-decoration:none;
}
#headersection div#navigation {
	background-color:#323232;
	height:34px;
	width:992px;
	margin-top:20px;
	border-left:solid 4px #989898;
	border-right:solid 4px #989898;
	
}

#headersection div#navigation ul {
	list-style:none;
	display:block;
	margin-left:20px;
	padding:0;
}

#headersection div#navigation ul li {
	display:inline;
	color:#ffffff;
	margin-right:3px;
}

#headersection div#navigation ul li a, 
#headersection div#navigation ul li a:link,
#headersection div#navigation ul li a:visited {
	display:block;
	margin:0;
	margin-right:3px;
	margin-top:5px;
	text-align:center;
	line-height:28px;
	width:120px;
	height:29px;
	float:left;
	color:#ffffff;
	text-decoration:none;
	
	background-image:url(../img/site/button1reg.gif);
}

#headersection div#navigation ul li a:hover, 
#headersection div#navigation ul li a:active, 
#headersection div#navigation ul li a.selected {
	background-image:url(../img/site/button1regover.gif);
}

#headersection div#navigation ul li a.large, 
#headersection div#navigation ul li a.large:link, 
#headersection div#navigation ul li a.large:visited {
	display:block;
	width:187px;
	background-image:url(../img/site/button2long.gif);
}

#headersection div#navigation ul li a.large:hover,
#headersection div#navigation ul li a.large:active, 
#headersection div#navigation ul li a.large.selected {
	background-image:url(../img/site/button2longover.gif);
}

/**** Middle section **********************************/
#middlesection {
	width:988px;
	
	background-image:url('/img/site/bg-middle.gif');
	display:block;
	clear:left;
	float:left;
	padding:2px 6px;
}


/**** Global page classes ************************/

span.blue {background-color:#386b77;}
span.lightblue {background-color:#68a3af;}
span.red {background-color:#990031;}
span.redtext {color:#990031;}

img.rightimage { float:right; }

.thirdwidth {
	margin:0; 
	width:328px;
	float:left;
}

.twothirdwidth {
	margin:0; 
	width:658px;
	float:left;
}

.halfwidth {
	margin:0; 
	width:493px;
	float:left;
}

.marginright2 {margin-right:2px;}

#middlesection div.top h1 {
	font-size:1.6em;
	width:360px;
	margin-top:40px;
	line-height:35px;
	font-weight:normal;
}

#middlesection div.thirdwidth a.blockholder {
	text-decoration:none;
}
 
#middlesection div.thirdwidth a.blockholder:hover {
	background-color:white;
	opacity: 0.6;
	filter: alpha(opacity=60);
	display:block;
	width:328px;
}

#middlesection div.thirdwidth span.header, 
#middlesection div.twothirdwidth span.header, 
#middlesection div.halfwidth span.header {
	display:block;
	margin:0 0 2px 0;
	padding:32px 0 1px 5px;
	font-size:1.3em;
	vertical-align:bottom;
	font-weight:normal;
	color:#ffffff;
}


#middlesection div.thirdwidth span.body,
#middlesection div.twothirdwidth span.body,
#middlesection div.halfwidth span.body {
	display:block;
	
	
	padding:15px 15px 15px 15px;
	color:#000000;
}
#middlesection div#trade div.halfwidth span.body {
	float:left;
}


/**** Home page **********************************/
#middlesection div#home div.top {
	width:888px;
	background-color:#000000;
	color:#ffffff;
	padding-left:100px;
	margin:0 0 2px 0;
	float:left;
	background-image:url(../img/home/introleft.jpg);
	background-repeat:no-repeat;
}

#middlesection div#home div.top p {
	width:380px;
}

#middlesection div#home div.thirdwidth span.bg-boxone {
	background-image:url(../img/home/networkblocking1bottom.gif);
}
#middlesection div#home div.thirdwidth span.bg-boxtwo {
	background-image:url(../img/home/advancedsystem2bottom.gif);
}
#middlesection div#home div.thirdwidth span.bg-boxthree {
	background-image:url(../img/home/reducingcriminality3bottom.gif);
}

/**** About page **********************************/
#middlesection div#about h1 {
	width:450px;
	font-size:1.6em;
}
#middlesection div#about div.top p {
	line-height:1.4em;
	font-size:1.1em;
}
#middlesection div#about div.top {
	width: 938px;
	background-color:#348a8d;
	color:#ffffff;
	padding-left:50px;
	margin:0 0 2px 0;
	float:left;
	background-image:url(../img/about/introleftabout.jpg);
	background-repeat:no-repeat;
}
#middlesection div#about div.thirdwidth span.bg-boxone {
	line-height:1.2em;
	padding-top:7px;
	background-image:url(../img/about/securedatabottom.gif);
}

/**** System page **********************************/
#middlesection div#system {
	width:988px;
	float:left;
	background-color:#000000;
	color:#ffffff;
}
#middlesection div#system object{
	float:right;
	margin:20px 20px 20px 0;
	
}
#middlesection div#system h1 {
	margin:32px 0 0 25px;
	font-size:1.6em;
	font-weight:normal;
	width:320px;
	
}
#middlesection div#system p {
	margin-left:25px;
	margin-bottom:25px;
	margin-right:0;
	width:300px;
	
}

/**** Trade & law enforcement page **********************************/
#middlesection div#trade {
 	width:988px;
}

#middlesection div#trade h1 {
	font-size:1.6em;
	width:400px;
}

#middlesection div#trade div.top {
	width::938px;
	background-color:#000000;
	color:#ffffff;
	padding-left:50px;
	margin:0 0 2px 0;
	float:left;
}

#middlesection div#trade div.top p {
	line-height:1.4em;
}

#middlesection div#trade div.halfwidth p {
	float:left;
	line-height:1.4em;
}



/**** Security page **********************************/

div#security {
	display:inline;
	background-color:black;
	margin:0;
	color:#ffffff;
	background-image:url('../img/security/servermontage.jpg');
	background-repeat:no-repeat;
	float:left;
	width:698px;
	
	padding-left:290px;
}

div#security h1 {
	margin:20px 0 25px 27px;
	padding:0;
	font-size:1.6em;
}

div#security ul {
	margin:0;
	padding:0;
	list-style:none;
	width:300px;
	float:left;	
}
div#security ul.col1 {
	margin:0 40px 0 0;
}

div#security ul li {
	padding-left:25px;
	background-image:url('../img/security/bullet-red.gif');
	background-repeat:no-repeat;
	background-position:0 5px;
	margin-bottom:30px;
}

/**** Contact page **********************************/
div#contact {
	background-color:#000000;
	color:#ffffff;
	padding-left:300px;
	background-image:url('../img/contact/couplepda.jpg');
	background-position:left top;
	background-repeat:no-repeat;
	height:1%;
	float:left;
	width:688px;
}

div#contact h1 {
	margin:25px 0 23px 23px;
	font-size:1.6em;
}

div#contact ul {
	margin:0 40px 0 0;
	padding:0;
	list-style:none;	
	
}

div#contact ul li {
	padding-left:25px;
	background-image:url('../img/security/bullet-red.gif');
	background-repeat:no-repeat;
	background-position:0 5px;
	float:left;
	width:250px;
}
div#contact ul li.rightcol {
	margin-left:80px;
	margin-bottom:20px;
}

div#contact form#contactform {
	clear:left;
	
	padding:20px 0 0 0;
	margin:0 0 20px 25px;
	width:640px;
}

div#contact form#contactform p {
	margin:0 0 8px 0;
}

div#contact form#contactform label {
	display:block;
	width:110px;
	float:left;

}
div#contact form#contactform img {
	margin-top:1px;
}
div#contact form#contactform input {
	border:solid 1px #990031;
	width:185px;
	
}
div#contact form#contactform textarea {
	border:solid 1px #990031;
	overflow:auto;
	width:526px;
	height:88px;
}
div#contact form#contactform input.submit {
	background-color:#990031;
	color:#ffffff;
	width:55px;
	cursor:pointer;
}

/**** Footer section **********************************/
#footersection {
	width:1000px;
	height:40px;
	
	float:left;
	background-image:url('../img/site/bg-footer.gif');
}	

#footersection ul#footer {
	list-style:none;
	padding:0;
	margin:10px 0 0 10px;
	font-size:0.9em;
	
}

#footersection ul#footer li {
	display:inline;
	padding:0 10px 0 10px;
	border-right:solid 1px #ffffff;
}
#footersection ul#footer li.last {
	border-right:none;
}

#footersection ul#footer li a {
	color:#ffffff;
	text-decoration:none;
}

#footersection ul#footer li a:active, 
#footersection ul#footer li a:hover {
	text-decoration:underline;
}

#footersection a#reciperolink {
	display:block;
	text-decoration:none;
	margin:4px 20px 0 0;
	
	
	float:right;
	cursor:pointer;
}