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

Title: 
Author:
URL:
Description:

Colorset:
text:333333;
blue:#97C1D7;

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

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
margin:0; padding:0; border:0; font-style:normal; font-size:100%; font-family:inherit; vertical-align:baseline;
}

table{
border-collapse:separate; border-spacing:0;
}

caption, th, td{
text-align:left;
}

blockquote:before, blockquote:after, q:before, q:after{
content:"";
}

blockquote, q{
quotes:"" "";
}

a img{
border:none;
}

/* ////////////////////////////////////////
HTML
//////////////////////////////////////// */
body {
margin:0px;
background-color: #EFEFEF;
font-size:12px;
line-height:1.6;
color: #333333;
text-align:center;
_font-size:72%;
}

a {
text-decoration: none;
cursor:pointer;
}

a:link,a:active {
color: #578EBA;
}

a:visited {
color: #689FCB;
}

a:hover {
color: #006699;
}

p {
margin-bottom:45px;
}

ul {
list-style:none;
margin-bottom:40px;
}

h1,h2,h3 {
overflow:hidden;
}


h2 {
text-indent:-300em;
height:32px;
margin-bottom:16px;
border-bottom:1px solid #97C1D7;
}


/* ////////////////////////////////////////
LAYOUT
//////////////////////////////////////// */
#can {
background:#fff url(../images/body_bg.gif) left top repeat-x;
border-bottom:1px solid #97C1D7;
}

#wrapper {
margin:0px auto;
padding:50px 0px;
width:800px;
text-align:left;
}

#column1 {
float:left;
width:420px;
}

#column2 {
float:right;
width:320px;
text-align:center;
}


/* ////////////////////////////////////////
HEADER
//////////////////////////////////////// */
#header {
position:relative;
margin:80px 0px;
}

#header h1 {
position:absolute;
top:40px;
left:217px;

width:580px;
height:50px;
text-indent:-300em;
background:url(../images/header_copy.gif) left top no-repeat;
}

/* ////////////////////////////////////////
COLUMN 1
//////////////////////////////////////// */
/*about_can*/
#about_can h2 {
background:url(../images/headline_can.gif) left top no-repeat;
}

/*advantage*/
#advantage h2 {
background:url(../images/headline_advantage.gif) left top no-repeat;
}

#advantage h3 {
text-indent:-300em;
height:15px;
margin-bottom:8px;
}

#advantage p {
margin-bottom:20px;
}

#advantage h3#h3_1 {
background:url(../images/advantage_h3_1.gif) left top no-repeat;
}

#advantage h3#h3_2 {
background:url(../images/advantage_h3_2.gif) left top no-repeat;
}

#advantage h3#h3_3 {
background:url(../images/advantage_h3_3.gif) left top no-repeat;
}

/* ////////////////////////////////////////
COLUMN 2
//////////////////////////////////////// */
/*belong*/
#belong h2 {
background:url(../images/headline_belong.gif) left top no-repeat;
}

#belong ul {
}

#belong ul li {
float:left;
margin:0px 10px 10px;
}

#belong p {
text-align:left;
margin-left:10px;
clear:both;
}

/*contact*/
#contact {
margin:0px auto;
width:303px;
padding-top:28px;
background:url(../images/contact_title.gif) left top no-repeat;
}

#contact h3 {
margin:0px auto 20px;
width:198px;
height:44px;

text-indent:-300em;
background:url(../images/contact_text.gif) left top no-repeat;
}

#contact a {
display:block;
margin:0px auto;
width:236px;
height:26px;

text-indent:-300em;
background:url(../images/contact_mail.gif) left top no-repeat;
}

#contact p {
margin:15px 0px;
color:#fff;
}

#contact_bottom {
height:10px;
background:url(../images/contact_bottom.gif) left bottom no-repeat;
}

/* ////////////////////////////////////////
FOOTER
//////////////////////////////////////// */
#footer {
width:800px;
margin:10px auto;
text-align:left;
font-size:0.9em;
}