@charset "utf-8";
/* CSS Document */

body{
    padding:0;
    margin:0;
    background:url(../images/new_bg.png) 0 0 repeat-x #fff;
    color:#5E5242;
}

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
    margin:0; padding:0;
}
ul{
    margin:0; 
    padding:0; 
    list-style-type:none;
    font-size:0;
    line-height:0;
}

ul.list {
    margin:10px; 
    padding:5px; 
    list-style-image:url("../images/bullet_blue.gif");
    font:normal 12px/22px tahoma, arial, sans-serif;
    color:#555555;
    line-height:18px;
}


.spacer {
    background-color:#fff;
    height:15px;
    clear:both;
}

.spacer_sm {
    background-color:#fff;
    height:5px;
    clear:both;
}

.spacer_transp {
    background:transparent;
    height:15px;
    clear:both;
}

.spacer_transp_sm {
    background:transparent;
    height:10px;
    clear:both;
}

/*------------------------------------------------main--------------------*/

/*------------------------------------------------body--------------------*/
#body{
    width:900px;
    margin:0 auto;
    background:url(../images/new_header.png) left top no-repeat;
}

/* nav */

#body ul.nav{
    float:right;
    padding:0 0 0 20px;
    margin:0 auto;
}

#body ul.nav li{
    float:left;
    font-size:0;
    line-height:0;
}
#body ul.nav li a{
    display:block;
    margin:0 25px 0 0;
	padding:0px;
    font:bold 12px/22px tahoma, arial, sans-serif;
    color:#555555;
    text-decoration:none;
    background-color:inherit;
}
#body ul.nav li a:hover{
    color:#4675C1;
    text-decoration:underline;
}

/* personnel pages */

#body_pers{
    width:900px;
    margin:0 auto;
    background:url(../images/pers_header.png) left top no-repeat;
}
#body_pers ul.nav{
    float:right;
    padding:0 0 0 20px;
    margin:0 auto;
}

#body_pers ul.nav li{
    float:left;
    font-size:0;
    line-height:0;
}
#body_pers ul.nav li a{
    display:block;
    margin:0 25px 0 0;
	padding:0px;
    font:bold 12px/22px tahoma, arial, sans-serif;
    color:#555555;
    text-decoration:none;
    background-color:inherit;
}
#body_pers ul.nav li a:hover{
    color:#4675C1;
    text-decoration:underline;
}

/*------------------------------------------------left--------------------*/
#left{
    width:580px;
    margin:179px 0 0 0;
    float:left;
	min-height:600px;
}
#left h2.who{
    display:block;
    font:normal 20px/20px tahoma, arial, sans-serif;
    color:#6F8822;
    background-color:inherit;
    margin:10px 0px 10px 0px;
}
#left p.leftTxt1{
    display:block;
    width:544px;
    font-size:12px;
    line-height:20px;
    padding:0 0 3px 0;
}
#left p.leftTxt1 a {
    color:#5E5242;
    text-decoration:none;
}
#left p.leftTxt1 a:hover {
    color:#4675C1;
    text-decoration:underline;
}

#left p.leftTxt1 span.highlight{
    color:#616130;
    background-color:inherit;
	border-bottom:#585858 dashed 1px;
    font:normal 14px/20px tahoma, arial, sans-serif;
}

#left ul.link{
    width:575px;
    height:134px;
    margin:0 0 20px 0;
    float:left;
}
#left ul.link li{
    float:left;
    margin:0 11px 0 0;
    font-size:0;
    line-height:0;
}

/* bottom squares */

#left ul.link li a.personnel{
    display:block;
    background:url(../images/personnel_icon.gif) 0 0 no-repeat;
    width:126px;
    height:134px;
    font-size:0;
    line-height:0;
	margin: 10px 5px 10px 0px;
}
#left ul.link li a.personnel:hover{
    background:url(../images/personnel_icon_ovr.gif) 0 0 no-repeat;
}
#left ul.link li a.blog{
    display:block;
    background:url(../images/blog_panel.gif) 0 0 no-repeat;
    width:126px;
    height:134px;
    font-size:0;
    line-height:0;
	margin: 10px 5px 10px 0px;
}
#left ul.link li a.blog:hover{
    background:url(../images/blog_panel_ovr.gif) 0 0 no-repeat;
}
#left ul.link li a.webstart{
    display:block;
    background:url(../images/web_starter_panel.gif) 0 0 no-repeat;
    width:126px;
    height:134px;
    font-size:0;
    line-height:0;
	margin: 10px 5px 10px 0px;
}
#left ul.link li a.webstart:hover{
    background:url(../images/web_starter_panel_ovr.gif) 0 0 no-repeat;
}
#left ul.link li a.seo{
    display:block;
    background:url(../images/seo_panel.gif) 0 0 no-repeat;
    width:126px;
    height:134px;
    font-size:0;
    line-height:0;
	margin: 10px 5px 10px 0px;
}
#left ul.link li a.seo:hover{
    background:url(../images/seo_panel_ovr.gif) 0 0 no-repeat;
}

