body { 
padding : 0;
margin : 0;
background-color : #fffaea;
color : #000;
} 
div, h1, h2, p, form, label, input, textarea, img, span { 
margin : 0;
padding : 0;
} 
ul { 
margin : 0;
padding : 0;
list-style-type : none;
font-size : 0;
} 
.spacer { 
clear : both;
font-size : 0;
line-height : 0;
} 
#top { 
background : url(images/top_part.gif) no-repeat 0 0;
width : 968px;
height : 128px;
margin : 0 auto;
position : relative;
} 
#top img { 
position : absolute;
left : 30px;
top : 53px;
width : 286px;
height : 65px;
} 
#top ul { 
width : 309px;
height : 29px;
position : absolute;
left : 635px;
top : 74px;
} 
#top ul li { 
float : left;
margin : 0 1px 0 0;
} 
#top ul li a { 
background : url(images/nav_bg.gif) no-repeat 0 0;
width : 102px;
height : 29px;
display : block;
font : bold 11px/29px Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
text-transform : uppercase;
text-align : center;
background-color : inherit;
} 
#top ul li a:hover { 
background : url(images/nav_hover.gif) no-repeat 0 0;
width : 102px;
height : 29px;
color : #4c4c4c;
background-color : inherit;
} 
#top ul li.hover { 
float : left;
margin : 0 1px 0 0;
background : url(images/nav_hover.gif) no-repeat 0 0;
width : 102px;
height : 29px;
display : block;
font : bold 11px/29px Arial, Helvetica, sans-serif;
color : #4c4c4c;
text-decoration : none;
text-transform : uppercase;
text-align : center;
background-color : inherit;
} 
#header { 
width : 920px;
border-left : 7px solid #ffffff;
border-right : 7px solid #ffffff;
background : url(images/top_green_bg.gif) repeat-x 0 0;
height : 162px;
margin : 0 auto;
padding : 0 17px;
} 
#header h2 { 
display : block;
background : url(images/green_part_div.gif) repeat-x 0 0;
height : 23px;
width : 682px;
padding : 21px 0 0 236px;
margin : 0 0 18px 0;
} 
#header h2 span { 
font : bold 34px/20px Arial, Helvetica, sans-serif;
color : #fdff35;
padding : 0 0 0 0;
background : #7dbc07 url(images/h2_bg.gif) repeat-x 0 0;
width : 448px;
} 
#header p { 
font : bold 13px/19px Arial, Helvetica, sans-serif;
color : #fff;
background-color : inherit;
text-align : center;
margin : 0 0 18px 0;
display : block;
} 
#header p span { 
background-color : #3a6200;
color : #fff;
padding : 0 2px 0 4px;
} 
#header a { 
background : url(images/btn_click.gif) no-repeat 0 0;
width : 228px;
height : 25px;
display : block;
margin : 0 0 0 370px;
} 
#header a:hover { 
background : url(images/btn_click_hover.gif) no-repeat 0 0;
} 
#body { 
width : 968px;
margin : 0 auto;
padding : 0;
background-color : #fff;
color : #000;
} 
#body ul.nav { 
width : 822px;
height : 46px;
border-bottom : 4px solid #eeeeee;
padding : 8px 0 6px 146px;
margin : 0 0 24px 0;
background-color : #fff;
color : #000;
} 
#body ul.nav li.navLink { 
display : block;
background : url(images/nav_div.gif) repeat-y right top;
float : left;
height : 46px;
padding : 0 1px 0 0;
} 
#body ul.nav li.navLinkNoBdr { 
display : block;
background-image : none;
float : left;
height : 46px;
padding : 0 1px 0 0;
} 
#body ul.nav li.navLink a.service { 
display : block;
background : #fff url(images/services_icon.gif) no-repeat 0 7px;
padding : 0 14px 0 46px;
font : bold 13px/46px Arial, Helvetica, sans-serif;
color : #171717;
text-transform : uppercase;
text-decoration : none;
} 
#body ul.nav li.navLink a.service:hover { 
background : #fff url(images/services_icon_hover.gif) no-repeat 0 7px;
color : #39638a;
} 
#body ul.nav li.navLink a.testimonial { 
display : block;
background : #fff url(images/testimonial_icon.gif) no-repeat 10px 7px;
padding : 0 15px 0 58px;
font : bold 13px/46px Arial, Helvetica, sans-serif;
color : #171717;
text-transform : uppercase;
text-decoration : none;
} 
#body ul.nav li.navLink a.testimonial:hover { 
background : #fff url(images/testimonial_icon_hover.gif) no-repeat 10px 7px;
color : #39638a;
} 
#body ul.nav li.navLink a.project { 
display : block;
background : #fff url(images/project_icon.gif) no-repeat 9px 7px;
padding : 0 14px 0 43px;
font : bold 13px/46px Arial, Helvetica, sans-serif;
color : #171717;
text-transform : uppercase;
text-decoration : none;
} 
#body ul.nav li.navLink a.project:hover { 
background : #fff url(images/project_icon_hover.gif) no-repeat 9px 7px;
color : #39638a;
} 
#body ul.nav li.navLink a.privacy { 
display : block;
background : #fff url(images/privacy_icon.gif) no-repeat 12px 7px;
padding : 0 8px 0 42px;
font : bold 13px/46px Arial, Helvetica, sans-serif;
color : #171717;
text-transform : uppercase;
text-decoration : none;
} 
#body ul.nav li.navLink a.privacy:hover { 
background : #fff url(images/privacy_icon_hover.gif) no-repeat 12px 7px;
color : #39638a;
} 
#body ul.nav li.navLinkNoBdr a.moreLink { 
display : block;
background : #fff url(images/more_links_icon.gif) no-repeat 8px 7px;
padding : 0 0 0 49px;
font : bold 13px/46px Arial, Helvetica, sans-serif;
color : #171717;
text-transform : uppercase;
text-decoration : none;
} 
#body ul.nav li.navLinkNoBdr a.moreLink:hover { 
background : #fff url(images/more_links_icon_hover.gif) no-repeat 8px 7px;
color : #39638a;
} 
#left { 
width : 630px;
padding : 5px 15px 0 22px;
float : left;
} 
#left h2 { 
font : bold 24px/16px Arial, Helvetica, sans-serif;
color : #497c00;
line-height : 26px;
background-color : #fff;
margin : 0 0 12px 0;
display : block;
} 
#left p.lftText { 
font : normal 12px/19px Arial, Helvetica, sans-serif;
color : #555;
background-color : #fff;
margin : 0;
padding : 0;
} 
#left p.lftText span { 
color : #9e3f01;
background-color : #fff6db;
font : bold 12px/19px Arial, Helvetica, sans-serif;
} 
#left p.viewMore { 
width : 77px;
height : 13px;
background : url(images/view_more_bg.gif) repeat-x 0 0;
padding : 0 0 0 542px;
margin : 31px 0 15px 0;
font-size : 0;
display : block;
} 
#left p.viewMore a { 
background : url(images/view_more.gif) no-repeat 0 0;
width : 77px;
height : 13px;
display : block;
} 
#left p.viewMore a:hover { 
background : url(images/view_more_hover.gif) no-repeat 0 0;
} 

