/*SITE DETAILS:
site: ForensicExperts
design by: rokk media
build by: ali west

colours used:
dark grey background: #2f2f2f;
orange: #f79709
blue: #006164



/*Normalizes margin, padding*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{margin: 0; padding: 0;}

/*Normalizes font-size for headers*/
h1, h2, h3, h4, h5, h6
{font-size: 100%;}

/*Removes list-style from lists*/
ol, ul
{list-style: none;}

/*Normalizes font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var
{font-style: normal; font-weight: normal;}

/*Removes borders and spacing from s*/

{border-collapse: collapse; border-spacing: 0;}

/*Removes border from fieldset and img*/
fieldset, img
{border: 0;}

/*Left-aligns text in caption and th*/
caption, th
{text-align: left;}

/*Removes quotation marks from q*/
q: before, q:after
{content: '';}

html {text-align: center; background: #2f2f2f url(../images/repeater.jpg) repeat-x left top;}
body {font-family:Arial, sans-serif; font-size:small;  }
.container {width: 980px;margin: 0 auto; text-align: left; }
p {line-height: 150%;padding-top: 4px;padding-bottom: 4px; color:#666; font-size: 110%;}

/***********************************************
			 HEADER SECTION
 ***********************************************/
.header {float: left;width: 980px;margin: 0; padding: 0; background: url(../images/header.jpg) no-repeat top center;} 
.header img {float: right; padding-top: 80px; padding-right: 40px;}
.heading {float: left; margin: 0; padding: 0;width: 915px; height: 250px;background: url(../images/bg-home.jpg) no-repeat top center; margin-left: 32px;margin-top:42px;}
body#index .heading h1 {margin-top:40px;}
body#internal .heading {background: url(../images/bg-internal.jpg) no-repeat top center;height: 194px; margin-top: 16px;}
body#internal .header {float: left;width: 980px;margin: 0; padding: 0; background: url(../images/header-internal.jpg) no-repeat top center;}

/***********************************************
			 MAIN CONTENT SECTION
 ***********************************************/
.content{ margin: 0; padding: 0;width: 980px; float: left;padding-top: 30px;}
.left {float: left;width: 567px;margin: 0; padding-left: 47px;padding-bottom: 50px;padding-right: 20px;}
.right {float: left;margin: 0; padding: 0; padding-left: 25px;padding-bottom: 0px;}
body#index .content {background: url(../images/fingerprint.jpg) no-repeat 95% 100%;}
body#internal .left p {padding-left: 30px;}
body#internal .left ul li{font: inherit; line-height: 150%;margin-top: 8px;margin-bottom: 8px; color:#666; font-size: 110%;}
body#internal .content {background: url(../images/fingerprint1.jpg) no-repeat 12% 100%;}
.left ul {list-style: disc; margin-left:50px;}
.left hr {width:90%; height:1px; border:0; background:#dcdcdc;}

/***********************************************
			 HEADINGS 
 ***********************************************/
body#internal h2 {padding-left: 30px;}
h1 {padding: 0;	margin: 0; color: #fff; font-size: 300%;padding-left: 45px; margin-top: 60px;}
h2 {padding: 0;	margin: 0; color: #006164; font-size: 250%; padding-top: 10px; padding-bottom: 10px;}
h3 {padding: 0;	margin: 0; color: #006164; font-size: 200%; padding-top: 10px; padding-bottom: 10px;}

body#internal h3 {padding-left: 30px;}

ul#box h3 {padding: 0;	margin: 0; color: #006164; font-size: 150%; padding-top: 10px; padding-bottom: 6px; padding-left: 30px;padding-top: 20px;}
li#boxes {background: url(../images/bg-h3.jpg) no-repeat top left; width: 298px;margin-bottom: 15px;float: left;}
li#boxes p {padding-left: 30px; padding-right: 30px;}
ul#box {width: 596px; margin-top: 20px; list-style:none; margin-left:0px; }
ul#box p.bg1 {background: url(../images/bg-h3-footer.jpg) no-repeat bottom left;height: 40px padding-top: 0; margin-top: 0;}

.orange-head {color: #f79709; font-size: 150%; width: 400px;padding-left: 45px; margin-top: 10px;}

/***********************************************
			 LINKS
 ***********************************************/
a {text-decoration:none; font-weight: bold; color: #003e40;}
a:hover {text-decoration:underline;}
.more {background: url(../images/button-more.jpg) no-repeat 0% 50%;width: 82px; height: 24px; margin-left: 30px;}
.more a {color: #fff;}
.more a:hover {color: #003e40;;text-decoration:none;}
.intro-bg .more {background: url(../images/button-more.jpg) no-repeat 0% 50%;width: 82px; height: 24px; margin-left: 0;padding-left: 30px;margin-top: 10px;}
ul#internal-nav li#top .more-white {background: url(../images/button-more-white.jpg) no-repeat 0 50%;width: 80px; height: 24px; padding: 0; margin: 0;margin-left: 25px; padding-left: 30px;margin-top: 2px;}
ul#internal-nav li#top .more-white a {color: #f9780d; text-decoration: none;}
ul#internal-nav li#top .more-white a:hover {color: #003e40;}


/*-------------------------	
      MAIN NAVIGATION
--------------------------- */

.navcontainer {float: left;margin: 0; padding: 0; width: 900px;margin-top: 1px;margin-left: 65px;}
.navcontainer ul {width:900px;margin: 0;padding: 0;}
body#index .navcontainer ul li{margin-top:0px;}
.navcontainer ul li {padding:12px 14px 18px 17px; margin-top:13px; float:left; list-style-type:none; font-size: 130%;background: url(../images/divider.jpg) no-repeat 100% 0%;}
.navcontainer ul li.active {background: #f3f3f3 url(../images/divider.jpg) no-repeat 100% 0;}
.navcontainer ul li a {border:0;display:block;text-decoration:none;color: #fff;}
.navcontainer ul li.active a {border:0;display:block;text-decoration:none;color: #003e40;margin-right: 10px;}
.navcontainer ul li a:hover{color: #003e40;}

/*-------------------------	
       INTRO SECTION
--------------------------- */

.intro-bg {background:  url(../images/bg-people.jpg) no-repeat 89% 0; height: 227px; }
.intro {background: url(../images/bg-1.png) no-repeat bottom left; width: 577px; padding-left: 30px;padding-right: 20px; }
.short {width: 300px;}
.orange {margin: 0; padding: 0; color: #f79709; font-size: 120%; font-weight: bold; line-height: 180%; }

/*-------------------------	
       QUOTE SECTION
--------------------------- */
.quote {background: url(../images/quote.jpg) no-repeat top left; font-style: italic; width: 260px; height: 244px;padding-left: 25px; padding-top: 20px; padding-right: 0px;}
.orange-quote {color: #f79709; font-size: 120%; font-weight: bold; padding-top: 0; padding-bottom: 0;padding-left: 25px;}
.orange-quote-italic {color: #f79709; font-size: 120%; font-style: italic;padding-top: 0; padding-bottom: 0;padding-left: 25px;}

/*-------------------------	
       FOOTER SECTION
--------------------------- */
.footer {float: left; clear: both;background: #2d2d2d url(../images/bg-footer.jpg) no-repeat bottom center; width: 980px; height: 70px;margin: 0; padding: 0;}
.footer p {color: #fff;float: right; padding-top: 35px; font-size: 85%;padding-right: 20px;}
.footer a {color: #ffffff;}

/*-------------------------	
     INTERNAL NAVIGATION
--------------------------- */
ul#internal-nav {width: 266px;}

ul#internal-nav li#top {background:  url(../images/bg-internalnav.jpg) no-repeat top left; height: 268px;padding-top: 10px;margin-bottom: 15px; }
ul#internal-nav li#top h1 {color: #fff; font-size: 220%;margin: 0; padding: 0;padding-left: 25px; padding-bottom: 20px;padding-top: 5px;}
ul#internal-nav li#top p {color: #fff; margin: 0; padding: 0;padding-left: 25px; padding-bottom: 3px;padding-top: 3px; padding-right: 15px;}

ul#internal-nav h4 {color: #006164; margin: 0; padding: 0; font-size: 150%; padding-top: 10px; padding-bottom: 6px; padding-left: 30px;padding-top: 20px;}
ul#internal-nav li#boxes1 {background: url(../images/bg-h4.jpg) no-repeat top left; width: 260px;margin-bottom: 20px;}
ul#internal-nav li#boxes1 p {padding-left: 30px; padding-right: 35px;padding-bottom: 0px;}
ul#internal-nav li#boxes1 p.bg {margin: 0; padding: 0;background: url(../images/bg-h4-footer.jpg) no-repeat bottom left;height: 40px padding-top: 0; margin-top: 0;} 

/*-------------------------	
         LISTS
--------------------------- */
ul#expertise {margin-top: 20px; margin-bottom: 20px;list-style-type: none; margin-left: 30px; padding-left: 0px;}
ul#expertise h1 {color: #006164; font-size: 120%;padding: 0; margin: 0; padding-top: 6px; padding-bottom: 6px;margin-left: 100px;}
ul#expertise img {float: left; margin: 0; padding: 0; margin-right: 30px; padding-top: 5px;}
ul#expertise li {margin: 0; padding: 0;padding-bottom: 20px;}
ul#expertise li p.more {margin-left: 100px; padding-left: 25px;}
blockquote {line-height: 150%;padding-top: 4px;padding-bottom: 4px; color:#666; font-size: 110%;margin-left: 100px;}

.bold {font-weight: bold;}
ul#normal {margin-left: 55px; margin-top: 10px; margin-bottom: 10px;list-style-type: disc; color: #666; font-size: 110%;}
ul#normal li {padding-top: 5px; padding-bottom: 5px;}
