@charset "utf-8";
/*
    © icw82 (normal css)
*/

html, body{font: 100%/1.4 Verdana, Geneva, sans-serif; background:rgb(29,29,46)}
body{min-width:1000px}
a{cursor:pointer}
p{font-family:Verdana, Geneva, sans-serif; line-height:1.4; padding-top:12px; padding-bottom:1px; font-size:80%}
li{line-height:1.4}
img{display:block}

h1,h2,h3{font-family:Georgia, "Times New Roman", Times, serif}
h1{font-size:230%}
h2{font-size:190%}
h3{font-size:160%}

.row{clear:both; overflow:hidden}
.switcher{border-bottom-style:dashed!important; cursor:pointer}
.covered{display:none}

/* Секции */
#sn-navigation{font-family:Helvetica, Arial, sans-serif; padding:38px 0 5px 6%; overflow:hidden}
	#sn-navigation li{overflow:hidden; margin-right:3.5%; position:relative; left:-7px; float:left; text-align:center}
	#sn-navigation span{overflow:hidden; display:block; padding:4px 7px; white-space:nowrap}
	#sn-navigation em{display:block; width:8px; height:4px; background:url(../img/triangles.png) 0 0; overflow:hidden; margin:0 auto}
	

#sn-sub-navigation{font-family:Helvetica, Arial, sans-serif; padding:15px 0 5px 6%; overflow:hidden; font-size:80%;}
	#sn-sub-navigation li{overflow:hidden; margin-right:2.5%; position:relative; left:-7px; float:left; text-align:center}
	#sn-sub-navigation span{overflow:hidden; display:block; padding:3px 7px; white-space:nowrap}
	#sn-sub-navigation em{display:block; width:8px; height:4px; background:url(../img/triangles.png) 0 0; overflow:hidden; margin:0 auto}

	#sn-sub-navigation .about{padding-left:105px}
	#sn-sub-navigation .photogallery{padding-left:470px}

#sn-footer{padding-top:130px; padding-bottom:50px}
	#sn-footer .cn-main{width:65%; padding-left:6%; float:left}
	#sn-footer .cn-main p{width:45%; float:left}
	#sn-footer .cn-addon{width:25%; padding-left:3%}
	#sn-footer input{width:80%}
	#sn-footer .placeholder{color:rgb(128,128,128)}


/* Колонки *//*
.cn-main{background:red}
.cn-addon{background:orange}


/* Цвета страниц */
.pc-light{background:rgb(255,255,255)}
.pc-light a{color:rgb(102,153,204); border-bottom:1px solid rgb(102,153,204)}
.pc-light .selected{background:rgb(220,184,220); color:rgb(255,255,225)}

.pc-dark{background:rgb(51,51,51) url(../img/bg-dark.png) repeat-x top; color:rgb(255,255,255)}
.pc-dark a{color:rgb(96,145,218); border-bottom:1px solid rgb(96,145,218)}
.pc-dark #sn-navigation em{background-position:-8px 0}
.pc-dark #sn-sub-navigation span{background-position:-8px 0}
.pc-dark #sn-navigation a{color:rgb(255,255,255); border-bottom:1px solid rgb(255,255,255)}
.pc-dark .selected{background:rgb(91,70,130); color:rgb(255,255,225)}

.pc-dark-blue{background:rgb(29,29,46) url(../img/bg-dark-blue.png) repeat-x top; color:rgb(255,255,255)}
.pc-dark-blue a{color:rgb(96,145,218); border-bottom:1px solid rgb(96,145,218)}
.pc-dark-blue #sn-navigation em{background-position:-8px 0}
.pc-dark-blue #sn-sub-navigation span{background-position:-8px 0}
.pc-dark-blue #sn-navigation a{color:rgb(255,255,255); border-bottom:1px solid rgb(255,255,255)}
.pc-dark-blue .selected{background:rgb(91,70,130); color:rgb(255,255,225)}

