/* @group Resets */

body,
h1, h2, h3, h4, h5, h6,
p, div, span, ul, ol, dl, li,
blockquote, acronym,
form, body
input, select, textarea {
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-style: normal;
	height: auto;
}

/* @end */

/* @group Global */

body {
	font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 16px;
  background-color: #312929;
text-align: center;
}
h3 {
	font-weight: bold;
}
#header,
#main,
#footer {
	display: block;
	clear: both;
	width: 920px;
	margin: 0 auto;
	padding: 0;
}
 
#main {
	height: 620px;	
	
}
#mainBody {
	float: left;
	width: 100%;
	height: 458px;
}


#contentBox {
	float: left;
	/*width: 631px;*/
	height: 100%;
	
}
/* @group Fonts */

.style1{
	color: #CCCCCC;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}
.style2 {
	font-size: 9px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #999999;
}
.style3{
	font-size: 13px;
	color: #EEEEEE;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}
.style3Bold{
	font-size: 14px;	
	color: #EEEEEE;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-weight: bold;
}
.style4 {
	color: #FF9900;
}
.style5 {

}

a:link {
	color: #FF9900;
	text-decoration : none
}

a:visited {
	color: #FF9900;
	text-decoration: none;
}

a:hover{
	color: #FF0000;
	text-decoration : none
}

/* @end */



/* @end */

/* @group Header */

#header {
	float: left;
	height: 108px;
	width: 100%;
	
}
#blankHead {
	float: left;
	height: 50px;
	margin: 0;
	padding: 0;
	width: 100%;
}
#textHead {
	float: left;
	height: 58px;
	margin: 0;
	padding: 15px 0 0 1px;
	width: 100%;
	text-align: left;
}
.cyrilleName,
.cyrilleName a, 
.cyrilleName a:hover,
.cyrilleName a:link, 
.cyrilleName a:visited {
	color: #f00; font: 32px Arial, Verdana, Helvetica, sans-serif;}
/* @end */

/* @group Nav */

#navBox {
	float: right;
	width: 105px;
	position:relative;
	top:70px;
	text-align:right;
}
ul.primarynav li {
	list-style: none;
	padding: 23px 0 0 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
}
/* @end */

/* @group home */

#homeimg {
	background: url(../images/IMG_0409.jpg) no-repeat;
	width: 640px; 
	height: 263px;
	float: left;
	position: relative;
	top: 98px;
	left: 1px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

/* @end */

/* @group About */

#about {
	text-align: left;
	margin: 0 0 0 0;
	height: 358px;
	padding: 70px 0 0;
}

/* @group CV page */



#leftAbout {
	float: left;
	width: 57px;
	height: 45px;
}
#rightAbout {
	float: left;
	width: 755px;
	color: #CCCCCC;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	
}
#rightCv {
	display: block;
	float: left;
	padding-left: 155px;
	width:633px;
	color: #CCCCCC;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}
.aboutLeft {
	display: inline;
	float: left;
	width: 45%;
	
}
.aboutRight {
	display: inline;
	float: left;
	width: 50%;
}
.wholeCv {
	float:left;
	display: inline;
	width: 646px;
	padding: 5px 0 4px 0;
}
/* @end */

/* @end */










/* @group Contact */
#contact {
	color: #EEEEEE;
	display: block;
	float: left;
	text-align: left;
	margin: 0 0  0;
	padding: 75px 0 0 0;
	width: 370px;

}
#contactPhoto{
	background: url(../images/IMG_0918.jpg) no-repeat;
	width: 383px;
	height: 379px;	
}
#contactPhoto{
	background: url(../images/IMG_0918.jpg) no-repeat;
	width: 383px;
	height: 379px;
	
}

#contact {
  opacity:0.8;
}
#contactPhoto{
	display: block;
	float: left;
	margin: 30px 0 0 0;
	padding: 0 0 0 0;
}

.soldOut {
	color: #f00;
	font-size: 12px;
	font-weight: bold;
}
.valid {
	color: #312929;
	font-size: 12px;
	font-weight: bold;
}
.ci1 {
	display: block;
	margin: 0;
	padding: 0 0 6px 0;
}
.ci1 input, textarea {
	width: 250px;
}
input.button {
	width: 75px;
	margin-top:10px;
}


/* @end */



/* @group Footer */

#footer {
	float: left;
	width: 100%;
}

#fakeHr {
	width: 100%;
	position: relative;
	top: 8px;
	border-top: 1px solid red;
}
#footerText {
	position: relative;
	top: 12px;
	float: left;

}

/* @end */


/* @group Showcases */

#flashcontent {	
	float: left;			
	margin: 0px 0px 0px 0px;	
	width: 800px;	
	height: 450px;	
	color: #EEEEEE;		
}

/* @end */