html, body, table, td, th, div, span, select, textarea, input {
	font-family: Arial, Tahoma, Helvetica, Verdana, SansSerif;
	font-size: 13px;
	color: #333333;
}
p{font-size: 14px; line-height:1.5em;}

html,body{height:100%;}

table, td, th, div, span {text-align:left; vertical-align:top; }
table,td {border-collapse:collapse;	border:0px; padding:0px; margin:0px;}
img {border:0px;}

body {padding: 0px; margin:0px; background:#F5F5EF url(http://simplyweb.ru/images/canvasbg.jpg) repeat top left; text-align:center;}
/*body {padding: 0px; margin:0px; background:#F5F5EF url(images/gvlines_bg.jpg) repeat top left; text-align:center;}*/
/*body {padding: 0px; margin:0px; background:#ffffff url(images/gvlines_bg2.jpg) repeat-x top left; text-align:center;}*/

form {padding:0px; margin:0px;}
select {width: 80px;}

td.right {text-align:right; padding-right:5px;}

div.pages {margin-top: 5px; background: #F2F4F4; padding:5px;}

/*td#top_left_td {padding-top:50px;}*/
td#top_left_td {padding-top:0px;}
td#top_right_td {padding-top:50px;}
td#top_right_td a{float:right;}
/*------------------------------------------------------------*/

a:link, a:active, a:visited {
	/*color: #4A85D8;*/
	color: #00AFDD;
	/*color: #0090F4 /*#0098ef*/
	text-decoration: underline;
}
a:hover {
	/*color: #4A85D8;*/
	color: #00AFDD;
	/*color: #0090F4 /*#0098ef;*/
	text-decoration: none;
}

a.cred:link, a.cred:active, a.cred:visited, a.cred:hover {
	color: #FF4747;
}

a.img:link, a.img:active, a.img:visited {
	text-decoration: none;
}
a.img:hover {
	text-decoration: none;
}

a.menu:link, a.menu:active, a.menu:visited {height:35px; display:block; margin:0px 0px 0px 25px; float:right; border-top:solid 4px #fbfbfb; outline: none;}
a.menu:hover, span.mcurrent {height:35px; display:block;  margin:0px 0px 0px 25px; float:right; border-top:solid 4px #333333; outline: none;}

a.menu span, span.mcurrent span {text-indent:-2000px; display:inline-block;}



/*a.mcomp:link, a.mcomp:active, a.mcomp:visited {background:transparent url(images/menu_items.png) no-repeat left 0px; width:62px; height:15px;}
a.mcomp:hover {background:transparent url(images/menu_items.png) no-repeat left -15px; width:62px; height:15px;}
a.mworks:link, a.mworks:active, a.mworks:visited{background:transparent url(images/menu_items.png) no-repeat left -30px; width:79px; height:15px;}
a.mworks:hover {background:transparent url(images/menu_items.png) no-repeat left -45px; width:79px; height:15px;}
a.mcont:link, a.mcont:active, a.mcont:visited{background:transparent url(images/menu_items.png) no-repeat left -60px; width:58px; height:15px;}
a.mcont:hover {background:transparent url(images/menu_items.png) no-repeat left -75px; width:58px; height:15px;}*/

/*a.mcomp:link, a.mcomp:active, a.mcomp:visited {background:transparent url(images/menu_items_h.png) no-repeat 0px top; width:62px;}
a.mcomp:hover {background:transparent url(images/menu_items_h.png) no-repeat -100px top; width:62px;}
a.mworks:link, a.mworks:active, a.mworks:visited{background:transparent url(images/menu_items_h.png) no-repeat -200px top; width:79px;}
a.mworks:hover {background:transparent url(images/menu_items_h.png) no-repeat -300px top; width:79px; }
a.mcont:link, a.mcont:active, a.mcont:visited{background:transparent url(images/menu_items_h.png) no-repeat -400px top; width:58px;}
a.mcont:hover {background:transparent url(images/menu_items_h.png) no-repeat -500px top; width:58px;}*/

a.mcomp:link, a.mcomp:active, a.mcomp:visited {background:transparent url(http://simplyweb.ru/images/menu_items_h.png) no-repeat 0px bottom; width:62px;}
a.mcomp:hover, span.cur_comp  {background:transparent url(http://simplyweb.ru/images/menu_items_h.png) no-repeat -100px bottom; width:62px;}
a.mworks:link, a.mworks:active, a.mworks:visited{background:transparent url(http://simplyweb.ru/images/menu_items_h.png) no-repeat -200px bottom; width:79px;}
a.mworks:hover, span.cur_works  {background:transparent url(http://simplyweb.ru/images/menu_items_h.png) no-repeat -300px bottom; width:79px; }
a.mcont:link, a.mcont:active, a.mcont:visited{background:transparent url(http://simplyweb.ru/images/menu_items_h.png) no-repeat -400px bottom; width:58px;}
a.mcont:hover, span.cur_cont  {background:transparent url(http://simplyweb.ru/images/menu_items_h.png) no-repeat -500px bottom; width:58px;}




/*a.mcurrent:link, a.mcurrent:active, a.mcurrent:visited {border-bottom:solid 3px #dddddd;}
a.mcurrent:hover {border-bottom:solid 3px #dddddd;}*/

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

form, input, textarea {
	padding: 0px;
	margin: 0px;
	font-family: Tahoma, Verdana, Helvetica, Arial, Sans-Serif;
	color: #333333;
}
input {height:2em;}
input, textarea {
	font-size:11px;
	line-height: 1.4em;
}
textarea {padding:4px 0px;}

textarea.field {
	border:1px solid #dddddd;
	line-height:1.2em;
}
input.field{
	border:1px solid #dddddd;
	height:21px;
	padding-top:2px;
}
textarea {padding: 2px 2px;}

textarea.nofield, input.nofield {
	border:0px;
}
div.sphoto {width:100px; float:right; margin:15px 2% 23px 2%;}
div.sphoto2 {width:100px; float:left; margin:15px 2% 23px 2%;}
div.field {border:2px solid #e3e3e3; padding:2px 0px; display:inline; vertical-align:middle;}
div.rfield {display:inline; vertical-align:middle;}

div#content {width:75%; margin:40px auto 0px auto; position:relative; max-width:1000px; 
				width:expression(document.body.clientWidth > 1333? "1000px": "75%" );
				/*width: expression(this.offsetWidth > 1000?"1000":"this.offsetWidth");*/}
div#toplayout {width:75%; padding-top:50px; margin:0px auto; overflow: visible; max-width:1000px; 
					width:expression(document.body.clientWidth > 1333? "1000px": "75%" );				
					/*width: expression(this.offsetWidth > 1000?"1000":"this.offsetWidth");*/}
div#btmlayout {margin:15px auto 0px auto; padding:10px 0px; width:75%; max-width:1000px; 
					width:expression(document.body.clientWidth > 1333? "1000px": "75%" );
					/*width: expression(this.offsetWidth > 1000?"1000":"this.offsetWidth");*/}

 
div.mainbigtext, div.mainbigtext * {font-family:Georgia, Times New Roman, Sans-Serif; /*color:#A2A2A2;*/ color:#828282;
										font-size: 20px; font-style:italic;line-height:1.3em;}

div.task {background:#E8E5DF; padding:10px 15px; margin-bottom:20px;}

.small {font-size:11px;}
.standart {font-size:12px;}
.text, .text * {font-size:14px; line-height:1.3em;}
.big {font-size:15px;}
.bigger {font-size:17px;}

.large {font-size:19px;}
.bold {font-weight:bold;}
.italic {font-style:italic;}

.cblack {color:#000000 !important;}
.cgreen {color: #AEC86F;}
.cgrey {color:#777777;}
.cred {color:red;}
.cblue2{color:#556DA9;}

.hcenter {text-align:center;}
.hright {text-align:right;}
.hjustify {text-align:justify;}
.vtop {vertical-align:top;}
.vbottom {vertical-align:bottom;}
.vmiddle {vertical-align:middle;}

.width800 {width:800px;}
.lineheight15 {line-height:1.4em;}
.lineheight25 {line-height:2.5em;}

div.clear {clear:both;}

.leftimg {margin:5px 10px 5px 0px; float:left; display:inline;}
.rightimg {margin:5px 0px 5px 10px; float:right; display:inline;}

img.images {border:solid 2px #dddddd;}
span.comment {color:#38549b; font-size:11px; font-weight:bold;}
.listtitle {font-weight:bold; color:#38549b; margin-bottom:5px;}
ul, li {padding:0px; margin:0px;}
li {margin:5px 15px;}
ul li {list-style-image: url(http://simplyweb.ru/images/bullet.png);}


h1, h2, h3, h4, h5, h6 {
	color:#111111;
	padding: 0px;
	margin: 0px;
	font-family:Georgia, Times New Roman, Trebuchet ms;
}

h1 {
	color: #333333;
	font-size: 38px;
	font-weight: normal;
	/*font-weight:bold;*/
	margin-bottom: 18px;
	margin-top:0px;
	font-style:italic;
	/*font-family:Trebuchet ms;*/
	font-family:Arial;
	
}
h2 {
	color:#333333;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 20px;
	font-style:italic;
}
h3 {
	color:#111111;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 7px;
	margin-top: 25px;
	font-style:italic;
}
h4 {
	font-size: 16px;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 10px;
	font-style:italic;
}
h5 {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-style:normal;
}

dt {margin-bottom:5px; font-weight:bold;}
dd {margin-bottom:20px;}

tr.light td{background:#fcfcfc;}
tr.dark td{background:#eeeeee;}
tr.theader th {padding:7px 5px; border-bottom:dashed 1px #cccccc; border-top:dashed 1px #cccccc; vertical-align:middle;}
tr.btmborder td{border-bottom:dashed 1px #dddddd;}

table.table tr td {padding:5px; }

div.line {border-bottom:1px dotted #999999; margin-bottom:10px;}


/*********************      Blocks start        ************************/
.floats
{
/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: -2em 0 0 -43px;

/* Эти правила для IE */
position: relative;
display: inline-block;
clear: both;
}
.floats:after
{
content: '';
display: block;
clear: both;
}
.floats .left
{
position: relative;
float: left;

/* Убираем удвоение отступов в IE */
display: inline;

/* Прячем все, что вдруг вылезло за наши ограничения */
overflow: hidden;

/* Отсупы между float-блоками */
margin: 3em 0 2em 43px;

/* Задаем минимальную ширину по картинке и тексту */
/*width: 14em;*/
min-width: 200px;
}

.floats .left .itemtext
{
	/*задаем максимальную высоту текста*/
	height:35px; overflow:hidden;
	clear:both;
	width:200px;
}
/*********************      blocks end        ************************/



.r-star, 
.r-star-shape{
	position:relative;
	overflow:hidden;
	padding:20px 0;
}

.r-star, 
.r-star-shape .content{
/*	background:#88d2fc;*/
}
.r-star{

}

.r-star .content, 
.r-star-shape .content{
	/*padding:10px 20px;*/
}

.r-star .cn,
.r-star-shape .cn{
	position:absolute;
	width:40px;
	height:40px;
	left:-20px;
	top:-20px;
	background:url(http://simplyweb.ru/images/r-star2.png);
}

.r-star .cn.tr, .r-star .cn.br,
.r-star-shape .cn.tr, .r-star-shape .cn.br {
	margin-left:100%;
	float:right;
}

.r-star .cn.bl, .r-star .cn.br,
.r-star-shape .cn.bl, .r-star-shape .cn.br {
	top:auto;
}



.r-star-shape .cn{
	background:url(http://simplyweb.ru/images/r-star2.png);
}

.r-star-shape .cn.tl, .r-star-shape .cn.bl {
	width:100%;
} 

.r-border, .r-border-shape,
.r-star, .r-star-shape {
	float:left;
	/*width:40%;*/
	width:200px;
	/*left:5%;*/
	position:relative;
}

a.pflink {display:block; width:100%; height:100px; text-decoration:none;}
a.pflink2 {display:block; text-decoration:none;}








.vmiddle {
  vertical-align: middle;
}

.portfolio_types_menu {
  padding: 2px 5px;
  z-index:100;
}

.first {
  padding-left: 0;
}

.current {
  background-color: #CDE4FE;
  padding: 2px 5px !important;
}

.sitetask
{
	
	background:#F5F4F1;
	border:solid 1px #F5F4F1;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:15px 20px;
	margin:0 0 25px 0;

}