.pc-dark-plum{background:rgb(13,0,17) url(../img/bg-dark-blue.png) repeat-x top; color:rgb(255,255,255)}
.pc-dark-plum a{color:rgb(96,145,218); border-bottom:1px solid rgb(96,145,218)}
.pc-dark-plum #sn-navigation em{background-position:-8px 0}
.pc-dark-plum #sn-sub-navigation span{background-position:-8px 0}
.pc-dark-plum #sn-navigation a{color:rgb(255,255,255); border-bottom:1px solid rgb(255,255,255)}
.pc-dark-plum .selected{background:rgb(91,70,130); color:rgb(255,255,225)}

/* Страницы */
.mainpage-day{background:url(../img/maintheme.jpg) top center no-repeat rgb(255,255,255)}
.mainpage-night{background:url(../img/maintheme-night.jpg) top center no-repeat rgb(13,0,17)}

.pn-mainpage{}
	.pn-mainpage .building{height:345px}
	.pn-mainpage .building .cn-main{padding-left:6%; width:40%; float:left; overflow:hidden}
	.pn-mainpage .building .cn-main h1{padding-top:65px}	
	.pn-mainpage .building .cn-main p{padding-top:8px}

	.pn-mainpage .building .cn-addon{padding-left:33%; padding-top:60px}
	.pn-mainpage .building .cn-addon div{margin-right:6px; width:29px; height:85px; background:url(../img/switch.png); float:left}
	.pn-mainpage .building .cn-addon p{padding-top:18px; line-height:1.4; overflow:hidden; float:left; white-space:nowrap}
	.pn-mainpage .building .cn-addon p span{display:block; padding:3px 5px; float:left; clear:both; margin-top:4px}
	.pn-mainpage .building .cn-addon p a{}

	.pn-mainpage .circles{height:480px; font:80%/1 Georgia,"Times New Roman",Times,serif}
	.pn-mainpage .circles .cn-main{margin:0 auto; width:980px}
	.pn-mainpage .circles a{border:0 none}
	.pn-mainpage .circles a span{border-bottom: 1px solid}
	.pn-mainpage .circles div.tl{width:108px; float:left; text-align:right; height:160px}
	.pn-mainpage .circles div.tl a.tl{display:block; margin:0 0 10px 50px; width:58px; height:58px; background:url(../img/circle-tl.png)}
	.pn-mainpage .circles div.tl span{margin-right:29px}
	.pn-mainpage .circles div.tr{width:138px; padding-left:725px; height:160px}
	.pn-mainpage .circles div.tr a.tr{display:block; margin:0 0 10px 0; width:58px; height:58px; background:url(../img/circle-tr.png)}
	.pn-mainpage .circles div.tr span{margin-left:29px}
	.pn-mainpage .circles div.bl{width:108px;float:left; text-align:right; height:100px}
	.pn-mainpage .circles div.bl a.bl{display:block; margin:0 0 10px 50px; width:58px; height:58px; background:url(../img/circle-bl.png)}
	.pn-mainpage .circles div.bl span{margin-right:29px}
	.pn-mainpage .circles div.br{width:108px; padding-left:725px; height:100px}
	.pn-mainpage .circles div.br a.br{display:block; margin:0 0 10px 0; width:58px; height:58px; background:url(../img/circle-br.png)}
	.pn-mainpage .circles div.br span{margin-left:29px}

	.pn-mainpage .news .cn-main{padding:0 6%; width:56%; float:left}
	.pn-mainpage .news h2{font-size:160%; padding-top:50px;}
	.pn-mainpage .news h2 a{color:rgb(50,50,50); border-bottom-color:rgb(50,50,50)}
	.mainpage-night .news h2 a{color:rgb(255,255,255); border-bottom-color:rgb(255,255,255)}	
	.pn-mainpage .news .date{font-size:70%; color:rgb(105,105,105)}
	.pn-mainpage .news p{padding-left:0; padding-top:5px}
	.pn-mainpage .news h3{font-size:100%; padding-top:3px}
	.pn-mainpage .news ul{clear:both}
	.pn-mainpage .news li{padding-left:0; margin-left:4%; font-size:100%; padding-top:20px}
	.pn-mainpage .news li span{margin-left:0}
	.pn-mainpage .news .cn-addon .partners-links a{margin:15px 20px 0 0; border:0 none; float:left}
	.pn-mainpage .news .cn-addon span{height:16px; display:block; background:url(../img/partners.png)}
	.pn-mainpage .news .cn-addon .vtb span{width:38px}
	.pn-mainpage .news .cn-addon .gasprom span{background-position: -38px 0; width:35px}
	.pn-mainpage .news .cn-addon .gas span{background-position:-73px 0; width:56px}
	
	.mainpage-night .news .cn-addon .vtb span{background-position: 0 -16px; width:38px}
	.mainpage-night .news .cn-addon .gasprom span{background-position: -38px -16px; width:35px}
	.mainpage-night .news .cn-addon .gas span{background-position:-73px -16px; width:56px}

