/* This is just here for formatting purposes.  This has nothing to do with the layout. */
/* @import url(../styles/defaultstyles.css); */
body {
/* Always use margin:  0;  padding:  0; as margin controls for your page itself.  Setting both to 0 ensures that your page will spread to the outer edges of the browser window. */
	margin:  0;
	padding:  0;
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	background-image:url(//www.theprivatedetective.com/Images/OuterGraduation.jpg);
	background-repeat:repeat-x;
	background-color: #f2f2f2;
}

#bodywrapper {
/* replace margin-top value with the height of your header. */
	position: absolute;
	top:  0px;
	left: 50%;	
	margin-top: 133px;
	margin-left:  -465px;
	margin-right:  0px;
	margin-bottom:  0px;
	padding:  0;
	border: solid 0px;
/* Replace width value with your choice of layout width. */
	width:  931px;
/*  Background of the left side menu.  Replace the URL and the background color (#FFFFFF) with your choices for each.)  */
	background:  #FFFFFF; 
	color:  #000000;

}

/********************* Content Area ********************************/


#contentarea {
 /* replace this value with the width of your left column */
	margin:  0;
	padding:  0;
	float:  left;
	height:  1%;  /* IE hack due to a bug handling float:  right. */
	width:  931px;
	border : 0px;
}

#contentarea p{
	font-weight: normal;
	color: #334d55;
	text-decoration: none;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 25px;
	margin-right: 25px;

}

#contentarea h1{
	text-align: center;
	margin: 5px;
}

#contentarea h2{
	text-align: center;
	margin: 5px;
	color: #334d55;
	text-decoration: none;
	font-size: 14px;
	
}

/********************* Left Content *******************************/

#leftcolumncontent {
 /* replace this value with the width of your left column */
	margin:  0;
	padding:  10px 10px 10px 10px;
	float:  left;
	height:  1%;  /* IE hack due to a bug handling float:  right. */
	width:  485px;
	border: solid 0px;
}


#leftcolumncontent h1{
	text-align: center;
	margin: 10px;
}

#leftcolumncontent p{
	text-align: justify;
	margin: 10px;
}

#leftcolumncontent h2{

	text-align: left;
	font-size: 10px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
	margin: 0px 10px 0px 0px;	
}


#leftcolumncontent ul{
 	list-style-type: square;
	list-style-position: inside;
 	text-align: justify;
	font-size: 12px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding-left: 10px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

#leftcolumncontent li{
	text-align: justify;
	font-size: 12px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;

}


/********************* Right Content *****************************/

#rightcolumncontent {
	position:  relative;
	float: left;
/*  Background of the right side menu.  Replace the URL and the background color (#3F9BCF) with your choices for each.)  */
	background:  #FFFFFF;
	color:  #FFFFFF;
	margin:  0px;
	padding:  10px 10px 10px 10px;
/* Replace width with the width of your right column. */
	width:  390px;
	border: 0px solid #000000;
}

#rightcolumncontent h1{
	text-align: center;
	margin: 10px;
}

#rightcolumncontent p{
	text-align: left;
	margin: 0px;
}

#rightcolumncontent img{
	padding:  5px 5px 5px 5px;
	border: 1px solid #000000
}

#rightcolumncontent h2{

	text-align: center;
	font-size: 14px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
	margin: 20px 0px 0px 0px;	
}



#rightcolumncontent ul{
 list-style-type: square;
	text-align: justify;
	font-size: 14px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
}

#rightcolumncontent li{
	text-align: justify;
	font-size: 14px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;

}


/********************* Left menu Content *******************************/

#leftmenucontent {
 /* replace this value with the width of your left column */
	margin:  0px;
	padding:  10px 10px 10px 10px;
	float:  left;
	height:  1%;  /* IE hack due to a bug handling float:  right. */
	width:  200px;
	border: 0px solid #000000;
	
}


#leftmenucontent h1{
	text-align: center;
	margin: 5px;
}

#leftmenucontent p{
	text-align: left;
	margin: 5px;
}

#leftmenucontent h2{

	text-align: left;
	font-size: 16px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px 5px 5px 0px;
	margin: 0px;	
}

#leftmenucontent h3{

	text-align: left;
	font-size: 14px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
	margin: 0px;	
}


#leftmenucontent ul{
 list-style-type: square;
	font-size: 12px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
	margin: 0px;
}

#leftmenucontent li{
	font-size: 12px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
	margin: 0px;
}


/********************* Right menu Content *****************************/

#rightmenucontent {
	position:  relative;
	float: left;
/*  Background of the right side menu.  Replace the URL and the background color (#3F9BCF) with your choices for each.)  */
	background:  #FFFFFF;
	color:  #FFFFFF;
	margin:  0px 0px 0px 0px;
	padding:  10px 10px 10px 10px;
/* Replace width with the width of your right column. */
	width:  670px;
	border: 0px solid #000000;
}

