/* CSS Document */

*{ -webkit-letter-spacing: 0.03em; margin:0; padding:0}:focus,:active {outline:0}img{border:0}
a { color: #2E75AF; text-decoration: none; }
a:hover { color: #5A9ECC; text-decoration: underline; }

body {
     margin: 0;
     padding: 0;  
     font: 11px 'Roboto', sans-serif;
     -webkit-font-smoothing: antialiased; 
     font-smooth: always;
}

/* Global Divs */

#learn_more_btn { cursor: pointer; width: 116px; height: 32px; border: 0; background-image: url('../images/learn_more_btn.png'); background-repeat: no-repeat; background-color: transparent; }

#request_quote_btn_big { cursor: pointer; width: 256px; height: 48px; background-image: url('../images/sub_banner_btn_right.png'); background-repeat: no-repeat; background-color: transparent; border: 0; }

#submit_btn_big { cursor: pointer; width: 152px; height: 47px; background-image: url('../images/submit_btn.png'); background-repeat: no-repeat; background-color: transparent; border: 0; }

/* Global Divs */

/* Website Wrappers */

#wrapper_header_outer { width: auto; margin: 0; background-image: url('../images/header_main_bg.png'); background-repeat: repeat-x; } 
#wrapper_header_inner { width: 980px; padding: 0 15px 0 15px; height: 115px; margin: auto; }

#wrapper_banner_outer { width: auto; height: 400px; margin: 0; background-image: url('../images/banner_main_outer_bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #151515; border-bottom: 6px solid #7eaa46; } 
#wrapper_banner_inner { width: 980px; padding: 0 15px 0 15px; height: 400px; margin: auto; }

#wrapper_banner_outer a { text-decoration: none; color: #FFFFFF; }
#wrapper_banner_outer a:hover { text-decoration: none; color: #FFFFFF; }

#wrapper_content_outer { width: auto; margin: 0; background-color: #F9F9F9; border-bottom: 4px solid #7eaa46; } 
#wrapper_content_inner { width: 980px; padding: 0 15px 0 15px; height: 800px; margin: auto; background-image: url('../images/content_main_building_bg.png'); background-repeat: no-repeat; background-position: bottom; }

#wrapper_footer_outer { width: auto; margin: 0; background-color: #e5f2d4; } 
#wrapper_footer_inner { width: 980px; padding: 0 15px 0 15px; height: 230px; margin: auto; }

/* Website Wrappers */

/* Header Main Starts */

#header_main { width: 980px; height: 115px; }
.header_logo { float: left; width: 170px; height: 50px; margin-top: 30px; }
.header_right_bar { float: right; width: 680px; }
.header_right_bar ul { float: left; list-style-type: none; margin-top: 40px; padding: 0; }
.header_right_bar_li { display: inline; float: left; }
.header_right_bar_li a { display: block; float: left; padding: 6px 15px 6px 15px; font-family: inherit; font-weight: normal; font-size: 21px; line-height: 24px; color: #464646; margin-right: 20px; }
.header_right_bar a:hover { text-decoration: none; -khtml-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #8CC63F; color: #FFFFFF; }
.header_right_bar_li_current { display: inline; float: left; }
.header_right_bar_li_current a { text-decoration: none; -khtml-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #8CC63F; color: #FFFFFF;  display: block; float: left; padding: 6px 15px 6px 15px; font-family: inherit; font-weight: normal; font-size: 21px; line-height: 24px; margin-right: 20px; }
.header_right_bar_li_current a:hover { text-decoration: none; color: #FFFFFF; }
.header_right_bar_text { float: right; width: 225px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 24px; line-height: 27px; color: #606060; margin-top: 28px; text-align: right; }
.header_right_bar_social { float: right; width: 100px; height: 24px; margin-top: 7px; text-align: right; }
.fb_social { display: block; float: left; margin-right: 12px; width: 24px; height: 24px; background-image: url('../images/fb_icon.png'); background-repeat: no-repeat; background-color: transparent; text-indent: -9999px; }
.fb_social:hover { background-image: url('../images/fb_icon_hover.png'); background-repeat: no-repeat; background-color: transparent; }
.twitter_social { display: block; float: left; margin-right: 12px; width: 24px; height: 24px; background-image: url('../images/twitter_icon.png'); background-repeat: no-repeat; background-color: transparent; text-indent: -9999px; }
.twitter_social:hover { background-image: url('../images/twitter_icon_hover.png'); background-repeat: no-repeat; background-color: transparent; }
.google_social { display: block; float: left; width: 24px; height: 24px; background-image: url('../images/google_icon.png'); background-repeat: no-repeat; background-color: transparent; text-indent: -9999px; }
.google_social:hover { background-image: url('../images/google_icon_hover.png'); background-repeat: no-repeat; background-color: transparent; }

/* Header Main Ends */

/* Banner Main Starts */

#banner_main_1 { width: 980px; height: 210px; padding: 95px 0 95px 0; background-image: url('../images/slider_main_1.png'); background-repeat: no-repeat; background-position: 675px 72px; }
#banner_main_1 h1 { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 44px; line-height: 47px; color: #FFFFFF; margin-bottom: 18px; }
#banner_main_1 p { font-family: inherit; font-weight: normal; font-size: 18px; line-height: 24px; color: #EAEAEA; margin-bottom: 26px; }
#banner_main_1 span { display: block; width: 300px; height: 20px; padding: 10px 0 10px 0; background-image: url('../images/banner_main_btn.png'); background-repeat: no-repeat; font-family: inherit; font-weight: normal; font-size: 16px; line-height: 19px; color: #EFEFEF; text-align: center; }

#banner_main_2 { width: 980px; height: 210px; padding: 95px 0 95px 0; background-image: url('../images/slider_main_2.png'); background-repeat: no-repeat; background-position: 675px 72px; }
#banner_main_2 h1 { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 44px; line-height: 47px; color: #FFFFFF; margin-bottom: 18px; }
#banner_main_2 p { font-family: inherit; font-weight: normal; font-size: 18px; line-height: 24px; color: #EAEAEA; margin-bottom: 26px; }
#banner_main_2 span { display: block; width: 300px; height: 20px; padding: 10px 0 10px 0; background-image: url('../images/banner_main_btn.png'); background-repeat: no-repeat; font-family: inherit; font-weight: normal; font-size: 16px; line-height: 19px; color: #EFEFEF; text-align: center; }

#banner_main_3 { width: 980px; height: 210px; padding: 95px 0 95px 0; background-image: url('../images/slider_main_3.png'); background-repeat: no-repeat; background-position: 675px 72px; }
#banner_main_3 h1 { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 44px; line-height: 47px; color: #FFFFFF; margin-bottom: 18px; }
#banner_main_3 p { font-family: inherit; font-weight: normal; font-size: 18px; line-height: 24px; color: #EAEAEA; margin-bottom: 26px; }
#banner_main_3 span { display: block; width: 300px; height: 20px; padding: 10px 0 10px 0; background-image: url('../images/banner_main_btn.png'); background-repeat: no-repeat; font-family: inherit; font-weight: normal; font-size: 16px; line-height: 19px; color: #EFEFEF; text-align: center; }

#banner_main_4 { width: 980px; height: 210px; padding: 95px 0 95px 0; background-image: url('../images/slider_main_4.png'); background-repeat: no-repeat; background-position: 675px 72px; }
#banner_main_4 h1 { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 44px; line-height: 47px; color: #FFFFFF; margin-bottom: 18px; }
#banner_main_4 p { font-family: inherit; font-weight: normal; font-size: 18px; line-height: 24px; color: #EAEAEA; margin-bottom: 26px; }
#banner_main_4 span { display: block; width: 300px; height: 20px; padding: 10px 0 10px 0; background-image: url('../images/banner_main_btn.png'); background-repeat: no-repeat; font-family: inherit; font-weight: normal; font-size: 16px; line-height: 19px; color: #EFEFEF; text-align: center; }

/* Banner Main Ends */

/* Content Main Starts */

#content_main { float: left; width: 980px; padding: 50px 0 50px 0; }

#content_main_box_holder { width: 950px; height: 290px; padding: 15px; border-bottom: 1px solid #CCCCCC; }
#content_main_box_holder h1 { background-image: url('../images/services_icon_big.png'); background-repeat: no-repeat; background-position: 12px 0; padding-top: 6px; padding-left: 72px; height: 42px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 36px; line-height: 39px; color: #94A841; margin-bottom: 25px; }
#content_main_box_circle { float: left; width: 236px; height: 192px; text-align: center; }
#content_main_box_web { width: 192px; height: 192px; margin: 0 auto 0 auto; background-image: url('../images/home_web_cirlce_img.png'); background-repeat: no-repeat; }
#content_main_box_web_hover { display: none; width: 192px; height: 192px; margin: 0 auto 0 auto; background-image: url('../images/home_web_cirlce_img_hover.png'); background-repeat: no-repeat; }

#content_main_box_print { width: 192px; height: 192px; margin: 0 auto 0 auto; background-image: url('../images/home_print_cirlce_img.png'); background-repeat: no-repeat; }
#content_main_box_print_hover { display: none; width: 192px; height: 192px; margin: 0 auto 0 auto; background-image: url('../images/home_print_cirlce_img_hover.png'); background-repeat: no-repeat; }

#content_main_box_online { width: 192px; height: 192px; margin: 0 auto 0 auto; background-image: url('../images/home_online_cirlce_img.png'); background-repeat: no-repeat; }
#content_main_box_online_hover { display: none; width: 192px; height: 192px; margin: 0 auto 0 auto; background-image: url('../images/home_online_cirlce_img_hover.png'); background-repeat: no-repeat; }

#content_main_box_app { width: 192px; height: 192px; margin: 0 auto 0 auto; background-image: url('../images/home_app_cirlce_img.png'); background-repeat: no-repeat; }
#content_main_box_app_hover { display: none; width: 192px; height: 192px; margin: 0 auto 0 auto; background-image: url('../images/home_app_cirlce_img_hover.png'); background-repeat: no-repeat; }

#content_main_recent_work { float: left; width: 900px; height: 290px; margin-top: 25px; padding-left: 40px; padding-right: 40px; border-bottom: 1px solid #CCCCCC; }
#content_main_recent_work h1 { background-image: url('../images/interested_icon_big.png'); background-repeat: no-repeat; background-position: 12px 0; padding-top: 6px; padding-left: 72px; height: 42px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 36px; line-height: 39px; color: #94A841; margin-bottom: 25px; }
#content_main_recent_work_holder { float: left; width: 208px; height: 175px; border: 1px solid #CCCCCC; background-color: #FFFFFF; padding: 3px; text-align: center; }
.recent_work_margin_right { margin-right: 12px; }
#content_main_recent_work_holder img { position: absolute; z-index: 99; display: block; width: 208px; height: 175px; }

#content_main_recent_work_testimonial { float: left; width: 900px; text-align: center; margin-top: 18px; }
#content_main_recent_work_testimonial h2 { display: inline; font-family: inherit; font-weight: bold; font-size: 18px; line-height: 21px; color: #94A841; margin-bottom: 10px; }
#content_main_recent_work_testimonial p { display: inline; font-family: inherit; font-weight: normal; font-size: 16px; line-height: 19px; color: #757575; margin-bottom: 10px; }
#content_main_recent_work_testimonial span { color: #2E75AF; }

/* Content Main Ends */

/* Footer Main Starts */

#footer_main { width: 980px; height: 165px; padding: 30px 0 30px 0; }


#footer_main_contact_info { float: left; width: 980px; text-align: center; font-family: 'Roboto Condensed', sans-serif; font-weight: normal; font-size: 28px; line-height: 31px; color: #808080; margin-bottom: 30px; }
#footer_main_contact_info span { font-weight: normal; border-bottom: 1px dashed #8EDDA0; color: #8EAD40; }
#footer_main_contact_info a { text-decoration: none; color: #8EAD40; }
#footer_main_contact_info a:hover { text-decoration: none; color: #808080; }

#footer_address { float: left; width: 980px; text-align: center; }
#footer_address p { display: block; background-image: url('../images/location_icon_small.png'); background-repeat: no-repeat; background-position: 180px 1px; font-family: inherit; font-size: 15px; line-height: 18px; color: #808080; }

#footer_contact_info { float: left; width: 980px; text-align: center; margin-top: 10px; }
#footer_contact_info p { font-family: inherit; font-size: 15px; line-height: 18px; color: #808080; }

#footer_nav { float: left; width: 980px; text-align: center; margin-top: 25px; }
#footer_nav ul { list-style-type: none; margin: 0; padding: 0; }
#footer_nav li { display: inline; padding: 0 15px 0 15px; font-family: inherit; font-weight: normal; font-size: 15px; line-height: 19px; color: #8EAD40; }
#footer_nav li a { text-decoration: none; color: #8EAD40; }
#footer_nav li a:hover { text-decoration: none; color: #808080; }

#footer_disclaimer { float: left; width: 960px; margin-top: 15px; padding: 20px 10px 20px 10px; border-top: 1px dashed #8EDDA0; text-align: center; }
#footer_disclaimer p { font-family: inherit; font-size: 15px; line-height: 18px; color: #808080; }
#footer_disclaimer a { text-decoration: none; color: #8EAD40; }
#footer_disclaimer a:hover { text-decoration: none; color: #808080; }

/* Footer Main Ends */