.pn-about{}
	.pn-about h2{font-size:160%}

	.pn-about .photomenu{width:860px; padding:90px 6% 0 6%; margin:0 auto}
	.pn-about .photomenu .cn-main{margin:0 auto; width:860px}
	.pn-about .photomenu a,
	.pn-about .photomenu em{display:block; border:0 none; overflow:hidden}
	.pn-about .photomenu span{display:block; border-bottom:1px solid; float:left; clear:both}
	.pn-about .photomenu em span{display:block; border-bottom:none; float:left; clear:both}
	.pn-about .photomenu .img{display:block; clear:both}

	.pn-about .photomenu .firstcol{width:331px; float:left}
	.pn-about .photomenu .secondcol{width:514px; padding-left:15px}
	.pn-about .photomenu .secondcol div{clear:both; overflow:auto; background:red}

	.pn-about .photomenu .premises{}
	.pn-about .photomenu .premises span.img{width:514px; height:246px; border:0 none; background:url(../img/photomenu-1.png)}
	.pn-about .photomenu .premises span.link{margin-left:20px; height:19px; margin-bottom:10px}

	.pn-about .photomenu .planning{margin-top:50px}
	.pn-about .photomenu .planning span.img{width:331px; height:198px; border:0 none; background:url(../img/photomenu-2.png)}
	.pn-about .photomenu .planning span.link{margin-left:20px; height:17px; margin-bottom:10px; font-size:90%}

	.pn-about .photomenu .restaurant{margin-top:15px; width:223px; margin-left:108px}
	.pn-about .photomenu .restaurant span.img{width:223px; height:139px; border:0 none; background:url(../img/photomenu-3.png)}
	.pn-about .photomenu .restaurant span.link{font-size:80%; margin-left:12px; margin-bottom:10px; padding-top:5px}

	.pn-about .photomenu .conference-hall{margin-right:15px; margin-top:15px; clear:left; float:left;}
	.pn-about .photomenu .conference-hall span.img{width:192px; height:111px; border:0 none; background:url(../img/photomenu-4.png)}
	.pn-about .photomenu .conference-hall span.link{font-size:70%; margin-left:10px; margin-bottom:10px; padding-top:5px}

	.pn-about .photomenu .car-park{margin-top:15px; width:134px}
	.pn-about .photomenu .car-park span.img{width:134px; height:92px; border:0 none; background:url(../img/photomenu-5.png)}
	.pn-about .photomenu .car-park span.link{font-size:70%; margin-left:10px; margin-bottom:10px; padding-top:5px}

	
	.pn-about .location{padding:90px 6% 0 6%}
	.pn-about .location .cn-addon{float:left}
	.pn-about .location .cn-addon img{margin-top:20px; margin-left:42px}
	.pn-about .location .cn-main{padding-top:45px}
	.pn-about .location p{padding-left:5%}

	.pn-about .map{padding:0 6% 0 6%}
	.pn-about .map .cn-main{padding-left:185px}

.pn-about-premises{}
	.pn-about-premises .text .cn-addon{padding:103px 0 0 5%}
	.pn-about-premises .text .cn-addon a{font-family:Georgia, "Times New Roman", Times, serif}
	.pn-about-premises .text .cn-addon img{margin-top:15px}