#rightmenucontent h1{
	text-align: center;
	margin: 10px;
}

#rightmenucontent p{
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}

#rightmenucontent p.disclaimer{
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
font-size: 8px;
font-style: italic;

}

#rightmenucontent td{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	margin-right: 0px;
	padding: 0px;
}

#rightmenucontent img{
	float:right;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding:  5px 5px 5px 5px;
	border: 1px solid #000000;
}

#rightmenucontent h2{

	text-align: center;
	font-size: 14px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 5px 5px 5px 5px;	
}

#rightmenucontent h3{

	text-align: center;
	font-size: 12px;
 	font-family: Arial,sans-serif;
 	color: #cc3333;
 	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
}

#rightmenucontent ul{
 	list-style-type: square;
	list-style-position: inside;
 	font-size: 12px;
	text-align: left;
 	font-family: Arial,sans-serif;
 	color: #000000;
	text-indent: 0px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
}

#rightmenucontent li{
	font-size: 12px;
	text-align: left;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
	margin: 0px;

}

/********************* Frame in the right *********************************/
#floatRightImage {
width: 401px;
float: right;
border: solid 0px #000000;
padding-top: 5px;
padding-left: 20px;
padding-right: 0px;
padding-bottom: 0px;
margin:0px;
}

#floatRightImage td{
	margin: 0px;
	padding: 1px;
	font-size: 10px;
 	font-family: Arial,sans-serif;
 	color: #000000;
}

#floatRightImage h2{
	text-align: center;
	margin-top: 40px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	color: #cc3333;
	text-decoration: none;
	font-size: 12px;
	
}
 	
#floatRightImage img{
	float:left;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 10px;
	padding:  5px 5px 5px 5px;
	border: 1px solid #000000;
}	


/********************* Frame in the left *********************************/
#floatLeftImage {
width: 341px;
float: left;
border: solid 0px #000000;
padding-top: 0px;
padding-left: 0px;
padding-right: 10px;
padding-bottom: 0px;
margin:0px;
}

#floatLeftImage td{
	margin: 0px;
	padding: 1px;
	font-size: 10px;
 	font-family: Arial,sans-serif;
 	color: #000000;
}

#floatLeftImage h2{
	text-align: center;
	margin-top: 40px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	color: #cc3333;
	text-decoration: none;
	font-size: 12px;
	
}
 	
#floatLeftImage img{
	float:left;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 10px;
	padding:  5px 5px 5px 5px;
	border: 1px solid #000000;
}	



/********************* Left Summary Content *******************************/

#leftsummarycontent {
 /* replace this value with the width of your left column */
	margin:  0px;
	padding:  10px 10px 10px 10px;
	float:  left;
	height:  1%;  /* IE hack due to a bug handling float:  right. */
	width:  230px;
	border: 0px solid #000000;
	
}


#leftsummarycontent h1{
	text-align: center;
	margin: 10px;
}

#leftsummarycontent p{
	text-align: justify;
 	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
}

#leftsummarycontent h2{

	text-align: center;
	font-size: 16px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 5px 5px 5px 5px;
	margin: 0px;	
}


#leftsummarycontent h3{

	text-align: center;
	font-size: 12px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 5px;
	margin: 0px;	
}


#leftsummarycontent ul{
 	list-style-type: square;
	list-style-position: inside;
 	font-size: 12px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding-left: 10px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

#leftsummarycontent li{
	font-size: 12px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
	margin: 0px;
}


/********************* Right Summary Content *****************************/

#rightsummarycontent {
	position:  relative;
	float: left;
/*  Background of the right side menu.  Replace the URL and the background color (#3F9BCF) with your choices for each.)  */
	background:  #FFFFFF;
	color:  #FFFFFF;
	margin:  0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
/* Replace width with the width of your right column. */
	width:  640px;
	border: 0px solid #000000;
}

#rightsummarycontent h1{
	text-align: center;
	margin: 10px;
}

#rightsummarycontent p{
	text-align: justify;
	margin: 5px;
	padding: 5px;
}

#rightsummarycontent img{
	float:right;
	margin: 5px;
	padding:  5px 5px 5px 5px;
	border: 1px solid #000000;
}

#rightsummarycontent h2{

	text-align: center;
	font-size: 14px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
	margin: 5px 5px 5px 5px;	
}



#rightsummarycontent ul{
 	list-style-type: square;
	list-style-position: inside;
 	font-size: 12px;
	text-align: left;
 	font-family: Arial,sans-serif;
 	color: #000000;
	text-indent: 0px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

#rightsummarycontent li{
	font-size: 12px;
	text-align: left;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
	margin: 0px;

}


/********************* Right Main Content *******************************/

#rightMaincontent {
 /* replace this value with the width of your left column */
	margin:  0;
	padding:  10px 10px 10px 10px;
	float:  right;
	height:  1%;  /* IE hack due to a bug handling float:  right. */
	width:  200px;
	border: solid 0px;
	
}


