@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0;}

img { border: 0; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color:#666; }



/* header */

#navwrap { width: 100%; height: 368px; background-color:#d8d8d8; padding: 7px 0 0 0; margin: 0 auto; }

#shadow { width: 676px; height: 6px; background-image:url(images/shadow.jpg); background-repeat:no-repeat; margin: 0 auto 20px auto; }

#header { width: 905px; height: 95px; margin: 0 auto 10px; padding: 10px 0 0 0; }

#number { float: right; font-size: 2.3em; text-align: right; margin: 38px 0 0 0; border-right: 3px solid #900; height: 53px; font-weight: bold; padding: 0 5px 0 0; width:250px;}

#navholder { width: 199px; height: 360px; float: left; }

.fb-like { float:left; padding:35px 0 0 0;}


/* flash area */

#flashholder { width: 905px; height: 360px; margin : 0 auto; }

#flash { width: 691px; height: 359px; float: right; margin: 0 5px 0 0; }


/* text areas */

#textcontent { float: left; width: 428px; height: auto; margin: 0 5px 0 0;  border-right: 1px solid #900; padding: 0 10px 0 5px; }

#textcontent p { margin: 0 0 10px; line-height: 1.6em; font-size: 1.1em; }

#textcontent a { color: #900; text-decoration: none; }

#textcontent a:hover { color: #333; text-decoration: none; }

#textcontent2 { float: left; width: 900px; height: 520px; margin: 0 0 0 0;  padding: 0 0 0 5px; }

#textcontent2 p { margin: 0 0 10px;  font-size: 1.1em; }

#textcontent2 ul { list-style: none; font-size: 1.4em; }



#textcontent3 { float: left; width: 378px;  margin: 0;  padding: 0 10px 0 5px; text-align:left; }

#textcontent3 p { margin: 0 0 10px; line-height: 1.6em; font-size: 1.1em; }

#textcontent3 a { color: #900; text-decoration: none;  }

#textcontent3 a:hover { color: #333; text-decoration: none; }

#textcontent4 { float: left; width: 665px; height: 466px; margin: 0 0 0 0;  border-right: 1px solid #900; padding: 0; }

#textcontent4 p { margin: 0 0 10px; line-height: 1.9em; font-size: 1.1em; }

#textcontent5 { float: left; width: 673px; height: 526px; margin: 0 0 20px 0;  padding: 0; }

#textcontent5 p { margin: 0 0 10px; line-height: 1.9em; font-size: 1.1em; }

#textcontent5 ul { list-style: none; font-size: 1.4em; }


#contentholder { width: 905px; height:820px; overflow: hidden; margin: 0 auto; position: relative; }

#contentholder2 { width: 905px; overflow: hidden; margin: 0 auto; }

#contentholder3 { width: 905px; height: 820px; overflow: hidden; margin: 0 auto; }

#firstcontainer { float: right; height:auto; position: absolute; left: 209px; top: 2px; width: 687px; }

#contactcontainer { float: left; width: 905px; }

#churchcont { float: left; margin: 0 30px 0 0; width: 305px; height: 466px; text-align:left;  }

#churchcont a { color: #900; text-decoration: none; }

#churchcont a:hover { color: 666; text-decoration: none; }

#churchcont2 { float: left; margin: 0 ; width: 305px; height: 433px; text-align:left; padding: 33px 0 0 0;  }

#churchcontent {   width:895px; clear: both; margin: 20px 0 0 0; padding: 10px 10px 0 0; font-size: 1.1em; } 

#churchcontent p { margin: 10px 0; line-height: 1.9em; }

#contentholderprocess { width: 905px; height: 300px; overflow: hidden; margin: 0 auto; }

#absolute { width: 156px; height: 644px; position: relative; float: left }


#leftholder a { color: #900; text-decoration: none; }

#leftholder a:hover { color: 666; text-decoration: none; }

/* content areas */

#rightholder2 { width: 223px;float: right; }

#rightholder2 ul { list-style-position:inside; }

#rightholder2 li { padding: 3px; font-size: 1.1em; }

#leftholder { width: 419px; height: 324px; float: left; margin: 0 0 10px  0; padding: 0 20px 0 0 }

#leftholder2 { width: 226px; height: 284px; float: right; padding: 40px 0 0 0; }

#leftholder3 { width: 226px; height: 294px; float: right; padding: 30px 0 0 0; }


#rightholder2 a { color:#900; text-decoration: none; }

#rightholder2 a:hover { color:#666; text-decoration: none; }


#leftholder4 { width: 419px; height: 324px; float: left; margin: 0 0 0  0; }

#leftholder4 a { color: #900; text-decoration: none; }

#leftholder4 a:hover { color: #333; text-decoration: none; }


#leftholder5 { width: 519px; height: 324px; float: left; margin: 0 0 10px  0; }

#leftholder5 ul { margin: 20px 0 0 0; }

leftholder5 li {  padding: 5px 0; }

#leftholder5 li a { color: #666; text-decoration:none; }

#leftholder5 li a:hover { color: #900; text-decoration:none; }

#leftholder5 a { color: #666; }

#leftholder5 a:hover { color: #900; }

#trio { width: 673px; clear:both;  }

#surge { float: left; width: 309px; height: 190px; margin: 40px 0 0 0; padding: 0 10px 0 0; }

#surge p { font-size: 1.1em; padding: 0 0 10px 0; line-height: 1.9em; }

#surge2 { float: right; width: 309px; height: 150px; margin: 40px 0 0 0; padding: 0  0 0 10px;  }

#surge2 ul { list-style-position: outside; padding: 10px 0 0 0; }

#surge2 li { padding: 0 0 10px 0; font-size: 1.1em; }

#linkbox { width: 480px;  border: 1px dotted #333; margin: 15px 0 20px 0; padding: 10px; line-height: 1.2em; }

#birdright { float: right; width: 489px; }

#lightright { float: right; width: 470px; }

#calltoaction { width: 490px; height: 90px; background-image: url(images/calltoaction.jpg); background-repeat: no-repeat; margin: 20px 0 0 0; clear:both; padding: 40px 0 0 160px; }

#calltoaction p { color: #FFF;  font-weight: bold; font-size: 1.2em; line-height: 2.5em;  }

.strip { width: 180px; height: 26px; padding: 12px; margin: 0 0 10px 0; background-color:#AAA; color: #FFF; font-size: 1.2em; overflow:hidden; }

#portfolio { float: left; width: 156px; height: 644px; background-image:url(images/portfolio.jpg); background-repeat:no-repeat; padding: 10px 18px; }

#underport { width: 156px; height: 156px; clear: both; }

#portfolio p { color: #333; font-size: 1.1em; }

#portfolio ul { margin: 25px 0 50px 0; list-style-image:url(images/arrow.jpg); }

#portfolio li {  list-style-position:inside; padding: 0 0 5px 0; color:#333; font-size: 1.1em; }

#innerport { width: 152px; height: 250px; margin : 0 auto 10px; border-bottom: 1px solid #FFF; padding: 10px 0 0 0; }


/*Boxes */

#boxholder { float: left; padding: 0 20px 0 0;  border-right: 1px solid #900; margin: 0 0 20px 0; overflow: hidden; width: 220px; }

#boxholder p { margin: 0 0 10px 0; }

#box1 { width: 208px; height: 197px; background-color: #fcfbe0;  background-image:url(images/spikes2.jpg); background-repeat:no-repeat; background-position:bottom; margin: 0 0 30px 0; padding: 10px;  font-size: 1.1em; }

#box2 { width: 208px; height: 197px; background-color: #fcfbe0;  background-image:url(images/netting2.jpg); background-repeat:no-repeat; background-position:bottom; margin: 0 0 0 0; padding: 10px; font-size: 1.1em;  }

#box3 { width: 459px; height: 193px; background-color: #FFF;  background-image:url(images/humane2.jpg); background-repeat:no-repeat; background-position:bottom left; margin: 0 0 20px 0; clear: both; padding: 10px; font-size: 1.1em; }
#box3 p { margin: 10px 0  }


#box4 { width: 284px; height: 118px; background-color: #eeeeee; background-image:url(images/accredited2.jpg); background-repeat:no-repeat; background-position:bottom right; margin: 10px 0 20px; clear: both;  padding: 15px 10px 10px 10px; font-size: 1.1em; color:#900; text-align:left; }

#box5 { width: 284px; height: 123px; background-color: #eeeeee; background-image:url(images/portfolio-box2.jpg); background-repeat:no-repeat; background-position:bottom right; margin: 10px 0  20px; clear: both;  font-size: 1.1em; padding: 10px; color: #900; }

#box5 ul { list-style-position:inside; }

#box5 li { color:#333; }


#box6 { width: 181px; height: 95px; margin: 0 1px 0 0; padding: 10px 25px 0 10px; background-image: url(images/specialists.jpg); background-repeat:no-repeat; float: left; }

#box6 p { color: #900; font-size: 1.2em; line-height: 1.6em; }

#box7 {  width: 172px; height: 95px; margin: 0 1px 0 0; padding: 10px 35px 0 10px;  background-image: url(images/helita.jpg); background-repeat:no-repeat; float: left; }

#box7 p { color: #900; font-size: 1.2em; line-height: 1.6em; }

#box8 { width: 188px; height: 95px; margin: 0 0 0 0; padding: 10px 25px 0 10px;  background-image: url(images/regulations.jpg); background-repeat:no-repeat; float: left; }

#box8 p { color: #900; font-size: 1.2em; line-height: 1.6em; }



/* Enquirey Form */

#formleft { float:left; width:185px; margin: 10px 0 0 0 ; }

.formleft2 { float:left; width:215px; margin: 10px 0 0 0 ; }

.formstyle  { font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:1em; color: #FFF; margin:0 0 6px; padding:2px; width:180px; background-image:url(images/redinner.jpg); }

.formstyle2  { font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:1em; color: #FFF; margin:0 0 6px; padding:2px; width:190px; background-image:url(images/redinner.jpg); }

.miniformstyle { background: none repeat scroll 0 0 #009999; border:1px solid #CCCCCC; color:#FFFFFF; font-size:1.2em; margin:10px 0 6px;padding:1px; width:180px; }

.miniformstyle2 { border:1px solid #333; color:#000; background-color:#900; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:1.2em; margin:5px 0 6px; padding:0; width:187px; }

#enquiry { width: 195px; height: 244px;  background-image:url(images/enquiry.jpg); background-repeat:no-repeat; margin: 10px 0 0 0; padding: 10px; }

#enquiry p { font-size: 1.1em; }

/* contact page */

#address { width: 250px; float: left; margin: 20px 0 0 30px; padding: 15px; background-color:#ededed; }

#map { float: left; margin: 20px 0 0 30px;  }

#contactprocess { width: 570px; height: 100px; border: 1px dotted #009;  padding: 15px; margin: 15px auto; }



/* footer */

#footerholder { width: 905px; height: 200px; margin: 20px auto; }

#footerholder p { margin: 5px 0; }

#footerleft { float: left; width: 210px; height: 200px; border-right: 1px solid #FFF; }

#footerleft ul { list-style-position:inside; margin: 10px 0 0 0; list-style: none; }

#footerleft li { font-size: 1.1em; color:#333; }

#footerleft li a { color:#666; text-decoration:none; }

#footerleft li a:hover { color: #900; text-decoration:none; }

#footermiddle { float: left; width: 236px; height: 200px; border-left: 1px solid #999; border-right: 1px solid #FFF; padding: 0 0 0 10px; }

#footermiddle ul { list-style: none; font-size: 1.1em; color: #666; margin: 10px 0; }

#footerright { float: right; width: 230px; height: 200px; border-left: 1px solid #999; padding: 0 0 0 10px; }

#footerright a { color: #666; }

#footerright a:hover { color:#900; }

#footerright2 { float: right; width: 193px; height: 200px; border-left: 1px solid #999; padding: 0 0 0 10px; border-right: 1px solid #FFF; color: #666; }

#footer {  height: 250px; width: 100%; background-image:url(images/footerbg.jpg); background-repeat:repeat-x; margin: 20px 0 0 0; }

#footershadow { margin: 0 auto; height: 6px; width: 800px; background-image:url(images/footershadow.jpg); background-repeat:no-repeat; }



/* Sprites */

#imageboxes { float: left; margin: 0 auto; height: 360px; width: 199px; overflow:hidden }

#imageboxes li.nav-home a { width:169px; height: 30px; float: left; padding: 15px   }

#imageboxes li.nav-home a:hover { background-position: 0 -60px; }

#imageboxes li a { display:block; background:transparent url(images/navsprite.jpg) no-repeat; height:60px; color: #FFF; text-decoration: none; font-size: 1.2em; }

#imageboxes li { float:left; list-style:none; list-style-position:outside; letter-spacing: 1px; margin:0 ; }


/* text classes */

h1, h2, h4 { color: #900; font-weight: normal; margin: 0 0 5px 0; font-size: 1.4em;  }

h3 { color: #900; font-weight: normal; margin: 10px 0 5px 0; font-size: 1.4em;  }

.red { color: #900;  }

.redtitle { color: #900; font-size: 1.4em; }

.bold { font-weight: bold; color:#900; }

.bignumber { font-size: 4em; font-weight: bold; padding: 10px 0 0 0; }

.italics { font-style:italic; font-size: 1.4em; font-weight: bold; color: #900; }

strong { color: #900; }