.pn-about-planning{}
	.pn-about-planning .text .cn-main{padding-left:6%; width:68%; padding-top:90px; float:left}
	.pn-about-planning .text .cn-main p{padding-left:4%}
	
	.pn-about-planning .plan{margin:0 auto; width:913px; padding-top:90px}
	.pn-about-planning .plan .left{width:300px; float:left; height:292px; background:url(../img/gasoil-plains-gray.png) 242px 0 no-repeat}
	.pn-about-planning .plan .left p{display:block; height:15px; width:100%; font-size:70%; text-align:right}
	.pn-about-planning .plan .left p em{color:rgb(128,128,128); margin-right:0.5em}
	
	.pn-about-planning .plan .right{width:300px; float:left; height:292px; background:url(../img/gasoil-plains-gray.png) -371px 0 no-repeat}
	.pn-about-planning .plan .right p{display:block; height:15px; width:100%; font-size:70%}
	.pn-about-planning .plan .right p em{color:rgb(128,128,128); margin-left:0.5em}
	
	.pn-about-planning .plan .center{background:url(../img/gasoil-plains-gray.png) -58px 0; width:313px; height:292px; float:left}
	.pn-about-planning .plan .center .l{width:211px; height:216px; margin:68px 2px 0 0; float:left}
	.pn-about-planning .plan .center .r{width:100px; height:284px}
	
	.pn-about-planning .plan .center a,
	.pn-about-planning .plan .center span{display:block; height:15px; width:100%; border:0 none; overflow:hidden}
	
	.pn-about-planning .plan .center a:hover{background:url(../img/gasoil-plains-blue.png)}
	
	.pn-about-planning .sub-plan{width:313px; margin:10px auto 0 auto;; text-align:center}
	.pn-about-planning .sub-plan .bb{width:211px; float:left}
	.pn-about-planning .sub-plan .ba{width:100px; float:right}

#main-plan .left span{display:none}
#main-plan .right span{display:none}
#main-plan p{padding:0; line-height:1}

#plan-l15-i{margin-top:60px}

#plan-l15{width:125px; height:7px; background-position:-145px -68px; margin:0 0 0 87px}
#plan-l14{background-position:-58px -75px}
#plan-l13{background-position:-58px -90px}
#plan-l12{background-position:-58px -105px}
#plan-l11{background-position:-58px -120px}
#plan-l10{background-position:-58px -135px}
#plan-l9{background-position:-58px -150px}
#plan-l8{background-position:-58px -165px}
#plan-l7{background-position:-58px -180px}
#plan-l6{background-position:-58px -195px}
#plan-l5{background-position:-58px -210px}
#plan-l4{background-position:-58px -225px}
#plan-l3{background-position:-58px -240px}
#plan-l2{background-position:-58px -255px}
#plan-l1{background-position:-58px -270px}

#plan-r19{background-position:-271px -0px}
#plan-r18{background-position:-271px -15px}
#plan-r17{background-position:-271px -30px}
#plan-r16{background-position:-271px -45px}
#plan-r15{background-position:-271px -60px}
#plan-r14{background-position:-271px -75px}
#plan-r13{background-position:-271px -90px}
#plan-r12{background-position:-271px -105px}
#plan-r11{background-position:-271px -120px}
#plan-r10{background-position:-271px -135px}
#plan-r9{background-position:-271px -150px}
#plan-r8{background-position:-271px -165px}
#plan-r7{background-position:-271px -180px}
#plan-r6{background-position:-271px -195px}
#plan-r5{background-position:-271px -210px}
#plan-r4{background-position:-271px -225px}
#plan-r3{background-position:-271px -240px}
#plan-r2{background-position:-271px -255px}
#plan-r1{background-position:-271px -270px}