/* webpart */

#webparts{
    background:url(../images/event_bg.gif) 0 0 repeat-y;
    width:575px;
    margin:10px 0 20px 0;
    float:left;
    border-bottom:#EBE7D8 solid 1px;
}
#webparts h2{
    display:block;
    background:url(../images/event_icon2.png) 0 0 no-repeat;
    height:16px;
    padding:65px 0 0 0;
    font:normal 22px/22px tahoma, arial, sans-serif;
    color:#6F8822;
}
#webpart {
    float:left;
    width:255px;
	border: 1px dashed #CCCC99;
	min-height:150px;
    margin:5px 5px 10px 10px;
	padding:5px;
    overflow:hidden;
}

#webpart img.icon {
    float:left;
    padding:5px 5px 0 5px;
}

#webpart:hover {
    background-color:#E2E2C5;
    cursor:pointer;
}

#webpart span.wpheading {
    margin-top:10px;
    font:bold 12px/22px tahoma, arial, sans-serif;
    color:#6F8822;
    float:left;
    display:inline;
}

#webpart span.wpdesc {
    font:normal 12px/22px tahoma, arial, sans-serif;
    color:#333;
    width:240px;
    margin:5px 0 0 5px;
    float:left;
}

#webpart span.wpdesc img {
    margin:10px 0 10px 0;
}

#webpart span.wpdesc a {
    margin: 0px;
    padding: 0px;
}

/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right{
    background:url(../images/right_bg.gif) 0 0 no-repeat #fff;
    width:274px;
    float:left;
    margin:45px 0 0 0;
    padding:0 22px 20px 24px;
    color:#000;
}

#right h2.testimonial{
    display:block;
    background:url(../images/testimonials_icon.gif) 0 0 no-repeat;
    padding:0 0 0 32px;
    font:normal 20px/20px tahoma, arial, sans-serif;
    color:#6F8822;
    line-height:25px;
    background-color:inherit;
    margin:25px 0 10px 0;
}
#right h2.contact{
    display:block;
    background:url(../images/contact_icon.gif) 0 0 no-repeat;
    padding:0 0 0 32px;
    font:normal 20px/20px tahoma, arial, sans-serif;
    line-height:25px;
    color:#6F8822;
    background-color:inherit;
    margin:50px 0 0 0;
    height:42px;
}

#right h2.quote{
    display:block;
    background:url(../images/content.gif) 0 0 no-repeat;
    padding:0 0 0 32px;
    font:normal 20px/20px tahoma, arial, sans-serif;
    line-height:25px;
    color:#6F8822;
    background-color:inherit;
    margin:25px 0 10px 0;
}
#right p.rightTxt2{
    display:block;
    width:250px;
    font-size:12px;
    line-height:20px;
    color:#5E5E5E;
    background-color:inherit;
    float:left;
}

#right p.rightTxt2 span.header {
    color:#5681C8;
	display:block;
    background-color:inherit;
    font:bold 12px/20px tahoma, arial, sans-serif;
}

#right p.rightTxt2 a{
    color:#7E9ED3;
    text-decoration:none;
}
#right p.rightTxt2 a.email{
    color: #555;
    text-decoration:none;
}
#right p.rightTxt2 a:hover{
    text-decoration:underline;
    color:#7E9ED3;
}

#right p.rightTxt2  img.right{
    border:#E5E1C6 solid 2px;
    float:right;
    margin:0 0 1px 15px;
}

/*------------------------------------------------right--------------------*/                                                                                                           

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
    width:100%;
    background:url(../images/foot_bg_new.png) 0 0 repeat-x;
    height:132px;
    border-top: 1px solid #ccc;
}
#footer{
    width:900px;
    height:132px;
    position:relative;
    margin:0 auto;
}
#footer ul{
    position:absolute;
    left:0;
    top:24px;
}
#footer ul li{
    float:left;
    font:normal 12px/22px tahoma, arial, sans-serif;
    color:#555555;
    background-color:inherit;
}
#footer ul li a{
    padding:0 7px;
    font:normal 12px/22px tahoma, arial, sans-serif;
    color:#555555;
    background-color:inherit;
    text-decoration:none;
}
#footer ul li a:hover{
    color:#4675C1;
    background-color:inherit;
    text-decoration:underline;
}

#footer p.copyright{
    font:normal 12px/22px tahoma, arial, sans-serif;
    position:absolute;
    left:0;
    top:44px;
    width:275px;
    color:#6F8822;
    background-color:inherit;
}
#footer img{
    position:absolute;
    left:720px;
    top:12px;
    border:none;
}

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

/*------------------------------------------------Textboxon Email--------------------*/

.textbox {
    color:#6F8822;
    margin:0px;
    padding:2px 0 4px 2px;
    width:230px;
    font:normal 12px/22px tahoma, arial, sans-serif;
}

/*------------------------------------------------Textbox on Email--------------------*/