/*The body struture affects the footer position*/
html, body {
margin:0;
padding:0;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
height:100%
}

#wrap {min-height: 75%;
margin-right:8px;}

#main {overflow:auto;
margin-top:-1.3em;
margin-left: 180px;
margin-right:8px;
background:#ffffff;
font-size:.9em;
	padding-bottom: 90px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -90px; /* negative value of footer height */
	height: 90px;
	clear:both;} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

#leftColumn {
position: absolute;
left:0px;
top:130px;
width:180px;
border:6px solid #FFFFFF;
font-size:.7em;
text-align:left;
}

.leftContent {
position:absolute;
left:1.25em;
top:10.3em;
width:18em;
margin:0;
padding:0em .0em 0em .0em;
background:#ffffff;
border:6px solid #EEEEEE;
font-size:.9em;
}

#leftColumn h2 { 
margin:0 0 -1em 0; 
padding:0;
font-size:1em;
letter-spacing:.1em;
}

#leftColumn ul { 
margin:1.5em 0 0 0; 
padding:0;
list-style:none;
}

#leftColumn li { 
margin:0 0 .4em 0; 
padding:0;
}

#leftColumn li a { 
margin:0 0 0 .2em;
color:#cc0000;
text-decoration:none; 
}

#leftColumn li a:hover { 
color:#ffffff;
text-decoration:underline; 
}
/*this now only centers the menu wrap centers the data*/
#centerColumn {
margin-top:-1.3em;
margin-left: 180px;
margin-right:8px;
padding:1em .5em 2em .5em;
background:#ffffff;
font-size:.9em;
}

html>body #centerColumn {
margin-left:180px;
margin-right:48px;
}

#centerColumn h2 { 
margin:0 0 -1em 0; 
padding:0;
font-size:1em;
letter-spacing:.1em;
}


a {
color:#0000FF;
text-decoration:underline;
}

p {
margin:1.2em;
}

h3 {
margin:1.2em;
}

p.blocktitle {
text-align: center;
font-size:1.4em;
 }
p.center {
text-align: center;
 } 
 
#containerhead
{
position: relative
} 

#continhead
{
position: absolute; left: 210px; top: 0px; margin-right:200px;
z-index: 1 
} 
 /*This is the start of the menu section*/
 #roundbar-grey {
	/*	clear:left;
		float:left; */
		margin:1.2em;
		width:100%;		
		background:#E5E5E5 url(roundbar-gold.gif) 0 5% repeat;
		font-family:Trebuchet MS, Helvetica, sans-serif;
		border-bottom:1px solid #A8A8A8;
		overflow:hidden;
		position:relative;

	}
	#roundbar-grey ul {
		clear:left;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		left:25%;
		text-align:center;
	}
	#roundbar-grey ul li {
		display:block;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		right:20%;
	}
	#roundbar-grey ul li.first {
		border-left:1px solid #A8A8A8;
	}
	#roundbar-grey ul li.last {
		border-right:1px solid #C8C8C8;
	}
	#roundbar-grey ul li a {
		display:block;
		margin:0;
		padding:.4em .8em;
		color:#000;
		text-decoration:none;
		border-left:1px solid #C8C8C8;
		border-right:1px solid #A8A8A8;
		line-height:1.3em;
	}
	#roundbar-grey ul li a span {
		display:block;
	}
	#roundbar-grey ul li.active a {
		background:url(hgif) 0 100% repeat;
		font-weight:bold;
	}
	#roundbar-grey ul li a:hover {
		background:url(roundbar-gold.gif) 0 100% repeat;
	}
/*this is a list of display buttons they must be here for menu Bolding*/	
#about #aboutpg,
#contact #contactpg,
#docos #docospg,
#home #homepg,
#services #servicespg,
#testimonials #testimonialspg{
background:url(roundbar-gold.gif) 0 75% repeat;
font-weight:bold;
}


 /*blockquote style and color can be changed using styles*/
blockquote {
width:-410px;
float:left;
margin:1em;
margin-right:20.0em;
padding:.1em;
font-size:1.9em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:100;
background-color:#D9D7D7;
border-top:3px solid #E5E5E5;
border-right:3px solid #E5E5E5;
border-bottom:2px solid #E5E5E5;
}