.pn-about-plan{}
	.pn-about-plan .row{padding-top:90px}
	.pn-about-plan .row .cn-addon{float:left; width:20%; padding-left:6%; min-height:1px}
	.pn-about-plan .row .cn-main{padding:0 6% 0 3%; overflow:hidden}
	.pn-about-plan .micro{margin:0 auto; width:150px}
	.pn-about-plan .micro a{border:0 none}	
	.pn-about-plan .micro a span{text-decoration:underline}
	.pn-about-plan .micro p{padding:20px 0 12px 0}
	.pn-about-plan .micro .bb{background:url(../img/gasoil-plains-micro.png) 0 -22px; width:56px; height:72px; margin:22px 0 0 1.25em; float:left}
	.pn-about-plan .micro .ba{background:url(../img/gasoil-plains-micro.png) -56px 0; width:29px; height:94px}	
	.pn-about-plan .block-a-selected .bb{background-position: 0 -116px; cursor:pointer}
	.pn-about-plan .block-b-selected .ba{background-position: -56px -94px; cursor:pointer}

	.pn-about-plan .block{padding-top:55px; margin:0 auto}
	.pn-about-plan .block div{background:url(../img/gasoil-plains-gray.png) no-repeat}
	.pn-about-plan .block .col-leftshadow{background:url(../img/gasoil-plains-gray.png) no-repeat -13px 0; width:45px; height:304px; float:left; margin-left:-35px}
	.pn-about-plan .block .col-numbers{background:url(../img/gasoil-plains-gray.png) no-repeat -371px 0; width:30px; height:304px; padding-left:8px}
	.pn-about-plan .block .col-numbers p{display:block; padding:0; height:15px; width:100%; font-size:65%; font-family:Arial, Helvetica, sans-serif}
	.pn-about-plan .block .col-numbers a{border:0 none}
	.pn-about-plan .block .col-numbers span{color:rgb(180,180,180)}
	.pn-about-plan .block .col-numbers span.active{color:rgb(50,50,50)}

	.pn-about-plan .block .col-building{float:left}
	.pn-about-plan .block .col-building a,
	.pn-about-plan .block .col-building span{display:block; height:15px; width:100%; border:0 none; overflow:hidden}
	.pn-about-plan .block .col-building a:hover{background:url(../img/gasoil-plains-blue.png)}
	
	.pn-about-plan .block .col-building span.active{background:rgb(120,120,120); height:14px; margin-top:1px}

	.pn-about-plan .block-a{width:150px}
	.pn-about-plan .block-b{width:296px; left:-95px; position:relative}
	.pn-about-plan .block-b .col-building{height:236px; width:211px; padding:68px 0 0 45px; background-position:-13px 0}
	.pn-about-plan .block-b .col-numbers{height:304px}

	.pn-about-plan .block-a .col-building{height:304px; width:100px; background-position:-271px 0}

	.pn-about-plan .row .cn-main .legends{padding-top:50px; padding-bottom:30px; color:rgb(100,100,100); font-weight:bold}	
	.pn-about-plan .row .cn-main .legends img{display:inline; margin-left:40px; margin-bottom:-10px}

	.pn-about-car-park .picture{width:90%!important}

.pn-company{}	
	.pn-company .purinvest div{background:url(../img/purinvest.png) no-repeat bottom right; width:120px; height:73px; padding:120px 0 0 10%}
	.pn-company .news .cn-main{padding-left:19%; padding-top:120px; width:56%}
	.pn-company .news .date{font-size:70%; color:rgb(79,79,105)}
	.pn-company .news p{padding-left:0; padding-top:5px}
	.pn-company .news h3{font-size:100%; padding-top:3px}
	.pn-company .news ul{clear:both}
	.pn-company .news li{padding-left:0; margin-left:4%; font-size:100%; padding-top:20px}
	.pn-company .news .switcher{margin-top:30px; margin-left:4%; display:block; float:left}
	
.pn-company-news{}
	.pn-company-news .row .cn-main{padding-left:6%; width:68%; float:left}
	.pn-company-news .row .cn-main .date{margin:90px 0 0 6%; color:rgb(150,150,150); font-size:70%}
	.pn-company-news .row .cn-main h1{font-size:190%; line-height:1.2}
	.pn-company-news .row .cn-main p{margin-left:6%; padding-top:20px}
	.pn-company-news .row .cn-main img{margin-left:6%; margin-top:20px}
	.pn-company-news .row .cn-addon{padding:137px 0 5px 8%; font-family:Georgia, "Times New Roman", Times, serif}

