/* CSS Document */
body {
	padding:0;
	margin:0;
	background:
	background-position:center top;
	background-repeat: no-repeat;
#731001;
	color:43312f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
 h1, h2, h3, p, ul, form, input, select, textarea, label, div, li, a{
padding:0;
margin:0;
}
ul{
list-style-type:none;
	
}
a{
outline:none;
text-decoration:none;
}
img{
padding:0;
margin:0;
border:none;
}
.spacer{
padding:0;
margin:0;
font-size:0;
line-height:0;
clear:both;
}

#container{
width:1200px; 
height:1830px;margin:0 auto;
background:url(images/SF--2020-BG.jpg);
background-repeat: repeat-y;
}

/*------------------------------------------Top Panel-----------------------------------------*/
#main{
	width:1200px;
	margin:0 auto;
	height:180px;
	position:centre;
	left: 0;
}

#main2{
	width:1200px;
	margin:0 auto;
	height:55px;
	position:centre;
	left: 0;
}




h1{
	font:normal 24px/24px Georgia, "Times New Roman", Times, serif;
	color:#D3CC64;
	background-color:inherit;
	position:absolute;
	left:1348px;
	top:754px;
	width: 819px;
}
h1 span{
font:normal 12px/15px Arial, Helvetica, sans-serif;
color:#CEA013;
background-color:inherit;
display:block;
padding:5px 0 0 0;
}
p.matTxt{
line-height:10px;
color:#F88B21;
background-color:inherit;
position:absolute;
left:1355px;
top:708px;
width:502px;
}

/*--------------------- navigation------------------------------------*/
ul.navlink{
padding:0;
margin:0;
width:883px;
background-color:#141C10;
color:inherit;
position:absolute;
left:1283px;
top:651px;
height:20px;
}
ul.navlink li{
float:left;
font:normal 16px/25px Arial, Helvetica, sans-serif;
}
ul.navlink li.active{
color:#EBE588;
background-color:#AB2C05;
width:93px;
text-align:center;

}

ul.navlink li a{
color:#B2AC58;
background-color:inherit;
padding:0 24px;
display:block;
}
ul.navlink li a:hover{
color:#EBE588;
background-color:#AB2C05;
}

#logBlock{
width:740px;
height:0px;
position:centre;
margin:0  auto;

}
#topBlock{
width:740px;
margin:0 auto;
background-color:transparent;
color:inherit;
position:centre;
padding-left:0px;
height:100%;
overflow:auto;

}
#topBlock2{
width:740px;
background-color:transparent;
position:centre;
color:inherit;
padding-left:0px;
overflow:auto;

}

/*---------------------Log in Block--------------------------*/



/*---------------------Log in Block--------------------------*/
#BotBlock{
width:920px;
margin:0 auto;
background:url(images/bottom_roundBg.gif) no-repeat 0 bottom;
height:24px;
float:left;
}


/*------------------------------------------Top Panel-----------------------------------------*/

/*---------------------------------Body---------------------------------------*/
#BodyPan{
width:1100px;
height:1650px;
margin:0 auto;
padding:40px 0 0 0;
}

/*-------------------------------left panel--------------------------------------------*/
#leftPan{
width:1100px;
height:1400px;
float:left;
}
p.veroTxt{
font:normal 12px/18px Arial, Helvetica, sans-serif;
color:#43312f;
background-color:inherit;
padding:0 2px 2px 0;
}
p.dashed{
background:url(images/dashed.gif) repeat-x 0 0;
height:16px;
}
h3{
font-size:12px;
line-height:14px;
color:#43312f;
font-weight:bold;
background-color:inherit;
padding:16px 0 5px 0;
}


