/* CSS Document */

/* Written by: Brian Lawless
   Company: Dyton Creative
   Date: 06/05/06
*/

/*This css is for the line up of the body, header, and text fields the links are different for each page so there is seperate 
css that go along with this one for the links */
body {
	background-color: #333333; 
	text-align:center; 
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 1px;
	
	/*behavior: url('cssfocusandhover.htc');*/
	font-family: Verdana;
}

/* Sets the panel up for the links to be placed in with the other css file */ 
div.nav_panel{
	width:990px; 
	height:264px; 
	background-image:  url('../images/small_topbar.jpg'); 
	background-color: #333333; 
	text-align: center; 
	position:relative; 
	margin: auto; 
}

/*panel for the image of the home link */
div.nav_panel div.nav_link1{
	width:168px; 
	height:28px; 
	background-color: #333333; 
    position:absolute; 
	z-index:13; 
    left:00px; 
    top:0px; 
}

/*panel for the image of the services link */
div.nav_panel div.nav_link2{
	width:171px; 
	height:28px; 
	background-color: #333333; 
    position:absolute; 
	z-index:12; 
	left:166px; 
	top:0px; 
}

/*panel for the image of the getToKnowUs link */
div.nav_panel div.nav_link3{
	width:171px; 
	height:28px; 
	background-color: #333333; 
    position:absolute; 
	z-index:11; 
    left:335px; 
	top:0px; 
}

/*panel for the image of the contact link */
div.nav_panel div.nav_link4{
	width:170px; 
	height:28px; 
	background-color: #333333; 
    position:absolute; 
	z-index:10; 
    left:506px; 
	top:0px; 
}

/*a header for the main text field if needed (currently not used) */
div.text_header_panel{
	width:780px; 
	height:40px; 
	background-color: #333333; 
	font-size: 200%; 
	text-align: left;
	margin: auto;
}

/*main panel that holds all the information for the page */
div.text_panel{
	width:990px; 
	height:500px; 
	background-image:  url('../images/background.jpg');
	background-color: #333333;
    background-repeat:repeat;
	text-align: left; 
	position:relative;
	margin: auto; 
}

/*panel that holds the different content for each page*/
div.content_panel{
   background-image: url('../images/content_left_top_corner.jpg');
   width: 706px;
   height: 390px;
   padding-top: 10px;
   text-align: left; 
   font-size: 12px; 
   font-family: Verdana;
   background-color: #ffffff;
   background-repeat:no-repeat;
   position:absolute; 
   z-index:17;
   left: 255px;
   top: 79px;
   text-align: center;
}


div.content_panel div.content_area {
	width: 676px;
	text-align: left;
	margin: auto;
	font-size: 13px;
}

/*header for inside the content panel */
/* this area commented for quick loading purposes */
/*div.content_panel div.content_area*/ 
div.content_header {
	font-size: 15px;
	font-weight: bold;
 	color: #ff0000;
	height: 16px;
}

/*horizontal line inside of the content panel */
div.content_panel div.content_area hr {
 	border: 0px;
 	background-color: #ff0000;
	color: #ff0000;
	height: 2px;
}


div.content_panel div.content_area p {
/*   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 15px;*/
   
}

/*Header image for the contact frame */
div.contact_panel_header{
   background-image:url('../images/contact_us2.gif');
   width: 203px;
   height: 26px;
   background-repeat:no-repeat;
   position:absolute; 
   z-index:15;
   left: 27px;
   top: 36px;
   
}

/*text panel for the contact frame */
div.contact_panel_text{
   background-color:#3F3F3F; 
   width: 203px;
   line-height:17px;
   height: 125px; 
   text-align: left; 
   font-size: 12px; 
   font-family: Verdana;
   position:absolute; 
   z-index:16;  
   left: 27px; 
   top: 62px; 
   color: #ffffff;
}

/*paragraph formatting for the contact panel */
div.contact_panel_text p {
   padding-left: 15px;
   padding-right: 15px;
   padding-top: 15px;
   padding-bottom: 15px;
}

/*header image for the feature service frame */
div.feature_panel_header{
   background-image:url('../images/featured_service2.gif');
   width: 203px;
   height: 26px;
   background-repeat:no-repeat;
   position:absolute; 
   z-index:15;
   left: 27px;
   top: 210px;
}

/*image for the feature service frame*/
div.feature_panel_image{
   background-color:#3F3F3F; 
   width: 203px; 
   height: 151px;
   background-repeat:no-repeat;
   text-align: left; 
   position:absolute; 
   z-index:16;  
   left: 27px; 
   top: 236px; 
   color: #ffffff;
}

/* text area for the feature service frame */
div.feature_panel_text{
   background-color:#3F3F3F; 
   width: 203px; 
   height: 86px;
   font-family: Verdana;
   text-align: left; 
   font-size: 12px; 
   position:absolute; 
   z-index:16;  
   left: 27px; 
   top: 387px; 
   color: #ffffff;
}

/*paragraph formatting for the feature service frame */
div.feature_panel_text p {
   padding-left: 15px;
   padding-right: 15px;
   padding-top: 5px;
   padding-bottom: 15px;
}

/* main header used for various text content */
div.thead{
	font-size: 15px;
    font-weight: bold;
}

/* sub header class for use for minor headers for various text content */
div.tsub{
	font-size: 11px;
	font-weight: bold;
}

span.highlight{
	background-color: #f0f000;
}