#rightMaincontent h1{
	text-align: center;
	margin: 10px;
}

#rightMaincontent p{
	text-align: left;
	margin: 0px;
}

#rightMaincontent h2{

	text-align: left;
	font-size: 16px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px 0px 0px 0px;
	margin: 0px;	
}

#rightMaincontent h3{

	text-align: left;
	font-size: 14px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
	margin: 10px 0px 5px 0px;	
}


#rightMaincontent ul{
 list-style-type: square;
	font-size: 12px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
	margin: 0px;
}

#rightMaincontent li{
	font-size: 12px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
	margin: 0px;
}


/********************* Left Main Content *****************************/

#leftMaincontent {
	position:  relative;
	float: left;
/*  Background of the right side menu.  Replace the URL and the background color (#3F9BCF) with your choices for each.)  */
	background:  #FFFFFF;
	color:  #FFFFFF;
	margin:  0px 0px 0px 0px;
	padding:  10px 10px 10px 10px;
/* Replace width with the width of your right column. */
	width:  685px;
	border: 0px solid #000000;
}

#leftMaincontent h1{
	text-align: center;
	margin: 10px;
}

#leftMaincontent p{
	text-align: justify;
	margin: 5px;
	padding: 5px;
}

#leftMaincontent img{
	float:left;
	margin: 10px;
	padding:  5px 5px 5px 5px;
	border: 1px solid #000000
}

#leftMaincontent h2{

	text-align: center;
	font-size: 14px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
	margin: 20px 0px 0px 0px;	
}

#leftMaincontent h3{

	text-align: center;
	font-size: 12px;
 	font-family: Arial,sans-serif;
 	color: #cc3333;
 	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
}


#leftMaincontent ul{
 	list-style-type: square;
	font-size: 12px;
	text-align: left;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
	margin: 0px;
}

#leftMaincontent li{
	font-size: 12px;
	text-align: left;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
	margin: 0px;

}

/********************* Right Location Content *******************************/

#rightLocationcontent {
 /* replace this value with the width of your left column */
	margin:  0;
	padding-top:  0px;
	padding-bottom:  5px;
	padding-left:  5px;
	padding-right:  5px;
	float:  right;
	height:  1%;  /* IE hack due to a bug handling float:  right. */
	width:  640px;
	border: solid 0px #000000;
	
}


#rightLocationcontent h1{
	text-align: center;
	margin: 10px;
}

#rightLocationcontent p{
	text-align: left;
	margin: 0px;
}

#rightLocationcontent h2{

	text-align: left;
	font-size: 16px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px 0px 0px 0px;
	margin: 0px;	
}

#rightLocationcontent h3{

	text-align: left;
	font-size: 14px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
	margin: 10px 0px 5px 0px;	
}


#rightLocationcontent ul{
 list-style-type: square;
	font-size: 12px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
	margin: 0px;
}

#rightLocationcontent li{
	font-size: 12px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
	margin: 0px;
}


/********************* Left Location Content *****************************/

#leftLocationcontent {
	
	position:  relative;
	float: left;
/*  Background of the right side menu.  Replace the URL and the background color (#3F9BCF) with your choices for each.)  */
	background:  #FFFFFF;
	color:  #FFFFFF;
	margin:  0px 0px 0px 0px;
	padding-top:  10px;
        padding-bottom:  10px;
        padding-left:  5px;
        padding-right:  5px;
/* Replace width with the width of your right column. */
	width:  910px;
	border: 0px solid #000000;
}

#leftLocationcontent h1{
	text-align: center;
	margin: 10px;
}

#leftLocationcontent p{
	text-align: left;
	margin: 5px;
	padding: 5px;
}

#leftLocationcontent img{
	float:left;
	margin: 10px;
	padding:  5px 5px 5px 5px;
	border: 1px solid #000000
}

#leftLocationcontent h2{

	text-align: center;
	font-size: 14px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
	margin: 20px 0px 0px 0px;	
}

#leftLocationcontent h3{

	text-align: center;
	font-size: 12px;
 	font-family: Arial,sans-serif;
 	color: #cc3333;
 	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
}


#leftLocationcontent ul{
 	list-style-type: square;
	font-size: 12px;
	text-align: left;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
	margin: 0px;
}

#leftLocationcontent li{
	font-size: 12px;
	text-align: left;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
	margin: 0px;

}


/********************* Extra Info Area **********************/

#extraInfoBlock{

	position:  relative;
	float: left;
/*  Background of the right side menu.  Replace the URL and the background color (#3F9BCF) with your choices for each.)  */
	background:  #FFFFFF;
	color:  #FFFFFF;
	margin:  0px 0px 0px 0px;
	padding:  10px 10px 10px 10px;
/* Replace width with the width of your right column. */
	width:  870px;
	border: 0px solid #000000;

}

#extraInfoBlock p{
	text-align: justify;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;

}

