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

body 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 20px 0 0 0;
	margin: 0;
}

.cleaner
{
	clear: both;
}

div#wrapper
{
	width: 768px;
	padding: 0;
	margin: 0 auto;	
}

div#container
{
	width: 768px;
	padding: 20px 0;
	margin: 0;	
}

div#footer
{
	width: 768px;
	height: 58px;
	padding: 0;
	margin: 0;
	background: #ffffff url(/images/footer.png) no-repeat top left;
	text-align: right;
}

div#header
{
	width: 100%;
	height: 166px;
	padding: 0;
	margin: 0;
	background: #ffffff url(/images/header_backgr.png) no-repeat top left;
}

div#header div.flags
{
	padding: 0 0 0 40px;
	margin: 0;
}

div#header div.flags img
{
	padding: 0;
	margin: 0;
}

div#header div.buttons
{
	padding: 96px 0 0 350px;
	margin: 0;
}

div#header div.buttons img
{
	padding: 0;
	margin: 0;
	cursor: pointer;
}

/* ------------------ Left Menu ---------------- */

div#left-menu
{
	float: left;
	width: 223px;
	padding: 0;
	margin: 0;
}

div#left-menu div.left-menu-block
{
	padding: 0;
	margin: 0;
	background: transparent url(/images/left_menu_backgr.png) repeat-y top left;
}

div#left-menu div.top
{
	padding: 0;
	margin: 0;
}

div#left-menu div.bottom
{
	padding: 0;
	margin: 0;
}

div#left-menu div.content
{
	padding: 0 16px;
	margin: 0;
	background: transparent url(/images/left_menu_gradient.png) no-repeat top left;
}

div#left-menu div.content div.content-content
{
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 100;
}

div#left-menu div.content div.left-block-label
{
	padding: 0;
	margin: 0;
	text-align: left;
	width: 100%;
	position: relative;
	z-index: 10;
}

div#left-menu div.content div.left-block-label div
{
	position: absolute; 
	text-align: left; 
	margin: 0; 
	padding: 0;
}

div#left-menu div.content div.left-block-label img
{
	position: relative; 
	top: -35px;
	left: 12px;
	margin: 0;
}

/* ------------------ Spaces ------------------- */

div.space-5px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 5px;
}

div.space-10px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 10px;
}

div.space-15px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 15px;
}

div.space-20px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 20px;
}

div.space-25px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 25px;
}

div.space-30px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 30px;
}

/* ------------------ Left Menu ---------------- */

div#page-content
{
	float: right;
	width: 534px;
	padding: 0;
	margin: 0;
}

div#page-content div.page-content-block
{
	padding: 0;
	margin: 0;
	background: transparent url(/images/body_backgr.png) repeat-y top left;
}

div#page-content div.top
{
	padding: 0;
	margin: 0;
}

div#page-content div.bottom
{
	padding: 0;
	margin: 0;
}

div#page-content div.content
{
	padding: 0 16px;
	margin: 0;
	background: transparent url(/images/body_gradient.png) no-repeat top left;
}

div#page-content div.content div.block-label
{
	padding: 0;
	margin: 0;
	text-align: left;
	width: 100%;
	z-index: 100;
}

div#page-content div.content div.block-label div
{
	position: absolute; 
	text-align: left; 
	margin: 0; 
	padding: 0;
}

div#page-content div.content div.block-label img
{
	position: relative; 
	top: -35px;
	left: 5px;
	margin: 0;
}

/* ------------------ White Block ---------------- */

div.white-block
{
	padding: 0;
	margin: 0;
}

div.white-block div.corners
{
	padding: 0;
	margin: 0;
	height: 6px;
}

div.white-block div.corners div.corner
{
	padding: 0;
	margin: 0;
	height: 6px;
	float: left;
}

div.white-block div.corners div.center
{
	padding: 0;
	margin: 0;
	height: 6px;
	float: left;
	background-color: #FFFFFF;
	font-size: 0px;
}

div.white-block div.block-content
{
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
}

