/* CSS Document */


/*      Reset      */

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img,
dl, dt, dd, ol, ul, li,
fieldset, form, label{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}




/*  General  */


h1 {
	/* hide from IE Mac \*/
    text-indent: -999em;
    overflow: hidden;
    /* end hide */
}


p {
	width: 300px;
	margin: 0 0 10px 0;
	font-size: 12px;
	color: #787878;
}

p a {
	color: #2cb2ff;
	text-decoration: none;
}

h2 {
	font-size: 30px;
	color: #787878;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

body {
	font-family: Lucida Console, Monaco, monospace;
}

#container {
	margin: 0 auto;
	padding: 140px 0 0 0;
	width: 995px;
}

div#wrapper{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background: #FFFFFF;
	z-index: 999;
}

@media screen{
  body>div#wrapper{
	position: fixed;
  }
 }
 
* html body{
	overflow:hidden;
} 
 
* html div#container{
	height:100%;
	overflow:auto;
}

#header {
	width: 958px;
	padding: 0 0 0 37px;
	margin: 0 auto;
}

#logo {
	float: left;
	width: 357px;
	height: 58px;
	margin: 40px 0 0 0;
	background: url(../images/pc/logo.gif);
}

#navigation {
	float: left;
	width: 300px;
	margin: 60px 0 0 200px;
}

#navigation ul {
	width: 300px;
}

#navigation ul li {
	float: left;
	width: 150px;
	line-height: 13px;
}

#navigation a {
	color: #797979;
	font-size: 12px;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
}

#breadcrumbs p a {
	color: #797979;
	font-size: 10pt;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
}

#breadcrumbs span {
	color: #2cb2ff;
	font-size: 10pt;
}

#breadcrumbs p a:hover {
	background: #bdfc83;
}

#navigation a:hover {
	background: #bdfc83;
}

#content {
	width: 995px;
	height: 440px;
	margin: 10px 0 0 0;
	background: url(../images/pc/content-cloud-bg.gif) 795px 97% no-repeat;
}

#center {
	width: 695px;
	margin: 0 0 0 106px;
	overflow: hidden;
}

#breadcrumbs {
	float: left;
	width: 695px;
	height: 27px;
	padding: 0 0 0 15px;
	margin: 15px 0 0 65px;
	display: inline;
	background: url(../images/pc/breadcrumbs-bg.gif) repeat-x;
}


#breadcrumbs p {
	margin: 8px 0 0 0;
}

/* Safari hack */
body:first-of-type #breadcrumbs p{
     margin: 5px 0 0 0;
}


#center div.col {
	float: left;
	width: 315px;
	height: 400px;
	padding: 20px 0 0 15px;
}

#col1 {
	background: url(../images/pc/col1-bg.gif) right repeat-y;
}


#center #col2 {
	width: 290px;
	padding: 20px 0 0 40px;
}







/*          Faq Page            */


#content.faq  {
	height: auto;
}

#content.faq #col1 {
	position: absolute;
	top: 150px;
	left: 40;
	width: 180px;
	height: auto;
	background: none;
	padding: 5px 0 0 15px;
	margin: 0;
}

#content.faq #col2 {
	float: right;
	width: 490px;
	height: auto;
	padding: 0;
}

#content.faq #col1 h2 {
	width: 150px;
	font-size: 24px;
}

#content.faq div.line {	
	width: 485px;
	padding: 10px 0 30px 15px;
	background: url(../images/pc/faq-line-bg.gif) bottom repeat-x;
}

#content.faq #last-line {
	background: none;
}

#content.faq div.line p {	
	width: 435px;
	line-height: 16px;
}

#content.faq div.line p.tit {
	font-size: 16px;
	line-height: 17px;
	color: #ff830d;
	font-family: Georgia, "Times New Roman", Times, serif;
}





/*#######    FOOTER   ########*/


#footer {
	width: 995px;
	height: 170px;
	margin: 30px 0 0 0;
	background: url(../images/pc/footer-bg.gif) no-repeat;
}

#footer p {
	float: right;
	width: auto;
	margin: 115px 200px 0 0;
	display: inline;
}