/*

Site Name:		The Malaysian Youth Career Survey 2009
Site URI:		

*/

body          	{ background: #8bd3ff url(images/background.gif) repeat-y center top; margin: 0; padding: 0; }
#wrapper		{ width: 1024px; margin: 0 auto; }

body, ul, ol, dl, h1, h2, h3, h4, h5, h6, td, th, caption, pre, p, blockquote, input, textarea {
    font-family: Arial, Helvatica, Verdana, san serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    color: #000;
	margin:0;
	padding:0;
	list-style:none;
}

a			{ color: #333333; text-decoration: none; outline-style:none; font-size:12px;}
a:hover		{ color: #3333FF; text-decoration: none;}
em			{ font-style: italic; }
p			{ margin: 0 0 18px 0; }
small		{ font-size: 80%; }
strong		{ font-weight: bold; }
img			{ border: 0; }
.spacer		{ height: 1px; font-size: 1px; line-height: 1px; clear: both; }
.clear		{ clear:both; }

/*  Header  */

#header {background:url(images/background.gif) repeat-y;position:fixed;top:0;width:1024px;z-index:1;}
#header h1 a.banner {background:url(images/new-header.gif) no-repeat top left;width:533px;height:126px;margin:10px 0 0 135px;text-indent:-9999px;display:block;float:left;}
#header h6 {font-size:10px;margin:5px 0 0 37px;}
#header .sub-header {background:url(images/new-bg-logo.gif) no-repeat top left;width:170px;height:88px;float:left;margin:0 0 5px 40px;padding:0 0 0 0;}
#header .sub-header span.logo-jobstreet a{background:url(images/logo-js2.gif) no-repeat top center;width:121px;height:12px;display:block;text-indent:-9999px;padding:0 0 5px 45px;margin:3px 0 0 0;}
#header .sub-header span.logo-youthsays a{background:url(images/logo-ys2.gif) no-repeat top center;width:63px;height:12px;display:block;text-indent:-9999px;margin:3px 0 0 55px;padding:0 0 20px 0;}
#header img.pdf-download {padding:0 0 0 30px;}
#header img.pdf-jobstreet {padding:4px 0 0 30px;}

/*  Navigation  */

#navigation {background:url(images/bg-navigation.gif) no-repeat;height:90px;margin:-18px 0 0 66px;width:880px;padding:20px 0 0 0;}
#navigation li {margin:20px 20px 0 32px;}
#navigation .we-learnt a{background:url(images/we-learnt.gif) no-repeat;width:150px;height:30px;display:block;text-indent:-9999px;float:left;padding:0 7px;}
#navigation .who-surveys a{background:url(images/who-surveys.gif) no-repeat;width:150px;height:32px;display:block;text-indent:-9999px;float:left;padding:0 7px;}
#navigation .why-surveys a{background:url(images/why-surveys.gif) no-repeat;width:176px;height:30px;display:block;text-indent:-9999px;float:left;padding:0 7px;}
#navigation .who-js a{background:url(images/who-jobstreet.gif) no-repeat;width:140px;height:30px;display:block;text-indent:-9999px;float:left;padding:0 7px;}
#navigation .who-ys a{background:url(images/who-youthsays.gif) no-repeat;width:140px;height:30px;display:block;text-indent:-9999px;float:left;padding:0 7px;}
#navigation .we-learnt a:hover{background:url(images/we-learnt-hover.gif) no-repeat;width:150px;height:30px;display:block;text-indent:-9999px;float:left;padding:0 7px;}
#navigation .who-surveys a:hover{background:url(images/who-surveys-hover.gif) no-repeat;width:150px;height:32px;display:block;text-indent:-9999px;float:left;padding:0 7px;}
#navigation .why-surveys a:hover{background:url(images/why-surveys-hover.gif) no-repeat;width:176px;height:30px;display:block;text-indent:-9999px;float:left;padding:0 7px;}
#navigation .who-js a:hover{background:url(images/who-jobstreet-hover.gif) no-repeat;width:140px;height:30px;display:block;text-indent:-9999px;float:left;padding:0 7px;}
#navigation .who-ys a:hover{background:url(images/who-youthsays-hover.gif) no-repeat;width:140px;height:30px;display:block;text-indent:-9999px;float:left;padding:0 7px;}
#navigation .we-learnt-active a {background:url(images/we-learnt-hover.gif) no-repeat;width:150px;height:30px;display:block;text-indent:-9999px;float:left;padding:0 7px;}
#navigation .who-surveys-active a {background:url(images/who-surveys-hover.gif) no-repeat;width:150px;height:32px;display:block;text-indent:-9999px;float:left;padding:0 7px;}
#navigation .why-surveys-active a {background:url(images/why-surveys-hover.gif) no-repeat;width:176px;height:30px;display:block;text-indent:-9999px;float:left;padding:0 7px;}
#navigation .who-js-active a {background:url(images/who-jobstreet-hover.gif) no-repeat;width:140px;height:30px;display:block;text-indent:-9999px;float:left;padding:0 7px;}
#navigation .who-ys-active a {background:url(images/who-youthsays-hover.gif) no-repeat;width:140px;height:30px;display:block;text-indent:-9999px;float:left;padding:0 7px;}

/*  Content  */

#content {margin:243px 0 0 110px;}
#content ol {margin:0 0 0 10px;}
#content li.slide-01 {background:url(images/content/01.gif) no-repeat top;width:760px;height:288px;margin:0 0 6px 0;text-indent:-9999px;display:block;}
#content li.slide-02 {background:url(images/content/02.gif) no-repeat top;width:760px;height:288px;margin:0 0 6px 0;text-indent:-9999px;display:block;}
#content li.slide-03 {background:url(images/content/03.gif) no-repeat top;width:760px;height:439px;margin:0 0 6px 0;text-indent:-9999px;display:block;}
#content li.slide-04 {background:url(images/content/04.gif) no-repeat top;width:760px;height:335px;margin:0 0 6px 0;text-indent:-9999px;display:block;}
#content li.slide-05 {background:url(images/content/05.gif) no-repeat top;width:760px;height:355px;margin:0 0 6px 0;text-indent:-9999px;display:block;}
#content li.slide-06 {background:url(images/content/06.gif) no-repeat top;width:760px;height:326px;margin:0 0 6px 0;text-indent:-9999px;display:block;}
#content li.slide-07 {background:url(images/content/07.gif) no-repeat top;width:760px;height:400px;margin:0 0 6px 0;text-indent:-9999px;display:block;}
#content li.slide-08 {background:url(images/content/08.gif) no-repeat top;width:760px;height:338px;margin:0 0 6px 0;text-indent:-9999px;display:block;}
#content li.slide-09 {background:url(images/content/09.gif) no-repeat top;width:760px;height:318px;margin:0 0 6px 0;text-indent:-9999px;display:block;}
#content li.slide-10 {background:url(images/content/10.gif) no-repeat top;width:760px;height:319px;margin:0 0 6px 0;text-indent:-9999px;display:block;}
#content li.slide-11 {background:url(images/content/11.gif) no-repeat top;width:760px;height:278px;margin:0 0 6px 0;text-indent:-9999px;display:block;}
#content li.slide-12 {background:url(images/content/12.gif) no-repeat top;width:760px;height:338px;margin:0 0 6px 0;text-indent:-9999px;display:block;}
#content li.slide-13 {background:url(images/content/13.gif) no-repeat top;width:760px;height:400px;margin:0 0 6px 0;text-indent:-9999px;display:block;}
#content li.slide-14 {background:url(images/content/14.gif) no-repeat top;width:760px;height:404px;margin:0 0 6px 0;text-indent:-9999px;display:block;}
#content li.slide-15 {background:url(images/content/15.gif) no-repeat top;width:760px;height:403px;margin:0 0 6px 0;text-indent:-9999px;display:block;}
#content li.slide-16 {background:url(images/content/16.gif) no-repeat top;width:760px;height:393px;margin:0 0 6px 0;text-indent:-9999px;display:block;}
#content li.slide-17 {background:url(images/content/17.gif) no-repeat top;width:760px;height:330px;margin:0 0 6px 0;text-indent:-9999px;display:block;}
#content li.slide-18 {background:url(images/content/18.gif) no-repeat top;width:760px;height:317px;margin:0 0 6px 0;text-indent:-9999px;display:block;}
#content li.slide-19 {background:url(images/content/19.gif) no-repeat top;width:760px;height:346px;margin:0 0 6px 0;text-indent:-9999px;display:block;}
#content li.slide-20 {background:url(images/content/20.gif) no-repeat top;width:760px;height:310px;margin:0 0 6px 0;text-indent:-9999px;display:block;}
#content ul.content2 {list-style:disc;margin:10px 0 10px 70px;}
#content li.profile-01 {background:url(images/who-we-survey/malaysia.gif) no-repeat top;width:725px;height:380px;margin:0 0 6px 23px;text-indent:-9999px;display:block;}
#content li.profile-02 {background:url(images/who-we-survey/gender.gif) no-repeat top;width:725px;height:293px;margin:0 0 6px 23px;text-indent:-9999px;display:block;}
#content li.profile-03 {background:url(images/who-we-survey/age.gif) no-repeat top;width:725px;height:382px;margin:0 0 6px 23px;text-indent:-9999px;display:block;}
#content li.profile-04 {background:url(images/who-we-survey/employment-status.gif) no-repeat top;width:725px;height:410px;margin:0 0 6px 23px;text-indent:-9999px;display:block;}

#content .logo-ys-big {margin:20px 0 20px 120px;}
#content .logo-jobstreet-big {margin:20px 0 20px 95px;}
#content p.content {width:700px;margin:10px 0 0 40px;}

#content .jobstreet-smartguide {margin:50px 0 0 330px;}

/*  Footer  */

#footer {background:url(images/line.gif) no-repeat top;margin:60px 0 0 0;padding:20px 0 0 0;}
#footer ul {display:inline;margin:0 0 20px 168px;}
#footer ul li {display:inline;margin:2px 4px;}
#footer p {margin:7px 0 10px 364px;font-size:12px;}