/***** CSS Document ******/
/***  CSS REFERENCE SHEET: http://www.w3schools.com/css/css_reference.asp  ***/
/***  Borders: none hidden dotted solid dashed ridge double groove ridge inset outset  ***/
/***********  default font-size:12px, use 100% for that  ********/
/*****  I seem to like font-size:.68em; best *****/
/****  some divs must float to view border and/or hold contents ********/
/***  to center page is confusing, when float left is necessary, thus use container divs  ***/
/**** trick for "center with float left" is nesting divs *****/
/*****  another trick to keep position going, is only float what needs floating  *********/
/**** The trick hack to stop hover jumpy links, is to put every section 
into a div, classed seperate. div that has a specified margin/pad can't 
have links without containers another hack, is to classify all links, so 
that they don't margin/pad jumpy  the divs containing links can't have set 
width and margin/pad alterations, or theyll be jumpy. percent margin causes 
jumpy links, pixeled width to stop jumpy links.  Hack: Removed width to stop 
jumpy hover-links, setting pad-margin made it width:auto  *****/
/****  visibility:hidden; overflow:auto; z-index (higher # higher priority for absolutes); ****/
/***  FILTER: alpha(opacity=60); filter:glow; alpha blur chroma fliph flipv glow gray invert mask shadow dropshadow wave xray http://www.w3schools.com/dhtml/dhtml_css.asp ****/ 
/**** dropshadow, color, offx, offy, positive, Renders element with dropshadow  filter:dropshadow(color=#990000, offx=5, offy=5, positive=true); ****/

/***  CSS STYLE SHEET  ***/

* { }

BODY {
MARGIN: 0 auto; 
PADDING:0;
BACKGROUND: #ffffff url(media/gradient_black.jpg) repeat-x fixed;
font:12px Verdana, Arial, Helvetica, sans-serif;
COLOR: black; 
TEXT-ALIGN: center;
}

p {
margin:0;
padding:0px 5px;
}

img {margin: 0; padding: 0; border:0;}

.wrap {
display:table;
margin:0 auto;
margin-top:2px;
WIDTH: 800px;
background-color:#ffffff;
border:1px ridge #ffffff;
TEXT-align:center;}

/* The background-image's for the .wrap below are for preloading 
all the page's images, just add your own images to the pattern */  
/***  Preload media  ***/
.wrap {
	background-image: url("media/bevbar2-25.jpg");
	background-image: url("media/bevbar2-30.jpg");
	background-image: url("media/bevbar2-80.jpg");
	background-image: url("media/bevbar3-25.jpg");
	background-image: url("media/featuredarrow_over.gif");
	background-image: url("media/featuredarrow_normal.gif");
	background-image: url("media/gradient_black.jpg");
	background-image: url("media/logored.gif");
	background-repeat: no-repeat;
	background-position: -5000px -5000px;}
/**** end preload images ****/

DIV#header {
DISPLAY:BLOCK;
FLOAT:LEFT;
width:100%;
}

DIV#head_top {
height:80px; BACKGROUND: transparent url(media/bevbar2-80.jpg) repeat-x; text-align:center; 
}

DIV#head_topleft {
float:left; height:80px; width:29.9%; background: transparent url("media/logored.gif") no-repeat center center; text-align:center; 
}

DIV#head_topright {
float:right; 
height:80px; 
width:69.9%; 
text-align:center;
color:#ffffff; 
font-weight:bold; 
font-size:15px;}


/**** TOP NAV CHRISBURD *****/
DIV#topnav { 
margin:0 auto; 
padding:0; 
padding-top:6px; 
height:21px; 
width:auto; 
BACKGROUND: url(media/bevbar3-25.jpg) repeat-x center center; 
border-top:1px solid #999999;  
border-bottom:1px solid #999999;
text-align:center;
}

DIV#topnav UL {PADDING-LEFT: 0px;MARGIN: 0 auto;text-align:center;margin:0 auto;width:auto;}
DIV#topnav UL LI {DISPLAY: inline;text-align:center;margin:0 auto;width:auto;}
/****  TOP NAV LINK STYLES  ***/
DIV#topnav UL A {display:inline;PADDING-RIGHT:1.2em;PADDING-LEFT:1.2em;COLOR:black; TEXT-DECORATION:none;COLOR: #98313e;}
DIV#topnav UL A:hover {padding-top:11px; padding-bottom:11px;COLOR: black;BORDER-BOTTOM: #98313e 3px solid;BACKGROUND-COLOR: #eaeaea;TEXT-DECORATION: none;text-align:center;margin:0 auto;width:auto;}
/****   TOP NAV CURRENT PAGE  *****/
DIV#topnav .current {padding:10px 0px;BORDER: #990000 1px solid;BACKGROUND-COLOR: #999999;COLOR: #FFFFFF;} 

#body_wrap {
}

#left {
display:block;
margin:0 auto;
padding:0;
float:left;
width:27.9%;
text-align:center;
}

#left_content {
margin:0 auto;
padding:0;
width:90%;
text-align:left;
}

#right {
display:block;
margin:0 auto;
margin-top:10px;
margin-bottom:10px;
padding:0;
float:right;
width:71.9%;
text-align:center;
}