@font-face {
    font-family: 'big_john_probold';
    src: url('fonts/bigjohnpro-bold-webfont.eot');
    src: url('fonts/bigjohnpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bigjohnpro-bold-webfont.woff2') format('woff2'),
         url('fonts/bigjohnpro-bold-webfont.woff') format('woff'),
         url('fonts/bigjohnpro-bold-webfont.ttf') format('truetype'),
         url('fonts/bigjohnpro-bold-webfont.svg#big_john_probold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'big_john_prolight';
    src: url('fonts/bigjohnpro-light-webfont.eot');
    src: url('fonts/bigjohnpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bigjohnpro-light-webfont.woff2') format('woff2'),
         url('fonts/bigjohnpro-light-webfont.woff') format('woff'),
         url('fonts/bigjohnpro-light-webfont.ttf') format('truetype'),
         url('fonts/bigjohnpro-light-webfont.svg#big_john_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'big_john_proregular';
    src: url('fonts/bigjohnpro-regular-webfont.eot');
    src: url('fonts/bigjohnpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bigjohnpro-regular-webfont.woff2') format('woff2'),
         url('fonts/bigjohnpro-regular-webfont.woff') format('woff'),
         url('fonts/bigjohnpro-regular-webfont.ttf') format('truetype'),
         url('fonts/bigjohnpro-regular-webfont.svg#big_john_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

p.b{
font:22px 'big_john_proregular', Georgia, Tahoma, Arial, Helvetica, sans-serif;
color:#d3d3c0;
line-height:22px;
padding:0px 0px 0px 0px;
}


p.ro0{
font:22px 'big_john_proregular', Georgia, Tahoma, Arial, Helvetica, sans-serif;
color:#d3d3c0;
line-height:25px;
padding:80px 0px 80px 0px;
}

p.ro1{
font:26px 'big_john_proregular', Georgia, Tahoma, Arial, Helvetica, sans-serif;
color:#0c1b08;
align:justify;
line-height:30px;
padding:8px 10px 0px 10px;
}

p.ro2{
font:16px 'big_john_proregular', Georgia, Tahoma, Arial, Helvetica, sans-serif;
color:#d3d3c0;
line-height:18px;
padding:4px 4px 28px 4px;
}

p.ro3{
font:26px 'big_john_proregular', Georgia, Tahoma, Arial, Helvetica, sans-serif;
color:#d3d3c0;
line-height:30px;
padding:4px 10px 10px 10px;
}

p.ro4{
font:24px 'big_john_proregular', Georgia, Tahoma, Arial, Helvetica, sans-serif;
color:#d3d3c0;
line-height:32px;
padding:4px 4px 16px 10px;
}
p.ro5{
font:56px 'big_john_proregular', Georgia, Tahoma, Arial, Helvetica, sans-serif;
color:#d3d3c0;
line-height:62px;
padding:4px 6px 10px 6px;
}
p.ro6{
font:56px 'big_john_proregular', Georgia, Tahoma, Arial, Helvetica, sans-serif;
color:#d3d3c0;
line-height:66px;
padding:20px 0px 20px 0px;
}


p.ro8{
font:10px 'big_john_proregular', Georgia, Tahoma, Arial, Helvetica, sans-serif;
color:#d3d3c0;
line-height:10px;
padding:0px 12px 10px 12px;
}



p.rob1{
font:34px 'big_john_probold', Georgia, Tahoma, Arial, Helvetica, sans-serif;
color:#0c1b08;
line-height:38px;
padding:4px 2px 0px 10px;
}

p.rob1 span{
font:26px 'big_john_proregular', Georgia, Tahoma, Arial, Helvetica, sans-serif;
color:#0c1b08;
line-height:30px;
padding:4px 2px 0px 10px;
}

p.rob2A{
font:21px 'big_john_probold', Georgia, Tahoma, Arial, Helvetica, sans-serif;
color:#d3d3c0;
line-height:25px;
padding:0px 0px 0px 48px;
}
p.rob3{
font:23px 'big_john_probold', Georgia, Tahoma, Arial, Helvetica, sans-serif;
color:#d3d3c0;
line-height:27px;
padding:3px 0px 3px 28px;
}
p.rob4{
font:56px 'big_john_probold', Georgia, Tahoma, Arial, Helvetica, sans-serif;
color:#d3d3c0;
line-height:62px;
padding:4px 12px 16px 12px;
}
p.rob5{
font:36px 'big_john_probold', Georgia, Tahoma, Arial, Helvetica, sans-serif;
color:#0c1b08;
line-height:40px;
padding:8px 4px 0px 8px;
}
p.rob6{
font:56px 'big_john_probold', Georgia, Tahoma, Arial, Helvetica, sans-serif;
color:#d3d3c0;
line-height:62px;
padding:8px 4px 0px 4px;
}




/*-------------------------------left panel--------------------------------------------*/
.gal {
width: 1100px;
font-family: 'big_john_proregular', Georgia, Tahoma, Arial, Helvetica, sans-serif;
color:#d3d3c0;
line-height:30px;
padding:4px 10px 10px 10px;
border: 0px double #e0d7bb;
padding:0px;
}





/* The grid: Four equal columns that floats next to each other */
.column {
  
  float: left;
  width: 200px;
  padding: 10px;
}

/* Style the images inside the grid */
.column img {
  opacity: 0.8; 
  cursor: pointer; 
}

.column img:hover {
  opacity: 1;
}
.row {
align: center;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* The expanding image container (positioning is needed to position the close button and the text) */
.container {
  position: relative;
  display: none;
}

/* Expanding image text */
#imgtext {
  position: absolute;
  top: 15px;
  right: 60px;
  font:24px 'big_john_probold', Georgia, Tahoma, Arial, Helvetica, sans-serif;
  color:#d3d3c0;
  line-height:30px;
  }

/* Closable button inside the image */
.closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  color: white;
  font-size: 30px;
  cursor: pointer;
}



/*-------------------------------right panel--------------------------------------------*/
#rghtPan{
width:0px;
height:1400px;
float:right;
}
.magazineBlock{
width:0px;
background:transparent;
height:1400px;
float:left;
padding:0px;
}
h2.fashionMag{
color:#43312f;
background-color:transparent;
font:normal 24px/26px Georgia, "Times New Roman", Times, serif;
padding:75px 25px 0 25px;
text-align:center;
}

.newsBlock{
width:0px;
height:1400px;
padding-right:0px;
float:right;
}


/*---------------------------------Body---------------------------------------*/

/*--------------------------------------footer--------------------------------------*/
#footer {
font:15px 'big_john_proregular', Georgia, Tahoma, Arial, Helvetica, sans-serif;
line-height:18px;
color:#657365;
height:20px;
margin:0 auto;
padding:30px 0 30px 0;
}


#footer2{
width:990px;
margin:0 auto;
padding:10px 0 10px 0;
}




a.footerlink{
font:15px 'big_john_proregular', Georgia, Tahoma, Arial, Helvetica, sans-serif;
line-height:18px;
color:#81a481;

}

a.footerlink:link{
font:15px 'big_john_proregular', Georgia, Tahoma, Arial, Helvetica, sans-serif;
line-height:18px;
color:#81a481;
background-color:inherit;
}

a.footerlink:visited{
font:15px 'big_john_proregular', Georgia, Tahoma, Arial, Helvetica, sans-serif;
line-height:18px;
color:#81a481;
background-color:inherit;
}

a.footerlink:hover{
font:15px 'big_john_proregular', Georgia, Tahoma, Arial, Helvetica, sans-serif;
line-height:18px;
color:#a3a999;
background-color:inherit;
}




p.copyright{
font:15px 'big_john_proregular', Georgia, Tahoma, Arial, Helvetica, sans-serif;
align: center;
color:#81a481;
line-height:18px;
padding:10px 2px 30px 2px;
}



/*--------------------------------------footer--------------------------------------*/