/* Main Sections 
------------------------------------------------------------------------- */
* {
   /* margin: 0;
	padding: 0;
	border: 0;*/
}
html, body, ul, ol, li, p, blockquote, q,
h1, h2, h3, h4, h5, h6,
form, fieldset, a, div, img{
	margin: 0; padding: 0; border: 0;
}


html{
   font-family: Verdana, Helvetica, sans-serif;
font-size: 68%;	
    
    color: #000;
    background: #f7f6f1;
	height: 100%;
}
body{
	text-align: center;
	font-size: 1em ;/*10px  1.2em = 12px 0.9em 9px*/
	 height: 100%;

}


div, p, img, a, td, ul, ol {
    font-size: 1em; 
}
p{
line-height:135%;
}
ol {
    margin-left: 1em;
    padding-left: 1em;
}
ol li {
    margin-left: 1em;
    padding: 0 0 .5em.3em;
    list-style: decimal;
}
h1, h2, h3, h4 {
	
	font-weight: bold;

	letter-spacing: .07em;
}
h1 { font-size: 150%;
padding-top:15px;
padding-bottom:5px;

border-bottom:5px solid #afafaf;
margin-bottom:10px;
 }
h2 { font-size: 115%;padding-top:15px;padding-bottom:5px;

margin-bottom:10px; }
h3 { font-size: 145%; }
h4 { font-size: 118%; letter-spacing: .15em }

h2.title {
padding-top:15px;
padding-bottom:5px;

border-bottom:5px solid #afafaf;
margin-bottom:10px;


}
p{padding-top:3px;
padding-bottom:10px;
vertical-align:top;
}
.line{
border-top:5px solid #afafaf;
}
a, a:link { 
    text-decoration: underline;
    color: #00f;

}
a:visited { color: #00F;text-decoration: underline;  }
a:hover { color: #00F;  text-decoration: underline; }
a:active { color: #00F; text-decoration: underline; }


a img, img {
    border: none;
}

ul {
list-style: disc;
background-color:#fff ;
margin: 2px 12px  3px 20px ;
padding-bottom:7px;
}
.infobox ul.subtitle {
margin: 2px 12px  3px 12px ;
padding-bottom:0px;
}
ul.subtitle {
margin: 2px 12px  3px 20px ;
padding-bottom:0px;
}
.indent {
margin-left:20px;
}
ul.subtitle li{
   color: #00f;
list-style-image:url(images/bullet.gif);
padding-left:0px;

}
ul.subtitle li p{
   color: #000;

}

li {
 /*  list-style: none;*/
    padding-left: 3px;
    margin-bottom: 3px;
}

.infobox li{
margin-left: 3px;
list-style-type:disc;

}








#page {
    width: 770px;
    margin: 0 auto 0;
	padding:0px;
	text-align: left;
    background: url(images/bg.gif) repeat-y;
}
#pagefooter {
height:20px;
	padding:0px;
    width: 770px;
    margin: 0 auto;
    text-align: left;
    background: url(images/bgfooter.gif) bottom;
}

#maincolumn {
width:726px;
    margin: 12px 0 0 0 ;
    padding: 0px 0 20px 22px;

}
#content {
float:left;
    margin: 10px 0 0 10px;
	width: 510px;

    padding: 0 0px 0 0 ;
	    text-align: left;
	
}

#sidebar {

float:left;
    margin: 10px 0 0 0 ;
    padding: 0px 0 0 20px;
}
#sidebar img {
display:inline;
}

#header { 
   /* background: #f7f6f1 url(images/header.jpg) no-repeat top left;*/
    position: relative;

	padding:15px 0 20px 20px;
}


.clear {
  clear: both; height: 1px; overflow: hidden;
     margin: -1px 0 0;
    font-size: 1px;
}


#footer {
text-align:center;

border-top:1px solid #afafaf;
    margin: 0px 22px 0 22px; 
	padding-top:4px;
	

    font-size: 10px;
    color: #000;

}

/*nav bars */
 #menu {
 /*postion:static;*/
border-top:1px solid #afafaf;
 margin: 2px 22px  3px 22px ;
 }
#nav {
float:right;
	/*position: absolute;
	top: 10px;
	left: 10px;*/
	list-style: none;
	margin: 0;
	padding: 0;
	height: 34px;
	display: inline;
	overflow: hidden;
	width: 320px;
	}
	
#nav li {
	margin: 0px; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: left;
	padding: 34px 5px 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:34px; /* for IE5/Win */
	}
	
#nav a:hover { background-position: 0pt -34px; }
#nav a:active, #nav a.selected { background-position: 0pt -34px; }

#home a  {
	width: 70px;
	background: url(images/home.gif) no-repeat scroll left top; 
	}

#services a  {
	width: 70px;
	background: url(images/services.gif) no-repeat scroll left top; 
	}

#portfolio a  {
	width: 70px;
	background: url(images/portfolio.gif) no-repeat scroll left top; 
	}

#contact a  {
	width: 70px;
	background: url(images/contact.gif) no-repeat scroll left top; 
	}



/*#homesel a  {
	width: 70px;
	background: url(images/home_sel.gif) no-repeat scroll left top; 
	}
#servicessel a  {
	width: 70px;
	background: url(images/services_sel.gif) top left no-repeat;
	}

#portfoliosel a  {
	width: 70px;
	background: url(images/portfolio_sel.gif) top left no-repeat;
	}

#contactsel a  {
	width: 70px;
	background: url(images/contact_sel.gif) top left no-repeat;
	}
	
*/	
div#left{float:left;
display: inline;
margin-left:97px;
    padding: 0px}
div#right{float:left;
margin-left:50px;
    padding: 0px}
div.infobox {
width:240px;
}
p img {
float:right;
display:block;
padding:3px;
/*text-align:right;

vertical-align:top;
margin-right:15px;
*/
}
img.heading {
padding-bottom:10px;
}
.portfolio{padding:20px 30px 5px 20px; clear:both}
.left {float:left}
.right {float:left;
padding:5px 0 0 15px;
width:370px;


}

 
textarea, input {margin-left:15px;
vertical-align:top;}



.form div{
	margin-left: 11em;
	margin-bottom: 1.5em;
	position: relative;
}
.form label{
	left: -10em;
	position: absolute;
}
.red {
color:#FF0000
}
/* Fixes for RichText widgets
------------------------------------------------------------------------------- */
.MODX_RichTextWidget {
	float: left;
}

.MODX_RichTextWidget a {
	border: 0px;
}