blockquote p {
margin:0.2em;
}

blockquote.style1 {
max-width: auto;
font-size: 1.2em;
font-family: URW Chancery L, Lucida Handwriting, Papyrus;
margin:1em;
margin-right:20px;
padding:.5em;  
background-color: #EBE9E8;
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
background-image: url(openquote1.gif);
background-position: top left;
background-repeat: no-repeat;
text-indent: 23px;
  }
  
 blockquote.style1 span {
 display: block;
 background-image: url(closequote1.gif);
 background-repeat: no-repeat;
 background-position: bottom right;
   }
   
hblockquote {
width: 400px;
padding-left: 110px;
padding-right: 5px;
}

hblockquote p {
margin:0.2em;
}

blockquote.style3 {
  font: 18px/30px normal Tahoma, sans-serif;
  padding-top: 22px;
  margin: 5px;
  background-image: url(openquote1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 65px;
  }
  blockquote.style3 span {
    display: block;
    background-image: url(closequote1.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
} 
/*this class for a link is used in the footer*/
.class1 A:link {text-decoration: none; color: #B7D7AF;}
.class1 A:visited {text-decoration: none; color: #BFBFBF}
.class1 A:active {text-decoration: none; color: #FFC0CB}
.class1 A:hover {text-decoration: none; color: color:#999999;}

#footer {
color:#7F7F7F;
font-size: 0.9em;
}
/*Icons will appear to the left on links with the correct mime-type*/
a[href $='.pdf'] { 
padding:10px 100px 100px 50px;
background: transparent url(apdf.gif) no-repeat ;
}

a[href $='.html'] { 
padding:10px 100px 100px 50px;
background: transparent url(html.jpg) no-repeat ;
}

a[href $='.htm'] { 
padding:10px 100px 100px 50px;
background: transparent url(html.jpg) no-repeat ;
}

a[href $='.aspx'] { 
padding:10px 100px 100px 50px;
background: transparent url(webp.png) no-repeat ;
}

.scroll {
margin-right: 15px;
width: auto;
height: 500px;
padding-left: 5px;
padding-right: -145px;
overflow: auto;
}

.align-right { float:right; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 0 15px 15px 0; }
.frame { padding: 5px; border: 1px solid #aaa; } 

#header {
right:2.25em;
voice-family: "\"}\"";
voice-family: inherit;
margin-left:20.00em;
margin-right:2.25em;
padding:1em .0em 2em .5em;
}

#header h1 { 
font-family: URW Chancery L, Papyrus, Lucida Handwriting;
font-weight:100;
color: rgb(51, 51, 51);
margin:0; 
padding:0;
font-size:2.1em;
}

#header h2 { 
font-family: URW Chancery L, Papyrus, Lucida Handwriting;
font-weight:100;
color: #7F7F7F;
margin:1.2em;
padding:0;
font-size:1.2em;
}

#rightcontent {
position: absolute;
right:-20px;
top:-40px;
width:40px;
background:#ffffff;
height:100%;
background-image:url('styles/rightbanner.gif');
background-repeat:repeat-y;
}

#rightline {
	/*	clear:left;
		float:left; */
		margin:1.2em;
		width:100%;		
		background:#ffffff url(styles/rightbanner.gif) 0 75% repeat;
		overflow:hidden;
		position:relative;

	}
	
div.boxbox
{
margin-top:-50px;
height:180px;
width:480px;
padding:0px;
}

div.leftbox
{
float:left;
width:240px;
padding:10px;
margin:0px;
}

div.rightbox
{
float:right;
width:200px;
padding:10px;
margin:0px;
}

div.rightboxlarge
{
float:right;
width:620px;
height:60px;
padding:10px;
margin-right:40px;
margin-bottom:20px;
}

.picture { background-color: #F9F9F9;
border: 1px solid #CCCCCC; padding: 3px;
font: 11px/1.4em Arial, sans-serif; }
.picture img { border: 1px solid #CCCCCC;
vertical-align:middle; margin-bottom: 3px; }
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 1em; float:left; }