@charset "utf-8";
/* CSS Document */

@media all { 

/* =The above @media rule hides this stylesheet from the 
discontinued Microsoft Internet Explorer for Mac. */


* { margin : 0; padding : 0; }
/* =universals 
These rules are applied to all elements unless otherwise specified below. */
* { margin : 0; padding : 0; }


/* =html */
html { background:#000000; }

/* =body */
body { background:url(img/gradient.png) repeat-x; font : 76%/160% Verdana, Arial, Helvetica, sans-serif;  color : #FFFFFF;}
textarea { font-family : Verdana, Arial, Helvetica, sans-serif;font-size:11px;}

/* =hx */
h1, h2, h3, h4 { font-weight : bold; color: #9A0000;}

/* =h1 */
h1 {
font-size : 150%;}

/* =h2 */
h2 { font-size : 130%; }


/* =h3 */
h3 { font-size : 110%; }

ul { list-style-type : none; }

form p { margin : 0; }

/* =a */
a:link { color:#FF9300; text-decoration : underline; font-weight:bold; }
a:visited { color:#FFCC66; text-decoration : underline; }
a:hover { color:#CC0000 }
a:active, a:focus { color : #000; }

/* =img */
img, img a { border : none }
abbr, acronym { text-decoration : none; border : none; }

/*main*/
/*div#piekia{
background:url(img/piekia.png) no-repeat;
position:absolute;
z-index:1;
height:592px;
width:256px;
left:80px;
top:155px;
}

div#dog{
background:url(img/dog.png) no-repeat;
position:absolute;
z-index:1;
height:341px;
width:168px;
right:140px;
top:405px;
}*/

div#index_1{
background:url(img/index_pic1.png) no-repeat;
margin: 0px auto;
width:900px;
height:700px;
z-index:1;
}

div#index_1 p{
font-size:10px;
margin-top:440px;
margin-left:320px;
}

div#indexNavi_1{
position:relative;
background:url(img/indexNavi.png) no-repeat 0px 0px;
top:130px;
left:620px;
text-indent:-9999px;
width:110px;
height:135px;
z-index:2;
}

div#indexNavi_1 a{
display:block;
overflow:hidden;
width:110px;
height:135px;
}

div#indexNavi_1 a:hover{
background:url(img/indexNavi.png) no-repeat 0px -135px;
width:110px;
height:135px;
}

div#main{
position:relative;
z-index:2;
background:#333333;
height: 700px; 
width:900px; 
top:0px;
left:0px;
/*border:solid #333333;
border-width:thin;*/
margin : 0px auto;
}

/*header*/
div#header{
background:url(img/header.png) no-repeat;
position:relative;
height:200px;
width:900px;
top:0px;
left:0px;
}

div#header a{
display:block;
height:200px;
width:400px;
}

div#header h1{
text-indent:-9999px;
}


/* Top Navi*/
div#topNavi {
position:absolute;
left:460px;
top: 145px;
width:430px;
height:50px;
}

div#topNavi li{
text-indent:-9999px;
}

li#topNavi_1 a, li#topNavi_2 a, li#topNavi_3 a, li#topNavi_4 a{
display:block;
overflow:hidden;
width:80px;
height: 50px;
}

li#topNavi_1 {
position:absolute;
left:0;
top:0;
background:url(img/topNavi.png) no-repeat 0 0 ;
width:75px;
height: 50px;
}

li#topNavi_1 a:hover{
background:url(img/topNavi.png) no-repeat 0px -49px ;
width:75px;
height: 50px;

}

li#topNavi_2 {
position:absolute;
left:95px;
top:0;
background:url(img/topNavi.png) no-repeat -75px 0px ;
width:70px;
height: 50px;
}

li#topNavi_2 a:hover{
background:url(img/topNavi.png) no-repeat -75px -49px ;
width:70px;
height: 50px;

}

li#topNavi_3 {
position:absolute;
left:185px;
top:0;
background:url(img/topNavi.png) no-repeat -148px 0 ;
width:122px;
height: 50px;
}

li#topNavi_3 a:hover{
background:url(img/topNavi.png) no-repeat -148px -49px ;
width:122px;
height: 50px;
}

li#topNavi_4 {
position:absolute;
left:328px;
top:0;
background:url(img/topNavi.png) no-repeat -275px 0 ;
width:100px;
height: 50px;
}

li#topNavi_4 a:hover{
background:url(img/topNavi.png) no-repeat -275px -49px ;
width:100px;
height: 50px;

}

/* Top Navi Inactive */
li#topNavi_5 {
position:absolute;
left:0;
top:0;
background:url(img/topNavi.png) no-repeat 0px -49px ;
width:75px;
height: 50px;
}

li#topNavi_6 {
position:absolute;
left:95px;
top:0;
background:url(img/topNavi.png) no-repeat -75px -49px ;
width:70px;
height: 50px;
}