#leftBottom { 
width : 630px;
background : url(images/left_bottom_bg_cv.gif) repeat-y 0 0;
} 
#leftBottom p.top1 { 
background : url(images/left_bottom_top_cv.gif) no-repeat 0 0;
width : 630px;
height : 21px;
} 
#leftBottom h2 { 
background : url(images/left_bottom_h2_cv.gif) no-repeat 0 0;
width : 630px;
height : 24px;
} 
#leftBottom p.lftBottomText { 
margin : 0 13px 0 18px;
font : normal 12px/19px Arial, Helvetica, sans-serif;
color : #91835b;
background-color : #fff;
} 
#leftBottom p.lftBottomText span { 
font : bold 13px/19px Arial, Helvetica, sans-serif;
color : #c24e01;
background-color : #fff;
} 
#leftBottom p.bot1 { 
background : url(images/left_bottom_bot_cv.gif) no-repeat 0 0;
width : 630px;
height : 25px;
} 

#leftBottom1 { 
width : 630px;
background : url(images/left_bottom_bg_cv.gif) repeat-y 0 0;
} 
#leftBottom1 p.top1 { 
background : url(images/left_bottom_top_cv.gif) no-repeat 0 0;
width : 630px;
height : 21px;
} 
#leftBottom1 h2 { 
background : url(images/left_bottom_h2_cv.gif) no-repeat 0 0;
width : 630px;
height : 24px;
} 
#leftBottom1 p.lftBottomText { 
margin : 0 13px 0 18px;
font : normal 12px/19px Arial, Helvetica, sans-serif;
color : #91835b;
background-color : #fff;
} 
#leftBottom1 p.lftBottomText span { 
font : bold 13px/19px Arial, Helvetica, sans-serif;
color : #c24e01;
background-color : #fff;
} 
#leftBottom1 p.bot1 { 
background : url(images/left_bottom_bot_cv.gif) no-repeat 0 0;
width : 630px;
height : 25px;
} 