#extraInfoBlock h2{

	text-align: left;
	font-size: 16px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px 0px 0px 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	
}

#extraInfoBlock h3{

	text-align: left;
	font-size: 14px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	
}


/********************* Location Area **********************/

#locationBlock{

	position:  relative;
	float: left;
/*  Background of the right side menu.  Replace the URL and the background color (#3F9BCF) with your choices for each.)  */
	background:  #FFFFFF;
	color:  #000000;
	margin:  0px 0px 0px 0px;
	padding:  10px 10px 10px 20px;
/* Replace width with the width of your right column. */
	width:  900px;
	border: 0px solid #000000;

}

#locationBlock p{
	font-weight: normal;
	color: #334d55;
	text-decoration: none;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 25px;

}

#locationBlock h4{
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 25px;

}

/********************* Header Styles **********************/
#header-container{
	position:  absolute;
	top:  0px;
	left:  50%;
	width:  931px;
	height:  133px;
	border: solid 0px;
}
#header {
	position:  absolute;
	top:  0px;
	left:  -465px;
/* The header can be set to either a fixed width or a liquid width.  I prefer to make the header a liquid width for aesthetic purposes, but changing it to a fixed width will not affect the layout.  This is an optional property. */
	width:  931px;
/* replace this value with the height of your header. */
	height:  133px;
/* background for the header.  Replace the URL and the background color (#F2F2F2) with your choices for each.  */
	background:  url(//www.theprivatedetective.com/Images/header.jpg) top left no-repeat;
/* put this in to ensure that your header doesn't overlap the body of your website. */
	border: solid 0px;
}

#header-nav {
	position:  absolute;
	top:  0px;
	left: 0px;
	margin-left: 0px;
	margin-top: 107px;
	width:  931px;
	height:  26px;
	border: solid 0px;
}

#header-nav p{
	text-align: left;
	font-size: 12px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
	margin: 0px; 
}

/********************* Footer Styles **********************/

#footer {
/* This is needed to ensure that the footer appears below your content and menus. */
	clear:  both;
	margin-top: 10px;
	padding:  0;
/* The footer can be set to either a fixed width or a liquid width.  This is an optional property. */
	width:  931px;
/* Replace with the height of your footer.  Optional.  */
	height:  27px;
/* Replace with the background image and colour of your footer.  */
	background:  url(//www.theprivatedetective.com/Images/footer.jpg) top left no-repeat;
	text-align: center;
}

#footer p{
	text-align: center;
	margin: 8px;
	font-size: 10px;
}



/************* Font Styles ***************************/


a{
	color:  #000000;
	text-decoration: underline;
}

a:link{
	text-decoration: underline;
}

a:visited{
	text-decoration: underline;
}

a:hover{
	color:  #999999;
	text-decoration: underline;
}

/********************* Footer Styles **********************/

#link-footer {
/* This is needed to ensure that the footer appears below your content and menus. */
	clear:  both;
	margin: 20px 10px 10px 10px;
	padding:  0;
/* The footer can be set to either a fixed width or a liquid width.  This is an optional property. */
	width:  911px;
/* Replace with the background image and colour of your footer.  */
text-align: center;
}

#link-footer a{
	text-decoration: none;
	font-size: 10px;
	color: #999999;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #000000;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 text-align: center;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

p{
	text-align: left;
	font-size: 12px;
 	font-family: Arial,sans-serif;
 	color: #000000;
 	padding: 0px;
}

ul{
 list-style-type: square;
	text-align: justify;
	font-size: 12px;
 	font-family: Arial,sans-serif;
 	padding: 0px;
}

li{
	text-align: justify;
	font-size: 12px;
 	font-family: Arial,sans-serif;
 	padding: 0px;

}


ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #000000;
}


/************** .story styles *****************/

.contact{
	text-decoration: none;
}

.contact p{
	color:  #FFFF33;
}

/************************* ID fonts ***************/

#header-nav p{
	font-weight: normal;
	text-decoration: none;
	font-size: 15px;
	color:  #FFFFFF;
}

#header-nav a{
	color:  #FFFFFF;
	text-decoration: none;
}

#header-nav a:hover {
	color:  #FF0000;
	text-decoration: none;
}

#footer p{
	font-weight: normal;
	text-decoration: none;
	font-size: 10px;
	color:  #FFFFFF;
	margin: 0px;
    padding:5px;
}

#footer a{
	color:  #FFFFFF;
	text-decoration: none;
}

#footer a:hover {
	color:  #FF0000;
	text-decoration: none;
}




/************************* Index Page Buttons ***************/

.compButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:105px;
    width:320px;   
    font-size:16px;
    text-align:center;
     
   
}