li#topNavi_7 {
position:absolute;
left:185px;
top:0;
background:url(img/topNavi.png) no-repeat -148px -49px ;
width:122px;
height: 50px;
}

li#topNavi_8{
position:absolute;
left:328px;
top:0;
background:url(img/topNavi.png) no-repeat -275px -49px ;
width:100px;
height: 50px;
}

/* Main Content*/
div#content{
background:url(img/content_bg01.png) repeat ;
position:relative;
height:450px;
width:900px;
top:0;
left:0;
} 

div#home_cont1{
position:relative;
float:left;
width:280px;
height:450px;
}

div#ad_1{
background:url(img/ad01.png) no-repeat;
height:450px;
width:340px;
}

div#home_cont2{
position:relative;
float:left;
width:270px;
height:450px;
}

div#home_cont3{
position:relative;
float:left;
width:350px;
height:450px;
}

/* Home Content*/
div#home_cont1 h2{
background:url(img/home_title1.png) no-repeat;
text-indent:-9999px;
height: 65px;
width: 160px;
margin-top:40px;
margin-left:40px;
}

div#home_cont1 p{
line-height:16px;
font-size:12px;
margin-left:25px;
margin-top:10px;
width:220px;
}

div#home_cont1 h3{
background:url(img/home_title2.png) no-repeat;
text-indent:-9999px;
height: 50px;
width: 160px;
margin-top:20px;
margin-left:40px;
}

div#home_cont2b{
margin-top:40px;
height:390px;
width:240px;
}

div#home_cont2 p{
line-height:16px;
font-size:12px;
width:240px;
}


/* Footer */
div#footer{
background:#000000;
height:50px;
width:900px;
}

div#btmNavi {
position:relative;
left:0px;
top:20px;
width:400px;
height:20px;
float:left;
font-size:12px;
font-weight:bold;
}

div#btmNavi li{
display:inline;
margin-left:40px;
}

div#btmNavi li a{
text-decoration:none;
}

div#footer p{
text-align:right;
font-size:10px;
color:#666666;
}

li#btmNavi_1{
color:#FFFF99;
}

/* Menu Content */
div#menu_pic1{
background:url(img/menu_pies1.png) no-repeat;
position:absolute;
width:650px;
height:172px;
bottom:0px;
right:0px;
}

/*div#menu_pic2{
background:url(img/menu_halah1.png) no-repeat;
position:absolute;
width:25px;
height:27px;
top:10px;
right:10px;
}*/

div#menu_cont1{
position:relative;
float:left;
font-size:14px;
width:310px;
height:450px;
}

div#menu_cont2{
position:relative;
font-size:14px;
float:left;
width:280px;
height:450px;
}

div#menu_cont3{
position:relative;
font-size:14px;
float:left;
width:290px;
height:450px;
}
div#menu_cont2 h2{
background:url(img/menu_title1.png) no-repeat;
width: 87px;
height:35px;
text-indent:-9999px;
margin-left:90px;
margin-top:10px;
}

div#menu_pk h3{
background:url(img/menu_sbtitle1.png) no-repeat;
width: 80px;
height:24px;
text-indent:-9999px;
margin-left:40px;
margin-top:10px;
}

div#menu_cont1 ul{
line-height:16px;
margin-left:40px;
}

div#menu_pk{
width:290px;
height:180px;
margin-top:55px;
}

ul#menu_pk1{
float:left;
width:165px;
}

ul#menu_pk2{
color:#FFCC00;
float:right;
width:40px;
}
div#menu_cc h3{
background:url(img/menu_sbtitle2.png) no-repeat;
width: 180px;
height:24px;
text-indent:-9999px;
margin-left:40px;
margin-top:10px;
}

div#menu_cc{
width:290px;
height:130px;
margin-top:10px;
}

ul#menu_cc1{
float:left;
width:150px;
}

ul#menu_cc2{
color:#FFCC00;
float:right;
}
div#menu_ps h3{
background:url(img/menu_sbtitle3.png) no-repeat;
width: 110px;
height:24px;
text-indent:-9999px;
margin-left:30px;
margin-top:10px;
}

div#menu_cont2 ul{
line-height:16px;
margin-left:30px;
}

div#menu_ps{
width:270px;
height:100px;
margin-top:10px;
}

ul#menu_ps1{
float:left;
width:160px;
}

ul#menu_ps2{
color:#FFCC00;
float:right;
}
div#menu_hl h3{
background:url(img/menu_sbtitle4.png) no-repeat;
width: 110px;
height:24px;
text-indent:-9999px;
margin-left:30px;
margin-top:10px;
}

div#menu_hl{
width:270px;
height:140px;
margin-top:10px;
}

ul#menu_hl1{
float:left;
width:160px;
}

ul#menu_hl2{
color:#FFCC00;
float:right;
}
div#menu_tpk h3{
background:url(img/menu_sbtitle5.png) no-repeat;
width: 140px;
height:24px;
text-indent:-9999px;
margin-left:30px;
margin-top:10px;
}