#right_content {
margin:0 auto;
margin:0;
padding:0;
width:95%;
text-align:left;
}


a.head3, a.head3:link, a.head3:visited, a.head3:active { color: black; text-decoration: none; font-size: 9px; }


/****  Featured Services Vertical  ****/
.featuredservices_container {
display:block;
margin:0 auto; 
margin-top:10px; 
padding: 0; 
width:100%; 
text-align:left;
}

/***  featuredservices_nav LIST STYLES  ***/
.featuredservices_nav {
display:block;
clear:both;
margin:0 auto; 
padding:0;  
width:98%; 
text-align:center;
text-indent:0px;
}

.featuredservices_nav ul {
display:block;
clear:both;
margin:0; 
padding:0; 
text-align:left;
text-indent:0px;
}

.featuredservices_nav ul li {
display:block; 
width:100%; 
margin:0; 
padding:0;
list-style: none; 
border-bottom: 0px solid #7f7f7f; 
text-indent:14px;
}

/****  featuredservices_nav LINK STYLES  ****/
.featuredservices_nav ul li a:link, 
.featuredservices_nav ul li a:visited {
display:block; 
width:100%;
padding: 4px 0px;
background: url("media/duo-arrowright-oislightblu.gif") no-repeat 0px 4px;
font-size:10px;
font-family:verdana;
text-decoration:none; 
color:#000000;
font-weight:bold;
}

.featuredservices_nav ul li a:hover, 
.featuredservices_nav ul li a:active {
display:block; 
width:100%;
padding: 4px 0px;
background: url("media/duo-arrowright-oislightblu.gif") no-repeat 0px -22px; 
font-size:10px;
font-family:verdana;
text-decoration:underline;
color:#000000;
}
.current_page {
}
/* the following 3 rules are for a featuredservices_nav indented submenu
in case you decide to add later. See free template called "a bit modern".
  ***/

.featuredservices_nav ul ul li {
line-height: 10px;	
border-bottom: none;

}
.featuredservices_nav ul ul li a:link,  
.featuredservices_nav ul ul li a:visited {
color:#336699; 
text-indent:20px;
font-weight:normal;
}
.featuredservices_nav ul ul li a:hover, 
.featuredservices_nav ul ul li a:active {
color:#000000; width:100%; text-decoration:underline; }


/****  HEADLINES Vertical  ****/
.headlines {
display:block;
margin:0 auto; 
margin-top:10px; 
padding: 0; 
text-align:center;
font-size:10px;
}


DIV#about {
display:block; 
float:left;
margin:0; 
padding-top: 4px;
padding-bottom:1px; 
width:100%;
height:20px; 
BACKGROUND: url(media/bevbar3-25.jpg) repeat-x center center;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
COLOR:#000000;
text-align:center;
}

#about a:link, #about a:visited {
color:#990000;
text-decoration:none;
border-bottom:1px dashed #336699;
}

#about a:hover, #about a:active {
color:#336699;
background-color:#eaeaea;
border-bottom:1px dashed #990000;
text-decoration:none;
}

DIV#footer {
display:block; 
clear:both; 
margin:0 auto;
padding:0; 
padding-top:4px;
height:20px;
BACKGROUND:url(media/bevbar2-25.jpg) repeat-x center center;
text-align:center;
}


/****  "basemenu" HORIZONTAL   ****/
.basemenu {display:block; margin:0 auto;  padding:0; width:auto; text-align:center;}
ul.basemenu {display:block; margin:0; padding:0; list-style: none inside; text-align: center;}
ul.basemenu li {margin:0; padding:0; display:inline; width:25%; padding-bottom:1px;}
/****  "basemenu" menu link styles   ****/
ul.basemenu li a:link, ul.basemenu li a:visited {color:#990000;text-decoration:none; border-bottom:1px dashed #336699;}
ul.basemenu li a:hover, ul.basemenu li a:active  {color:#336699;background-color: #eaeaea;border-bottom:1px dashed #990000;}

/************  BODY AND HEAD  **********/

h1 {
	margin:0; 
	padding:0;
	padding-top:20px;
	font-size: 15px;
	color: #000000;
	width:100%;
	/****  NOTE: filter works in IE, not Mozilla  ****/
	filter:dropshadow(color=#ff0000, offx=1, offy=1, positive=true);

}

h2 {
	margin:0; 
	padding:0;
	padding-top:5px;
	font-size: 1.35em;
	font-weight: bold;
	color: #000000;
	width:100%;
	/****  NOTE: filter works in IE, not Mozilla  ****/
	filter: dropshadow (color=#ff0000, offx=2, offy=2, positive=true);
}

h3 {
	margin:0; 
	padding:0;
	height:18px;
	BACKGROUND: url(media/bevbar2-25.jpg) repeat-x center 50%;
	border-bottom: 1px solid #c2bbaf;
	border-top: 1px solid #c2bbaf;
	border-right: 1px ridge #ffffff;
	border-left: 1px ridge #ffffff;
	color: #000000;
	font-size: 1.25em;
	font-weight:bold;
	}

h4 {
	margin:0; 
	padding:0;
	font-size:.8em;
	font-weight:bold;
	color: #000000;
}

/*************  end  *******************/