/* ------------------ Contacts Page ---------------- */

div.contacts
{
	padding: 0 0 10px 0;
	margin: 0;
	width: 100%;
}

div.contacts div.info
{
	padding: 0 0 0 3px;
	margin: 0;
	width: 250px;
	float: left;
}

div.contacts div.info div.contact-info
{
	padding: 10px;
	margin: 0;
	font-size: 11px;
	color: #40484F;
}

div.contacts div.info div.contact-info span.label
{
	color: #0084FF;
	font-weight: bold;
}

div.contacts div.contact-form
{
	padding: 0 3px 0 0;
	margin: 0;
	width: 235px;
	float: right;
}

div.contacts div.contact-form div.label
{
	padding: 2px 0;
	margin: 0;
	text-align: left;
	color: #0084ff;
	font-size: 11px;
}

div.contacts div.contact-form div.field
{
	padding: 0;
	margin: 0;
	text-align: left;
	color: #0084ff;
	font-size: 11px;
}

div.contacts div.contact-form input.box
{
	width: 125px;
}

div.contacts div.contact-form textarea.box
{
	width: 152px;
	height: 80px;
}

div.contacts div.contact-form div.button-field
{
	padding: 2px 0 0 0;
	margin: 0;
	text-align: right;
}

/* ------------------ Forms ---------------- */

form
{
	padding: 0;
	margin: 0;
}

input.box
{
	padding: 3px 3px 2px 3px;
	margin: 0;
	border: 1px solid #0084ff;
	background: #ffffff url(/images/small_box_backgr.png) no-repeat top left;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #40484F;
}

textarea.box
{
	padding: 2px 3px;
	margin: 0;
	border: 1px solid #0084ff;
	background: #ffffff url(/images/big_box_backgr.png) no-repeat top left;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #40484F;
}

/* ------------------ Popup ------------------- */

table.popup
{
	padding: 0;
	margin: 0;
}

table.popup td.top-left
{
	padding: 0;
	margin: 0;
	width: 15px;
	height: 15px;
}

table.popup td.top-left img
{
	width: 15px;
	height: 15px;
	behavior: url(/iepngfix/iepngfix.htc);
}

table.popup td.left
{
	padding: 0;
	margin: 0;
	width: 15px;
	background: transparent url(/images/popup/popup_left.png) no-repeat top left;
	behavior: url(/iepngfix/iepngfix.htc);
}

table.popup td.left img
{
	behavior: url(/iepngfix/iepngfix.htc);
}

table.popup td.bottom-left
{
	padding: 0;
	margin: 0;
	width: 15px;
	height: 15px;
}

table.popup td.bottom-left img
{
	width: 15px;
	height: 15px;
	behavior: url(/iepngfix/iepngfix.htc);
}

table.popup td.bottom
{
	padding: 0;
	margin: 0;
	height: 15px;
	background: transparent url(/images/popup/popup_bottom.png) no-repeat top left;
	behavior: url(/iepngfix/iepngfix.htc);
}

table.popup td.bottom img
{
	behavior: url(/iepngfix/iepngfix.htc);
}

table.popup td.bottom-right
{
	padding: 0;
	margin: 0;
	width: 15px;
	height: 15px;
}

table.popup td.bottom-right img
{
	width: 15px;
	height: 15px;
	behavior: url(/iepngfix/iepngfix.htc);
}

table.popup td.top-right
{
	padding: 0;
	margin: 0;
	width: 15px;
	height: 15px;
}

table.popup td.top-right img
{
	width: 15px;
	height: 15px;
	behavior: url(/iepngfix/iepngfix.htc);
}

table.popup td.right
{
	padding: 0;
	margin: 0;
	width: 15px;
	background: transparent url(/images/popup/popup_right.png) no-repeat top left;
	behavior: url(/iepngfix/iepngfix.htc);
}

table.popup td.right img
{
	behavior: url(/iepngfix/iepngfix.htc);
}