a.compButtonClass, a.compButtonClass:visited, a.compButtonClass:active
{      
    font-size: 11px;
    text-align:center;  
    width:320px;
    text-decoration: none;    
    background: url(//www.theprivatedetective.com/Images/indexCompButton.jpg) center center no-repeat; 
}

a.compButtonClass:hover
{
    display:block;
    text-decoration: none;
    background: url(//www.theprivatedetective.com/Images/indexCompButton2.jpg) center center no-repeat;
}

.surButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:105px;
    width:320px;   
    font-size:16px;
    text-align:center;
     
   
}

a.surButtonClass, a.surButtonClass:visited, a.surButtonClass:active
{      
    font-size: 11px;
    text-align:center;  
    width:320px;
    text-decoration: none;    
    background: url(//www.theprivatedetective.com/Images/indexSurButton.jpg) center center no-repeat; 
}

a.surButtonClass:hover
{
    display:block;
    text-decoration: none;
    background: url(//www.theprivatedetective.com/Images/indexSurButton2.jpg) center center no-repeat;
}

.phoneButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    color:#40455e;
    height:105px;
    width:320px;   
    font-size:16px;
    text-align:center;
     
   
}

a.phoneButtonClass, a.phoneButtonClass:visited, a.phoneButtonClass:active
{      
    font-size: 11px;
    text-align:center;  
    width:320px;
    text-decoration: none;    
    background: url(//www.theprivatedetective.com/Images/indexPhoneButton.jpg) center center no-repeat; 
}

a.phoneButtonClass:hover
{
    display:block;
    text-decoration: none;
    background: url(//www.theprivatedetective.com/Images/indexPhoneButton2.jpg) center center no-repeat;
}

.trackButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:105px;
    width:320px;   
    font-size:16px;
    text-align:center;
     
   
}

a.trackButtonClass, a.trackButtonClass:visited, a.trackButtonClass:active
{      
    font-size: 11px;
    text-align:center;  
    width:320px;
    text-decoration: none;    
    background: url(//www.theprivatedetective.com/Images/indexTrackButton.jpg) center center no-repeat; 
}

a.trackButtonClass:hover
{
    display:block;
    text-decoration: none;
    background: url(//www.theprivatedetective.com/Images/indexTrackButton2.jpg) center center no-repeat;
}

.listenButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:105px;
    width:320px;   
    font-size:16px;
    text-align:center;
     
   
}

a.listenButtonClass, a.listenButtonClass:visited, a.listenButtonClass:active
{      
    font-size: 11px;
    text-align:center;  
    width:320px;
    text-decoration: none;    
    background: url(//www.theprivatedetective.com/Images/indexListenButton.jpg) center center no-repeat; 
}

a.listenButtonClass:hover
{
    display:block;
    text-decoration: none;
    background: url(//www.theprivatedetective.com/Images/indexListenButton2.jpg) center center no-repeat;
}

.contactButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:105px;
    width:320px;   
    font-size:16px;
    text-align:center;      
}

a.contactButtonClass, a.contactButtonClass:visited, a.contactButtonClass:active
{      
    font-size: 11px;
    text-align:center;  
    width:320px;
    text-decoration: none;    
    background: url(//www.theprivatedetective.com/Images/indexContactButton.jpg) center center no-repeat; 
}

a.contactButtonClass:hover
{
    display:block;
    text-decoration: none;
    background: url(//www.theprivatedetective.com/Images/indexContactButton2.jpg) center center no-repeat;
}

.fraudButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:105px;
    width:320px;   
    font-size:16px;
    text-align:center;      
}

a.fraudButtonClass, a.fraudButtonClass:visited, a.fraudButtonClass:active
{      
    font-size: 11px;
    text-align:center;  
    width:320px;
    text-decoration: none;    
    background: url(//www.theprivatedetective.com/Images/indexFraudButton.jpg) center center no-repeat; 
}

a.fraudButtonClass:hover
{
    display:block;
    text-decoration: none;
    background: url(//www.theprivatedetective.com/Images/indexFraudButton2.jpg) center center no-repeat;
}

.covertButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:105px;
    width:320px;   
    font-size:16px;
    text-align:center;      
}

a.covertButtonClass, a.covertButtonClass:visited, a.covertButtonClass:active
{      
    font-size: 11px;
    text-align:center;  
    width:320px;
    text-decoration: none;    
    background: url(//www.theprivatedetective.com/Images/indexCovertButton.jpg) center center no-repeat; 
}

a.covertButtonClass:hover
{
    display:block;
    text-decoration: none;
    background: url(//www.theprivatedetective.com/Images/indexCovertButton2.jpg) center center no-repeat;
}


.backgroundButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:105px;
    width:320px;   
    font-size:16px;
    text-align:center;      
}

a.backgroundButtonClass, a.backgroundButtonClass:visited, a.backgroundButtonClass:active
{      
    font-size: 11px;
    text-align:center;  
    width:320px;
    text-decoration: none;    
    background: url(//www.theprivatedetective.com/Images/indexbackgroundButton.jpg) center center no-repeat; 
}


a.backgroundButtonClass:hover
{
    display:block;
    text-decoration: none;
    background: url(//www.theprivatedetective.com/Images/indexbackgroundButton2.jpg) center center no-repeat;
}

.employeeButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:105px;
    width:320px;   
    font-size:16px;
    text-align:center;      
}

a.employeeButtonClass, a.employeeButtonClass:visited, a.employeeButtonClass:active
{      
    font-size: 11px;
    text-align:center;  
    width:320px;
    text-decoration: none;    
    background: url(//www.theprivatedetective.com/Images/indexEmployeeButton.jpg) center center no-repeat; 
}


a.employeeButtonClass:hover
{
    display:block;
    text-decoration: none;
    background: url(//www.theprivatedetective.com/Images/indexEmployeeButton2.jpg) center center no-repeat;
}

.traceButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:105px;
    width:320px;   
    font-size:16px;
    text-align:center;      
}

a.traceButtonClass, a.traceButtonClass:visited, a.traceButtonClass:active
{      
    font-size: 11px;
    text-align:center;  
    width:320px;
    text-decoration: none;    
    background: url(//www.theprivatedetective.com/Images/indexTraceButton.jpg) center center no-repeat; 
}


a.traceButtonClass:hover
{
    display:block;
    text-decoration: none;
    background: url(//www.theprivatedetective.com/Images/indexTraceButton2.jpg) center center no-repeat;
}

.nannyButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:105px;
    width:320px;   
    font-size:16px;
    text-align:center;      
}

a.nannyButtonClass, a.nannyButtonClass:visited, a.nannyButtonClass:active
{      
    font-size: 11px;
    text-align:center;  
    width:320px;
    text-decoration: none;    
    background: url(//www.theprivatedetective.com/Images/indexnannyButton.jpg) center center no-repeat; 
}


a.nannyButtonClass:hover
{
    display:block;
    text-decoration: none;
    background: url(//www.theprivatedetective.com/Images/indexnannyButton2.jpg) center center no-repeat;
}

.assetButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:105px;
    width:320px;   
    font-size:16px;
    text-align:center;      
}

a.assetButtonClass, a.assetButtonClass:visited, a.assetButtonClass:active
{      
    font-size: 11px;
    text-align:center;  
    width:320px;
    text-decoration: none;    
    background: url(//www.theprivatedetective.com/Images/indexAssetButton.jpg) center center no-repeat; 
}


a.assetButtonClass:hover
{
    display:block;
    text-decoration: none;
    background: url(//www.theprivatedetective.com/Images/indexAssetButton2.jpg) center center no-repeat;
}

.missingButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:105px;
    width:320px;   
    font-size:16px;
    text-align:center;      
}

a.missingButtonClass, a.missingButtonClass:visited, a.missingButtonClass:active
{      
    font-size: 11px;
    text-align:center;  
    width:320px;
    text-decoration: none;    
    background: url(//www.theprivatedetective.com/Images/indexMissingButton.jpg) center center no-repeat; 
}


a.missingButtonClass:hover
{
    display:block;
    text-decoration: none;
    background: url(//www.theprivatedetective.com/Images/indexMissingButton2.jpg) center center no-repeat;
}

.lieButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:105px;
    width:320px;   
    font-size:16px;
    text-align:center;      
}

a.lieButtonClass, a.lieButtonClass:visited, a.lieButtonClass:active
{      
    font-size: 11px;
    text-align:center;  
    width:320px;
    text-decoration: none;    
    background: url(//www.theprivatedetective.com/Images/indexLieButton.jpg) center center no-repeat; 
}


a.lieButtonClass:hover
{
    display:block;
    text-decoration: none;
    background: url(//www.theprivatedetective.com/Images/indexLieButton2.jpg) center center no-repeat;
}

.sideListenButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:26px;
    width:200px;   
    font-size:16px;
    text-align:center;      
}

a.sideListenButtonClass, a.sideListenButtonClass:visited, a.sideListenButtonClass:active
{      
    font-size: 0px;
    text-align:center;  
    width:200px;
    text-decoration: none;    
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sideListenButton.jpg) center center no-repeat; 
}


a.sideListenButtonClass:hover
{
    display:block;
    text-decoration: none;
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sideListenButton2.jpg) center center no-repeat;
}

.sidePhoneButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:26px;
    width:200px;   
    font-size:16px;
    text-align:center;      
}

a.sidePhoneButtonClass, a.sidePhoneButtonClass:visited, a.sidePhoneButtonClass:active
{      
    font-size: 0px;
    text-align:center;  
    width:200px;
    text-decoration: none;    
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sidePhoneButton.jpg) center center no-repeat; 
}


a.sidePhoneButtonClass:hover
{
    display:block;
    text-decoration: none;
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sidePhoneButton2.jpg) center center no-repeat;
}

.sideVehicleButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:26px;
    width:200px;   
    font-size:16px;
    text-align:center;      
}

a.sideVehicleButtonClass, a.sideVehicleButtonClass:visited, a.sideVehicleButtonClass:active
{      
    font-size: 0px;
    text-align:center;  
    width:200px;
    text-decoration: none;    
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sideVehicleButton.jpg) center center no-repeat; 
}


a.sideVehicleButtonClass:hover
{
    display:block;
    text-decoration: none;
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sideVehicleButton2.jpg) center center no-repeat;
}

.sideSurButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:26px;
    width:200px;   
    font-size:16px;
    text-align:center;      
}

a.sideSurButtonClass, a.sideSurButtonClass:visited, a.sideSurButtonClass:active
{      
    font-size: 0px;
    text-align:center;  
    width:200px;
    text-decoration: none;    
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sideSurButton.jpg) center center no-repeat; 
}


a.sideSurButtonClass:hover
{
    display:block;
    text-decoration: none;
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sideSurButton2.jpg) center center no-repeat;
}

.sidePCButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:26px;
    width:200px;   
    font-size:16px;
    text-align:center;      
}

a.sidePCButtonClass, a.sidePCButtonClass:visited, a.sidePCButtonClass:active
{      
    font-size: 0px;
    text-align:center;  
    width:200px;
    text-decoration: none;    
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sidePCButton.jpg) center center no-repeat; 
}


a.sidePCButtonClass:hover
{
    display:block;
    text-decoration: none;
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sidePCButton2.jpg) center center no-repeat;
}

.sideNannyButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:26px;
    width:200px;   
    font-size:16px;
    text-align:center;      
}

