/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {
	background:		url(../img/bodyBG.gif) repeat-y center #eee;
	color:			#333;
	font-size:		0.75em;
	line-height:	1.8em;
	letter-spacing:	1px;
}

/* safari only */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	body {
		letter-spacing:	0px;
	}
}

body {
	_letter-spacing:	1px;
}

body {
	_letter-spacing:	1px;
}

/* safari only */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	body {
		letter-spacing:	0px;
	}
}

body {
	_letter-spacing:	1px;
}


/* anchors
----------------------------------------------- */
a:link  {
	color : 			#006699;
	text-decoration:	none;
}

a:visited {
	color : 			#006699;
	text-decoration:	none;
}

a:hover {
	color : 			#006699;
	text-decoration:	underline;
}

a:active {
	color : 			#006699;
	text-decoration:	none;
}


/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
	background:        #fff;
}


/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}

h2 {margin-top:1em;}

h5 {font-size:1.2em;}

h6 {font-size:1em;}


h1 a {
	font-weight:normal;
}


/* branding
----------------------------------------------- */
h1#branding {
	margin-left:   35px;
	margin-bottom: 0;
}


/* page heading
----------------------------------------------- */
h2#page-heading {
	font-weight:   normal;
	padding:       .5em;
	margin:        0 0 10px 0;
	border-bottom: 1px solid #ccc;
}


/* boxes
----------------------------------------------- */
.box {
	background:     #fff;
	padding:        10px 10px 1px 10px;
}

.box h1 {
	font-size:      1.2em;
	font-weight:    normal;
	color:          #fff;
	margin:         -10px -10px 0 -10px;
	padding:        6px 12px;
}

.box h2 {
	font-size:      1em;
	font-weight:    normal;
	color:          #fff;
	margin:         -10px -10px 0 -10px;
	padding:        6px 10px;
}

.footerlinkStaff {
	background:     #ec8e00;
}

.footerlinkClient {
	background:     #84b69f;
}

.footerlinkCompany {
	background:     #5da2d7;
}

.footerlinkRecruit {
	background:     #888;
}

.copyrightBox {
	margin-bottom:  20px;
}

.box h2 a,
.box h2 a.visible,
.box h2 a:hover,
.box h2 a:link,
.box h2 a:visited,
.box h2 a:active {
	color:          #fff;
}

.block {
	padding-top:	    10px;
}


/* top page layout
----------------------------------------------- */
.topSWFBox {
	background:		#fff;
}

.topNews {
  text-align:       center;
  margin-top:       -15px;
}


/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	margin-bottom:  1em;
}

blockquote {
	font-family:    Georgia, 'Times New Roman', serif;
	font-size:      1.2em;
	padding-left:   1em;
	border-left:    4px solid #ccc;
}

blockquote cite {
	font-size:      .1.2em;
}

ul, ol {
	padding-top:    0;
}


/* site information
----------------------------------------------- */
#site_info .box {
	color:		#666;
	border:		solid 1px #b9b9b9;
	padding:	10px 10px 0px 10px;
}

#site_info a {
	color:		#6698c2;
}

#site_info a:hover {
	color:		
	#5f81aa;
}

/* toppage News
----------------------------------------------- */

#topNewsBox {
	padding:	          0px 0px 0px 10px;
	margin:	              10px 0px 10px 0px;
	background-image:     url(../img/top_newsBG.gif);
	background-repeat:    no-repeat;
	background-position:  40px 0px;
}

#topNewsBox ul {
    margin:	        0px 0px 0px 120px;
	padding:		0px;
}

#topNewsBox ul li {
	background-image:    url(../img/topnewsArrow.gif);
	background-repeat:   no-repeat;
	list-style-type:     none;
	padding-left:        20px;
	background-position: left;
	line-height:         1.6em;
}