#leftBottom2 { 
width : 630px;
background : url(images/left_bottom_bg_cv.gif) repeat-y 0 0;
} 
#leftBottom2 p.top1 { 
background : url(images/left_bottom_top_cv.gif) no-repeat 0 0;
width : 630px;
height : 21px;
} 
#leftBottom2 h2 { 
background : url(images/left_bottom_h2_cv.gif) no-repeat 0 0;
width : 630px;
height : 24px;
} 
#leftBottom2 p.lftBottomText { 
margin : 0 13px 0 18px;
font : normal 12px/19px Arial, Helvetica, sans-serif;
color : #91835b;
background-color : #fff;
} 
#leftBottom2 p.lftBottomText span { 
font : bold 13px/19px Arial, Helvetica, sans-serif;
color : #c24e01;
background-color : #fff;
} 
#leftBottom2 p.bot1 { 
background : url(images/left_bottom_bot_cv.gif) no-repeat 0 0;
width : 630px;
height : 25px;
} 



#leftBottom3 { 
width : 630px;
background : url(images/left_bottom_bg_cv.gif) repeat-y 0 0;
} 
#leftBottom3 p.top1 { 
background : url(images/left_bottom_top_cv.gif) no-repeat 0 0;
width : 630px;
height : 21px;
} 
#leftBottom3 h2 { 
background : url(images/left_bottom_h2_cv.gif) no-repeat 0 0;
width : 630px;
height : 24px;
} 
#leftBottom3 p.lftBottomText { 
margin : 0 13px 0 18px;
font : normal 12px/19px Arial, Helvetica, sans-serif;
color : #91835b;
background-color : #fff;
} 
#leftBottom3 p.lftBottomText span { 
font : bold 13px/19px Arial, Helvetica, sans-serif;
color : #c24e01;
background-color : #fff;
} 
#leftBottom3 p.bot1 { 
background : url(images/left_bottom_bot_cv.gif) no-repeat 0 0;
width : 630px;
height : 25px;
} 


 #leftBottom4 { 
width : 630px;
background : url(images/left_bottom_bg_cv.gif) repeat-y 0 0;
} 
#leftBottom4 p.top1 { 
background : url(images/left_bottom_top_cv.gif) no-repeat 0 0;
width : 630px;
height : 21px;
} 
#leftBottom4 h2 { 
background : url(images/left_bottom_h2_cv.gif) no-repeat 0 0;
width : 630px;
height : 24px;
} 
#leftBottom4 p.lftBottomText { 
margin : 0 13px 0 18px;
font : normal 12px/19px Arial, Helvetica, sans-serif;
color : #91835b;
background-color : #fff;
} 
#leftBottom4 p.lftBottomText span { 
font : bold 13px/19px Arial, Helvetica, sans-serif;
color : #c24e01;
background-color : #fff;
} 
#leftBottom4 p.bot1 { 
background : url(images/left_bottom_bot_cv.gif) no-repeat 0 0;
width : 630px;
height : 25px;
} 