div#menu_cont3 ul{
line-height:16px;
margin-left:30px;
}

div#menu_tpk{
width:270px;
height:100px;
margin-top:55px;
}

ul#menu_tpk1{
float:left;
width:165px;
}

ul#menu_tpk2{
color:#FFCC00;
float:right;
width:40px;
}

div#menu_ss h3{
background:url(img/menu_sbtitle6.png) no-repeat;
width: 150px;
height:24px;
text-indent:-9999px;
margin-left:30px;
margin-top:10px;
}

div#menu_ss{
width:270px;
height:100px;
margin-top:10px;
}

ul#menu_ss1{
float:left;
width:165px;
}

ul#menu_ss2{
color:#FFCC00;
float:right;
width:40px;
}

/* Franchise Content */
div#franc_cont1{
position:relative;
float:left;
width:300px;
height:450px;
}

div#franc_cont2{
position:relative;
float:right;
width:600px;
height:450px;
}

div#franc_cont1 h2{
background:url(img/fran_title1.png) no-repeat;
text-indent:-9999px;
height: 70px;
width: 240px;
margin-top:25px;
margin-left:30px;
}

div#franc_cont1 p{
line-height:15px;
font-size:12px;
margin-left:30px;
margin-top:5px;
width:230px;
}

div#franc_cont1 h3{
background:url(img/home_title2.png) no-repeat;
text-indent:-9999px;
height: 50px;
width: 160px;
margin-top:20px;
margin-left:40px;
}

div#franc_cont2 p{
line-height:16px;
font-size:12px;
margin-top:3px;
margin-bottom:15px;
width:540px;
}

div#franc_cont1 h4{
font-size:12px;
font-weight:bold;
color:#FF9900;
margin-left:30px;
}

div#franc_cont2 h3{
font-size:12px;
color:#FF9900;
}

div#franc_cont2 h2{
font-size:16px;
color:#FF9900;
}

div#fanc_cont2a{
background:url(img/fran_pic1.png) no-repeat;
height:90px;
width:580px;
margin-top:30px;
}

div#fanc_cont2b{
width:580px;
height:280px;
margin-top:20px;
overflow:auto;
}

div#franc_cont1 a, div#franc_cont2 a{
color:#6666FF;
font-weight:normal;
}

div#franc_form1{
position:relative;
left:30px;
top:10px;
width: 220px;
height:140px;
}

li#form1 a{
display:block;
width:100px;
height:140px;
}

li#form1 {
position:absolute;
left:0;
top:0;
background:url(img/fran_form1.jpg) no-repeat 0 0 ;
width:100px;
height:140px;
text-indent:-9999px;
}

li#form2 a{
display:block;
width:100px;
height:140px;
}

li#form2 {
	position:absolute;
	left:115px;
	top:0px;
	background:url(img/fran_form2.jpg) no-repeat 0 0;
	width:100px;
	height:140px;
	text-indent:-9999px;
}

div#franc_form2{
position:relative;
top:10px;
left:30px;
height:10px;
width:220px;
}

div#franc_form2 li{
display:inline;
}

div#franc_form2 ul{
margin-left:5px;
}

li#form3{
margin-left:50px;
}


/* Contact COntent */
div#contact_cont1{
margin:0px auto;
width:800px;
height:390px;
}

div#outpic li{
text-indent:-9999px;
}

li#outlet1{
background:url(img/contact_pic1.png) no-repeat;
width:200px;
height:160px;
position:absolute;
top:30px;
left:60px;
}

li#outlet2{
background:url(img/contact_pic2.png) no-repeat;
width:200px;
height:160px;
position:absolute;
top:30px;
left:350px;
}

li#outlet3{
background:url(img/contact_pic3.png) no-repeat;
width:200px;
height:160px;
position:absolute;
top:30px;
left:640px;
}


li#outlet4{
background:url(img/contact_pic4.png) no-repeat;
width:200px;
height:160px;
position:absolute;
top:240px;
left:60px;
}

li#outlet5{
background:url(img/contact_pic5.png) no-repeat;
width:200px;
height:160px;
text-align:center;
position:absolute;
top:240px;
left:350px;
}

li#contact{
background:url(img/contact_bnr1.png) no-repeat;
width:210px;
height:180px;
position:absolute;
top:240px;
left:640px;
}

li#contact a{
display:block;
width:210px;
height:180px;
}

li#contact a:hover{
background:url(img/contact_bnr2.png) no-repeat;
width:210px;
height:180px;
}

div#outname{
font-size:12px;
font-weight:bold;
}

li#outname1{ position:absolute; top:190px; left:60px; }

li#outname2{ position:absolute; top:190px; left:350px; }

li#outname3{ position:absolute; top:190px; left:640px; }

li#outname4{ position:absolute; top:400px; left:60px; }

li#outname5{ position:absolute; top:400px; left:350px; }

}