a.sideNannyButtonClass, a.sideNannyButtonClass:visited, a.sideNannyButtonClass:active
{      
    font-size: 0px;
    text-align:center;  
    width:200px;
    text-decoration: none;    
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sideNannyButton.jpg) center center no-repeat; 
}

a.sideNannyButtonClass:hover
{
    display:block;
    text-decoration: none;
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sideNannyButton2.jpg) center center no-repeat;
}

.sideEmployeeButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:26px;
    width:200px;   
    font-size:16px;
    text-align:center;      
}

a.sideEmployeeButtonClass, a.sideEmployeeButtonClass:visited, a.sideEmployeeButtonClass:active
{      
    font-size: 0px;
    text-align:center;  
    width:200px;
    text-decoration: none;    
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sideEmployeeButton.jpg) center center no-repeat; 
}

a.sideEmployeeButtonClass:hover
{
    display:block;
    text-decoration: none;
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sideEmployeeButton2.jpg) center center no-repeat;
}

.sideAssetButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:26px;
    width:200px;   
    font-size:16px;
    text-align:center;      
}

a.sideAssetButtonClass, a.sideAssetButtonClass:visited, a.sideAssetButtonClass:active
{      
    font-size: 0px;
    text-align:center;  
    width:200px;
    text-decoration: none;    
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sideAssetButton.jpg) center center no-repeat; 
}


