/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

* { margin:0; padding:0;}
html, body { height:100%;  min-width:940px;}	
body { 
	/* background-image:url(../images/bkgd_HSG.jpg); */
	background-repeat:repeat-x;
	font-family: Myriad Pro, Gotham, Georgia, serif;
	font-size:105%; 
	line-height:1.125em;
	color:#919698;
	}
/*input, select, textarea { font-family:"minion-pro-1","minion-pro-2", "Times New Roman", Georgia, serif;	font-size:1em;	vertical-align:middle;	font-weight:normal;} */
object { vertical-align:top; outline:none}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
.container {	overflow: hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }
fieldset{ border:none}

.col-1, .col-2, .col-3, .col-3b, .col-4, .col-5, .col-6, .col-7, .col-8{ float:left}
/*======= width =======*/
.main {	margin: 0 auto;	position: relative;	width: 940px;}
.main1 {	margin: 0 auto;	position: relative;	width: 1058px; }

a{ color:#387fb2; text-decoration:none; outline:none}
a:hover{ text-decoration:underline}

.link{color:#387fb2; text-decoration:underline;  }
.link:hover{text-decoration:none }
/*
.button{color:#fff; background:url(../images/button.gif) top left no-repeat; width:114px; text-align:center; line-height:32px; display:block; text-decoration:none;  }
.button:hover{text-decoration:underline }
*/
section ul.list{margin:0; padding:0; list-style:none;}
section ul.list li{ background:url(../images/tail.gif) bottom left repeat-x; line-height:30px}
section ul.list .last{ background:none}
section ul.list li a{color:#2a2c2d; font-weight:bold; text-decoration:none; line-height:30px; background:url(../images/marker.png) center left no-repeat; padding:4px 0px 4px 30px; } 
section ul.list li a:hover { text-decoration: underline; }

section ul.list1{margin:0; padding:0; list-style:none;}
section ul.list1 li a{color:#2a2c2d; text-decoration:none; line-height:24px; background:url(../images/marker2.gif) center left no-repeat; padding:0 0px 0 22px; } 
section ul.list1 li a:hover { text-decoration: underline; }

section ul.list2{margin:0; padding:0; list-style:none;}
section ul.list2 li a{color:#767b7e; text-decoration:none; line-height:24px; background:url(../images/marker3.gif) center left no-repeat; padding:0 0px 0 17px; } 
section ul.list2 li a:hover { text-decoration: underline; }

section ul.list3{margin:0; padding:0; list-style:none;}
section ul.list3 li{ line-height:20px}
section ul.list3 li a{color:#387fb2; font-size:12px; font-family: ClarendonMedium, Geneva, sans-serif; text-decoration:none; line-height:20px;  } 
section ul.list3 li a:hover { text-decoration: underline; }

/*header*/
.bg_top{ background-color:#222 top center no-repeat; height:100px; border-top:#000 solid 5px }
header {font-size:0.75em; color:#FFFFFF; height:69px; background-color:#222 top left repeat-x; z-index:900; position:relative}
header .indent{ top:65px; right:0; position:absolute; width:64px; padding:0}
header .inside{margin: 0 auto; padding: 0px 0px 0px 0px; position:relative;	width: 940px;}

header h1 {position:absolute; left:0; top:8px; text-indent:-9999px;}
header h1 a { display:block; width:338px; height:88px; background:url(../images/logo2_HSG.png) no-repeat left top;	}

/*--- dropdown menu begin ---*/
.sf-menu {margin:0; padding:0 0 0 0; list-style: none; z-index:90000; position:relative; background-color:#306 top right no-repeat; height:50px  } 
.sf-menu li{ margin:0; display:inline; position:relative; float:left; background-color:#000 top right no-repeat; padding-right:2px; line-height:20px;}
.sf-menu li a{color:#000; text-decoration:none; display:block; float:right; line-height:20px; font-size:15px !important; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size: 12px; padding:10px 20px 20px 20px;  } 
.sf-menu li a:hover {color:#fff;  text-decoration:none; background:url(../images/bg_link.gif) top right repeat-x; line-height:20px; padding-top:0; padding:10px 20px 20px 20px;  }
.sf-menu li a.current{ color:#fff; text-decoration:none; background:url(../images/bg_link.gif) top right repeat-x; line-height:20px; padding-top:0; padding:10px 20px 20px 20px;}

.sf-menu ul { position:absolute; top:-999em; width:10em; line-height:1.0; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { top:30px; z-index:99;}

/*** DEMO SKIN ***/
.sf-menu ul {	width:188px;}
.sf-menu ul li {  text-align:left; line-height:31px; padding:0;  z-index:9; position:relative; background:none;   }
.sf-menu ul li a { line-height:31px; height:31px; width:173px; text-align:left; padding:0 0 0 15px; font-size:12px; color:#fff; text-transform:uppercase; z-index:9; background: url(../images/bg_menu1.png) top left repeat-x}
.sf-menu ul li a:hover { color:#0d94d6; background:none;  background: url(../images/bg_menu1.png) top left repeat-x; margin:0; line-height:31px}
.sf-menu ul li:hover{ color:#0d94d6; background: url(../images/bg_menu1-act.gif) top left repeat-x }

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {	 position:relative }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left: 0; top: 50px; z-index: 99;}
				
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left:188px; top:0; margin-left:1px}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left:10em; top:0;}

/*content*/
section{ font-size:0.8125em; width:100%; text-align:left; background-color:#222 bottom left repeat-x}
section .inside{padding:40px 0px 0px 0px}
section .inside1{padding:80px 0px 100px 0px}
section .inside2{padding:60px 0px 100px 0px}

p{ margin: 10px 0 27px 0}
.p{ margin:0}
.p1{ margin:0 0 27px 0}
.p2{ margin:0 0 11px 0}
.p3{ margin:0 0 2px 0}

h1{color:#387fb2; font-size:40px; margin-bottom:8px; padding-bottom:14px; line-height:1.1em; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing:-1px}
h1 span{color:#2a2c2d;}
h3{color:#387fb2; text-transform:uppercase; font-size:14px; /*background:url(../images/marker.png) top left no-repeat;*/ padding:0px 0 3px 0px; margin-bottom:11px; margin-top:17px}
h2{color:#2a2a2a; font-size:36px; margin-bottom:24px; line-height:1.1em; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif}
.h2{color:#2a2a2a; font-size:30px; margin-bottom:25px;}
h4{color:#373534; font-size:1em; margin-bottom:7px;  }
h5{color:#0d94d7; font-size:1em; }

.txt{ font-size:15px; line-height:23px; color:#767b7e; margin-top: 10px}
.txt1{ line-height:24px}
.txt2{ font-size:13px}
.txt3{ color:#387fb2}
.txt4{ text-align:right}

.pad{padding:25px 0px 0px 50px}
.pad1{padding:0 30px 0px 0}
.pad2{padding:0 70px 0px 0}
.pad3{padding:10px 0 0px 30px; display:block; float:left; color:#fff; font-family:ClarendonMedium, Geneva, sans-serif; font-size:12px; text-decoration:underline}
.pad3:hover{text-decoration:none}
.pad4{padding:10px 0 0px 30px; display:block; float:left; color:#387fb2; font-family:ClarendonMedium, Geneva, sans-serif; font-size:12px; text-decoration:underline}
.pad4:hover{text-decoration:none}
.pad5{padding:0 20px 0px 0}

/*footer*/
footer { color:#000; font-size:0.75em; background-color:#222 top repeat-x;}
footer .inside{ padding:17px 0 28px 0 }
footer a {color:#000; text-decoration:none}  
footer a:hover {  text-decoration:underline}

.block-contact span{ float:right; margin-right:200px}

.concepts {	width: 100%; margin-bottom: -50px; }