/* CSS Document */

html,body,form .text,textarea { margin: 0; padding: 0; font-family: Arial, sans-serif;  font-size: 12px; color: #323232; }
body { background: #f6f6f6; line-height: 18px;  }

@font-face {
  font-family: Calibri;
  src: local("Calibri"), 
       url(calibri.ttf);
}
 
@font-face {
  font-family: Calibri;
  src: local("Calibri Bold"),
       local("CalibriBold"),
       local("Calibri-Bold"), 
       url(calibri-bold.ttf);
  font-weight: bold;
  font-style: oblique;
}

h1,h2,h3,h4,th { color: #323232; font-family: Eras Medium ITC, Calibri, "Calibri", Arial;}

h1 { font-size: 42px; line-height: 42px; }
h2 { font-size: 30px; line-height: 30px; }
h3 { font-size: 28px; line-height: 28px; }

form { margin: 0; padding: 0 }
form .text, textarea { border: 1px solid #c9c9c9; padding: 3px 5px; }

form .h1 { font-size: 42px; line-height: 42px; }
form .h2 { font-size: 30px; line-height: 30px; }
form .h3 { font-size: 28px; line-height: 28px; }
form .blockh3 { font-size: 26px; line-height: 26px; color: #FF9900 }

form.self input { width: 486px; }
form.self textarea { width: 486px; margin-bottom: 20px; }

a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; }
a:focus { outline: none; }
a img { border: none; }

p.error { color: #F00; }

table { border-collapse: collapse; }
table th { text-align: left; }

#container { background: #fff url(../images/headerbg.gif) repeat-x;   }
#container .inner { width: 960px; margin: 0 auto; }

#call { height: 40px; color: #FFF; text-align: right; line-height: 40px; font-size: 14px; }
#call strong { font-size: 18px; padding: 0 2px; }
#call span { background: url(../images/phone.gif) left center no-repeat; padding-left: 25px; }

#content { width: 520px; float: left; margin-right: 40px; margin-bottom: 45px; }
#content #logo { height: 80px; margin-bottom: 20px; }
#content #logo a { display: block; height: 80px; width: 380px; text-indent: -999em; background: url(../images/yukiNNlogo.gif) no-repeat; }
#partnerpage #content #logo { margin-top: -40px; margin-bottom: 60px;}
#partnerpage #content #logo a { text-indent: 0; background: none; border: 1px solid #c7c7c7; width: 158px; height: 78px;  position: absolute; z-index: 1;  }

#content .block { padding-left: 22px; }
#content .block h1 { margin: 22px 0 4px 0; padding: 0; }
#content .block h1 a { font-size: 14px; font-weight: normal; color: #000; }
#content .block h2 { margin: 16px 0 4px 0; padding: 0; }
#content .block p  { margin: 4px 0; padding: 0; }
	
#content #proposition { margin: 25px 0 0 0; padding: 0; list-style: none; } 
#content #proposition li { border: 1px solid #cacaca; padding: 8px 10px 8px 20px; width: 128px; height: 122px; margin-right: 20px; float: left; }
#content #proposition li.last { margin-right: 0; }
#content #proposition li h3 { color: #ff9900; font-size: 22px; line-height: 26px; font-weight: normal; margin: 0; padding: 0; }
#content #proposition li p {  margin: 0; padding: 0; }

#content #partnerlist { margin: 0; padding: 0; list-style: none; }
#content #partnerlist li { position: relative; border-bottom: 1px solid #c7c7c7; height: 100px; }
#content #partnerlist li.islanding { height: 114px; }
#content #partnerlist h2 { position: absolute; left: 175px; margin: 0; padding: 0; top: 8px; font-weight:normal; font-size:24px; }
#content #partnerlist p { position: absolute; left: 175px; margin: 0; padding: 0; top: 38px; }
#content #partnerlist img { width: 158px; height:78px; border: 1px solid #c7c7c7; position: absolute; top: 10px; left: 0;  }
#content #partnerlist a { color: #ff9900; }
#content #partnerlist .links { top: 96px; position: absolute; text-align: center; left: 0; }
#content #partnerlist .leads { top: 69px; position: absolute; text-align: center; right: 0; width: 165px; }
#content #partnerlist .leads span,
#content #partnerlist .leads span a { text-decoration: none; color: #FFF; width: 50px; margin-right: 5px;  display: inline-block;  background: #ff9900; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 14px; line-height: 24px;  }
#content #leadlist { margin: 0; padding: 0; list-style: none;}
#content #leadlist li {  border-bottom: 1px solid #c7c7c7; line-height: 25px; }


#sidebar { width: 400px; float: left; padding-top: 20px; }
#sidebar #form { border: 1px solid #cacaca; margin-bottom: 20px; background: #FFF url(../images/fromshade.gif) repeat-x; }
#sidebar #form form { margin-top: 8px; padding: 8px 16px 16px 20px; background: #FFF url(../images/fromshadebottom.gif) left bottom repeat-x; }	
#sidebar #form .relax { padding: 0 10px 0 84px; background: url(../images/relax.gif) no-repeat; }
#sidebar #form h2 { margin: 0; padding: 0; font-size: 20px; line-height: 18px; font-weight: normal; }
#sidebar #form h3 { margin: 10px 0; padding: 0; }
#sidebar #form strong { color: #ff9900; font-weight: normal; }
#sidebar #form p {  font-size: 12px; line-height: 16px; padding: 0; margin: 6px 0 12px 0; }
#sidebar #form th { font-size: 20px; font-weight: normal; width: 178px; vertical-align: top; padding: 11px 0 0 0; }
#sidebar #form td { padding: 7px 0; min-height: 26px; }
#sidebar #form td p { padding-right: 70px; }
#sidebar #form .text { width: 167px; margin-left: 4px; }
#sidebar #form .checkbox { margin: 6px 4px 5px 4px;  }
#sidebar #form textarea { width: 170px; margin-left: 4px; padding-right: 0; height: 150px; }
#sidebar #form .submit { display: block; margin: 0; padding: 0; color: #FFF; background: url(../images/submit.gif) no-repeat; padding: 0 0 8px 0; width: 187px; height: 57px; border: none; font-size: 17px; text-shadow: 1px 1px 1px #e59b1e; font-family: Eras Medium ITC, Calibri, "Calibri", Arial;}
#sidebar #form div.file { position: relative; height: 24px; margin-left: 4px;  width: 177px; border: 1px solid #c9c9c9; background: url(../images/photo_add.png) 156px 4px no-repeat; }
#sidebar #form div.file span { display: block; padding: 3px 5px; white-space: nowrap; overflow: hidden; width: 140px;  }
#sidebar #form .disabled { background: #F0F0F0; color: #7F7F7F; }

#sidebar .block { margin: 20px 0; padding: 20px; border: 1px solid #cacaca; background: #f6f6f6; }	
#sidebar .block h3 { margin: 0; padding: 0; line-height: 18px; }

#sidebar .more { padding: 20px 200px 2px 20px; position: relative; }
#sidebar .more a { display: block; position: absolute; right: 13px; top: 47px; background: url(../images/more.gif) no-repeat; color: #FFF; text-decoration: none; padding: 3px 25px 7px 5px; height: 52px; text-align: right; line-height: 49px; font-size: 30px; width: 160px; letter-spacing: 0.5px; font-family: Calibri, "Calibri", Arial;}
#sidebar .more P { margin: 12px 0; padding: 0; }

#sidebar .block ul { list-style: none; line-height: 14px; margin: 13px 0 0 0; padding: 0; }
#sidebar .block ul li { padding: 7px 0 7px 30px; background: url(../images/check.gif) left 2px no-repeat; }

#footer { background: url(../images/footerbg.gif) repeat-x; } 
#footer .inner { width: 960px; margin: 0 auto; position: relative; background: url(../images/proposition.gif) 714px 73px no-repeat; min-height: 180px; height: auto !important; height: 180px; } 
#partnerpage #footer .inner {  background: url(../images/proposition.gif) 714px 33px no-repeat; min-height: 140px; height: auto !important; height: 140px;}

#footer .header { position: absolute; top: 24px; left: 20px; line-height: 30px; }
#footer .header strong { font-size: 30px; font-family: Eras Medium ITC, Calibri, "Calibri", Arial;}
#footer .header a { color: #000; }

#footer #partners { width: 572px; height: 80px; background: url(../images/partners.gif) no-repeat; top: 68px; left: -26px; position: absolute; }
#footer #partners .mask { height: 80px; width: 520px; overflow: hidden; position: absolute; left: 26px; }
#footer #partners	ul { list-style: none; margin: 0; padding: 0; position: absolute; left: 0; top: 0; }
#footer #partners	li { width: 158px; height: 78px; margin-right: 20px; overflow: hidden; border: 1px solid #C3C3C3; float: left;  }
#footer #partners	li img { display: block; }

#footer #partners	.right,
#footer #partners	.left { position: absolute; height: 80px; width: 26px; cursor: pointer; top: 0; left: 0; }
#footer #partners	.right { left: auto; right: 0; }

#footer .yuki { position: absolute; top: 58px; height: 50px; text-indent: -999em; width: 160px; background: url(../images/yukifooter.gif) no-repeat; }