/****************************************************************************************************/
/*----------------- > Compliance Engineering Inc. Barrie, Ontario Style Sheet< -----------------*/
/*----------------- > Last Updated February 3rd 2009 at 11:39 AM PST< --------------------------*/

/*----------------- > Start of Color Index < -------------------*/
/*                                                                        */
/* Body and Border Background: #223355 (Blue)     */
/* Body Font Color: #000000 (Black)                      */
/* Link Color: #003366                                          */
/* Hover Color: #0033FF                                       */
/* Logo Color: #003366 (Primary Blue)                   */
/* Background Color: #003366                              */
/* Footer Background Color: #E1E1CE (Grey)        */
/*                                                                       */
/*----------------- > End of Color Index < -------------------*/

/****************************************************************************************************/

/*----------------- > Main Body < -----------------*/

body {
	font-family: "Times New Roman", Times, serif;
	background-color: #223355;
	text-align:center;
	padding:0;
	font-size: 14px;
	color: #000000;
	border: 2px groove #223355;
	margin: 0 auto;
	background-position: center;
}
#container {
 	margin: 0 auto;
  	width: 800px;
  	
	background-image: url(images/ceiblue.gif);
}

h1 {
	font-size: 30px;
	font-weight: bold;
	color: #223355;
	
}


a:link { color:#003366 }
a:visited { color:#003366 }
a:hover { color:#0033FF }
a:active { color:#003366 }


#wrapper {
	width:800px; 
	margin:0 auto; 
	height: 100%;
	border: 0px;
	padding: 0px;
	text-align: left;
}

#banner {
	background-image: url(images/compliance_engineering_banner.gif);
	height: 150px;
	width: 800px;
	margin: 0 auto;
	background-repeat: no-repeat;
/*----------------- > Start of Acronym Style for IE < -----------------*/

}

acronym {
cursor: help;
border-bottom: 1px dotted black;
} 

/*----------------- > End of Acronym Style for IE < -----------------*/

/*----------------- >NAVIGATION MENU< -----------------*/

#navbar {
	width: 163px;
	height: 100%;
	border: 2px groove #223355;
	float: left;
	margin: 0px;
	padding: 6px 0 0 4px;
	background-color: #003366;
	}


#homenav
{
	display: block;
	width: 159px;
	height: 35px;
	background-image: url(images/newbuttons/home.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#homenav:hover
{ 
  background-position: 0 -35px;
}

#homenav span
{
  display: none;
}



#aboutusnav
{
	display: block;
	width: 159px;
	height: 35px;
	background-image: url(images/newbuttons/aboutus.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#aboutusnav:hover
{ 
  background-position: 0 -35px;
}

#aboutusnav span
{
  display: none;
}


#servicesnav
{
	display: block;
	width: 159px;
	height: 35px;
	background-image: url(images/newbuttons/services.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#servicesnav:hover
{ 
  background-position: 0 -35px;
}

#servicesnav span
{
  display: none;
}


#clientsnav
{
	display: block;
	width: 159px;
	height: 35px;
	background-image: url(images/newbuttons/clients.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#clientsnav:hover
{ 
  background-position: 0 -35px;
}

#clientsnav span
{
  display: none;
}


#faqnav
{
	display: block;
	width: 159px;
	height: 35px;
	background-image: url(images/newbuttons/faq.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#faqnav:hover
{ 
  background-position: 0 -35px;
}

#faqnav span
{
  display: none;
}


#linksnav
{
	display: block;
	width: 159px;
	height: 35px;
	background-image: url(images/newbuttons/links.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#linksnav:hover
{ 
  background-position: 0 -35px;
}

#linksnav span
{
  display: none;
}


#contactnav
{
	display: block;
	width: 159px;
	height: 35px;
	background-image: url(images/newbuttons/contact.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#contactnav:hover
{ 
  background-position: 0 -35px;
}

#contactnav span
{
  display: none;
}
/*----------------- >END OF NAVIGATION MENU< -----------------*/

#content {
	padding: 10px;
	width: 580px;
	height: 100%;
	margin: 10px;
	float: left;
	
	
}
/*----------------- >INDEX PAGE< -----------------*/
#liability_mitigation {
	border: thin groove #003366;
	background-color: #DBDBDB;
}

#specialty {
	padding-top: 10px;
	width: 300px;
	left: 300px;
	clear: both;
	list-style-type: none;
}
/*----------------- >END OF INDEX PAGE< -----------------*/

/*----------------- >START ABOUT US PAGE< ---------------*/
#aboutcei  {
}

#missionstatement {
}

#aboutbill {
}

#billphoto{
	float: left;
	position: relative;
	height: 132px;
	width: 100px;
	margin-right: 5px;
}

#billcredentials {
	font-size: 11px;
	height: 132px;
	margin: 10px;	
}

#billbio {
}

#aboutgreg {
}

#gregphoto {
	float:left;
	height: 129px;
	width: 100px;
	margin-right: 5px;
	position: relative;
}

#gregcredentials {
	font-size: 11px;
	margin: 10px;
	height: 129px;	
}

#gregbio {
}



/*----------------- >END ABOUT US PAGE< -----------------*/

/*----------------- >CLIENT PAGE< -----------------*/
#industries {
	border: thin groove #003366;
	height: 550px;
	padding-left: 10px;
}
.industries1 {
	width: 50%;
	float: left;
	list-style-image: url(images/buttons/favicon.gif);
}
.industries2 {
	width: 50%;
	float: left;
	list-style-image: url(images/buttons/favicon.gif);
}
#clients {
	height: 515px;
	padding-top: 10px;
}
.clients1 {
	width: 50%;
	float: left;
	list-style-type: square;
}
.clients2 {
	width: 50%;
	float: left;
	list-style-type: square;
}
/*----------------- > END OF CLIENT PAGE< -----------------*/ 

/*----------------- > SERVICES PAGE< -----------------*/ 
#services {
	
}
.services1 {
	background-color: #DBDBDB;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding: 3px;
	list-style-type: none;
}
.services2 {
	background-color: #DBDBDB;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding: 3px;
	list-style-type: none;
}
.services3 {
	background-color: #DBDBDB;
	border: thin solid #666666;
	padding: 3px;
	list-style-type: none;
}
/*----------------- > END OF SERVICES PAGE< -----------------*/ 

#contactinfo ul{
	padding: 10px;
	width: 580px;
	height: 100%;
	margin: 10px;
	list-style-type: none;
	}
#survey ul{
	padding: 10px;
	width: 580px;
	height: 100%;
	margin: 10px;
	list-style-type: none;
	text-align: center;
 	}
     #contactinfo ul li a
	{
	padding: .5em 2em;
	color: #000;
	}
/*----------------- > FOOTER< -----------------*/ 
     #foot ul
	{
	background-color: #E1E1CE;
	border: 2px solid #000000;
	width: 796px;
	font-weight: bolder;
	font-variant: small-caps;
	clear: both;
	margin: 0;
	padding: 5px 0 5px 0;
	list-style-type: none;
	text-align: center;
	
	}

     #foot ul li { display: inline; }
     #foot ul li a
	{
	text-decoration: none;
	padding: .5em 2em;
	color: #000;
	}
/*----------------- > END OF FOOTER< -----------------*/ 
/*-------------------- > TrilithicDesign < --------------------*/