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


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/* *********************** Code begin ************************ */

p {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:100; line-height:22px; color:#6d6d6d; padding:0; margin:0; text-align:left;}
	
h1{font-family: 'Merriweather Sans', sans-serif; color:#474747; font-size:60px; font-weight:Light 200; margin:0 0 25px 0;}
h2{font-family: 'Merriweather Sans', sans-serif; color:#474747; font-size:45px; font-weight:normal; ntext-transform:uppercase; margin:0 0 15px 0;}
h3{font-family: 'Merriweather Sans', sans-serif; color:#474747; font-size:32px; font-weight:normal; ntext-transform:uppercase; margin:0 0 3px 0;}
h4 {font-family:'Merriweather Sans', sans-serif; color: #474747; font-size: 20px; font-weight:100; margin: 0; padding: 0; line-height:27px; }

p.center{text-align:center;}
h1.center{text-align:center;}
h2.center{text-align:center;}
h3.center{text-align:center;}
h4.center{text-align:center;}


h4.learn_more {width:150px; margin:0 auto; margin-top:20px; font-size: 17px; text-align:center; color:#ffffff; background:#7E7E7E; padding:2px 4px 2px 4px; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out;	transition: all 0.20s ease-in-out;}


a {text-decoration:underline; color:#bd191f; outline:none;}
a:hover {text-decoration:none;}
.clear_both {height:1px; width:50px; clear:both; background-color:#F0;}

.center_text_class p{text-align:center;}

body
{
	margin:0px; color:#474747; background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; -webkit-font-smoothing: subpixel-antialiased;  text-align:left;
	height:100%; background-image:url(bp_img/bp_blueprint.pn); background-repeat:no-repeat; background-position:center top;
	}
	
html 
{
	overflow-y: scroll; margin:0px; height:100%; text-align:left;
	}

.link_image
{display:block; opacity:0.0; position:absolute; margin:0 0 0 -9000px;}




#home_wrapper
{
	height:1100px; width:960px; margin-top:30px; margin-bottom:240px; margin:0 auto; border:solid 1px #;
	}


#top_menu_wrapper 
{height: 155px; width:100%; min-width:960px; background:#fff; border:solid 1px #00;
	}
#top_menu_wrapper_tjanster 
{height: 75px; width:100%; min-width:960px; margin:-75px 0 0 0; position:absolute; background:#fff; z-index:999;
	background: #ffffff; /* Old browsers */	z-index:50; 
	}
	
#top_menu
{
	height:75px; width:960px; margin:0 auto; padding:0 0 0px 0; margin-bottom:50px;
	background-color:#00;	
	background-image:url(sfgg_img/sfgg_logo_slogan.png); background-repeat:no-repeat; background-position:260px 46px;

	}
#top_menu ul {margin:0; padding:0; list-style:none;}
#top_menu ul li {float:right; margin:0; padding:0;}
#top_menu ul li a 
{
	float:left; min-width:10px; height:24px;
	padding:74px 2px 0 2px; margin:0px 9px 0 9px;
	font-family:Arial,Helvetica,sans-serif; 
	text-decoration:none; font-size:20px;
	text-align:center; color:#4d4d4d; background:#;	 border-bottom:solid 5px #ffffff;
	opacity: 1; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out;	transition: all 0.20s ease-in-out;
	}	
#top_menu ul li a:hover 
{	
	color:#4d4d4d; background-color:#fff;	border-bottom:solid 5px #bd191f;
	opacity: 1; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out;	transition: all 0.20s ease-in-out;
	}		
#top_menu .current_page {border-bottom:solid 5px #bd191f;}

.logo_current
{
	height:130px; width:200px; float:left; margin:0; padding:20px 0 0 0; background-color:#cc; border:solid 1px #f0;
	}


#menu_side2
{
	height: 30px; width:100%; min-width:960px; position:fixed; z-index:50; background-color:#12b285; margin:0 auto;
	text-align:center; font-size:20px; font-weight:100; padding:5px 0 0 0;
	font-family:'Merriweather Sans', sans-serif; color: #ffffff; font-weight:100;
	}
#menu_side2 a{color:#; margin:0 20px 0 0; font-family:'Merriweather Sans', sans-serif; color: #d2ffe3; font-weight:100;}
#menu_side2 a:hover{color:#ffffff;}
#menu_side2 img{opacity:0.9;}
img.upp{}
#menu_side2 img:hover{opacity:1}
#top_menu_padding_fix
{height: 75px; width:100%; min-width:960px; background:#5;
	}



/******************************* Index START *************************************
**********************************************************************************
*********************************************************************************/


.center_align_box {height:100%; width:960px; margin:0 auto; background:#cc; text-align:left;}
.center_align_box_padding_bottom {height:100%; padding: 0 0 40px 0; width:960px; margin:0 auto; background:#cc; text-align:left;}



#bp_banner 
{
	height:290px; width:100%; min-width:960px; margin:0; background-color:#e0e0e0; border:solid 1px #;
	}

#bp_banner_index
{
	height:290px; width:100%; min-width:960px; margin:0; background-color:#e0e0e0;
	background-image:url(bp_img/bp_banners_index.png); background-repeat:no-repeat; background-position:center top;
	}
#bp_banner_services
{
	height:290px; width:100%; min-width:960px; margin:0; background-color:#e0e0e0;
	background-image:url(bp_img/bp_banners_services.png); background-repeat:no-repeat; background-position:center top;
	}
#bp_banner_contact
{
	height:290px; width:100%; min-width:960px; margin:0; background-color:#e0e0e0;
	background-image:url(bp_img/bp_banners_contact.png); background-repeat:no-repeat; background-position:center top;
	}
#bp_banner_wecare
{
	height:290px; width:100%; min-width:960px; margin:0; background-color:#e0e0e0;
	background-image:url(bp_img/bp_banners_wecare.png); background-repeat:no-repeat; background-position:center top;
	}




img.center { 
	 position:relative;
    display: block; 

    margin-left: auto; 

    margin-right: auto;

}

.index_info_1 {height:400px; width:290px; padding:10px 15px 0 15px; margin:30px 0 30px 0; display:block; float:left; background-color:#fff; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out;	transition: all 0.20s ease-in-out;}
.index_info_2 {height:400px; width:290px; padding:10px 15px 0 15px; margin:30px 0 30px 0;display:block; float:left; background-color:#cc; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out;	transition: all 0.20s ease-in-out;}
.index_info_3 {height:400px; width:290px; padding:10px 15px 0 15px; margin:30px 0 30px 0; display:block; float:right; background-color:#f0; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out;	transition: all 0.20s ease-in-out;}

.index_info_1:hover {background-color:#f4f4f4; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out;	transition: all 0.20s ease-in-out;}
.index_info_2:hover {background-color:#f4f4f4; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out;	transition: all 0.20s ease-in-out;}
.index_info_3:hover {background-color:#f4f4f4; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out;	transition: all 0.20s ease-in-out;}

.index_info_1:hover h4.learn_more {background:#bd191f; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out;	transition: all 0.20s ease-in-out;}
.index_info_2:hover h4.learn_more {background:#bd191f; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out;	transition: all 0.20s ease-in-out;}
.index_info_3:hover h4.learn_more {background:#bd191f; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out;	transition: all 0.20s ease-in-out;}






/******************************* Index End **********************************
**********************************************************************************
*********************************************************************************/

/******************************* Services START**********************************
**********************************************************************************
*********************************************************************************/



.quote_box_left
{
	height:140px; width:420px; margin:30px 0 0 0; float:left; display:block; background-color:#f0;
	background-image:url(bp_img/quote_box.png); background-repeat:no-repeat; background-position:left top;
	}

.quote_box_right
{
	height:140px; width:420px; margin:30px 0 0 0; float:right; display:block; background-color:#f0;
	background-image:url(bp_img/quote_box.png); background-repeat:no-repeat; background-position:left top;
	}

.quote_text
{
	height:100px; padding:12px 8px 0 12px; width:400px; background-color:#cc;
	background-image:url(bp_img/quote_box.png); background-repeat:no-repeat; background-position:left top;
	}


/******************************* Services END **********************************
**********************************************************************************
*********************************************************************************/

/******************************* People START**********************************
**********************************************************************************
*********************************************************************************/



.photo_people
{
	height:195px; width:195px; margin:0 20px 0 0; padding:0; background-color:#e0e0e0; display:block; float:left; overflow:hidden;
	-webkit-border-radius:300px; khtml-border-radius:300px; -moz-border-radius:300px; -ms-border-radius:300px; -o-border-radius:300px; border-radius:300px; 
	}


/******************************* People END **********************************
**********************************************************************************
*********************************************************************************/

/******************************* Resources START **********************************
**********************************************************************************
*********************************************************************************/

.book_box
{
	min-height:100px; width:200px; margin:0 0 10px 0; padding:15px 15px 15px 15px; background-color:#fff; display:block; float:left; overflow:hidden;
	 -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out;	transition: all 0.20s ease-in-out;}
.book_box p{color:#373737;}
.book_box:hover{background-color:#f4f4f4; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out;	transition: all 0.20s ease-in-out;}
.book_box:hover .download_pdf_book_box{background-color:#bd191f; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out;	transition: all 0.20s ease-in-out;}
.book_box img
{	
	margin:5px 0 0 0;
	-webkit-box-shadow:0 1px 4px 0px #c6c6c6;
	-khtml-box-shadow:0 1px 4px 0px #c6c6c6; 	
	-moz-box-shadow:0 1px 4px 0px #c6c6c6;	
	-ms-box-shadow:0 1px 4px 0px #c6c6c6; 	
	-o-box-shadow:0 1px 4px 0px #c6c6c6; 	
	box-shadow:0 1px 4px 0px #c6c6c6;
	}


.download_pdf_book_box h4{font-size:18px; color:#ffffff;}
.download_pdf_book_box
{
	height:45px; width:140px; margin:6px 0 0 0; padding:15px 0 0 60px; background-color:#7e7e7e; color:#ffffff;
	background-image:url(bp_img/pdf_icon.png); background-repeat:no-repeat; background-position:7px 5px;
	-webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out;	transition: all 0.20s ease-in-out;
	}

/******************************* Resources END **********************************
**********************************************************************************
*********************************************************************************/


.we_care_org_logos
{
	height:130px; width:200px; margin:0 0 0 0; padding:; background-color:#fff; display:block; float:left;
	-webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out;	transition: all 0.20s ease-in-out;
	-webkit-box-shadow:0 1px 4px 0px #c6c6c6;
	-khtml-box-shadow:0 1px 4px 0px #c6c6c6; 	
	-moz-box-shadow:0 1px 4px 0px #c6c6c6;	
	-ms-box-shadow:0 1px 4px 0px #c6c6c6; 	
	-o-box-shadow:0 1px 4px 0px #c6c6c6; 	
	box-shadow:0 1px 4px 0px #c6c6c6;
	}






#footer
{
	height:265px; width:100%; min-width:960px; margin:-265px 0 0 0; padding:0px 0 0 0;
	background-color:#e0e0e0;
	background-image:url(bp_img/footer_bg_map.png); background-repeat:no-repeat; background-position:center center;
	}
#footer p, a
{
	text-align:left; color:#777777; line-height:20px;
	}
#footer a{color:#bd191f;}
#footer a:hover{color:#bd191f;}


#footer_contact_info
{
	height:105px; width:400px; margin:45px 0 0 0; float:left; padding:10px 15px 15px 0px;
	background:#; text-align:left; clear:both;
	/*	-webkit-box-shadow:0 1px 4px 0px #c6c6c6;
	-khtml-box-shadow:0 1px 4px 0px #c6c6c6; 	
	-moz-box-shadow:0 1px 4px 0px #c6c6c6;	
	-ms-box-shadow:0 1px 4px 0px #c6c6c6; 	
	-o-box-shadow:0 1px 4px 0px #c6c6c6; 	
	box-shadow:0 1px 4px 0px #c6c6c6;
	*/
	}

#footer_contact_info img
{
	display:block; float:right;
	}


#wrapper_footer_fix
{
	width:100%; min-height:100%; margin:0 auto; padding:0; border-top:;
	} #wrapper_footer_fix_margin{height:265px; width:960px; clear:both; background-color:#;}
	
	
	
	


#footer_x
{
	height:150px; width:100%; min-width:960px; margin:-170px 0 0 0; padding:20px 0 10px 0;
	background-color:#ededed;
	background-image:url(bp_img/footer_bg_map.pn); background-repeat:no-repeat; background-position:center center;
	}
#footer_x p, a
{
	text-align:left; color:#777777; line-height:20px;
	}
#footer_x a{color:#bd191f;}
#footer_x a:hover{color:#bd191f;}


#footer_contact_info_x
{
	height:105px; width:400px; margin-top:; margin:0 auto; padding:10px 15px 15px 15px;
	background:#; text-align:left; clear:both;
	/*	-webkit-box-shadow:0 1px 4px 0px #c6c6c6;
	-khtml-box-shadow:0 1px 4px 0px #c6c6c6; 	
	-moz-box-shadow:0 1px 4px 0px #c6c6c6;	
	-ms-box-shadow:0 1px 4px 0px #c6c6c6; 	
	-o-box-shadow:0 1px 4px 0px #c6c6c6; 	
	box-shadow:0 1px 4px 0px #c6c6c6;
	*/
	}

#footer_contact_info_x img
{
	display:block; float:right;
	}


#wrapper_footer_fix_x
{
	width:100%; min-height:100%; margin:0 auto; padding:0; border-top:;
	} #wrapper_footer_fix_margin_x{height:170px; width:960px; clear:both; background-color:#;}