
@charset "utf-8";

/***********************************
General
************************************/
body{margin:0; padding:0;background:url("../images/bg.jpg") repeat-x #e7e7e7;font-family:"LucidaGrande",Arial, Helvetica, sans-serif;font-size:12px;}

@font-face {
    font-family:"LucidaGrande";
    src: url('fonts/LucidaGrande.ttf');
}

/***********************************
Header
************************************/
div.alert {
position:fixed;
padding: 11px;
font-weight: bold;
color:#000000;
background:#ffff00;
width:9999px;
}

#header{
background:#FFFFFF;
padding-bottom: 10px;
padding-top:10px;
}

#logo{
background :url("../images/ang-logo.jpg") no-repeat;
float: left;
display: block;
height: 76px;
width: 298px;
padding-bottom:0px;
}

/***********************************
Navigation
************************************/
div#navbar{
	height:45px;
	background:url("../images/navi-bg.jpg") repeat-y #e7e7e7 ;
	position:relative;
    top:0px;
	float:right;
	width:585px;
	margin-right:0!important;
	margin-top: 15px;
	}

div#navbar ul.nav {
	height:12px;

	position:relative;
    top:0;
	left:20px;
	margin-top:16px;
	clear:both;
	line-height:0.1em;
	font-size:0.1em;
}

div#navbar ul.nav li a{
margin-top:8px;
}

div#navbar ul.nav li a:link, div#navbar ul.nav li a:visited {
	position: absolute;
	top: 0;
	height:12px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
	cursor:pointer
}

div#navbar ul.nav .link1 a:link, div#navbar ul.nav .link1 a:visited, div#navbar ul.nav-link1{
	background: url("../images/navi.png") no-repeat 0 0;
	left:0;
	top:0;
	width:49px;
	height:12px;
}
div#navbar ul.nav .link1 a:hover, div#navbar ul.nav .link1 a:focus, .current-link1 .link1 a:link, .current-link1 .link1 a:visited{background: url("../images/navi.png") no-repeat 0 -11px;}
.link1 a.selected {background: url("../images/navi.png") no-repeat 0 -11px;}

div#navbar ul.nav .link2 a:link, div#navbar ul.nav .link2 a:visited{
	background: url("../images/navi.png") no-repeat -70px 0px;
	left:94px;
	top: 0;
	width:156px;
	height:12px;
}
div#navbar ul.nav .link2 a:hover, div#navbar ul.nav .link2 a:focus, .current-link2 .link2 a:link, .current-link2 .link2 a:visited{background: url("../images/navi.png") no-repeat -70px -11px;}
div#navbar ul.nav .link2 a.selected {background: url("../images/navi.png") no-repeat -70px -11px;}

div#navbar ul.nav .link3 a:link, div#navbar ul.nav .link3 a:visited{
background: url("../images/navi.png") no-repeat -225px 0px;
	left:294px;
	top: 0;
	width:107px;
	height:12px;
}
div#navbar ul.nav .link3 a:hover, div#navbar ul.nav .link3 a:focus, .current-link3 .link3 a:link, .current-link3 .link3 a:visited{background: url("../images/navi.png") no-repeat -225px -11px;}
div#navbar ul.nav .link3 a.selected {background: url("../images/navi.png") no-repeat -225px -11px;}

div#navbar ul.nav .link4 a:link, div#navbar ul.nav .link4 a:visited{
background: url("../images/navi.png") no-repeat -331px 0px;
	left:442px;
	top: 0;
	width:87px;
	height:12px;
}
div#navbar ul.nav .link4 a:hover, div#navbar ul.nav .link4 a:focus, .current-link4 .link4 a:link, .current-link4 .link4 a:visited{background: url("../images/navi.png") no-repeat -331px -11px;}
div#navbar ul.nav .link4 a.selected {background: url("../images/navi.png") no-repeat -331px -11px;}


div#navbar ul.nav .n_divider1 {
background:url("../images/navi-line.jpg") no-repeat;
height:28px;
width:1px;
margin:-5px 1px 0 71px;
}

div#navbar ul.nav .n_divider2 {
background:url("../images/navi-line.jpg") no-repeat scroll 0 0 transparent;
height:28px;
width:1px;
margin:-26px 1px 0 268px;
}

div#navbar ul.nav .n_divider3 {
background:url("../images/navi-line.jpg") no-repeat scroll 0 0 transparent;
height:28px;
width:1px;
margin:-29px 1px 0 422px;
}
.clear{clear:both;}
/***********************************
Banner
************************************/

#banner {
background: url("../images/banner.jpg") no-repeat;	
width:940px;
height:409px;
}

#scroller{
background:#F4F4F4;
width:940px;
height:auto;
margin-top:-2px;
padding-top:10px;
}


/***********************************
Content
************************************/
.heading {
width:940px;
height:50px;
padding:30px 0;
}

.heading h2{
font-size:40px;
color:#f87579; 
font-weight:normal;
font-family:"Myriad Pro";
}

.content{
background:#fff;
width:900px;
height:auto;
padding:20px;
}

.content p{
font-size:12px;
color:#4f4c4e;
margin-top:15px;
line-height:24px;
font-weight:bold;
font-family:"LucidaGrande",Arial, Helvetica, sans-serif;
}

#namsection{
margin-top:120px;
}

#namsection h4{
font-size:24px;
color:#000000;
margin-bottom:3px;
font-family:"LucidaGrande",Arial, Helvetica, sans-serif;
}

#namsection h5{
font-size:14px;
color:#979394;
font-family:"LucidaGrande",Arial, Helvetica, sans-serif;
}

/***********************************
Footer
************************************/

#footer{
background:#f3f2f2;	
width:940px;
height:30px;
border:1px solid #cbc9c9;
padding-top:18px;
margin-top:15px;
margin-bottom:60px;
}

#contact{
font-size:12px;
color:#4f4c4e; 
font-weight:normal;
font-family:"LucidaGrande",Arial, Helvetica, sans-serif;
}

#copywright{
font-size:11px;
color:#656364; 
font-weight:normal;
float:right!important;
margin-right:15px;
font-family:"LucidaGrande",Arial, Helvetica, sans-serif;
}
/***********************************
Typography
************************************/
a{
text-decoration:none;
cursor: pointer;
}

a:active,
a:focus {
  outline: 0;
}

img{
border: 0;
} 