#mid { 
width : 252px;
border : 1px solid #ff6600;
background : #ff660e url(images/mid_panel_bg.gif) repeat-x 0 0;
color : #fff;
padding : 4px 13px 0 11px;
margin : 0 17px 0 0;
float : left;
} 
#mid h2 { 
font : bold 22px/38px Arial, Helvetica, sans-serif;
} 
#mid img { 
margin : 0 0 14px 0;
width : 252px;
height : 262px;
} 
#mid h3 { 
font : bold 12px/29px Arial, Helvetica, sans-serif;
color : #fff414;
background-color : #ff6600;
padding : 0;
margin : 0;
text-transform : uppercase;
} 
#mid p.midText { 
font : bold 12px/19px Arial, Helvetica, sans-serif;
color : #fff;
background-color : #ff6600;
margin : 0 0 31px 0;
} 
#mid p.midText2 { 
font : bold 16px/22px Arial, Helvetica, sans-serif;
color : #fff;
background-color : #ff6600;
margin : 0 0 46px 0;
} 
#right { 
width : 264px;
float : left;
} 
#right h2.mem { 
width : 214px;
height : 57px;
background : url(images/member_login.gif) no-repeat 0 0;
padding : 0 0 0 50px;
font : bold 20px/57px Arial, Helvetica, sans-serif;
color : #7bca0a;
background-color : inherit;
} 
#right form { 
background : url(images/memberlogin_bg.gif) repeat-y 0 0;
width : 228px;
padding : 0 18px;
margin : 0;
} 
#right form input.txtBox { 
width : 206px;
height : 19px;
border-left : 1px solid #808080;
border-top : 1px solid #808080;
border-right : 1px solid #d4d0c8;
border-bottom : 1px solid #d4d0c8;
color : #000;
background-color : #fff;
margin : 0 0 17px 0;
padding : 0 0 0 20px;
} 
#right form p { 
color : #ffffff;
font-size : 11px;
font-family : arial, sans-serif;
font-weight : bold;
line-height : 16px;
} 
#right form a { 
font : bold 12px/19px Arial, Helvetica, sans-serif;
color : #ff6600;
background-color : #131313;
text-decoration : underline;
float : left;
background : url(images/register_here_bg.gif) no-repeat 0 5px;
padding : 0 0 0 14px;
width : 79px;
} 
#right form a:hover { 
text-decoration : none;
} 
#right form input.login { 
background : url(images/btn_login.gif) no-repeat 0 0;
width : 53px;
height : 13px;
border : none;
cursor : pointer;
float : right;
} 
#right p.bottom2 { 
background : url(images/memberlogin_bot.gif) no-repeat 0 0;
width : 264px;
height : 25px;
margin : 0 0 5px 0;
} 
#right h2.solution { 
font : bold 24px/39px Arial, Helvetica, sans-serif;
color : #497c00;
background-color : #fff;
padding : 0 0 0 17px;
} 
#right ul { 
width : 238px;
padding : 0 0 0 17px;
} 
#right ul li { 
display : block;
background : url(images/solution_div.gif) repeat-x left bottom;
height : 20px;
width : 238px;
padding : 0 0 1px 0;
} 
#right ul li a { 
background : url(images/arrow.gif) no-repeat 0 7px;
padding : 0 0 0 14px;
font : bold 11px/20px Arial, Helvetica, sans-serif;
color : #000;
background-color : #fff;
text-decoration : none;
margin : 0;
display : block;
} 
#right ul li a:hover { 
color : #a60303;
background-color : #ececec;
} 
#right ul li.noImg { 
display : block;
background-image : none;
height : 20px;
} 
#bodyBottom { 
width : 953px;
margin : 18px 0 0 0;
padding : 8px 8px 19px 7px;
float : left;
} 
#bodyBottom ul { 
width : 944px;
background-color : #f1f1f1;
color : #000;
padding : 8px 0 8px 9px;
float : left;
display : block;
} 
#bodyBottom ul li.one { 
padding : 7px 47px 36px 21px;
font : normal 12px/20px Arial, Helvetica, sans-serif;
color : #555;
background-color : #fff;
float : left;
border-right : 8px solid #f1f1f1;
display : block;
width : 258px;
} 
#bodyBottom ul li.one a { 
font : bold 11px/43px Arial, Helvetica, sans-serif;
color : #d35400;
background-color : #fff;
text-decoration : underline;
margin : 0 0 0 0;
display : block;
} 
#bodyBottom ul li.one a:hover { 
color : #528b00;
background-color : #fff;
text-decoration : none;
} 
#bodyBottom ul li.two { 
padding : 7px 18px 36px 24px;
font : normal 12px/20px Arial, Helvetica, sans-serif;
color : #555;
background-color : #fff;
float : left;
border-right : 8px solid #f1f1f1;
display : block;
width : 271px;
} 
#bodyBottom ul li.two a { 
font : bold 11px/43px Arial, Helvetica, sans-serif;
color : #d35400;
background-color : #fff;
text-decoration : underline;
margin : 0 0 0 0;
display : block;
} 
#bodyBottom ul li.two a:hover { 
color : #528b00;
background-color : #fff;
text-decoration : none;
} 
#bodyBottom ul li.three { 
padding : 7px 16px 16px 26px;
font : normal 12px/20px Arial, Helvetica, sans-serif;
color : #555;
background-color : #fff;
float : left;
border-right : 8px solid #f1f1f1;
display : block;
width : 238px;
} 
#bodyBottom ul li.three a { 
font : bold 11px/43px Arial, Helvetica, sans-serif;
color : #d35400;
background-color : #fff;
text-decoration : underline;
margin : 0 0 0 0;
display : block;
} 
#bodyBottom ul li.three a:hover { 
color : #528b00;
background-color : #fff;
text-decoration : none;
} 
#footerMain { 
width : 968px;
margin : 0 auto;
height : 128px;
background-color : #fff;
color : #000;
padding : 0 0 16px 0;
} 
#footer { 
width : 953px;
margin : 0 auto;
background : url(images/footer_bg.gif) repeat-x 0 0;
height : 128px;
position : relative;
} 
#footer ul { 
width : 557px;
position : absolute;
left : 282px;
top : 18px;
} 
#footer ul li { 
float : left;
color : #fff;
background-color : inherit;
font : normal 12px/16px Arial, Helvetica, sans-serif;
} 
#footer ul li a { 
font : normal 12px/16px Arial, Helvetica, sans-serif;
color : #fff;
background-color : inherit;
padding : 0 11px;
text-decoration : none;
} 
#footer ul li a:hover { 
color : #fff;
background-color : #03373b;
} 
#footer p.copyright { 
font : normal 11px/11px Tahoma, Arial, Helvetica, sans-serif;
color : #fdff35;
background-color : inherit;
position : absolute;
left : 360px;
top : 38px;
} 
#footer a.xht { 
width : 85px;
height : 13px;
background : url(images/xhtml_bg.gif) no-repeat 0 0;
position : absolute;
left : 391px;
top : 59px;
margin : 0;
} 
#footer a.xht:hover { 
background : url(images/xhtml_bg_hover.gif) no-repeat 0 0;
} 
#footer a.cs { 
width : 85px;
height : 13px;
background : url(images/css_bg.gif) no-repeat 0 0;
position : absolute;
left : 478px;
top : 59px;
margin : 0;
} 
#footer a.cs:hover { 
background : url(images/css_bg_hover.gif) no-repeat 0 0;
} 
#footer p.design { 
display : block;
width : 187px;
height : 17px;
padding : 3px;
position : absolute;
left : 382px;
top : 83px;
font : bold 11px/17px Arial, Helvetica, sans-serif;
color : #fff;
background-color : #03373b;
text-transform : none;
text-align : center;
} 
#footer p.design a.link { 
font : bold 11px/17px Arial, Helvetica, sans-serif;
color : #fff;
background-color : #03373b;
text-decoration : none;
text-transform : none;
} 
#footer p.design a.link:hover { 
color : #fdff35;
background-color : #03373b;
}