@charset"utf-8";


/**************************

Joy2call 

Layout CSS
version 0.1

Normalize
Basic Layout
Access Aid
Branding
Main
Sub
Copy-rights

***************************/



/*-------------------------------------------------------
=Normalize 
--------------------------------------------------------*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, p, blockquote, th, td
{ margin : 0; padding :0; }

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 {
font-size : 100%;
font-style : normal }

/*Normalizes list-style and lists */
ol, ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Normalizes table border */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border a from fieldset and img */
fieldset, img { border :0; }

/* Left-align text to caption and th */
caption, th { text-align : left; }

/* Removes quotations marks from q */
q:before, q:after { content : ' '; }

em{
	font-style: normal;
}

abbr{
	border: none;
	}


/* =basic layout */

div#branding{
	margin: auto;
	width: 740px;
	}

div#contact-info{
	margin: 0 auto;
	width: 740px;
	}
	
div#contents {
	margin: auto;
	width: 740px;
	padding: 0 0 0 10px;
	}
	
div#main{
	width: 570px;
	float: right;
	}
	
div#sub {
	width: 160px;
	float: left;
	}
	
p#copy-rights{
	clear: both;
	overflow: hidden;
	text-align: center;
	}


/* =access-aid */

p#access-aid{
	position: absolute;
	left: 1020px;
	}
	
	
/* =branding */

div#branding{
	padding: 10px 0 0 0;
	}

div#branding p{
	text-indent: -9999px;
	}

div#branding p.vcard a{
	display: block;
	height: 115px;
	width: 270px;
	background: transparent url(images/jy_10th_40.gif) no-repeat;
	text-indent: -9999px;
	}

/*img{
	display: block;
	width: 740px;
	margin: 0 auto;
	}*/
	
	
	
/* =contact-info */

div#contact-info{
	position: relative;
	}

div#contact-info address, div#contact-info p, div#contact-info ul{
	position: absolute;
	}

div#contact-info address#toll-free{
	width: 15em;
	top: -165px;
	left: 385px;
	}
	
/* IE6.0 */
*html div#contact-info address#toll-free{
	left: 400px;
	}
	
div#contact-info address#cell-phone{
	width: 25em;
	top: -135px;
	left: 450px;
	}

body div#contact-info>p{
	top: -105px;
	left: 390px;
	padding: 3px;
	z-index:100
	}

/* IE6.0 */
body div#contact-info p{
	top: -105px;
	left: 400px;
	padding: 3px;
	z-index: 100;
	}

div#contact-info ul{
	top: -105px;
	left: 40.7em;
	width:20em;
	z-index: 1;
	}

div#contact-info ul{
	padding: 0 0 0 10px;
	}
	
div#contact-info ul li{
	display: inline;
	float: left;
	width: 88px;
	}
	
div#contact-info ul li a{
	display: block;
	width: 88px;
	height: 25px;
	text-indent: -9999px;
	}

div#contact-info ul li#company a, div#contact-info ul li#personal a{
	background: #f63 url(images/apply_hojin01.gif) no-repeat;
	}
	


/* =main */

div#main h1{
	padding: 20px 0 5px 10px;
	}
	
div#main h2{
	padding: 5px 5px 5px 10px;
	}
	
p#branding-image{
	background: transparent url(images/title03.png) no-repeat;
	text-indent: -9999px;
	height: 76px;
	width: 740px;
	margin: 0 auto;
	}
	
div#main div#futures h3{
	padding: 0 0 0 10px;
	}

div#main div#futures p{
	padding: 10px;
	}

div#main div#futures ul{
	padding: 10px 10px 10px 20px;
	}

div#main div#futures ul{
	list-style-type: decimal;
	list-style-position: inside;
	}

div#main div#futures a{
	display: block;
	width: 150px;
	margin: 0 auto;
	}

div#main div#futures a{
	padding: 0 16px 0 0;
	background: transparent url(images/pdf.gif) no-repeat right center;
	}

div#main div#futures address{
	padding: 0 10px;
	}

/* =sub */

div#sub ul{
	padding: 20px 0 0 0;
	}

div#sub ul li{
	border-bottom: 1px dotted #666;
	}

div#sub ul li:first-child{
	border-top: 1px dotted #666;
	}
	
div#sub ul li a{
	display: block;
	width: 150px;
	height: 20px;
	padding: 10px 0 0 10px;
	background: transparent url(images/ya.gif) no-repeat 0 70%;
	}

div#sub ul li a:link{
	background: transparent url(images/ya.gif) no-repeat 0 70%;
	}

div#sub ul li a:hover{
	background: #ccc url(images/ya.gif) no-repeat 0 70%;
	}

div#sub p{
	padding: 10px 0 0 0;
	}

div#sub p span{
	display: block;
	}

div#sub p span.org,div#sub p span.postal-code{
	display: inline;
	}

div#sub p span.region, div#sub p span.locality{
	width: 40px;
	float: left;
	}

/* =copy-rights*/

p#copy-rights{
	padding: 15px 0 0 0;
	}