.pn-partners{}
	.pn-partners .row{padding-top:90px}
	.pn-partners .row .cn-main{padding-left:6%; width:68%; padding-right:34px}
	.pn-partners img.logo{margin:30px 0 0 15.5%; position:relative; clear:both}
	.pn-partners img.photo{margin:15px 0 0 4.5%; clear:both}
	.pn-partners blockquote{padding:15px 0 0 15.5%}
	.pn-partners blockquote p{font-size:90%}	
	.pn-partners blockquote .quote-l{display:block; background:url(../img/quotes.png); width:34px; height:34px; float:left; margin:6px 0 0 -34px}	
	.pn-partners blockquote .quote-r{display:block; background:url(../img/quotes.png) -34px 0; width:34px; height:34px; float:right; margin:-26px -34px 0 0}
	.pn-partners p.author{padding:15px 0 0 15.5%; font-style:italic}
	.pn-partners p.author a{font-style:normal}

.pn-panorama{}
	.pn-panorama .row .cn-main{padding:0 6%}
	.pn-panorama .cur-openhand{cursor:url(../img/cur-openhand.cur), default}	
	.pn-panorama .cur-closedhand{cursor:url(../img/cur-closedhand.cur), move}
	.pn-panorama .panorama{background:url(../img/cyclorama.jpg) repeat-x 0 0; width:100%; height:400px; margin-top:30px; float:left}
	.pn-panorama .row .arrow-left{margin-left:-35px; float:left; padding-top:220px}
	.pn-panorama .row .arrow-right{margin-right:-35px; float:right; padding-top:220px}
	.pn-panorama .row .arrow-left img,
	.pn-panorama .row .arrow-right img{cursor:pointer}
	.pn-panorama .row .note{clear:both}

.solaris{clear:both}

.pn-contact-information{}
	.pn-contact-information .row em{color:rgb(150,150,150)}
	.pn-contact-information .address a{border-bottom-style:none; border-bottom-width:0; margin-left:-20px; line-height:1.6}	
	.pn-contact-information .address a img{display:inline; margin:0 4px -4px 0; width:16px; height:16px}
	.pn-contact-information .address a span{border-bottom:1px solid}

.pn-search{}
	.pn-search .field{}
	.pn-search .field .cn-main{padding: 90px 0 0 6%; width:63%; float:left}
	.pn-search .field .cn-main form{background:rgb(230,230,230); padding:18px; -moz-border-radius: 20px; -webkit-border-radius: 20px}
	.pn-search .field .cn-main form input{width:100%}	
	.pn-search .field .cn-main form td{padding:4px}
	.pn-search .field .cn-addon{font-size:70%; color:rgb(128,128,128); padding:155px 0 0 9.8%}
	
	.pn-search .results .cn-main{padding-left:9%; width:63%}
	.pn-search .results .cn-main h2{font-size:90%; font-family:Verdana, Geneva, sans-serif; padding:22px 0 0 0}
	.pn-search .results .cn-main p{padding:5px 0 0 0}

.pn-photogallery{}
	.pn-photogallery #g-navi .cn-addon{margin-left:50px; float:left}
	.pn-photogallery #g-navi .cn-addon img{float:left; margin-right:12px}
	.pn-photogallery #g-navi .cn-addon p{line-height:1.4; font-family:Georgia, "Times New Roman", Times, serif; padding:0}
	.pn-photogallery #links{}

/* Стили текста */

.just-text .cn-main{padding:90px 0 0 6%; width:64%; float:left}
.just-text .cn-addon{padding:10px 3% 0 3%}
.just-text p{padding-left:5%; font-size:80%}
.just-text li{padding-left:5%; margin-left:1.8em; font-size:80%; line-height:1.4}
.just-text li i{margin-left:-1.4em}
.just-text .note{font-style:italic; color:rgb(150,150,150); padding-top:125px}

