body { background-color:#f5f5f5; font: .85em "Trebuchet MS", Arial, Helvetica; margin:0px; background-image: url('images/bodybk.gif'); background-repeat:repeat-x}
img { border:0px; behavior: url(iepngfix.htc); }
div { behavior: url(iepngfix.htc); }


a { color:black;}
a:hover {color:black; text-decoration:none; }

h1 { color:#000000; margin-bottom:5px; margin-top:0px; font-size:25px; } 
h2 { color:#000000; margin:0px; font-size:18px;} h2 a { color: #333333; text-decoration: none; } h2 a:hover { color:#b7b6b6; }
h3 { color:#000000; font-weight:bold; font-size:25px; text-decoration:none;} h3 a { color:#000000; font-weight:bold; font-size:25px; text-decoration:none; } h3 a:hover { color:#ffffff; text-decoration:none; }
h4 { color:#999999; }

hr { color:#c0c0c0;}

/*=== Layout ----------------------------------===*/
	
	#wrapper { width: 850px; margin-left:auto; margin-right: auto;}
	
	#header {
	position: fixed;
 	top:0px;
 	margin-left:-25px;
      }
      
		#client { position: fixed; bottom:0px; left:0px; text-align:left; }
		#client a { text-decoration:none; border:0px; }
		#client a:hover { text-decoration:none; border:0px; }
    
	#main {
        width: 850px; background-color:#f5f5f5;
        height: 565px;
        border: 8px #b7b6b6 solid;
        margin-top:-8px;
        top:0px;		
      }
      
      
/*=== Menu ----------------------------------===*/
	#sidebar {
        position: fixed;
		top: 117px;
		width:92px;
 		margin-left:7px;
 		text-align:left;
 		line-height:27px;
 		font-size: 13px; 
 		padding: 12px 10px 2px 10px;
 		font-weight:bold;
 		background-image:url('images/sidebar3.png'); background-repeat:no-repeat; background-position:left;      }
      #sidebar a { text-decoration:none;}
      #sidebar a:hover { text-transform:uppercase; text-decoration:none;}


body#home a#homenav  { text-transform:uppercase; text-decoration: none; color:#000; margin-left:-3px; padding:3px;  background-image: url('images/navbk4.gif'); background-repeat:repeat-x; border:1px #ccc solid;}
body#contact a#contactnav  { text-transform:uppercase; text-decoration:none; color:#000; margin-left:-3px; padding:3px; background-image: url('images/navbk4.gif'); background-repeat:repeat-x; border:1px #ccc solid; }
body#marketing a#marketingnav  { text-transform:uppercase; text-decoration:none; color:#000; margin-left:-3px; padding:3px;  background-image: url('images/navbk4.gif'); background-repeat:repeat-x; border:1px #ccc solid; }
body#products a#productsnav  { text-transform:uppercase; text-decoration:none; color:#000; margin-left:-3px; padding:3px;  background-image: url('images/navbk4.gif'); background-repeat:repeat-x; border:1px #ccc solid; }
body#portfolio a#portfolionav  { text-transform:uppercase; text-decoration:none; color:#000; margin-left:-3px; padding:3px;  background-image: url('images/navbk4.gif'); background-repeat:repeat-x; border:1px #ccc solid;}
      
      
      
      
/*=== generic body ----------------------------------===*/

.MnTble { table-layout:auto; width:820px; height:181px; margin-top: 290px; margin-left:auto; margin-right: auto; background-image:url('images/e_box.png'); background-position:center; background-repeat:no-repeat;}
td.eLeft { width: 78px; margin:0px; padding:0px;}
td.etop {  vertical-align: bottom; height:31px; width:71px; background-image: url('images/etop.png'); background-position:right; background-repeat:no-repeat; margin:0px; padding:0px;}
td.emid { height: inherit ; width:71px; background-color:#a7a9ac; background-image: url('images/emid.png'); background-position:right; background-repeat:no-repeat; margin:0px; padding:0px;}
td.ebot { vertical-align:top; height:31px; width:71px; background-image: url('images/ebot.png'); background-position:right; background-repeat:no-repeat;  margin:0px; padding:0px;}
td.mainBdy { width: 742px; margin:0px; text-align:left; vertical-align:middle; padding: 0px 60px 0px 115px;}

td.mainoffer { font-size:large; width:50%; padding-top:8px; vertical-align:middle;} 
td.mainoffer a { text-decoration:underline; }
td.mainoffer a:hover { text-decoration: none; text-transform:none; font-variant:small-caps;}

 #offer {  }
 
 #pagehdr { text-align: right; margin-top:40px; width:90%; }
 
 #fb {  margin: 0px 0px 15px 0px; text-align:right }
 
 
 /*=== generic body TEST 4 servicesdf ----------------------------------===*/

.MnTbledf { table-layout:auto; width:820px; height:181px; margin-top: -150px; margin-left:auto; margin-right: auto; background-image:url('images/e_box.png'); background-position:center; background-repeat:no-repeat;}
td.eLeft { width: 78px; margin:0px; padding:0px;}
td.etop {  vertical-align: bottom; height:31px; width:71px; background-image: url('images/etop.png'); background-position:right; background-repeat:no-repeat; margin:0px; padding:0px;}
td.emid { height: inherit ; width:71px; background-color:#a7a9ac; background-image: url('images/emid.png'); background-position:right; background-repeat:no-repeat; margin:0px; padding:0px;}
td.ebot { vertical-align:top; height:31px; width:71px; background-image: url('images/ebot.png'); background-position:right; background-repeat:no-repeat;  margin:0px; padding:0px;}
td.mainBdy { width: 742px; margin:0px; text-align:left; vertical-align:middle; padding: 0px 60px 0px 115px;}

td.mainoffer { font-size:large; width:50%; padding-top:8px; vertical-align:middle;} 
td.mainoffer a { text-decoration:underline; }
td.mainoffer a:hover { text-decoration: none; text-transform:none; font-variant:small-caps;}

 #offer {  }
 
 #pagehdr { text-align: right; margin-top:40px; width:90%; }


     
/*=== footer ----------------------------------===*/

	#footer {
        width: 850px;
        height: 100px;
		margin-left:auto; margin-right: auto;
        color: #999999;
        margin-top:15px;
        padding:0px 15px 10px 15px;
		}     
			#footer a { color: #999999; text-decoration:none;}
			#footer a:hover { color:#000000; text-decoration:none;}
			
	#seo-footer {
        width: 850px;
		margin-left:auto; margin-right: auto;
        text-align:justify;
        padding:10px 15px 10px 15px;
        color:#999999;
		}     
		
	#bottom {
        width: 850px;
        height: 100px;
		margin-left:auto; margin-right: auto;
        color: #C0C0C0;
        margin-top:25px;
		}    
	img.pieces { vertical-align:bottom; margin-bottom: -13px;  }	

		
	td.seo { text-align:left; vertical-align:text-top; font-size:small; width:33%; padding:0px 10px;}	
	#midftrtri { margin-left:15px }
	
	
	
/*=== default ----------------------------------===*/

.dflt { table-layout:auto; width:650px; height:225px; margin-top:150px; margin-left:auto; margin-right: auto; }
td.dfltL { width: 435px; height:225px; margin:0px; border:0px #cce3a8 dotted;}
td.dfltR { width: 215px; height:225px; margin: 0px; text-align:center; border:0px #cce3a8 dotted; vertical-align:middle; padding: 0px 25px 0px 25px; background-image:url('images/website-design-offer.png'); background-repeat:no-repeat; background-position:center;}
img.show { border-right:3px #f5f5f5 solid; }


/*=== services----------------------------------===*/

.services { table-layout: auto; margin-left:405px; width:435px; margin-top:40px;}
td.srvR { width: 100%; margin:0px; text-align:left; vertical-align:middle; padding: 0px 10px 0px 0px;;
}

/*=== contact ----------------------------------===*/

.contact { table-layout:auto; width:670px; margin-top:125px; margin-left:auto; margin-right: auto; }
td.contact { width: 670px; margin:0px; text-align:right; font-size:x-large;}
td.contact a { color:black; text-decoration:none;}
td.contact a:hover { color:#c6262e; text-decoration: none; width:100%; height:100%; }
div.aboutusContact { text-align:left; font: .70em "Trebuchet MS", Arial, Helvetica; padding-left: 440px; } 
div.aboutusContact a { text-decoration:none; font-weight:normal; color: gray; } 
div.aboutusContact a:hover { text-decoration:none; color:#c6262e; text-transform: none; } 


/*=== client / portfolio ----------------------------------===*/

      	#maindf {
        width: 850px;
        height: 565px;
        border: 8px #b7b6b6 solid;
        margin-top:-577px;		
      }

 #port { margin-left:auto; margin-right:auto; width:850px; padding-left:15px; top:-10px}

 	.MnTblePort { table-layout:auto; width:820px; height:181px; margin-top: 290px; margin-left:auto; margin-right: auto; background-image:url('images/e_box.png'); background-position:center; background-repeat:no-repeat; position: relative;}
	.MnTblePortDF { table-layout:auto; width:185px; height:80px; top: -2px; margin-left:652px; position: fixed; background-image:url('images/portbox.png'); background-repeat: no-repeat; vertical-align:middle;}
 	.portnavtable {  margin-left:auto; margin-right: auto; width:872px; height:79px; margin-top:-420px;}
  	div.Rarrow {height:79px;}
 	div.Larrow {height:79px; margin-left:16px;}
 	div.clientlist a { text-decoration: none; font-weight:bold;}
 	div.clientlist a:hover { text-decoration: underline; color:#000000; }


/*=== client / portfolio lightbox----------------------------------===*/


 #portLb { margin-left:auto; margin-right:auto; width:850px; padding-left:15px; top:-20px}
	.lboxport { margin: 65px 15px 10px 70px; width:730px;}
	td.lboxT { width: 25%; text-align: center; padding:6px; vertical-align:top; border: 1px #CCE3A8 solid; background-color:#CCE3A8; font-weight:bold; color:#000; }
	td.lbox { width: 25%; text-align: center; padding:6px; vertical-align:top; border: 1px #c0c0c0 solid; background-color:#fff; }
 
      
      
/*=== client ----------------------------------===*/
 	#mainclient {
        width: 850px; background-color:#ffffff;
        height: auto;
        border-right: 8px #b7b6b6 solid;
        border-bottom: 8px #b7b6b6 solid;
        border-left: 8px #b7b6b6 solid;
        border-top: 0px;
        top:0px;		
      }

/*=== about us ----------------------------------===*/

 #BodyAbout { text-align: left; margin-top:10px; width:90%; margin-left: 150px; }
 
 /*=== sitemap ----------------------------------===*/

 #SiteMap { text-align: left; margin-top:10px; width:90%; margin-left: 420px; }