a.sideAssetButtonClass:hover
{
    display:block;
    text-decoration: none;
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sideAssetButton2.jpg) center center no-repeat;
}

.sideBackgroundButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:26px;
    width:200px;   
    font-size:16px;
    text-align:center;      
}

a.sideBackgroundButtonClass, a.sideBackgroundButtonClass:visited, a.sideBackgroundButtonClass:active
{      
    font-size: 0px;
    text-align:center;  
    width:200px;
    text-decoration: none;    
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sideBackgroundButton.jpg) center center no-repeat; 
}


a.sideBackgroundButtonClass:hover
{
    display:block;
    text-decoration: none;
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sideBackgroundButton2.jpg) center center no-repeat;
}

.sideMissingButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:26px;
    width:200px;   
    font-size:16px;
    text-align:center;      
}

a.sideMissingButtonClass, a.sideMissingButtonClass:visited, a.sideMissingButtonClass:active
{      
    font-size: 0px;
    text-align:center;  
    width:200px;
    text-decoration: none;    
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sideMissingButton.jpg) center center no-repeat; 
}


a.sideMissingButtonClass:hover
{
    display:block;
    text-decoration: none;
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sideMissingButton2.jpg) center center no-repeat;
}

.sideTraceButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:26px;
    width:200px;   
    font-size:16px;
    text-align:center;      
}

a.sideTraceButtonClass, a.sideTraceButtonClass:visited, a.sideTraceButtonClass:active
{      
    font-size: 0px;
    text-align:center;  
    width:200px;
    text-decoration: none;    
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sideTraceButton.jpg) center center no-repeat; 
}


a.sideTraceButtonClass:hover
{
    display:block;
    text-decoration: none;
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sideTraceButton2.jpg) center center no-repeat;
}

.sideCovertButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:26px;
    width:200px;   
    font-size:16px;
    text-align:center;      
}

a.sideCovertButtonClass, a.sideCovertButtonClass:visited, a.sideCovertButtonClass:active
{      
    font-size: 0px;
    text-align:center;  
    width:200px;
    text-decoration: none;    
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sideCovertButton.jpg) center center no-repeat; 
}


