/*

Design by r-designs/Eugene Chikul

Name       : Mindflow
Version    : 1.0
Released   : 15:05:09

*/

body
{
background-repeat: repeat;
background-image: url(img/s_back.png);
background-color: #311818;
padding: 0 0 0 0;
}

*
{
padding: 0em;
margin: 0em;
}

#outer
{
z-index: 2;
position: relative;
width: 818px;
margin: 0 auto;
}

#header
{
position:relative;
width: 818px;
height: 276px;
background: url(img/head.png);
}

#menu
{
position: relative;
width: 818px;
height: 40px;
}

#menu img
{
float:left;
}

/*	rollover tabs
	blog page:
	portfolio	*/

.port 
{
float: left;
width: 155px; 
height: 40px;
background: url('img/port_roll.png') 0 -80px no-repeat;
}

.port a 
{
display: block;
margin: 0; 
padding:0;
width:155px; 
height:40px;
overflow:hidden;
background:  url('img/port_roll.png') top left no-repeat;
}

.port a:hover
{
background-image: none;
}

/* contact */

.cont
{
float: left;
width: 162px; 
height: 40px;
background: url('img/cont_roll.png') 0 -80px no-repeat;
}

.cont a 
{
display: block;
margin: 0; 
padding:0;
width:162px; 
height:40px;
overflow:hidden;
background: url('img/cont_roll.png') top left no-repeat;
}

.cont a:hover
{
background-image: none;
}

/*	porfolio page:
	blog			*/

.blog
{
float: left;
width: 208px; 
height: 40px;
background: url('img/blog_roll.png') 0 -80px no-repeat;
}

.blog a 
{
display: block;
margin: 0; 
padding:0;
width:208px; 
height:40px;
overflow:hidden;
background: url('img/blog_roll.png') top left no-repeat;
}

.blog a:hover
{
background-image: none;
}	

/* contact2 */

.cont2
{
float: left;
width: 162px; 
height: 40px;
background: url('img/cont_roll2.png') 0 -80px no-repeat;
}

.cont2 a 
{
display: block;
margin: 0; 
padding:0;
width:162px; 
height:40px;
overflow:hidden;
background: url('img/cont_roll2.png') top left no-repeat;
}

.cont2 a:hover
{
background-image: none;
}	

/* contct page:
blog:           */

.blog2
{
float: left;
width: 208px; 
height: 40px;
background: url('img/blog_roll2.png') 0 -80px no-repeat;
}

.blog2 a 
{
display: block;
margin: 0; 
padding:0;
width:208px; 
height:40px;
overflow:hidden;
background: url('img/blog_roll2.png') top left no-repeat;
}

.blog2 a:hover
{
background-image: none;
}

/* porfolio2 */

.port2
{
float: left;
width: 155px; 
height: 40px;
background: url('img/port_roll2.png') 0 -80px no-repeat;
}

.port2 a 
{
display: block;
margin: 0; 
padding:0;
width:155px; 
height:40px;
overflow:hidden;
background:  url('img/port_roll2.png') top left no-repeat;
}

.port2 a:hover
{
background-image: none;
}


/*----------------------------------*/

#secondline
{
position:relative;
background:url(img/2nd_line.png);
width: 818px;
height: 45px;
}

#stage
{
float: left;
position:relative;
width: 800px;
padding: 0 9px 0 9px;
background: url('img/shadows_stage.png') repeat-y  #969696;
}

#mainstage
{
float: left;
width: 542px;
border-left: #262626 8px solid;
}

#mainstage p
{
padding: 10px 10px 10px 10px;
text-align: justify;
font: normal 11px Arial, Helvetica, sans-serif;
color:#272727;
border-bottom: #363636 1px solid;
}

#mainstage ul, ol
{
line-height: 180%;
}

#mainstage h1
{
padding: 0 0 0 0;
border-bottom: #363636 1px solid;
font: normal 20px Arial, Helvetica, sans-serif;
line-height: 60px;
}

#mainstage h2
{
margin: 0 0 100px 0;
border-top: #cdcdcd 1px solid;
}

#linkbar
{
background: #737373;
padding: 4px 0 4px 40px;
border-bottom: #363636 1px solid;
border-top: #cdcdcd 1px solid;
font: normal 11px Arial, Helvetica, sans-serif;
}

#linkbar a
{
padding-right: 75px;
}

#mainstage a
{
color:#990000;
}