/* Нестандартные объекты */
.green-convert{width:837px; padding:70px 0 0 6%; margin-left:-18px}
	.green-convert .top{background:url(../img/green-convert/convert-top.png); width:773px; height:42px; margin-left:32px}
	.green-convert .left{background:url(../img/green-convert/convert-left.png); width:61px; height:365px; float:left; margin-left:32px}
	.green-convert .fields{background:url(../img/green-convert/convert-bg.png); width:640px; height:365px; float:left; padding-left:8px}
	.green-convert .right{background:url(../img/green-convert/convert-right.png); width:64px; height:365px}
	.green-convert .bottom{background:url(../img/green-convert/convert-bottom.png); width:773px; height:397px; margin-left:32px}
	.green-convert .shadow{background:url(../img/green-convert/convert-shadow.png); width:837px; height:34px; margin-top:70px}
	.green-convert h2{color:rgb(50,50,50)}
	.green-convert .fields .row{padding-top:30px; padding-left:18px}
	.green-convert .fields span{display:block; width:0; float:left; font-size:80%; color:rgb(50,50,50); padding-top:3px; white-space:nowrap}
	.green-convert .fields input{margin-left: 155px; width:40%}
	.green-convert .fields textarea{margin-left: 155px; width:72%; height:180px}
	.green-convert .bottom input{margin-left:241px; margin-top:22px}
	
.blue-convert{width:837px; padding:70px 0 0 6%; margin-left:-18px}
	.blue-convert .top{background:url(../img/blue-convert/convert-top.png); width:773px; height:42px; margin-left:32px}
	.blue-convert .left{background:url(../img/blue-convert/convert-left.png); width:61px; height:365px; float:left; margin-left:32px}
	.blue-convert .fields{background:url(../img/blue-convert/convert-bg.png); width:640px; height:365px; float:left; padding-left:8px}
	.blue-convert .right{background:url(../img/blue-convert/convert-right.png); width:64px; height:365px}
	.blue-convert .bottom{background:url(../img/blue-convert/convert-bottom.png); width:773px; height:397px; margin-left:32px}
	.blue-convert .shadow{background:url(../img/blue-convert/convert-shadow.png); width:837px; height:34px; margin-top:70px}
	.blue-convert h2{color:rgb(50,50,50)}
	.blue-convert .fields .row{padding-top:30px; padding-left:18px}
	.blue-convert .fields span{display:block; width:0; float:left; font-size:80%; color:rgb(50,50,50); padding-top:3px; white-space:nowrap}
	.blue-convert .fields input{margin-left: 155px; width:40%}
	.blue-convert .fields textarea{margin-left: 155px; width:72%; height:180px}
	.blue-convert .bottom input{margin-left:241px; margin-top:22px}

#g-navi{padding-top:60px}
	#g-navi .cn-main{padding-left:6%; width:68%; float:left}
	#g-navi .frame{overflow:hidden; height:66px; width:648px; float:left}
	#g-navi .container{overflow:hidden; position:relative}
	#g-navi .container a{border:0 none; display:block; float:left; margin-right:15px; width:66px; height:66px}	
	#g-navi .container img{width:66px; height:66px}
	#g-navi .container a.active{opacity:0.3; cursor:default}

	#g-navi .left-arrow{float:left; margin-left:-27px; padding-top:22px; height:44px; width:27px}
	#g-navi .left-arrow a{width:20px; height:23px; display:block; background: url(../img/arrows-left.png); border:0 none}	
	#g-navi .right-arrow{margin-right:-27px; padding-top:22px; height:44px; width:20px; padding-left:7px}
	#g-navi .right-arrow a{width:20px; height:23px; display:block; background: url(../img/arrows-right.png); border:0 none}

#g-photo{}	
	#g-photo .cn-main{padding:35px 6% 0 6%; float:left}	
	#g-photo .photo{min-width:600px; min-height:450px; background:url(../img/loading.gif) center center no-repeat}
	#g-photo p{padding-top:25px; color:rgb(128,128,128); font-size:70%; text-align:center}
	#g-photo .tuda-suda{padding-top:25px; color:rgb(128,128,128); font-size:70%; margin:0 -1.4em 0 -1.3em; overflow:visible}
	#g-photo .tuda-suda div{overflow:hidden; height:20px}
	#g-photo .tuda-suda .prev{width:30%; float:left}
	#g-photo .tuda-suda .next{width:30%; float:right; text-align:right}

#day-switch div{background-position: right top}
#night-switch div{background-position: left top}

#day-switch div,
#day-switch a,
#night-switch div,
#night-switch a{cursor:pointer}