a.sideCovertButtonClass:hover
{
    display:block;
    text-decoration: none;
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sideCovertButton2.jpg) center center no-repeat;
}

.sideFraudButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:26px;
    width:200px;   
    font-size:16px;
    text-align:center;      
}

a.sideFraudButtonClass, a.sideFraudButtonClass:visited, a.sideFraudButtonClass:active
{      
    font-size: 0px;
    text-align:center;  
    width:200px;
    text-decoration: none;    
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sideFraudButton.jpg) center center no-repeat; 
}


a.sideFraudButtonClass:hover
{
    display:block;
    text-decoration: none;
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sideFraudButton2.jpg) center center no-repeat;
}

.sideLieButtonClass
{
    display:block;
    margin: 0;
    padding:0;
    height:26px;
    width:200px;   
    font-size:16px;
    text-align:center;      
}

a.sideLieButtonClass, a.sideLieButtonClass:visited, a.sideLieButtonClass:active
{      
    font-size: 0px;
    text-align:center;  
    width:200px;
    text-decoration: none;    
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sideLieButton.jpg) center center no-repeat; 
}


a.sideLieButtonClass:hover
{
    display:block;
    text-decoration: none;
    color:  #ffffff;
	background: url(//www.theprivatedetective.com/Images/sideLieButton2.jpg) center center no-repeat;
}


/************** .feature styles ***************/

.feature{
	padding: 10px 10px 10px 10px;
	color: #000000;
}

.feature h1{
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-size: 20px;
}

.feature p{
	text-align: justify;
	font-size: 14px;
 	font-family: Arial,sans-serif;
 	padding: 0px;
}

.feature h3{
	padding: 10px 0px 5px 0px;
	text-align: center;
	font-size: 20px;
	color: #999999; 
}

.feature a{
	color:  #999999;
	text-decoration: none;
}

.feature a:hover {
	color:  #334d55;
	text-decoration: none;
}

.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}

.red-input-default {
	background-repeat: repeat;
	color:#cc3333;
	width: 250px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top:2px solid #cc3333;
	border-bottom: 2px solid  #CC3333;
	border-left:2px solid #CC3333;
	border-right: 2px solid  #CC3333;
	background-color:#FFFFFF;
}

.red-input-select-default {
	background-repeat: repeat;
	color:#cc3333;
	width: 180px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top:2px solid #cc3333;
	border-bottom: 2px solid  #CC3333;
	border-left: 2px solid #CC3333;
	border-right: 2px solid  #CC3333;
	background-color:#FFFFFF;
}


.red-input-label-default {
	font-family: Verdana,Arial,sans-serif;
 	font-size: 12px;
    font-weight : bold;
 	color: #000000;
 	margin: 0px 0px 0px 0px;
 	padding: 0px;
}

.red-input-label-select-default {
	font-family: Verdana,Arial,sans-serif;
 	font-size: 10px;
 	color: #000000;
 	margin: 0px 0px 0px 0px;
 	padding: 0px;
}


.red-front-input-default {
	background-repeat: repeat;
	color:#cc3333;
	width: 180px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top:2px solid #cc3333;
	border-bottom: 2px solid  #CC3333;
	border-left:2px solid #CC3333;
	border-right: 2px solid  #CC3333;
	background-color:#FFFFFF;
}

.red-front-input-select-default {
	background-repeat: repeat;
	color:#cc3333;
	width: 180px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top:2px solid #cc3333;
	border-bottom: 2px solid  #CC3333;
	border-left: 2px solid #CC3333;
	border-right: 2px solid  #CC3333;
	background-color:#FFFFFF;
}


.red-front-input-label-default {
	font-family: Verdana,Arial,sans-serif;
 	font-size: 12px;
    font-weight : bold;
 	color: #000000;
 	margin: 0px 0px 0px 0px;
 	padding: 0px;
}

.red-front-input-label-select-default {
	font-family: Verdana,Arial,sans-serif;
 	font-size: 10px;
 	color: #000000;
 	margin: 0px 0px 0px 0px;
 	padding: 0px;
}

.hidden { display: none; }

.unhidden { display: block; }

.customer-reviews {

font-family: Verdana,Arial,sans-serif;
 	font-size: 10px;
 	color: #000000;
 	margin: 10px 0px 10px 0px;
 	padding: 0px;

}

.words-section {
	width:350px;
	float:left;
	margin-left:10px;
	opacity:0.7;
	border:0px solid #666;
	text-align:left;
}

.words-section-left {
	width:420px;
	float:left;
	margin-left:10px;
	opacity:0.7;
	border:0px solid #666;
	text-align:left;
}

.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}

.greyline {
	width: 100%;
	background: url(//www.theprivatedetective.com/Images/greyline.gif) repeat-x;
	height: 2px;
	margin: 12px 0 12px 0;
}