* {

}



body {

margin:0 auto;

padding:0;

background-color: #92847B;

font-size:.70em;

font-family:verdana, arial, helvetica, sans-serif;

text-align:center;

}

.wrap {

margin:0 auto;

padding: 0;

width:90%;

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/arrowwhite_left.gif");

	background-image: url("media/arrowblack_left.gif");

	background-image: url("media/dualarrowgold.gif");

	background-image: url("media/brush.gif");

	background-image: url("media/camera1.jpg");

	background-image: url("media/camera2.jpg");

	background-image: url("media/camera3.jpg");

	background-image: url("media/ebay.gif");

	background-image: url("media/shadow_leftontaupe.jpg");

	background-image: url("media/shadow_rightontaupe.jpg");

	background-repeat: no-repeat;

	background-position: -5000px -5000px;}

/**** end preload images ****/



/***  Here's another CSS image preload trick: 

/***  PRELOAD IMAGES AGAIN, BY PUTTING IMAGES 

IN THIS CLASS,  AT THE BASE OF THE HTML  *******/

.hiddenpic {display:none;}

/**** end preload images ****/





.style4 {color: #93857B}





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



p {}



.canvas {

float:left;

margin:0 auto;

padding: 0;

width:100%;

height: 100%;

background: #5C5C5C url("media/shadow_leftontaupe.jpg") repeat-y;

text-align:left;

}

/****   VERY IMPORTANT NOTE  ****/

/****   

   KEEP ALL ABSOLUTE POSITIONED DIVS INSIDE OF THE MAIN WRAP DIV, AND BE 

   SURE TO SET THE Z-INDEX STACK ORDER; TO KEEP ALL ABSOLUTE POSITIONED 

   WORK BOXES VISIBLE IN Nvu and Dreamweaver Editors.  IT's JUST A FIX 

   FOR WYSIWYG HTML EDITORS.

 

   VERY IMPORTANT NOTE  ****/

   

/******  This is the title text, absolute positioned over the entire 

Template:  Positioned Text box, basically.  Just keep all absolute divs

inside of the wrapper and use css's z-index if necessary.  *****/



.absolute_title {

position:absolute;

top:42px;

left:5%;

margin:0;

padding:0;

height:auto;

width:90%;

background-color:transparent;

border:0px solid #FFFFFF;

color:#FFFFFF;

font-weight:bold;

font-size:2.5em;

text-indent:19.8%;

text-align:left;

z-index:1000;



}





.left_column {

margin:0 auto;

padding:0;

float:left;

width:24.85%;

border:0px solid #eaeaea;

text-align:center;

}



.header_left {

display:block;

margin:0 auto;

margin-top:10px;

padding:0;

padding-left:9px;

width:auto;

height:auto;

text-align:left;

color:#FFFFFF;

}



.header_leftrowone {

display:block;

margin:0 auto;

padding:0;

width:100%;

height:5px;

background-color: #372F2C;

text-align:center;

color:#FFFFFF;

font-size:2px;

}

.header_leftrowtwo {

display:block;

margin:0 auto;

padding:0;

width:100%;

height:80px;

background-color: #000000;

text-align:center;

color:#FFFFFF;

}

.header_leftrowthree {

display:block;

margin:0 auto;

padding:0;

width:100%;

height:15px;

background-color: #372F2C;

text-align:center;

color:#FFFFFF;

}



.sidebox_e {

display:block;

margin:0 auto;

margin-top:15px;

padding:0;

height:70px;

width:75%;

border:1px solid #7f7f7f;

color:#ffffff;}



.sidebox_d {

display:block;

margin:0 auto;

margin-top:15px;

padding:0;

height:70px;

width:75%;

border:1px solid #7f7f7f;

color:#ffffff;}



.sidebox_c {

display:block;

margin:0 auto;

margin-top:15px;

padding:0;

height:70px;

width:75%;

border:1px solid #7f7f7f;

color:#ffffff;}



.sidebox_b {

display:block;

margin:0 auto;

margin-top:15px;

padding:0;

height:70px;

width:75%;

border:1px solid #7f7f7f;

color:#ffffff;}



.sidebox_a {

display:block;

margin:0 auto;

margin-top:15px;

padding:0;

height:70px;

width:75%;

border:1px solid #7f7f7f;

color:#ffffff;}



.sidebox_a {background: transparent url("media/camera1.jpg") no-repeat center;}

.sidebox_b {background: transparent url("media/camera2.jpg") no-repeat center;}

.sidebox_c {background: transparent url("media/camera3.jpg") no-repeat center;}

.sidebox_d {background-color: transparent;}

.sidebox_e {background-color: #7F7F7F; border:1px solid black;}



.right_column {

overflow:auto;

display:block;

float:right;

margin:0 auto;

padding:0;

height: 100%;

width:75%;

background: #FFFFFF url("media/shadow_rightontaupe.jpg") repeat-y right;

text-align:center;

}



.header_right {

margin:0 auto;

margin-top:10px;

padding:0;

padding-right:9px;

width:auto;

height:auto;

text-align:center;



}



.header_rightrowone {

margin:0;

padding:0;

width:100%;

height:5px;

background-color: #736B68;

text-align:center;

color:#FFFFFF;

font-size:2px;}



.header_rightrowtwo {

margin:0;

padding:0;

width:100%;

height:80px;

background: #7f7f7f url("media/brush.gif") repeat-x; 

text-align:center;

color:#ffffff;

}

.header_rightrowthree {

margin:0;

padding:0;

width:100%;

height:15px;

background-color: #736B68;

text-align:center;

color:#FFFFFF;

font-weight:normal;

}





/***** Adding overflow:auto to any boxes 

will auto scrollbar if needed.  ******/



.content_wrapper {

display:block;

margin:0% auto;

margin-top:20px;

padding:0;

width:95%;

text-align:center;

}

.content_left {

float:left;

margin:0;

padding:0;

width:70%;

text-align:left;

}



.content_right {

float:left;

margin:0;

padding:0;

padding-left:5px;

width:28%;

text-align:left;

border-left:1px dashed #999999;

}



/***  This is the sample table 200 height  ****/

.content_right_e {

overflow:auto;

display:block;

margin:0 auto;

margin-top:5px;

padding:0;

width:95%;

height:200px;

text-align:left;

}



.bodylinks_menu {

display:block;

float:left;

margin:4px 0px; 

padding:4px 0px;

width:100%;

border-bottom: 1px dashed #666666;

}





.footer {

	display:block;

	clear:both;

	width:90%;

	margin:0 auto;

	margin-top:20px;

	padding:0;

	border-top:1px solid #cccccc;

	color: #000000;

	text-align:center;

}



/****  "topmenu" HORIZONTAL  ****/

.topmenu {margin:0 auto; padding:0;width:100%; text-align:center;}

ul.topmenu {margin:0; padding:0;padding-bottom:2px; list-style: disc inside;text-align: center;}

ul.topmenu li {margin:0; padding:0; display:inline; width:25%;}

/****  "topmenu" horizontal menu link styles  ****/

ul.topmenu a:visited { color:#A99D61;  font-weight:normal;width:100%; }

ul.topmenu li a:link { color:#A99D61;  font-weight:normal;width:100%; }

ul.topmenu a:active  {color:#336699;  font-weight:normal; width:100%; background-color: #cccccc;  }







ul.topmenu li a:hover  {color:#336699;  font-weight:normal; width:100%; background-color: #cccccc;  }







/***  submain left nav LIST STYLES  ***/

/***  9px padding-left is for spacing away from left dropshadow. Did 

 width:auto, except on nav ul li, which is 100%, to force cross-browser compatibility   ***/

.submain_nav {display:block;clear:both;margin:0 auto; margin-top:20px; padding:0; 

padding-left:9px; width:auto; text-align:center;text-indent:0px;}

.submain_nav ul {display:block;clear:both;margin:0; padding:0;

width:auto; height:auto;text-align:left;text-indent:0px;}

.submain_nav ul li {

display:block; width:100%;margin:0; padding:3px 0px 0px 0px;list-style: none; 

border-bottom: 1px solid #7f7f7f; text-indent:2px;}

.submain_nav ul li a {/** border-right: 4px ridge #6498ca; **/ width:auto;}

/****  featuredservices_nav LINK STYLES  ****/

.submain_nav ul li a:visited {

display:block; width:99%;padding: 3px 0px;



font-size:10px;font-family:verdana;text-decoration:none; color:#FFFFFF;

border-right: 0px ridge #372F2C;font-weight:normal;}

.submain_nav ul li a:link {

display:block; width:99%;padding: 3px 0px;



font-size:10px;font-family:verdana;text-decoration:none; color:#FFFFFF;

border-right: 0px ridge #372F2C;font-weight:normal;}

.submain_nav ul li a:active {

display:block; width:99%;padding: 3px 0px; 

background: #666666 url("media/duoarrowsleft_blackandwhite.gif") no-repeat right 4px; 

font-size:10px;font-family:verdana;text-decoration:underline;color:#ffffff;

border-right: 0px ridge #736B68;}



.submain_nav ul li a:hover {

display:block; width:99%;padding: 3px 0px; 

background: #666666 url("media/duoarrowsleft_blackandwhite.gif") no-repeat right 4px; 

font-size:10px;font-family:verdana;text-decoration:underline;color:#ffffff;

border-right: 0px ridge #736B68;}



/* the following 3 rules are for indented submenu items, if applicable  ***/

.submain_nav ul ul li {line-height: 10px;border-bottom: 0px solid #c2bbaf;}

.submain_nav ul ul li a:visited {

color:#ffffff; text-indent:8px;font-weight:normal; border:0;color:#cccccc;}

.submain_nav ul ul li a:link {

color:#ffffff; text-indent:8px;font-weight:normal; border:0;color:#cccccc;}

.submain_nav ul ul li a:active {

color:#ffffff; width:100%; text-decoration:underline; }

.submain_nav ul ul li a:hover {

color:#ffffff; width:100%; text-decoration:underline; }

/***  Rules for active current topic and subtopic  ***/

.current_topic {}

.current_subtopic {background: url("media/duoarrowsleft_blackandwhite.gif") no-repeat right -16px;}

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





/***  bodylinks_column: Body columned menus  ***/

.bodylinks_column {display:block;float:left; margin:0 auto;  padding:0; width:100%; text-align:center;}

ul.bodylinks_column {display:block; float:left; margin:0; padding:0; display:block; width:49.5%;}

ul.bodylinks_column li {margin:0; padding:0; list-style: none;}

/****  bodylinks_column Link/hover Styles  ****/

.bodylinks_column a:visited {color:#336699;font-weight:normal; text-decoration:underline;background: url("media/dualarrowgold.gif") no-repeat top left; padding-left: 15px;}

ul.bodylinks_column a:link {color:#336699;font-weight:normal; text-decoration:underline;background: url("media/dualarrowgold.gif") no-repeat top left; padding-left: 15px;}

.bodylinks_column a:active {color:#B48181;font-weight:normal;text-decoration:underline;background: transparent url("media/dualarrowgold.gif") bottom left no-repeat;}





ul.bodylinks_column a:hover {color:#B48181;font-weight:normal;text-decoration:underline;background: transparent url("media/dualarrowgold.gif") bottom left no-repeat;}





/****  "basemenu" HORIZONTAL   ****/

.basemenu {display:block; margin:0 auto;  padding:0; width:auto; text-align:center;}

ul.basemenu {display:block; margin:0; padding:0; padding-bottom:2px; list-style: none inside; text-align: center;}

ul.basemenu li {margin:0; padding:0; display:inline; width:25%;}

/****  "basemenu" menu link styles   ****/

ul.basemenu li a:visited {color:#336699;font-weight:normal;}

ul.basemenu li a:link {color:#336699;font-weight:normal;}

ul.basemenu li a:active  {color:#B48181;font-weight:normal;background-color: #eaeaea;font-weight:normal;}



ul.basemenu li a:hover  {color:#B48181;font-weight:normal;background-color: #eaeaea;font-weight:normal;}



/****  LEFT SMALL BOXES: LINK STYLES: GOLD LINKS WITH BLUE ON HOVER  *****/

.sidebox_e a:visited {

color:#A99D61;font-weight:normal;

}



.sidebox_e a:link {

color:#A99D61;font-weight:normal;

}



.sidebox_d a:visited {

color:#A99D61;font-weight:normal;

}



.sidebox_d a:link {

color:#A99D61;font-weight:normal;

}



.sidebox_c a:visited {

color:#A99D61;font-weight:normal;

}



.sidebox_c a:link {

color:#A99D61;font-weight:normal;

}



.sidebox_b a:visited {

color:#A99D61;font-weight:normal;

}



.sidebox_b a:link {

color:#A99D61;font-weight:normal;

}



.sidebox_a a:visited {

color:#A99D61;font-weight:normal;

}



.sidebox_a a:link {

color:#A99D61;font-weight:normal;

}



.sidebox_e a:active {

color:#336699;font-weight:normal;background-color: #eaeaea;font-weight:normal;

}



.sidebox_e a:hover {

color:#336699;font-weight:normal;background-color: #eaeaea;font-weight:normal;

}



.sidebox_d a:active {

color:#336699;font-weight:normal;background-color: #eaeaea;font-weight:normal;

}



.sidebox_d a:hover {

color:#336699;font-weight:normal;background-color: #eaeaea;font-weight:normal;

}



.sidebox_c a:active {

color:#336699;font-weight:normal;background-color: #eaeaea;font-weight:normal;

}



.sidebox_c a:hover {

color:#336699;font-weight:normal;background-color: #eaeaea;font-weight:normal;

}



.sidebox_b a:active {

color:#336699;font-weight:normal;background-color: #eaeaea;font-weight:normal;

}



.sidebox_b a:hover {

color:#336699;font-weight:normal;background-color: #eaeaea;font-weight:normal;

}



.sidebox_a a:active {

color:#336699;font-weight:normal;background-color: #eaeaea;font-weight:normal;

}



.sidebox_a a:hover {

color:#336699;font-weight:normal;background-color: #eaeaea;font-weight:normal;

}



/****  Page Link Styles (NOT MENU LINKS)  *****/

a:visited {color:#336699; font-weight:normal;}

a:link {color:#336699; font-weight:normal;}

a:active {color:#B48181; background-color:#eaeaea;font-weight:normal;}







a:hover {color:#B48181; background-color:#eaeaea;font-weight:normal;}







h1 {

	margin:0; 

	padding:0;

	border-bottom: 1px solid #CCCCCC;

	border-top: 1px solid #CCCCCC;

	border-right: 20px solid #B48181;

	color: #336699;

	font-size: 1.5em;

	font-weight:normal;

}

	

h2 {

	margin:0; 

	padding:0;

	border-bottom: 1px solid #CCCCCC;

	border-top: 1px solid #CCCCCC;

	border-right: 20px solid #B48181;

	color: #A99D61;

	font-size: 1.5em;

	font-weight:normal;

}	



h3 {

	margin:0; 

	padding:0;

	color: #336699;

	font-size: 1.5em;

	font-weight:normal;

}