table.popup td.top
{
	padding: 0;
	margin: 0;
	height: 15px;
	background: transparent url(/images/popup/popup_top.png) no-repeat top left;
	behavior: url(/iepngfix/iepngfix.htc);
}

table.popup td.top img
{
	behavior: url(/iepngfix/iepngfix.htc);
}

table.popup td.content
{
	padding: 0;
	margin: 0;
	background: transparent url(/images/popup/popup_backgr.png) no-repeat top left;
	behavior: url(/iepngfix/iepngfix.htc);
}

div.flashmsg
{
	padding: 10px;
	margin: 0;
	font-size: 11px;
}

div.flashmsg div.button
{
	padding: 0;
	margin: 0;
	text-align: center;
}

div.flashmsg ul li
{
	padding: 0;
	margin: 0;
}

div.flashmsg ul li
{
	line-height: 12px;
}

.error
{
	color: #000000;
}

.success
{
	color: #0084FF;
}

.warning
{
	color: #0084FF;
}

/* ------------------ Last Projects ---------------- */

div.last-projects
{
	padding: 0;
	margin: 0;
}

div.last-projects div.image
{
	padding: 7px 10px;
	margin: 0;
	float: left;
}

div.last-projects div.image a
{
	padding: 0;
	margin: 0;
	background: transparent url(/images/frame_small.png) no-repeat top left;
	display: block;
}

div.last-projects div.image a:hover
{
	background: transparent url(/images/frame_small_hover.png) no-repeat top left;
}

div.last-projects div.title
{
	padding: 10px 0 0 0;
	margin: 0; 
	float: left;
	font-size: 11px;
	color: #0084ff;
	width: 90px;
}

div.last-projects div.title a
{
	padding: 0 0 1px 0;
	margin: 0;
	color: #0084ff;
	text-decoration: none;
	float: left;
	background: #ffffff url(/images/blue_dot.png) repeat-x bottom left;
}

div.last-projects div.title a:hover
{
	padding: 0 0 1px 0;
	margin: 0;
	color: #40484F;
	text-decoration: none;
	background: #ffffff url(/images/black_dot.png) repeat-x bottom left;
}

/* ------------------ Projects ---------------- */

div.projects
{
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 1000;
	width: 100%;
}

div.projects div.project-block
{
	padding: 5px;
	margin: 0;
	float: left;
	width: 240px
}

div.last-projects
{
	padding: 0;
	margin: 0;
}

div.projects div.project-block div.project div.image
{
	padding: 7px 10px;
	margin: 0;
	float: left;
}

div.projects div.project-block div.project div.image a
{
	padding: 0;
	margin: 0;
	background: transparent url(/images/frame_small.png) no-repeat top left;
	display: block;
}

div.projects div.project-block div.project div.image a:hover
{
	background: transparent url(/images/frame_small_hover.png) no-repeat top left;
}

div.projects div.project-block div.project div.project-info
{
	padding: 10px 0 0 0;
	margin: 0;
	float: left;
}

div.projects div.project-block div.project div.project-info div.description
{
	padding: 5px 0 0 0;
	margin: 0;
	font-size: 10px;
	color: #40484F;
	width: 140px;
	line-height: 10px;
}

div.projects div.project-block div.project div.project-info div.type
{
	padding: 5px 0 0 0;
	margin: 0;
	font-size: 9px;
	color: #40484F;
}

div.projects div.project-block div.project div.project-info div.title
{
	padding: 0 0 0 0;
	margin: 0;
	font-size: 11px;
	color: #0084ff;
	width: 90px;
}

div.projects div.project-block div.project div.project-info div.title a
{
	padding: 0 0 1px 0;
	margin: 0;
	color: #0084ff;
	text-decoration: none;
	background: #ffffff url(/images/blue_dot.png) repeat-x bottom left;
}

div.projects div.project-block div.project div.project-info div.title a:hover
{
	padding: 0 0 1px 0;
	margin: 0;
	color: #40484F;
	text-decoration: none;
	background: #ffffff url(/images/black_dot.png) repeat-x bottom left;
}