#mainstage span
{
line-height: 30px;
padding: 0 1px 0 20px ;
font: bold 30px "Times New Roman", Times, serif;
}

#mainstage img
{
float:left;
}

#sidestage 
{
float:right;
width: 250px;
line-height:0;
letter-spacing:0;
background: #737373;
}

#sidestage img
{
border: none;
}

/* porfolio page */

#portstage
{
float:left;
position:relative;
width: 784px;
border-left: #262626 8px solid;
border-right: #262626 8px solid;
}

#portstage p
{
position: relative;
width: 259px;
border-right: #363636 1px solid;
border-left: #cdcdcd 1px solid;
float: left;
text-align:justify;
font: normal 11px Arial, Helvetica, sans-serif;
color:#272727;
background: #737373;
}

#portstage h1
{
position: relative;
width: 239px;
border-right: #363636 1px solid;
border-left: #cdcdcd 1px solid;
float: left;
padding: 10px 9px 10px 11px;
text-align:justify;
font: normal 11px Arial, Helvetica, sans-serif;
color:#272727;
background: #737373;
}

#portstage h2
{
padding: 10px 9px 10px 11px;
position: relative;
width: 239px;
border-right: #363636 1px solid;
border-left: #cdcdcd 1px solid;
float: left;
text-align:justify;
font: normal 11px Arial, Helvetica, sans-serif;
color:#272727;
}

#portstage img
{
border: none;
}

#imageholder1
{
width: 239px;
position:relative;
background: #737373;
float:right;
margin-bottom: 15px;
}

#imageholder1 p
{
position:relative;
width: 219px;
padding: 3px 10px 3px 10px;
font: normal 10px Arial, Helvetica, sans-serif;
color: #272727;
border: none;
}

/* r-stage */

#viewstage
{
margin: 0 0 0 8px;
width: 784px;
height: auto;
background: #969696;
}

#viewstage h3
{
font: normal 11px Arial, Helvetica, sans-serif;
padding: 20px 0 10px 20px;
border-top: #cdcdcd 1px solid;
border-bottom: #363636 1px solid;
}

#viewstage a
{
color: #990000;
}


#viewheader
{
width: 784px;
height: 50px;
border-bottom: #363636 1px solid;
background: #737373;
}

#viewheader h1
{
padding: 0 0 0 15px;
font: normal 20px Arial, Helvetica, sans-serif;
line-height: 50px;
}

#viewfooter h1
{
padding: 0 0 0 15px;
font: normal 11px Arial, Helvetica, sans-serif;
line-height: 20px;
}

#viewfooter a
{
color: #990000;
}


#thumbbar
{
padding: 10px 0 10px 0;
height: 80px;
border-top: #cdcdcd 1px solid;
border-bottom: #363636 1px solid;
background: #969696;
}

#thumbbar img
{
border:none;
text-align: center;
margin: 0 10px 0 10px;
}

#imageholder
{
background: #969696;
border-top: #cdcdcd 1px solid;
border-bottom: #363636 1px solid;
width: 784px;
padding: 15px 0 15px 0;
}

#imageholder img
{
border: #cdcdcd 1px solid;
}

#viewfooter
{
width: 784px;
height: 20px;
border-top: #cdcdcd 1px solid;
background: #737373;
}

/* contact */

#contactbar
{
line-height: 0;
padding: 10px 0 10px 0;
height: 260px;
border-top: #cdcdcd 1px solid;
border-bottom: #363636 1px solid;
background: #969696;
}

#contactbar p
{
font: normal 11px Arial, Helvetica, sans-serif;
padding: 20px 0 20px 20px;
}

#contactbar a
{
color: #990000;
}

#contactbar h1
{
width: 100%;
padding: 0 0 10px 0;
position:relative;
float: left;
height: 56px;
font: normal 11px Arial, Helvetica, sans-serif;
}

#contactbar img
{
float:left;
padding: 0 20px 0 20px;
}

/* footer */

#footer
{
float: right;
width: 800px;
height: 46px;
background: url(img/footer_back.png) repeat-x;
margin: 0 9px 12px 9px;
}

#footer img
{
border:none;
}

#footer p
{
padding: 0 0 0 66px;
text-align: center;
color:#7e7e7e;
font: normal 10px Arial, Helvetica, sans-serif;
}

#footer h1
{
padding: 9px 0 0 66px;
text-align:center;
line-height: 0;
}

#footer h2
{
width: 66px;
height: 46px;
float: right;
line-height: 0;
}