/*TABLE OF CONTENT:

- #Site Styles
-- body bg [footer bottom line]
-- content bg [main bg]

- #Footer
-- top part
-- middle part
--- latest post
--- latest news
--- social links
--- back TOP
-- bottom part
--- menu
--- copyrights

- #Header
-- upper part
-- top part
-- middle part
-- bottom part
--- search
--- menu
---- Mobile

- #Content
-- slider
-- slider slogan
-- welcome
-- Titles
-- Recent  projects
-- Recent Blog
-- Services
-- Testimonials
-- Filter
-- Portfolio
-- Progress Bar
-- Tab
-- Items
-- Info Page
-- Accordion
-- Jquery Toggle
-- Pricing
-- Map
-- Portfolio detail
-- BLOGs page
-- Crumbs
-- Page icons
-- Inner Page
-- Latest List
-- Service
-- Diagramm
-- Comment
-- Leave Comment
- #HTML Elements
-- lists
-- Buttons
-- Blockquote
-- Table
-- Page Home enather
--- slider
--- items detail
--- reсent posts
--- blog-posts
-- Page 404
-- slider type 2
- #Colored
-- bg colors
-- border colors
-- images

- #Media Queries
-- min-width: 959px
-- min-width: 768px
-- min-width: 768px and max-width: 959px
-- max-width: 767px
-- min-width: 480px and max-width: 767px
-- max-width: 479px

/* #Site Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
body bg [footer bottom line]*/
BODY
{
	background: url(images/backgrounds/body_bg.png) repeat center 0;
}
/*content bg [main bg]*/
.wrapper
{
	min-height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
	background: url(images/backgrounds/wrapper-bg.png) repeat-y center 0;
}
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-width: 959px)
{
	BODY:first-of-type .wrapper
	{
		background: url(images/backgrounds/wrapper-bg-ghrome.png) repeat-y center 0;
	}
}
.line-grey
{
	border-top: 1px solid #F2F2F2;
	-webkit-box-shadow: 0 1px 0 0 #fff;
	box-shadow: 0 1px 0 0 #FFF;
}
.line-grey.before-h2
{
	height: 13px;
	margin-top: -7px;
}
.line-grey.before-h3
{
	height: 14px;
	margin-top: -7px;
}
.line-grey.before-h4
{
	height: 14px;
	margin-top: -7px;
}
.line-grey.before-h5
{
	height: 15px;
	margin-top: -7px;
}
.line-grey.before-h6
{
	height: 14px;
	margin-top: -7px;
}
.hei7
{
	height: 7px;
	clear: both;
}
.hei8
{
	height: 8px;
	clear: both;
}
.hei12
{
	height: 12px;
	clear: both;
}
.pb0
{
	padding-bottom: 0 !important;
}
MARK.grey-white
{
	color: #FFF;
	background: #8A8A8A;
}
MARK.blue-white
{
	color: #FFF;
	background: #6EC4E9;
}
MARK.dashed
{
	padding-bottom: 2px;
	padding-right: 1px;
	color: #737373;
	background: url(images/backgrounds/dashed-17.png) repeat-x 2px 13px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer-wrapper
{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
	background: url(images/backgrounds/body_bg.png) repeat center 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ top PART  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer-top
{
	position: relative;
	z-index: 101;
	padding: 0 0 1px;
	width: 100%;
	min-height: 41px;
	background: #FAFAFA url(images/backgrounds/footer-line.png) repeat-x center 0;
	border-top: 1px solid #E3E3E3;
}
.footer-tweet-left
{
	position: absolute;
	left: -5px;
	top: 50%;
	width: 10px;
	height: 9px;
	margin-top: -3px;
	background: url(images/backgrounds/foooter-left.png) no-repeat 0 0;
}
.footer-tweet-right
{
	position: absolute;
	right: -5px;
	top: 50%;
	width: 10px;
	height: 9px;
	margin-top: -3px;
	background: url(images/backgrounds/footer-right.png) no-repeat 0 0;
}
#footer-top .twtr-hd, #footer-top .twtr-ft, #footer-top .twtr-tweet-text EM
{
	display: none;
}
#footer-top .twtr-bd
{
	position: relative;
	overflow: hidden;
}
#footer-top .twtr-tweets
{
	margin: -1px 0;
}
#footer-top .twtr-tweets
{
	background: url(images/backgrounds/ico/tweet_w.png) no-repeat 11px 14px;
}
#footer-top .twtr-tweet
{
	position: relative;
	padding: 8px 0 6px 28px;
	margin: 0 10px;
	border-bottom: 1px solid #E6E6E6;
	border-top: 1px solid #FFF;
	background: url(images/backgrounds/ico/tweet_w.png) no-repeat 1px 13px;
}
#footer-top .twtr-tweet P
{
	margin: 0;
	padding: 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ MIDDLE PART  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer-middle
{
	position: relative;
	padding: 20px 0 1px;
	background: #363636 url(images/backgrounds/footer-middle.png) repeat-x 0 0;
	border-bottom: 1px solid #2F2F2F;
	z-index: 100;
}
#footer-middle H3
{
	margin: 4px 0 11px;
}
#footer-middle H3.logo
{
	margin: 6px 0 7px;
}
#footer-middle .address
{
	padding-top: 1px;
}
/*MIDDLE PART:LATEST POST  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
UL.latest_blog
{
	position: relative;
	overflow: hidden;
	margin-top: -6px;
}
UL.latest_blog LI
{
	position: relative;
	padding: 11px 0 7px 58px;
	margin: 1px 0 -1px;
	min-height: 52px;
	border-top: 1px solid #3D3D3D;
	border-bottom: 1px solid #303030;
}
UL.latest_blog LI:first-child
{
	border-top: none;
}
UL.latest_blog LI A IMG
{
	position: absolute;
	width: 44px;
	height: 44px;
	left: 0;
	top: 13px;
}
.latest_news LI A, .latest_blog A
{
	display: block;
	margin: -2px 0 0;
}
.latest_news .time, .latest_blog .time
{
	padding-top: 2px;
	display: block;
}
.latest_news LI A
{
	margin-top: 2px;
}
.latest_news LI:first-child A
{
	top: 0;
}
/*MIDDLE PART:LATEST NEWS  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
UL.latest_news
{
	overflow: hidden;
	padding-top: 2px;
}
UL.latest_news LI
{
	padding-top: 7px;
	padding-bottom: 12px;
	background-position: 0 13px;
}
UL.latest_news LI:first-child
{
	margin-top: 2px;
	background-position: 0 4px;
}
/*MIDDLE PART:SOCIAL LINKS  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.social_links
{
	position: relative;
	margin: 15px 0 1px -6px;
}
.social_links A
{
	display: inline-block;
	position: relative;
	overflow: hidden;
	max-width: 20px;
	height: 21px;
	margin: 0 0 6px 8px;
	padding: 5px 0;
	text-decoration: none;
}
.social_links A:hover
{
	overflow: visible;
}
#footer-middle .social_links
{
	margin-bottom: 18px;
}
#footer-middle UL
{
	margin-bottom: 18px;
}
.title-text
{
	position: absolute;
	top: 32px;
	width: 100px;
	padding: 3px 0 0;
	left: -40px;
	text-align: center;
	background: url(images/backgrounds/arr-top.png) no-repeat center 0;
	opacity: 0;
	-webkit-transition: opacity 0.25s ease-in-out 0s;
	-moz-transition: opacity 0.25s ease-in-out 0s;
	-ms-transition: opacity 0.25s ease-in-out 0s;
	-o-transition: opacity 0.25s ease-in-out 0s;
	transition: opacity 0.25s ease-in-out 0s;
}
#footer-middle .title-text
{
	background-image: url(images/backgrounds/arr-top-light.png);
}
.title-text B
{
	position: relative;
	display: inline-block;
	height: 17px;
	padding: 0 5px;
	border-radius: 3px;
	background: #363636;
}
#footer-middle .title-text B
{
	background: url(images/backgrounds/to_top.png) repeat;
}
.social_links A IMG
{
	position: relative;
	display: block;
	top: 5px;
	margin: 0 auto;
	opacity: 0;
	-webkit-transition: opacity 0.25s ease-in-out 0s;
	-moz-transition: opacity 0.25s ease-in-out 0s;
	-ms-transition: opacity 0.25s ease-in-out 0s;
	-o-transition: opacity 0.25s ease-in-out 0s;
	transition: opacity 0.25s ease-in-out 0s;
}
.social_links A IMG:first-child
{
	margin-bottom: -17px;
	opacity: 1;
}
.social_links A:hover IMG, .social_links A:hover .title-text
{
	opacity: 1;
}
.social_links A:hover IMG:first-child
{
	opacity: 0;
}
/*MIDDLE PART:BACK top ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
A.backtop
{
	position: absolute;
	overflow: hidden;
	right: 22px;
	bottom: 6px;
	width: 23px;
	height: 23px;
	background: url(images/backgrounds/ico/arrow.png) repeat 0 -23px;
}
A.backtop:hover
{
	background-position: 0 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BOTTOM PART  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer-bottom
{
	position: relative;
	background: url(images/backgrounds/footer-bg.png) repeat 0 bottom;
	z-index: 101;
}
#footer-bottom-arr
{
	position: absolute;
	left: 50%;
	top: -7px;
	width: 9px;
	height: 7px;
	margin-left: -4px;
	background: url(images/backgrounds/footer-bottom-arr.png);
}
/*BOTTOM PART: MENU  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer-menu, #footer-bottom .two-thirds
{
	overflow: hidden;
}
#footer-menu LI A
{
	font-size: 10px;
	text-transform: uppercase;
	color: #8A8A8A;
	border-left: 1px solid #959595;
	padding-left: 17px;
}
#footer-menu LI#first A
{
	border-left: none;
}
#footer-menu
{
	margin: 0;
	height: 35px;
	background-color: #DEDEDE;
	padding-bottom: 0px;
}
#footer-menu LI
{
	float: left;
	padding: 8px 0 6px 15px;
	margin: 0;
	height: 16px;
	list-style: none;
	position: relative;
}
#footer-nav
{
	float: left;
}
/*BOTTOM PART: COPYRIGHTS  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.copyrights
{
	padding: 6px 0 9px;
}
.copyrights P
{
	margin: 0;
}
#footer-middle .address P
{
	margin-bottom: 6px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#header-wrapper
{
	padding: 0 0 0px;
	z-index: 300;
	position: relative;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ UPPER PART  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.upper-container
{
	position: relative;
	z-index: 998;
}
.header-upper
{
	position: absolute;
	left: -12px;
	width: 100%;
	padding: 31px 12px 14px;
	top: -1000px;
	background: url(images/backgrounds/upper-bg.png) repeat 0 0;
	z-index: 999;
	border-bottom: 7px solid #F58220;
	-webkit-box-shadow: 0 1px 2px 0 #dedcdf;
	box-shadow: 0 1px 2px 0 #DEDCDF;
}
.header-upper.op
{
	box-shadow: none;
	-webkit-box-shadow: none;
}
.toggle-upper
{
	position: absolute;
	overflow: hidden;
	left: 50%;
	top: -8px;
	margin-left: -10px;
	width: 0;
	height: 18px;
	padding: 0 0 0 21px;
	background: url(images/backgrounds/ico/close-upper.png) no-repeat 0 0;
}
.toggle-upper:hover
{
	/*
background-position:0 bottom;
*/
}
.header-upper .toggle-upper
{
	top: 100%;
	background-image: url(images/backgrounds/ico/up.png);
}
.map-iframe
{
	position: relative;
	overflow: hidden;
	height: 182px;
	margin-bottom: 20px;
	-webkit-box-shadow: 0 0 0 1px #f0f0f0;
	box-shadow: 0 0 0 1px #F0F0F0;
	border: 4px solid #FFF;
}
.map-iframe IMG
{
	display: block;
	max-width: none;
}
.bott-line
{
	padding: 0 0 16px;
	margin: 0 0 14px;
	background: url(images/backgrounds/line.png) repeat-x 0 bottom;
}
.part-left
{
	float: left;
}
.part-right
{
	float: right;
}
.contact-upper-form
{
}
.contact-upper-form FORM
{
	padding-top: 13px;
}
.contact-upper-form INPUT[type=text]
{
	width: 95%;
	margin: 0 0 5px;
	outline: none !important;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.blue-btn
{
	display: block;
	float: left;
	text-decoration: none;
	line-height: 26px !important;
}
INPUT[type=submit].submit-btn, INPUT[type=button].submit-btn, .blue-btn
{
	outline: none !important;
	box-shadow: none;
	-webkit-box-shadow: none;
	width: 92px;
	height: 26px; 
	padding: 0;
	text-align: center;
	text-indent: 0;
	color: #FDFDFD;
	font: 400 12px / 18px Frutiger, arial, sans-serif;
	cursor: pointer;
	border: 1px solid #F58220;
	border-radius: 4px !important;
	background: #F58220;
	/*Old browsers*/
	background: -moz-linear-gradient(top, #F58220 0%, #F58220 20%, #F58220 70%, #F58220 100%);
	/*FF3.6+*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F58220), color-stop(20%,#1caae6), color-stop(70%,#049bdb), color-stop(100%,#0098d8));
	/*Chrome,Safari4+*/
	background: -webkit-linear-gradient(top, #F58220 0%,#F58220 20%,#F58220 70%,#F58220 100%);
	/*Chrome10+,Safari5.1+*/
	background: -o-linear-gradient(top, #F58220 0%,#F58220 20%,#F58220 70%,#F58220 100%);
	/*Opera 11.10+*/
	background: -ms-linear-gradient(top, #F58220 0%,#F58220 20%,#F58220 70%,#F58220 100%);
	/*IE10+*/
	background: linear-gradient(to bottom, #F58220 0%,#F58220 20%,#F58220 70%,#F58220 100%);
	/*W3C*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23a9e2', endColorstr='#0098d8',GradientType=0 );
	/*IE6-9*/
}
INPUT[type=submit].submit-btn:hover, INPUT[type=button].submit-btn:hover, .blue-btn:hover
{
	border: 1px solid #F58220;
	border-radius: 4px !important;
	background: #F58220;
	/*Old browsers*/
	background: -moz-linear-gradient(top, #F58220 0%, #F58220 29%, #F58220 70%, #F58220 100%);
	/*FF3.6+*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F58220), color-stop(29%,#F58220), color-stop(70%,#1ba4de), color-stop(100%,#17a1dc));
	/*Chrome,Safari4+*/
	background: -webkit-linear-gradient(top, #F58220 0%,#F58220 29%,#F58220 70%,#F58220 100%);
	/*Chrome10+,Safari5.1+*/
	background: -o-linear-gradient(top, #F58220 0%,#F58220 29%,#1ba4de 70%,#F58220 100%);
	/*Opera 11.10+*/
	background: -ms-linear-gradient(top, #F58220 0%,##F58220 29%,#F58220 70%,#F58220 100%);
	/*IE10+*/
	background: linear-gradient(to bottom, #F58220 0%,#F58220 29%,#F58220 70%,#F58220 100%);
	/*W3C*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38b6ec', endColorstr='#17a1dc',GradientType=0 );
	/*IE6-9*/
}
@media all and (-webkit-min-device-pixel-ratio: 0)
{
	BODY:first-of-type .contact-upper-form INPUT[type=submit]
	{
		padding-top: 1px;
		padding-bottom: 0;
	}
}
.contact-upper-form TEXTAREA
{
	width: 95%;
	margin: 0 0 5px;
}
.contact-upper-form .btn-blue
{
	position: relative;
	top: 1px;
}
.contact-datails .address-line
{
	margin-bottom: 10px;
}
.part-left DIV, .part-right DIV
{
	padding-bottom: 7px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ top PART  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#header-top
{
	padding: 11px 0 9px;
	position: relative;
	min-height: 17px;
	border-top: 8px solid #F58220;
	border-bottom: 1px solid #F5F5F5;
	background: url(images/backgrounds/subheader.png) repeat center 0;
	z-index: 311;
}
#header-top .container
{
}
.left_wrapper
{
	margin-left: 12px;
	padding-left: 13px;
	background: url(images/backgrounds/left_wrapper.png) no-repeat 0 0;
}
.sign-popup
{
	position: absolute;
	right: 0px;
	top: -1035px;
	width: 239px;
	height: 119px;
	padding: 26px 16px 22px;
	background: url(images/backgrounds/sign-bg.png) no-repeat 0 0;
}
.sign-popup.active
{
	top: 19px;
}
.sign-form
{
	margin-top: 15px;
}
.sign-form LABEL
{
	float: left;
	line-height: 27px;
	font-size: 11px;
}
.sign-form INPUT[type=text], .sign-form INPUT[type=password]
{
	width: 163px;
	float: right;
	margin: 0 0 5px;
}
.sign-form A
{
	margin: 0 15px 0 0;
	display: inline-block;
	vertical-align: middle;
}
.sign-form P
{
	padding: 1px 0 0;
}
.sign-form .btn
{
	vertical-align: middle;
}
.sign-form INPUT[type=submit]
{
	width: 61px;
	background-color: #F58220;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ MIDDLE PART  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#header-middle
{
	border-top: 1px solid #FFF;
	padding-top: 34px;
	z-index: 310;
}
.logo-slogan
{
	padding: 14px 0 0 1px;
	float: left;
}
#header-middle .logo
{
}
.slogan
{
	margin-top: -10px;
	margin-left: -1px;
}
.tagline
{
	float: left;
	margin: 13px 0 0 19px;
	min-height: 18px;
	padding: 11px 0 12px 22px;
	background: url(images/backgrounds/tagline.png) no-repeat 0 0;
}
.info
{
	padding-top: 10px;
}
.info .social_links
{
	margin: -2px 0 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BOTTOM PART  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.header-bottom-wrapper
{
	z-index: 99;
	clear: both;
	margin: 29px 10px 0;
	height: 56px;
	border-bottom: 1px solid #F2F2F2;
	border-top: 1px solid #F2F2F2;
	-webkit-box-shadow: 0 1px 0 0 #ffffff;
	box-shadow: 0 1px 0 0 #FFFFFF;
}
/*SEARCH ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.search_block
{
	margin: 15px 0;
	height: 24px;
	position: relative;
	overflow: hidden;
	background: #FFF;
	border: 1px solid #CACACA;
	border-bottom-color: #EAEAEA;
	border-left-color: #E2E2E2;
	border-right-color: #E2E2E2;
	border-radius: 15px;
	color: #777777;
	-webkit-box-shadow: 0 0 0 2px #f7f7f7, inset 0 1px 1px 0 #ededed;
	box-shadow: 0 0 0 2px #F7F7F7, inset 0 1px 1px 0 #EDEDED;
}
.search_block INPUT[type=text]
{
	border: none;
	width: 85%;
	padding: 4px 9px;
	height: 16px;
	display: block;
	float: left;
	background: none;
	text-indent: 0;
	line-height: 16px;
	vertical-align: middle;
}
.search_block INPUT[type=submit]
{
	border: none;
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	width: 14%;
	height: 24px;
	padding: 0;
	background: url(images/backgrounds/ico/search_site.png) no-repeat center center;
}
.search_block INPUT[type=text]:focus
{
	box-shadow: none;
}
/*MENU ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#main-menu-wrapper
{
	position: relative;
}
UL#main-menu, UL#main-menu LI, UL#main-menu LI UL, UL#main-menu LI UL LI
{
	list-style: none;
	padding: 0;
	margin: 0;
}
UL#main-menu
{
	min-height: 57px;
	margin-top: -1px;
}
UL#main-menu LI
{
	float: left;
	position: relative;
	padding-left: 1px;
	background: url(images/backgrounds/li_main_nav.png) no-repeat 0 center;
}
UL#main-menu LI:first-child
{
}
UL#main-menu LI A
{
	display: block;
	position: relative;
	cursor: pointer;
	padding: 20px 26px;
	background-position: center 1000px;
	background-repeat: no-repeat;
	text-align: center;
	z-index: 99;
}
UL#main-menu LI A:hover, UL#main-menu LI A.active
{
	background-position: center 0;
}
UL#main-menu LI UL
{
	position: absolute;
	display: none;
	left: 0;
	top: 56px;
	width: auto;
	min-width: 200px;
	padding: 3px 0 2px;
	background: url(images/backgrounds/shadow.png) no-repeat 0 bottom;
}
UL#main-menu LI:hover
{
	z-index: 310;
}
/*ul#main-menu li:hover ul{
display:block;}*/
UL#main-menu LI UL LI, UL#main-menu LI UL LI:first-child
{
	line-height: 18px;
	min-width: 200px;
	width: auto;
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	background: url(images/backgrounds/shadow-item.png) no-repeat 0 0;
}
UL#main-menu LI UL LI:first-child
{
	background-position: 0 -2px;
	border-top: 2px solid #3F97C3;
}
UL#main-menu LI LI A
{
	position: relative;
	padding: 8px 11px 6px;
	margin: 0 1px;
	text-align: left;
}
UL#main-menu > LI > UL > LI:first-child > A
{
	padding-top: 7px !important;
}
UL#main-menu LI LI A:hover, UL#main-menu LI LI A.active
{
	z-index: 310;
}
.navi-to
{
	display: none;
	border: 1px solid #F0F0F0;
	border-radius: 2px;
	height: 24px;
	padding: 6px 40px 0 11px;
	background: url(images/backgrounds/navi.png) no-repeat right 0;
}
UL#main-menu LI LI UL
{
	top: 0;
	left: 199px;
	padding-top: 0;
}
UL#main-menu LI LI LI:first-child
{
	border: none;
	background-position: 0 0;
}
/*Mobile*/
SELECT#main-menu-mobile
{
	display: none;
	width: 420px;
	padding: 5px;
	margin: 0 0 5px;
	height: 30px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-wrapper
{
	z-index: 200;
	/*padding-bottom:21px;*/
	padding-bottom: 350px;
	/*min-height:500px;
background:url(images/backgrounds/main_rep_bg.png) repeat center 0;*/
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLIDER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#slider
{
	overflow: hidden;
	position: relative;
	padding: 1px 0 5px;
	margin: 10px 10px 23px;
	min-height: 100px;
	border-top: 1px solid #F2F2F2;
	border-bottom: 1px solid #F2F2F2;
}
/*-- main li*/
#slider UL
{
	position: relative;
	margin: 0;
	padding: 0;
	width: 100000px;
}
#slider UL LI
{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}
.slider-text
{
	position: absolute;
	max-width: 37%;
	left: 17px;
	bottom: 18px;
	padding: 9px 10px 8px;
	background: url(images/backgrounds/slider-over.png) repeat;
	border-left: 2px solid #BFBFBF;
	border-radius: 0 3px 3px 0;
}
.slider-text H3
{
	margin: 0 0 6px;
}
.slider-text P
{
	margin: 0;
}
/*-- navi*/
A#slider-left, A#slider-right
{
	position: absolute;
	top: 46%;
	width: 29px;
	height: 29px;
	background: url(images/backgrounds/ico/slider2-navi.png) no-repeat;
}
A#slider-left
{
	background-position: 0 0;
	left: 15px;
}
A#slider-right
{
	background-position: -29px 0;
	right: 15px;
}
A#slider-left:hover
{
	background-position: 0 -29px;
}
A#slider-right:hover
{
	background-position: -29px -29px;
}
#slider-middle-navi
{
	position: absolute;
	width: 40%;
	bottom: 19px;
	left: 30%;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0 -100px;
}
#slider-middle-navi A
{
	display: inline-block;
	width: 11px;
	height: 11px;
	background: url(images/backgrounds/ico/grey-slider.png) no-repeat 0 0;
	text-decoration: none;
	margin: 10px 1px 0;
}
#slider-bottom-navi
{
	position: absolute;
	overflow: hidden;
	height: 3px;
	left: 0;
	bottom: 1px;
	width: 100%;
	background: #EBEBEB;
	white-space: nowrap;
}
#slider-bottom-navi SPAN
{
	position: absolute;
	height: 3px;
	width: 100px;
	left: 0;
	top: 0;
}
#slider-bottom-navi A
{
	height: 3px;
	position: absolute;
	top: 0;
}
#slider-bottom-navi A:hover
{
	background: #D6D6D6;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLIDER SLOGAN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.box-page-slogan
{
	position: relative;
	overflow: hidden;
}
#slogan-slider-box
{
	position: relative;
	overflow: hidden;
	margin: -11px 10px -8px;
}
.slogan-slider
{
	margin: 0;
	width: 250000px;
	position: relative;
	overflow: hidden;
}
.slogan-slider LI
{
	margin: 0;
	float: left;
	padding: 3px 0;
}
.text-top
{
	margin-bottom: 10px;
}
.sloganNavi
{
	position: absolute;
	width: 9px;
	height: 13px;
	top: 50%;
	margin-top: -6px;
	background: url(images/blue/slogan-slider-navi.png) no-repeat;
}
.sloganNavi.prev
{
	left: 0;
}
.sloganNavi.next
{
	right: 0;
	background-position: right 0;
}
.sloganNavi.prev:hover
{
	background-position: 0 bottom;
}
.sloganNavi.next:hover
{
	background-position: right bottom;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ WELCOME ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.box-page-slogan
{
	margin: 0 10px 43px;
	padding: 27px 10px 26px;
	border-top: 3px double #F2F2F2;
	border-bottom: 3px double #F2F2F2;
	-webkit-box-shadow: inset 0 1px 0 0 #fff,inset 0 -1px 0 0 #fff;
	box-shadow: inset 0 1px 0 0 #FFF, inset 0 -1px 0 0 #FFF;
}
.whole-width.box-page-slogan
{
	padding-top: 16px;
	padding-bottom: 16px;
	margin-bottom: 36px;
	border-top: none;
	border-bottom: 1px solid #F7F7F7;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: 0 1px 0 0 #fff;
	box-shadow: 0 1px 0 0 #FFF;
	text-align: left;
}
.box-page-slogan MARK
{
	background: none;
}
.box-page-slogan.inner-page-slogan
{
	padding: 23px 0;
	margin-bottom: 45px;
	margin-top: -46px;
	border-top: 1px solid #F2F2F2;
	border-bottom: 1px solid #F2F2F2;
}
.before-text
{
	margin-bottom: 36px !important;
}
.whole-width.box-page-slogan #slogan-slider-box
{
	margin: 0;
	padding: 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Titles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.sub-title
{
	overflow: hidden;
	margin-bottom: 16px;
	position: relative;
	/*border-bottom:#f2f2f2 3px double;*/
	height: 26px;
}
.sub-title H3
{
	float: left;
}
H3.sub-title
{
	position: relative;
}
.sub-title A.view_all
{
	float: right;
	position: relative;
	top: 7px;
}
.title
{
	padding-top: 17px;
	padding-bottom: 10px;
	position: relative;
	background: #FBFBFB url(images/backgrounds/title-bott.png) repeat-x 0 bottom;
	border-bottom: 1px solid #FFF;
	width: 984px;
	margin: 0 auto;
}
.title P
{
	margin-left: 2px;
}
.title H1
{
	margin: 0;
}
.decorated-text
{
	margin-bottom: 12px;
}
.minhei-about-columns
{
	min-height: 348px;
}
.sidebar-titles
{
	margin: 0 0 12px;
}
.title .right-arr, .title .left-arr
{
	position: absolute;
	width: 8px;
	height: 9px;
	top: 50%;
	margin-top: -11px;
}
.title .right-arr
{
	right: -3px;
	background: url(images/backgrounds/arr-right.png);
}
.title .left-arr
{
	left: -3px;
	background: url(images/backgrounds/arr-left.png);
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Recent  projects ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.list_recent_over
{
	overflow: hidden;
	position: relative;
	margin: 0 -10px 0 10px;
}
UL.list_recent
{
	padding: 0;
	margin: 0;
	min-height: 0;
	overflow: hidden;
	width: 250000px;
}
.list_recent LI
{
	list-style: none;
	background: none;
	position: relative;
	overflow: hidden;
	float: left;
	padding: 0;
	min-height: 100px;
	margin-bottom: 25px;
}
.rec_category
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 9px 0 10px 5px;
	border-top: 1px solid #F2F2F2;
	border-bottom: 1px solid #F2F2F2;
	background: url(images/backgrounds/ico/act-cats.png) no-repeat 0 -10px;
	-webkit-box-shadow: inset 0 1px 0 0 #fff, 0 1px 0 0 #fff;
	box-shadow: inset 0 1px 0 0 #FFF, 0 1px 0 0 #FFF;
}
.list_recent_over .rec_category
{
	padding-left: 0;
}
.rec_fade_context_arrow
{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -2px;
	width: 5px;
	height: 3px;
	background: url(images/backgrounds/rec-arrow.png) no-repeat 0 0;
}
.rec_img
{
	position: relative;
	overflow: hidden;
	margin: 1px;
	-webkit-box-shadow: 0 0 0 1px #f0f0f0;
	box-shadow: 0 0 0 1px #F0F0F0;
	border: 3px solid #FFF;
}
.rec_img IMG
{
	min-width: 100%;
	max-width: none;
	position: absolute;
	right: 0;
}
.rec_fade_context
{
	position: absolute;
	top: 100%;
	height: 100%;
	width: 100%;
	padding-top: 49px;
	background: url(images/backgrounds/recent-bg.jpg) repeat 0 0;
	border-top: 1px solid #E8E8E8;
	cursor: default;
}
.rec_fade_context P
{
	position: relative;
	height: 70px;
	margin: 0 0 15px;
	overflow: hidden;
}
.ico_link
{
	display: block;
	float: left;
	position: relative;
	width: 26px;
	height: 26px;
	margin: 0 2px 2px 0;
	padding: 0;
	background: url(images/blue/round-zoom.png) no-repeat -28px 0;
}
.ico_link:hover
{
	background-position: 0 0;
}
.ico_link IMG
{
	position: absolute;
	left: 8px;
	top: 7px;
}
.ico_link.fancybox IMG, .ico_link.fancybox-media IMG
{
	left: 8px;
	top: 8px;
}
.list_recent LI H5
{
	position: absolute;
	top: 100%;
	margin-top: -62px;
	white-space: nowrap;
}
.list_recent LI .rec_fade_context H5
{
	top: 82px;
}
.recent-box
{
	margin: -19px -12px 43px;
	padding: 19px 2px 19px 13px;
	position: relative;
	background: url(images/backgrounds/recent-bg.jpg) repeat;
	border-top: 1px solid #F2F2F2;
	border-bottom: 1px solid #F2F2F2;
	-webkit-box-shadow: 0 1px 0 0 #fff;
	box-shadow: 0 1px 0 0 #FFF;
}
.recent-box .hidder-right
{
	background: url(images/backgrounds/recent-bg.jpg) repeat;
	border-top: 1px solid #F2F2F2;
	border-bottom: 1px solid #F2F2F2;
	top: -1px;
}
.recent-box .hidder-left
{
	background: url(images/backgrounds/recent-bg.jpg) repeat;
	border-top: 1px solid #F2F2F2;
	border-bottom: 1px solid #F2F2F2;
	top: -1px;
}
.recent-box UL
{
	margin: 0;
	position: relative;
}
.recent-box .rec_category
{
	background: url(images/backgrounds/recent-bg.jpg) repeat;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Recent Blog ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
UL.recent_blog
{
	margin: -27px 0 5px;
}
.recent_blog LI
{
	position: relative;
	min-height: 70px;
	padding: 21px 0 17px 112px;
	margin: 0;
	list-style: none;
	background: none;
	border-top: 1px solid #F2F2F2;
}
.recent_blog LI:first-child
{
	border: none;
}
.recent_blog LI P
{
	margin: 0;
}
.recent_blog LI A.fancybox, .recent_blog LI A.recent_blog_img, .recent_blog LI A.rec-im
{
	position: absolute;
	overflow: hidden;
	top: 23px;
	width: 89px;
	height: 61px;
	left: 1px;
	-webkit-box-shadow: 0 0 0 1px #f0f0f0;
	box-shadow: 0 0 0 1px #F0F0F0;
	border: 3px solid #FFF;
}
.recent_blog LI A.fancybox SPAN.over-bg, .recent_blog LI A.recent_blog_img SPAN.over-bg
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	background: url(images/backgrounds/over_ico.png) no-repeat 0 bottom;
	cursor: pointer;
	display: none;
}
.recent_blog H5
{
	margin-top: -3px;
	margin-bottom: 0;
}
.details
{
	padding: 6px 0 7px;
}
.details MARK
{
	background: none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Services ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.service_list
{
	margin: -13px 0 0;
	padding: 0;
	min-height: 220px;
}
.service_list LI
{
	padding: 3px 0 8px 25px;
	border-bottom: 1px solid #F2F2F2;
}
.service_list H6
{
	margin: 0 0 1px -25px;
}
.toggle-link
{
	display: block;
	padding: 0 0 6px 25px;
	background: url(images/backgrounds/ico/plus.png) no-repeat 0 0;
}
.toggle-link.active
{
	background-image: url(images/backgrounds/ico/minus.png);
}
.sub-text
{
	overflow: hidden;
	position: relative;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Testimonials ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#testimonials
{
	width: 100%;
	margin-top: -9px;
	height: 206px;
	overflow: hidden;
	position: relative;
}
#testimonials UL, #testimonials LI
{
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
}
#testimonials UL
{
	width: 250000px;
	position: relative;
}
#testimonials UL LI
{
	float: left;
}
#testimonials LI P
{
	margin: 0 0 9px;
}
#testimonials LI IMG
{
	float: left;
	margin: 5px 10px 10px 0;
}
#testim_navi, #recent-navi
{
	width: 36px;
	position: absolute;
	right: 0;
	top: 0;
}
.t-navi-prev, .t-navi-next
{
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	top: 6px;
	background: #E8E8E8 url(images/backgrounds/ico/navi-prev.png) no-repeat 6px 5px;
	border-radius: 2px;
}
.t-navi-next
{
	left: auto;
	right: 0;
	background-image: url(images/backgrounds/ico/navi-next.png);
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Filter ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.filtr-block
{
	float: right;
	position: relative;
	min-height: 23px;
	padding: 2px 22px 2px 37px;
	margin-bottom: 10px;
	margin-top: -5px;
	margin-right: -15px;
	background: #FFF;
	-webkit-box-shadow: 0 0 0 1px #f0f0f0;
	box-shadow: inset 0 0 0 1px #F0F0F0;
	border: 15px solid #FBFBFB;
	border-radius: 35px;
}
.filtr-categories
{
	float: left;
}
.filtr-text-general
{
	position: absolute;
	left: 13px;
	top: 6px;
}
.filtr-categories
{
	position: relative;
	overflow: hidden;
	/*display:none;*/
}
.filtr-categories-container
{
	/*margin:0 -2px 0 -13px;*/
	overflow: hidden;
	padding-bottom: 2px;
}
.filtr-categories-container A
{
	float: left;
	display: block;
	position: relative;
	top: 4px;
	background: url(images/backgrounds/sort-wrapper.png) no-repeat 0 -100px;
	padding: 0 11px 2px 12px;
	white-space: nowrap;
}
.filtr-categories-container A SPAN
{
	border-bottom: 2px solid transparent;
}
DIV:hover.filtr-block .filtr-categories-container A, .opencats A
{
	background-position: 0 -1px;
}
.filtr-categories-container A:first-child
{
	background: none;
}
A#filtr-ico
{
	position: absolute;
	overflow: hidden;
	right: 2px;
	top: 2px;
	width: 0;
	height: 0;
	padding: 23px 0 0 23px;
	background-repeat: no-repeat;
	background-position: 0 -23px;
}
DIV:hover.filtr-block A#filtr-ico, A#filtr-ico.active
{
	background-position: 0 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Portfolio~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.portf
{
	margin: 0 -15px 0 -10px;
}
UL.block-filtered-items
{
	list-style: none;
	position: relative;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
	min-height: 100px;
	margin-bottom: -10px;
}
UL.block-filtered-items LI
{
	float: left;
	position: relative;
	overflow: hidden;
	list-style: none;
	background: none;
	padding: 0 0 16px;
	margin: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
UL.block-filtered-items.portfolio-4c LI
{
	padding-bottom: 7px;
}
UL.block-filtered-items LI IMG
{
	min-width: 100%;
	max-width: auto;
}
UL.block-filtered-items.portfolio-2c LI
{
	width: 460px;
	height: 400px;
}
UL.block-filtered-items.portfolio-2c LI IMG
{
	height: 287px;
}
UL.block-filtered-items.portfolio-3c LI
{
	width: 300px;
	height: 300px;
}
UL.block-filtered-items.portfolio-3c LI IMG
{
	height: 187px;
}
UL.block-filtered-items.portfolio-4c LI
{
	width: 220px;
	height: 250px;
}
UL.block-filtered-items.portfolio-4c LI IMG
{
	height: 137px;
}
.portfolio-page-link
{
	margin: 16px 0 15px 5px;
	max-height: 51px;
	overflow: hidden;
}
.portfolio-4c .portfolio-page-link
{
	margin: 11px 0 11px 5px;
}
.portfolio-page-link A
{
	display: block;
}
UL.block-filtered-items LI .rec_category
{
	position: static;
}
UL.block-filtered-items LI A.fancybox, UL.block-filtered-items LI A.fancybox-media
{
	display: block;
	position: relative;
	overflow: hidden;
	border: 4px solid #FFFFFF;
}
.portfolio-shadow
{
	position: relative;
	/*-webkit-box-shadow:0 0 3px 0 #f3f3f3;
box-shadow:0 0 3px 0 #f3f3f3;*/
	border: 1px solid #F2F2F2;
}
UL.block-filtered-items LI A.fancybox IMG, UL.block-filtered-items LI A.fancybox-media IMG
{
	display: block;
	position: relative;
}
UL.block-filtered-items LI A.fancybox SPAN.over-bg-portfolio, UL.block-filtered-items LI A.fancybox-media SPAN.over-bg-portfolio, .gallery LI A.fancybox SPAN.over-bg-portfolio, .left-image SPAN.over-bg-portfolio, .post-preview SPAN.over-bg-portfolio, .inner-img SPAN.over-bg-portfolio
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(images/backgrounds/portfolio-over.png) no-repeat center center;
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-webkit-transition: opacity 0.25s ease-in-out 0s;
	-moz-transition: opacity 0.25s ease-in-out 0s;
	-ms-transition: opacity 0.25s ease-in-out 0s;
	-o-transition: opacity 0.25s ease-in-out 0s;
	transition: opacity 0.25s ease-in-out 0s;
}
UL.block-filtered-items LI A.fancybox-media SPAN.over-bg-portfolio
{
	background-image: url(images/backgrounds/portfolio-over-media.png);
}
.left-image SPAN.over-bg-portfolio
{
	background-position: 0 0;
}
UL.block-filtered-items LI A.fancybox:hover SPAN.over-bg-portfolio, UL.block-filtered-items LI A.fancybox-media:hover SPAN.over-bg-portfolio, .gallery LI A.fancybox:hover SPAN.over-bg-portfolio, .left-image:hover SPAN.over-bg-portfolio, .post-preview:hover SPAN.over-bg-portfolio, .inner-img:hover SPAN.over-bg-portfolio
{
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity: 1;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Progress Bar~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.progress-bar
{
	position: relative;
	overflow: hidden;
	height: 21px;
	margin-bottom: 7px;
	background: url(images/backgrounds/progres-bar.png) repeat-x 0 0;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	top: 5px;
}
.progress-value
{
	position: absolute;
	width: 27px;
	right: 0;
	top: 0;
}
.progress-bar-text
{
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;
	height: 21px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Tab ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.tab-navi
{
	height: 32px;
	position: relative;
	z-index: 10;
}
.tab-styles .tab-navi
{
	margin-top: -5px;
}
.tab-navi UL
{
	list-style: none;
	margin: 0 0 -2px;
	padding: 0;
}
.tab-navi UL LI
{
	background: none;
	list-style: none;
	text-indent: 0;
}
.tab-navi A
{
	text-decoration: none;
}
.tab-navi > UL > LI
{
	float: left;
	height: 30px;
	margin: 0 -1px 0 0;
	padding: 0;
	position: relative;
	background: #FFF url(images/backgrounds/hover-tab.png) repeat-x 0 -100px;
}
.tab-navi UL UL
{
	display: none;
	border: 1px solid #E6E6E6;
	background: #FFF;
	border-radius: 0 0 3px 3px;
	-webkit-box-shadow: 0 1px 0 0 #f6f6f7;
	box-shadow: 0 1px 0 0 #F6F6F7;
	margin: 0;
	padding: 5px 7px 7px;
	position: absolute;
	top: 32px;
	left: 0;
	width: 138px;
}
.tab-navi UL UL LI
{
	border-top: 1px solid #F7F7F7;
	margin: 0;
	padding: 5px 0 2px 6px;
}
.tab-navi UL UL LI:first-child
{
	border: none;
}
.tab-navi > UL > LI > A
{
	border: 1px solid #EBEBEB;
	display: block;
	padding: 1px 13px 0;
	margin: 0;
	position: relative;
	text-align: center;
	line-height: 28px;
}
.tab-navi > UL > LI.first-li, .tab-navi > UL > LI.first-li > A
{
	border-radius: 3px 0 0 0;
}
.tab-navi > UL > LI.last-li, .tab-navi > UL > LI.last-li > A
{
	border-radius: 0 3px 0 0;
}
.tab-navi > UL > LI:hover
{
	background-position: 0 bottom;
}
.tab-navi > UL > LI:hover > A
{
	text-shadow: 0 1px 0 #FFF;
}
.tab-navi > UL > LI > A.active, .tab-navi > UL > LI > A.active-trail
{
	border-bottom-color: #FFF;
	background: #FFF;
	position: relative;
	z-index: 11;
}
.tab-navi > UL > LI.has-submenu > A
{
	padding-right: 23px;
	background: #FFF url(images/backgrounds/ico/ico-dropdown.png) no-repeat right 14px;
}
/*type 2*/
.tab-navi.tab-type2 > UL > LI
{
	margin: 0 1px 0 0;
}
.tab-navi.tab-type2 > UL > LI > A
{
	border: 1px solid #EBEBEB;
	text-shadow: none !important;
	border-radius: 0;
}
.tab-navi.tab-type2 > UL > LI > A:hover
{
}
.tab-navi.tab-type2 > UL > LI > A.active, .tab-navi.tab-type2 > UL > LI > A.active-trail
{
	border-color: #EBEBEB;
	background: #FFF;
	border-bottom-color: #FFF;
	border-top-color: #0098D8;
}
.tab-content
{
	position: relative;
	margin: -2px 0 23px;
	border: 1px solid #EBEBEB;
	background: #FFF;
	padding: 19px 15px 15px;
	border-radius: 0 5px 5px 5px;
}
.tab-content-item
{
	display: none;
}
.display-block
{
	display: block;
}
.dbl-dott-wrapper
{
	height: 2px;
	clear: both;
	margin-bottom: 20px;
	background: url(images/backgrounds/dbl-dott.png) repeat-x 0 bottom;
}
.full-dbl-dott-wrapper
{
	height: 2px;
	position: relative;
	top: -1px;
	clear: both;
	margin: 0 10px 23px;
	background: url(images/backgrounds/dbl-dott.png) repeat-x 0 bottom;
}
.tab-content-item P
{
	margin-bottom: 18px;
}
.tab-content-item P.italic
{
	margin-bottom: 17px;
}
.tab-styles .tab-content
{
	padding-bottom: 4px;
}
.cite
{
	margin: 0 0 19px;
	border-left: 4px solid #F2F2F2;
	padding-left: 11px;
}
.cite P
{
	margin: 0;
}
.cite-sign
{
	padding: 0 0 0 13px;
	background: url(images/backgrounds/cite-sign.png) no-repeat 0 9px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Items ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.do-items
{
	margin: 0 0 20px;
}
.do-item
{
	position: relative;
	padding: 0 0 19px 46px;
	margin: 0 0 15px;
	background: url(images/backgrounds/dbl-dott.png) repeat-x 0 bottom;
}
.do-item H4
{
	margin: 0 0 4px;
}
.do-item P
{
	margin: 0;
}
.do-item IMG.ico-left
{
	position: absolute;
	left: 0;
	top: 5px;
}
.align-left
{
	float: left;
	margin: 5px 5px -2px 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Info Page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.info-block
{
	background: #FEFEFE;
	border: 1px solid #F0F0F0;
	border-radius: 5px;
	padding: 15px 20px 13px 18px;
	margin-bottom: 20px;
}
.info-block H5
{
	margin-bottom: 9px;
}
.info-block P
{
	margin-bottom: 13px;
}
.note
{
	position: relative;
	padding: 14px 0 14px 41px;
	margin: 0 0 11px;
	border-style: solid;
	border: 1px solid #F2F2F2;
	background: #F7F7F7;
	border-radius: 4px;
	min-height: 16px;
	line-height: 16px;
}
.note-red
{
	background: #FFE6E5 url(images/backgrounds/ico/note-red.png) no-repeat 16px 13px;
	border-color: #FAD2D4;
}
.note-blue
{
	background: #DEEFFF url(images/backgrounds/ico/note-blue.png) no-repeat 14px 13px;
	border-color: #C4DDF6;
}
.note-green
{
	background: #E9F7D2 url(images/backgrounds/ico/note-green.png) no-repeat 14px 14px;
	border-color: #D8E3B2;
}
.note-yellow
{
	background: #FFFAE0 url(images/backgrounds/ico/note-yellow.png) no-repeat 14px 14px;
	border-color: #F9E495;
}
.close-note
{
	position: absolute;
	width: 0;
	height: 0;
	right: 14px;
	top: 17px;
	padding: 9px 0 0 9px;
	overflow: hidden;
	background: url(images/backgrounds/ico/close-note.png) no-repeat 0 0;
}
.notes
{
	margin-bottom: 9px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Accordion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.accordation-items
{
	padding: 0 0 5px;
}
.accordation-item
{
	position: relative;
	overflow: hidden;
	background: #FFF;
}
.accordation-item-header A
{
	text-decoration: none;
}
.accordation-item-body
{
	display: none;
}
.open > .accordation-item-body
{
	display: block;
}
.accordation-items.type1
{
	padding-bottom: 18px;
	margin-top: -5px;
}
.accordation-items.type1 .accordation-item
{
	border: 1px solid #F2F2F2;
	border-radius: 3px;
	margin-bottom: 5px;
}
.accordation-items.type1 .accordation-item-body
{
	border-top: 1px solid #F2F2F2;
	padding: 17px 15px 0;
}
.accordation-items.type1 .accordation-item-header
{
	background: #FFF url(images/backgrounds/acc-bg.png) repeat-x 0 bottom;
}
.accordation-items.type1 .accordation-item-header A
{
	display: block;
	padding: 14px 0 12px 38px;
	background: url(images/backgrounds/ico/open-accordion.png) no-repeat 10px 12px;
}
.accordation-items.type1 .accordation-item-header A.active
{
	background-image: url(images/backgrounds/ico/close-accordion.png);
}
.accordation-items.type1 .accordation-item-body P
{
	margin: 0;
	padding: 0 0 19px;
}
.accordation-items.type2
{
	margin-top: -16px;
	margin-bottom: 23px;
}
.accordation-items.type2 .accordation-item
{
	padding: 10px 0;
	background: url(images/backgrounds/dashed-li.png) repeat-x 0 bottom;
}
.accordation-items.type2 .accordation-item P
{
	margin: 0;
}
.accordation-items.type2 .accordation-item-header
{
	padding: 1px 0 2px;
}
.accordation-items.type2 .accordation-item-header A
{
	padding: 2px 0 3px 27px;
	background: url(images/backgrounds/ico/acc-type2.png) no-repeat 0 0;
}
.accordation-items.type2 .accordation-item-header A.active
{
	background: url(images/backgrounds/ico/acc-type2-act.png) no-repeat 0 0;
}
.accordation-items.type2 .accordation-item-body
{
	padding: 4px 10px 4px 27px;
	line-height: 17px;
}
.accordation-items.type2.sidebar-accordation
{
	margin-top: -5px;
	margin-bottom: 9px;
}
.accordation-items.type2.sidebar-accordation .accordation-item-header
{
	padding-bottom: 0;
}
.accordation-items.type2.sidebar-accordation .accordation-item-header A
{
	padding-top: 4px;
	padding-bottom: 1px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Jquery Toggle ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.jquery-toggle
{
	padding-top: 7px;
}
.jToggle-items.type1
{
	padding: 5px 0;
	margin-bottom: 10px;
	margin-top: -10px;
}
.jToggle-items.type2
{
	padding: 5px 0;
	margin-bottom: 15px;
	margin-top: -23px;
}
.jToggle-items.type1 .jToggle-item
{
	border: 1px solid #F2F2F2;
	background: #FFF;
	border-radius: 3px;
	margin-bottom: 5px;
}
.jToggle-items.type1 .jToggle-item-header A
{
	display: block;
	padding: 12px 0 11px 39px;
	text-decoration: none;
	background: url(images/backgrounds/ico/toggle-max.png) no-repeat 9px 10px;
}
.jToggle-items.type1 .jToggle-item-header A.active
{
	background-image: url(images/backgrounds/ico/toggle-min.png);
}
.jToggle-items.type1 .jToggle-item-body
{
	border-top: 1px solid #F2F2F2;
	padding: 12px 0 17px 37px;
}
.jToggle-items.type1 .jToggle-item-body P
{
	margin: 0;
}
.jToggle-items.type2 .jToggle-item
{
	padding-bottom: 7px;
	border-bottom: 1px solid #F0F0F0;
}
.jToggle-items.type2 .jToggle-item-header
{
	padding: 13px 0 5px;
}
.jToggle-items.type2 .jToggle-item-header A
{
	text-decoration: none;
	padding: 0 0 1px 27px;
	display: block;
	background: url(images/backgrounds/ico/jtoggle-max.png) no-repeat 0 0;
}
.jToggle-items.type2 .jToggle-item-header A.active
{
	background: url(images/backgrounds/ico/jtoggle-min.png) no-repeat 0 0;
}
.jToggle-items.type2 .jToggle-item-body
{
	padding: 0 0 4px 27px;
}
.jToggle-items.type2 .jToggle-item-body P
{
	margin: 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Pricing ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.pricing-table
{
	padding: 12px 0 6px;
	margin-bottom: 25px;
	overflow: hidden;
}
.pricing-row
{
	float: left;
	overflow: hidden;
	position: relative;
	width: 220px;
	margin: 92px 0 0;
	text-align: right;
}
.pricing-item
{
	margin: -2px 0 2px;
	padding: 2px 0 0;
	min-height: 17px;
	background: #FAFAFA url(images/backgrounds/dbl-line.png) repeat-x 0 0;
}
.pricing-item > SPAN
{
	display: block;
	padding: 9px 0;
	height: 17px;
	border-right: 1px solid #FFF;
}
.pricing-row .pricing-item > SPAN
{
	padding-left: 2px;
	padding-right: 17px;
}
.result-item A SPAN
{
	border-bottom: none;
}
.pricing-table .btn SPAN
{
	padding: 0 18px 0 13px !important;
}
.pricing-item .btn
{
}
.basic-plan .pricing-item
{
	border-right: 1px solid #FFF;
}
.result-item
{
	border-top: 1px solid #FFFFFF;
	background: #F7F7F7;
	height: 42px;
	border-bottom: 1px solid #EBEBEB;
}
.result-item > SPAN:first-child
{
	padding-top: 7px;
}
.standard-plan .pricing-item
{
	border-left: 1px solid #FFF;
}
.basic-plan
{
	float: left;
	width: 183px;
	text-align: center;
	z-index: 5;
}
.standard-plan
{
	float: left;
	width: 177px;
	margin: 0 0 0 -3px;
	text-align: center;
	z-index: 6;
}
.premium-plan
{
	float: left;
	position: relative;
	width: 193px;
	margin: -8px -3px 0;
	text-align: center;
	z-index: 7;
}
.business-plan
{
	float: left;
	width: 174px;
	text-align: center;
	z-index: 6;
}
.business-plan .pricing-item > SPAN
{
	border-right: none;
}
.plan-header
{
	position: relative;
	height: 92px;
	border-radius: 4px 4px 0 0;
}
.basic-plan .plan-header
{
	background: url(images/backgrounds/basic-orange-bg.png) repeat-x 0 0;
}
.standard-plan .plan-header
{
	border-radius: 0;
	background: url(images/backgrounds/standard-header.png) repeat-x 0 0;
}
.premium-plan .plan-header
{
	background: url(images/backgrounds/premium-sm.png) repeat-x 0 0;
}
.business-plan .plan-header
{
	background: url(images/backgrounds/standard-header.png) repeat-x 0 0;
}
.plan-name
{
	position: relative;
	overflow: hidden;
	height: 35px;
}
.plan-price
{
	padding: 4px 0 0;
}
.plan-month
{
	margin: -5px 0 0;
	opacity: 0.54;
}
/*type 2*/
.pricing-table2
{
	overflow: hidden;
	margin: 0 0 36px -4px;
	padding: 20px 0 0;
}
.pricing-box
{
	width: 230px;
	margin: 0 0 0 4px;
	padding: 0 0 16px;
	float: left;
	position: relative;
	border: 1px solid #F2F2F2;
	border-radius: 4px 4px 1px 1px;
	background: url(images/backgrounds/box-pricing.png) repeat-x 0 bottom;
}
.pricing-box-header
{
	padding: 12px 10px 11px 26px;
	position: relative;
	border-radius: 4px 4px 1px 1px;
	background: url(images/backgrounds/header-bg.png) repeat-x 0 bottom;
	border-bottom: 2px solid #F0F0F0;
}
.pricing-box-header P
{
	margin: 0;
}
.pricing-box-header H3
{
	margin: 0 0 6px;
}
.pricing-box-header H4
{
	margin: 0 0 5px;
}
.label-best
{
	position: absolute;
	right: -2px;
	top: -2px;
}
.pricing-box UL
{
	margin: 0 0 13px;
	padding: 7px 0 0;
	border-bottom: 1px solid #F5F5F5;
}
.pricing-box UL LI
{
	padding: 10px 0 9px 25px;
	margin: 0;
	list-style: none;
	border-top: 1px solid #F5F5F5;
	line-height: 17px;
	background: #FFF;
}
.pricing-box UL LI:first-child
{
	border: none;
}
.pricing-box UL LI.odd
{
	background: #FEFEFE;
}
.pricing-box .btn
{
	margin-left: 25px;
}
.pricing-box .btn SPAN
{
	padding: 0 18px 0 13px !important;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Map ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.map-box
{
	padding: 3px 0;
	height: 356px;
	margin-bottom: 29px;
	width: 984px;
	margin-left: auto !important;
	margin-right: auto !important;
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
}
#map_canvas
{
	height: 356px;
}
#map_canvas IMG
{
	max-width: none;
}
.address-line
{
	padding: 0 0 0 24px;
	margin: -1px 0 18px;
	background: url(images/backgrounds/ico/addr-ico.png) no-repeat 1px 3px;
	line-height: 18px;
}
.phone-line
{
	padding: 0 0 8px 24px;
	background: url(images/backgrounds/ico/phone-ico.png) no-repeat 1px 2px;
}
.phone-line SPAN.skype_pnh_container
{
	display: block !important;
	font-weight: 100 !important;
	margin: 0 0 0 -30px !important;
}
.fax-line
{
	padding: 0 0 8px 24px;
	background: url(images/backgrounds/ico/fax-ico.png) no-repeat 0 3px;
}
.email-line
{
	padding: 0 0 8px 24px;
	background: url(images/backgrounds/ico/email-ico.png) no-repeat 0 4px;
}
.website-line
{
	padding: 0 0 0 24px;
	margin-bottom: 36px;
	background: url(images/backgrounds/ico/site-ico.png) no-repeat 0 3px;
}
.contact-form
{
	margin: -1px 0 0;
}
.contact-form INPUT[type=text], .contact-form TEXTAREA
{
	margin: 6px 0 12px;
	-webkit-box-shadow: 0px 0px 0px 3px #fafafa;
	box-shadow: 0px 0px 0px 3px #FAFAFA;
}
.contact-form TEXTAREA
{
	width: 690px;
	height: 117px;
	margin-bottom: 17px;
	resize: none;
}
.contact-form LABEL
{
	display: inline;
	padding: 0 5px 0 0;
}
.mobile-text
{
	display: none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Portfolio detail ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.project-navi
{
	margin-top: 13px;
	line-height: 23px;
}
.project-navi A
{
	display: inline-block;
	vertical-align: middle;
	height: 23px;
}
.project-navi A.previous-project
{
	padding: 0 0 0 29px;
	margin: 0 6px 0 0;
	background: url(images/backgrounds/ico/project-navi.png) no-repeat 0 -30px;
}
.project-navi A.previous-project:hover
{
	background-position: 0 0;
}
.project-navi A.next-project
{
	padding: 0 29px 0 0;
	margin: 0 0 0 6px;
	background: url(images/backgrounds/ico/project-navi.png) no-repeat right -87px;
}
.project-navi A.next-project:hover
{
	background-position: right -60px;
}
.project-navi A.list-project
{
	width: 0;
	height: 0;
	padding: 11px 0 0 11px;
	margin: 0 7px;
	overflow: hidden;
	background: #DCDCDC url(images/backgrounds/ico/list.png) no-repeat 0 0;
}
.portfolio-text
{
	margin-bottom: 20px;
}
.portfolio-text H2
{
	margin: -4px 0 14px;
}
.category-project
{
	margin: -2px 0 11px;
}
.work-by
{
	margin-bottom: 15px;
}
.work-by A
{
	text-decoration: none;
}
.portfolio-text .dbl-dott-wrapper
{
	margin-bottom: 16px;
}
.portfolio-text A.btn
{
	margin-top: -5px;
}
.gallery
{
	border: 1px solid #F0F0F0;
	padding: 4px;
	margin-bottom: 20px;
	position: relative;
}
.gallery-container
{
	position: relative;
	overflow: hidden;
}
.gallery-container UL, .gallery-container UL LI
{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}
.gallery-container UL LI
{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.gallery-container UL LI IMG
{
	min-width: 100%;
	max-width: 120%;
	min-height: 100%;
}
.gallery-container UL LI:first-child
{
	display: block;
}
.gnavi
{
	position: absolute;
	width: 23px;
	height: 23px;
	background: url(images/backgrounds/op35.png);
	bottom: 4px;
	right: 4px;
}
.gnavi SPAN
{
	position: absolute;
	width: 5px;
	height: 7px;
	left: 9px;
	top: 8px;
	background: url(images/backgrounds/navi-arr.png) no-repeat;
}
.gnavi.gn-prev
{
	margin-right: 23px;
}
.gnavi.gn-next SPAN
{
	background-position: right 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BLOGs page  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.recent-posts-side
{
	padding: 0;
	margin: -1px 0 14px;
}
.recent-posts-side LI
{
	overflow: hidden;
	position: relative;
	border-top: 1px dashed #F2F2F2;
	padding: 12px 0 12px 71px;
	margin: 0;
	min-height: 43px;
}
.recent-posts-side LI:first-child
{
	border: none;
}
.recent-posts-side LI A
{
	display: block;
	margin: -5px 0 0;
}
.recent-posts-side LI EM
{
	margin-bottom: -5px;
	display: block;
}
.left-image, .recent-posts-side LI A.left-image
{
	display: block;
	overflow: hidden;
	position: absolute;
	left: 0;
	width: 60px;
	height: 43px;
	top: 17px;
}
.hei14
{
	height: 14px;
	clear: both;
}
.tags
{
	padding: 11px 0 14px;
	margin-right: -3px;
	background: url(images/blue/tag-bg-hover.png) no-repeat 0 -100px;
}
.tag-link
{
	position: relative;
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	height: 22px;
	padding: 0 18px 0 6px;
	margin: 0 1px 12px 0;
	border-left: 1px solid #E8E8E8;
	border-radius: 3px 0 0 3px;
	background: url(images/backgrounds/tag-bg.png) no-repeat right 0;
}
.without-bottom-line .accordation-item.last
{
	background: none;
}
.hei5
{
	clear: both;
	height: 5px;
}
.hei6
{
	clear: both;
	height: 6px;
}
.flickr-feed
{
	overflow: hidden;
	margin: -1px 0 16px -4px;
	padding: 10px 0 0;
}
.flickr-feed A
{
	display: block;
	float: left;
	width: 52px;
	height: 52px;
	margin: 0 0 4px 4px;
}
.flickr-feed IMG
{
	width: 52px;
	height: 52px;
	background: #F0F0F0;
}
.post-entry
{
	overflow: hidden;
	padding: 0 0 9px;
	margin: 0 0 36px;
	background: url(images/backgrounds/dbl-dott.png) repeat-x 0 bottom;
}
.post-entry H2
{
	margin: 0 0 16px 150px;
}
.post-info
{
	width: 130px;
	float: left;
	padding: 14px 0 2px;
	margin-bottom: 26px;
	border-top: 1px solid #F2F2F2;
	border-bottom: 1px solid #F2F2F2;
}
.post-info .post-date
{
	position: relative;
	background: url(images/backgrounds/op80-round.png) no-repeat;
	height: 49px;
	width: 58px;
	margin: 0 auto;
	text-align: center;
	padding: 9px 0 0;
}
.post-info .post-date STRONG
{
	display: block;
	margin: -4px 0 0;
	font-size: 1.2em;
	/*[empty]line-height:;*/
}
.post-info .post-comments
{
	width: 26px;
	height: 35px;
	padding: 23px 0 0 32px;
	margin: -14px auto 12px;
	background: url(images/backgrounds/comments.png) no-repeat 0 0;
}
.post-info .post-categories
{
	padding: 14px 0 11px;
}
.post-info .post-categories STRONG
{
	display: block;
}
.post-body
{
	width: 549px;
	float: right;
}
.post-image
{
	position: relative;
	overflow: hidden;
	margin: 0 0 -1px;
	height: 208px;
	border: 1px solid #F0F0F0;
}
.post-image A
{
	display: block;
	overflow: hidden;
	border: 4px solid #FFF;
	height: 200px;
	width: 539px;
}
.post-image A.itemP
{
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.post-image A.itemP:first-child
{
	display: block;
}
.post-details
{
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	padding: 13px 0 11px;
	margin: 0 0 15px;
}
.post-details .post-autor
{
	background: url(images/backgrounds/ico/pers.png) no-repeat 0 center;
	padding: 3px 21px 3px 24px;
}
.post-details .post-tags
{
	padding: 3px 0 3px 22px;
	background: url(images/backgrounds/ico/tags.png) no-repeat 0 center;
}
.post-details .post-tags
{
	padding: 3px 20px 3px 22px;
	background: url(images/backgrounds/ico/tags.png) no-repeat 0 center;
}
.post-details .post-views
{
	padding: 3px 0 3px 22px;
	background: url(images/backgrounds/ico/views.png) no-repeat 0 center;
}
.read-more
{
	padding: 3px 13px 3px 0;
	background: url(images/backgrounds/ico/more.png) no-repeat right center;
}
.post-body .read-more
{
	position: relative;
	top: -12px;
}
.audio-box
{
	position: relative;
}
.post-image A.post-navi
{
	position: absolute;
	width: 23px;
	height: 23px;
	top: 50%;
	margin-top: -12px;
	background: url(images/backgrounds/post-navi.png) no-repeat 0 -23px;
	border: none;
}
.post-image A.post-navi.prev
{
	left: 4px;
	background-position: 0 -23px;
}
.post-image A.post-navi.next
{
	right: 4px;
	background-position: -23px -23px;
}
.post-image A.post-navi.prev:hover
{
	background-position: 0 0;
}
.post-image A.post-navi.next:hover
{
	background-position: -23px 0;
}
.pager
{
	margin: -12px 0 0;
}
.pager A
{
	display: inline-block;
	border-bottom: 2px solid #E3E3E3;
	width: 25px;
	height: 27px;
	text-decoration: none;
	line-height: 29px;
	text-align: center;
}
.pager A:hover
{
	border-bottom-color: #0098D8;
}
.pager A.active
{
	background: #F5F5F5;
	font-weight: 700;
	border-bottom-color: #0098D8;
}
.pager A.pager-previous
{
	width: auto;
	padding: 0 6px 0 18px;
	background: url(images/backgrounds/ico/prev.png) no-repeat 6px 12px;
	margin-right: 3px;
}
.pager A.pager-next
{
	width: auto;
	padding: 0 18px 0 6px;
	background: url(images/backgrounds/ico/detail.png) no-repeat 37px 12px;
	margin-left: 3px;
}
.pager A.pager-previous SPAN, .pager A.pager-next SPAN
{
	position: relative;
	top: -2px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Crumbs  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.crumbs
{
	padding-bottom: 16px;
	background: url(images/backgrounds/crumbs-bg.png) repeat-x 0 bottom;
}
.crumbs A
{
	margin: 0 3px;
	padding: 0 12px 0 0;
	background: url(images/backgrounds/ico/arr.png) no-repeat right 5px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Page icons~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.icons
{
	padding-top: 12px;
	text-align: right;
}
.icons A
{
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-left: 13px;
	background: url(images/backgrounds/ico/active-ico-bg.png) no-repeat 0 -105px;
}
.icons A:hover
{
	background-position: center;
}
.icons A.ico-contact
{
	margin-left: 14px;
}
.icons A SPAN
{
	display: block;
	position: relative;
	overflow: hidden;
	height: 25px;
	width: 0;
	padding-left: 25px;
	background-position: center center;
	background-repeat: no-repeat;
}
.icons A.ico-home SPAN
{
	background-image: url(images/backgrounds/ico/ico-home.png);
}
.icons A.ico-contact SPAN
{
	background-image: url(images/backgrounds/ico/ico-contact.png);
}
.icons A.ico-sitemap SPAN
{
	background-image: url(images/backgrounds/ico/ico-sitemap.png);
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Inner Page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.content-line
{
	margin-top: 40px;
}
.inner-page-content, .inner-page-sidebar
{
	margin-top: -4px;
}
.inner-page-content
{
}
.inner-page-content H3
{
	line-height: 20px;
	margin: 1px 0 13px;
}
.inner-page-content H4
{
	margin-bottom: 10px;
}
.inner-page-content P
{
	margin-bottom: 9px;
}
.inner-page-content IMG, UL.our-team-list LI IMG
{
	float: left;
	max-width: 95%;
	padding: 4px;
	margin: 4px 20px 10px 0;
	border: 1px solid #F0F0F0;
}
.inner-page-content P STRONG
{
	font-weight: 700;
	color: #858585;
}
.inner-page-content .dbl-dott-wrapper
{
	margin-top: 19px;
	margin-bottom: 31px;
}
.our-work-scheeme
{
	margin: 0 -10px 0 0;
	padding-top: 2px;
}
UL.our-work-scheeme LI
{
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 99px;
	height: 78px;
	margin-right: -12px;
	padding: 32px 38px 4px 0;
	background: url(images/backgrounds/work-scheme.png) no-repeat 0 0;
	text-align: center;
}
UL.our-work-scheeme LI.last-li
{
	padding-right: 0;
	border-radius: 50px;
}
UL.our-work-scheeme LI SPAN
{
	display: block;
}
UL.our-work-scheeme LI STRONG
{
}
UL.our-team-list
{
	margin: 23px -135px 0 0;
	padding-top: 2px;
}
UL.our-team-list LI
{
	float: left;
	width: 140px;
	margin: 0 20px 15px 0;
}
UL.our-team-list LI A
{
	display: block;
	position: relative;
	overflow: hidden;
	padding: 4px;
	margin-bottom: 16px;
	border: 1px solid #F0F0F0;
	text-align: center;
}
UL.our-team-list LI IMG
{
	background: none;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	float: none;
	display: block;
	width: 100%;
	max-width: none;
	padding: 0;
	margin: 0 auto;
}
UL.our-team-list LI STRONG
{
	display: block;
	margin-bottom: 7px;
	margin-right: -5px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Latest List ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
UL.sevice-links, UL.latest-list
{
	overflow: hidden;
	position: relative;
}
UL.sevice-links
{
	margin-bottom: 14px;
}
UL.sevice-links LI, UL.latest-list LI
{
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #F2F2F2;
	padding: 5px 0;
	margin: 1px 0 -1px;
}
UL.sevice-links LI:first-child, UL.latest-list LI:first-child
{
	border-top: none;
}
UL.latest-list LI
{
	padding: 11px 0 13px 23px;
	background: url(images/backgrounds/ico/li-ico.png) no-repeat 0 15px;
}
UL.sevice-links LI A
{
	display: block;
	padding: 0 0 0 12px;
}
UL.sevice-links LI A
{
	text-decoration: none;
	background: url(images/backgrounds/ico/arrow-serv.png) no-repeat 0 center;
}
.inner-page-sidebar .dbl-dott-wrapper
{
	margin-top: 14px;
	margin-bottom: 31px;
}
.date-latest
{
	padding: 4px 0 6px;
}
UL.latest-list
{
	margin-top: -5px;
	margin-bottom: -8px;
}
UL.latest-list P
{
	margin: 0;
}
.clients-list
{
	margin-right: -20px;
}
.clients-list
{
	padding-top: 10px;
}
.clients-list IMG
{
	vertical-align: middle;
	margin: 0 12px 16px 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Service ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.service-title
{
	position: relative;
	padding: 0 0 10px 46px;
	margin-top: 6px;
}
.service-title H4
{
	margin: 0 0 2px;
}
.service-title P
{
	margin: 0;
}
.st-webdesign
{
	background: url(images/backgrounds/ico/ico-webdes.png) no-repeat 0 3px;
}
.st-business
{
	background: url(images/backgrounds/ico/ico-business31x29.png) no-repeat 0 3px;
}
.st-seo
{
	background: url(images/backgrounds/ico/ico-business31x29.png) no-repeat 0 1px;
}
.st-photo
{
	background: url(images/backgrounds/ico/ico-photo.png) no-repeat 0 1px;
}
.st-programming
{
	background: url(images/backgrounds/ico/ico-programming.png) no-repeat 0 1px;
}
.st-support
{
	background: url(images/backgrounds/ico/ico-support.png) no-repeat 0 2px;
}
.service-graph H3
{
	margin-bottom: 11px;
}
.service-dia P
{
	margin-bottom: 28px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Diagramm ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.dia-img
{
	width: 215px;
	height: 135px;
	border: 1px solid #F0F0F0;
	float: left;
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 20px;
}
.services-overs
{
	overflow: hidden;
	position: relative;
	width: 207px;
	height: 127px;
	border: 4px solid #FFF;
}
.service-graph H3
{
	margin-bottom: 15px;
}
.overs
{
	overflow: hidden;
	padding-top: 2px;
}
.service-graph P
{
	margin-bottom: 13px;
}
.overs LI
{
	margin-bottom: 8px;
}
.overs UL
{
	margin-bottom: 0;
	padding-bottom: 4px;
}
.diagram-text
{
	float: left;
	width: 382px;
	padding: 6px 0 0;
	line-height: 17px;
}
.diagram-text P
{
	margin-bottom: 14px;
}
.diagram-text UL
{
	padding: 0 0 5px;
	margin-bottom: 0;
}
.diagram-text LI
{
	line-height: 17px;
	margin-bottom: 9px;
}
.diagram-table
{
	display: none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Comment ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.comments-list
{
	padding-bottom: 7px;
}
.comment-item
{
	overflow-y: hidden;
	padding: 0 0 0 81px;
	min-height: 63px;
}
.comment-avatar
{
	position: absolute;
	width: 61px;
	height: 61px;
	margin: 0 0 0 -81px;
	z-index: 100;
	border: 1px solid #F0F0F0;
}
.comment-avatar IMG
{
	display: block;
	width: 55px;
	height: 55px;
	border: 3px solid #FFF;
}
.comment-text
{
	padding: 0 0 14px;
	margin: -4px 0 29px;
	border-bottom: 1px solid #F5F5F5;
	-webkit-box-shadow: 0 1px 0 0 #ffffff;
	box-shadow: 0 1px 0 0 #FFFFFF;
}
.comment-text P
{
	margin: 0;
}
.comment-info
{
}
.comment-date
{
	padding: 3px 0 6px;
}
.has-answer
{
	position: relative;
}
.has-sub
{
}
.comment-line
{
	position: absolute;
	z-index: 90;
	left: 31px;
	margin-top: 35px;
}
.comment-line-hide
{
	position: absolute;
	z-index: 91;
	height: 100%;
	left: 30px;
	margin-top: 43px;
	background: url(images/backgrounds/main_rep_bg.png) repeat;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Leave Comment ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.leave-comment
{
}
.leave-comment TEXTAREA
{
	height: 128px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#HTML Elements
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ #LISTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.list_type1
{
	margin: 0 0 23px;
	border-bottom: 1px solid #F9F9FA;
}
.list_type1 LI
{
	padding: 6px 0 8px 13px;
	margin: 0;
	list-style: none;
	border-bottom: 1px solid #E6E6E6;
	border-top: 1px solid #F9F9FA;
	background: url(images/backgrounds/marker_list1.png) no-repeat 0 13px;
	line-height: 17px;
}
.list_type1 LI:first-child
{
	border-top: none;
	padding-top: 0;
	background-position: 0 7px;
}
.list_type2
{
	overflow: hidden;
}
.list_type2 LI
{
	padding: 7px 0 9px 27px;
	margin: 1px 0 -1px;
	border-bottom: 1px solid #303030;
	border-top: 1px solid #3D3D3D;
	background-repeat: no-repeat;
	background-position: 0 11px;
}
.list_type2 LI:first-child
{
	padding-top: 0;
	margin-top: 1px;
	border-top: none;
	line-height: 17px;
	background-position: 0 3px;
}
.list-type-dashed
{
	margin: 0;
}
.list-type-dashed LI
{
	margin: 0 0 0 20px;
	line-height: 17px;
	background: url(images/backgrounds/dashed-li.png) repeat-x 0 0;
}
.list-type-dashed LI:first-child
{
	background: none;
}
.list-type-dashed LI SPAN.list-marker
{
	position: relative;
	left: -20px;
	display: block;
	padding: 6px 0 6px 20px;
}
.list-type-dashed LI SPAN.type1
{
	background: url(images/backgrounds/list-type-31.png) no-repeat 0 10px;
}
.list-type-dashed LI SPAN.type2
{
	background: url(images/backgrounds/list-type-32.png) no-repeat 0 11px;
}
.list-type-dashed LI SPAN.type3
{
	background: url(images/backgrounds/list-type-33.png) no-repeat 0 11px;
}
.list-type-dashed LI SPAN.type4
{
	background: url(images/backgrounds/list-type-34.png) no-repeat 0 9px;
}
.list-type-dashed LI SPAN.type5
{
	background: url(images/backgrounds/list-type-35.png) no-repeat 0 8px;
}
.list-type-dashed LI SPAN.type6
{
	background: url(images/backgrounds/list-type-36.png) no-repeat 0 8px;
}
.list-type-dashed LI SPAN.type7
{
	background: url(images/backgrounds/list-type-37.png) no-repeat 0 8px;
}
.list_type3
{
	margin: 0 0 20px;
}
.list_type3 LI
{
	padding: 8px 0 6px 18px;
	margin: 0;
	line-height: 17px;
	border-bottom: 1px dashed #F2F2F2;
	background: url(images/backgrounds/list-type-31.png) no-repeat 0 12px;
}
.list_type4
{
	margin: 0 0 20px;
}
.list_type4 LI
{
	padding: 8px 0 6px 24px;
	margin: 0;
	line-height: 17px;
	border-bottom: 1px dashed #F2F2F2;
	background: url(images/backgrounds/ico/hand.png) no-repeat 0 8px;
}
.list_type5
{
	margin: 0 0 20px;
}
.list_type5 LI
{
	padding: 8px 0 6px 18px;
	margin: 0;
	line-height: 17px;
	border-bottom: 1px dashed #F2F2F2;
	background: url(images/backgrounds/b-marker.png) no-repeat 0 14px;
}
.list_type6
{
	margin: 0 0 20px;
}
.list_type6 LI
{
	padding: 8px 0 6px 18px;
	margin: 0;
	line-height: 17px;
	border-bottom: 1px dashed #F2F2F2;
	background: url(images/backgrounds/green-ok.png) no-repeat 0 12px;
}
.list_type7
{
	margin: 0 0 20px;
}
.list_type7 LI
{
	padding: 8px 0 6px 15px;
	margin: 0;
	line-height: 17px;
	border-bottom: 1px dashed #F2F2F2;
	background: url(images/backgrounds/ico/triangle.png) no-repeat 1px 10px;
}
.list_type8
{
	margin: 0 0 16px;
}
.list_type8 LI
{
	padding: 6px 0 6px 18px;
	margin: 0;
	line-height: 17px;
	border-top: 1px dashed #F2F2F2;
	background: url(images/backgrounds/cat-list.png) no-repeat 0 9px;
}
.list_type8 LI:first-child
{
	border: none;
}
.mt-4
{
	margin-top: -4px;
}
.pb3
{
	padding-bottom: 3px !important;
}
.mb0
{
	margin-bottom: 0;
}
.mb6
{
	margin-bottom: 6px;
}
.list-blue
{
}
.list-blue LI
{
	padding-left: 15px;
	background: url(images/backgrounds/ico/round.png) no-repeat 0 5px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Buttons ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.btn, .btn SPAN, .btn INPUT
{
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	line-height: 26px;
	height: 27px;
	background: url(images/backgrounds/btn-bg.png) no-repeat 0 0;
	border: none;
	cursor: pointer;
}
.btn
{
	overflow: hidden;
	padding: 0 0 0 3px;
}
.btn SPAN, .btn INPUT
{
	cursor: pointer;
	padding: 0 13px 2px 9px;
}
.btn INPUT
{
}
.btn-grey
{
	background-position: 0 -54px;
}
.btn-grey SPAN
{
	background-position: right -81px;
}
.btn-grey:hover
{
	background-position: 0 0;
}
.btn-grey:hover SPAN
{
	background-position: right -27px;
}
.btn-orange
{
	background-position: 0 -108px;
}
.btn-orange SPAN
{
	background-position: right -135px;
}
.btn-orange:hover
{
	background-position: 0 -162px;
}
.btn-orange:hover SPAN
{
	background-position: right -189px;
}
.btn-black
{
	background-position: 0 -216px;
}
.btn-black SPAN
{
	background-position: right -243px;
}
.btn-black:hover
{
	background-position: 0 -270px;
}
.btn-black:hover SPAN
{
	background-position: right -297px;
}
.btn-blue
{
	background-position: 0 -324px;
}
.btn-blue SPAN, .btn-blue INPUT
{
	background-position: right -351px;
}
.btn-blue:hover
{
	background-position: 0 -378px;
}
.btn-blue:hover SPAN, .btn-blue:hover INPUT
{
	background-position: right -405px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Blockquote ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
BLOCKQUOTE.blockquote-left
{
	width: 52%;
	margin-right: 29px;
	float: left;
	margin-top: -5px;
}
BLOCKQUOTE.blockquote-right
{
	width: 52%;
	margin-left: 29px;
	float: right;
	margin-top: -5px;
}
.RoundFirstLetter MARK, .DecFirstLetter MARK, .SquareFirstLetter MARK, .RoundBlueFirstLetter MARK
{
	position: relative;
	display: block;
	float: left;
	width: 26px;
	height: 26px;
	top: 5px;
	margin-right: 10px;
}
.RoundFirstLetter MARK, .RoundBlueFirstLetter MARK
{
	border-radius: 13px;
	color: #FFF;
	background: #4F4F4F;
}
.DecFirstLetter MARK
{
	color: #4F4F4F;
	font-size: 20px;
}
.SquareFirstLetter MARK
{
	color: #FFF;
	background: #4F4F4F;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Table ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
TABLE.def-table
{
	width: 100%;
	border-radius: 4px;
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
	margin-bottom: 24px;
	margin-top: 20px;
}
TABLE.def-table TH
{
	background: #4F4F4F url(images/backgrounds/th-left.gif) repeat-y 0 0;
	box-shadow: 0 1px 0 0 #E8E8E8, inset 0 -3px 0 0 #F2F2F2;
	text-align: left;
	padding: 0 2px 0 17px;
	height: 41px;
	color: #E6E6E6;
	font: 700 13px / 37px "Pt Sans" !important;
	vertical-align: top;
}
TABLE.def-table TH:first-child
{
	border-radius: 4px 0 0 0;
	background-position: -1px 0;
}
TABLE.def-table TH:last-child
{
	border-radius: 0 4px 0 0;
}
TABLE.def-table TD
{
	padding: 8px 2px 8px 17px;
	border-top: 1px solid #F0F0F0;
	border-left: 1px solid #F0F0F0;
	font: 12px / 20px "Pt Sans" !important;
}
TABLE.def-table TR:first-child TD
{
	padding-top: 11px;
}
TABLE.def-table TD.first-td
{
	border-left: none;
	background: url(images/backgrounds/td-bg.png) no-repeat 0 0;
}
TABLE.def-table TD.last-td
{
	background: url(images/backgrounds/td-bg.png) no-repeat right 0;
}
TABLE.def-table TR:hover TD
{
	background-color: #F9F9F9;
}
TABLE.def-table .last-row TD
{
	background: url(images/backgrounds/td-bg.png) no-repeat center bottom;
}
TABLE.def-table .last-row TD.first-td
{
	background-position: 0 bottom;
}
TABLE.def-table .last-row TD.last-td
{
	background-position: right bottom;
}
.desc-container
{
	position: relative;
	display: inline-block;
}
.desc-container-box
{
	position: absolute;
	left: 50%;
	bottom: 30000px;
	width: 180px;
	padding: 5px 13px;
	margin: 0 0 8px -17px;
	background: #FFF;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 2px 0 #d5d5d5;
	box-shadow: 0 2px 2px 0 #D5D5D5;
	line-height: 16px;
}
.deArr
{
	position: absolute;
	width: 17px;
	height: 13px;
	left: 17px;
	bottom: -13px;
	background: url(images/backgrounds/darr.png) no-repeat 0 0;
}
.desc-container:hover
{
	overflow: visible;
}
.desc-container:hover .desc-container-box
{
	bottom: 100%;
}
.inner-img IMG
{
	display: block;
	border: 3px solid #FFF;
}
.inner-img
{
	float: left;
	position: relative;
	margin-right: 14px;
	margin-top: 4px;
	border: 1px solid #F0F0F0;
}
.mb9
{
	margin-bottom: 9px;
}
.no-bg-post
{
	background: none;
	margin: 0;
	padding-bottom: 0;
}
.block-inner
{
	position: relative;
	min-height: 18px;
	margin: 5px 0 16px;
}
.first-block-inner
{
	margin-bottom: 13px;
}
.block-inner-text
{
	width: 132px;
	float: left;
	margin: 0 20px 0 0;
	text-align: right;
}
.block_social_3
{
	position: relative;
	top: 3px;
}
.inline
{
	float: left;
	width: auto;
}
.fb-like
{
	width: 150px;
}
.leave-comment
{
	padding: 28px 0 0;
}
.leave-comment H2
{
	margin-bottom: 22px;
}
.leave-comment INPUT[type=text], .leave-comment INPUT[type=email], .leave-comment TEXTAREA
{
	margin-top: 6px;
	margin-bottom: 12px;
	-webkit-box-shadow: 0 0 0 3px #fafafa;
	box-shadow: 0 0 0 3px #FAFAFA;
}
.leave-comment LABEL
{
	clear: both;
}
.leave-comment SPAN.btn
{
	margin-top: 4px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Page Home enother ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
slider*/
#home-slider
{
	overflow: hidden;
	position: relative;
	margin: 12px 10px 45px;
	height: 354px;
}
#home-slider-preview
{
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 76.8%;
	height: 100%;
}
#home-slider-preview IMG
{
	position: absolute;
	left: 0;
	top: 0;
	min-width: 100%;
	max-width: 1000px;
	min-height: 100%;
}
.home-slider-navi
{
	position: absolute;
	overflow: hidden;
	right: 0;
	top: 0;
	width: 23%;
	height: 100%;
	background: #FFF;
}
.home-slider-navi UL
{
	margin: 0;
	padding: 0;
	position: relative;
}
.home-slider-navi UL LI
{
	overflow: hidden;
	position: relative;
	height: 116px;
	margin: 0 0 3px;
	padding: 0;
}
.home-slider-navi LI A
{
	position: absolute;
	display: block;
	margin: 0;
	width: 100%;
	height: 100%;
}
.home-slider-navi IMG
{
	position: absolute;
	display: block;
	margin: 0;
	left: 0;
	top: 0;
	min-width: 100%;
	min-height: 100%;
	max-width: none;
}
.hm-text
{
	position: absolute;
	left: 0;
	bottom: 15px;
	padding: 10px 14px 9px 12px;
	width: 286px;
	border-left: 4px solid #E80303;
	background: url(images/backgrounds/slide-home-bg.png) repeat;
	border-radius: 0 5px 5px 0;
}
.hm-text H3
{
	margin: 0 0 7px;
}
.hm-text P
{
	margin: 0;
}
.home-slider-navi .hm-text
{
	display: none;
}
.hs-navi
{
	position: absolute;
	display: none;
	width: 29px;
	height: 20px;
	left: 50%;
	margin-left: -15px;
	background: url(images/backgrounds/ico/hsnavi.png) no-repeat;
}
#home-slider:hover .hs-navi
{
	display: block;
}
.hs-navi.prev
{
	top: 0;
	background-position: 0 bottom;
}
.hs-navi.next
{
	bottom: 0;
}
/*items detail*/
.items-detail .four
{
	margin-bottom: 42px;
}
.items-detail H3
{
	margin: 0 0 9px;
}
.items-detail H3 EM
{
	margin: 1px 0 0;
	display: block;
}
.items-detail P
{
	margin: 0 0 8px;
}
.link-detail
{
	padding: 0 16px 0 0;
	background: url(images/backgrounds/ico/detail.png) no-repeat right 5px;
}
.item-clean H3
{
	padding: 0 0 0 43px;
	background: url(images/backgrounds/ico/clean.png) no-repeat 0 0;
}
.item-flexible H3
{
	padding: 0 0 0 40px;
	margin-left: -6px;
	background: url(images/backgrounds/ico/flexible.png) no-repeat 0 0;
}
.item-responsive H3
{
	padding: 0 0 0 39px;
	background: url(images/backgrounds/ico/responsive.png) no-repeat 0 0;
}
.item-support H3
{
	padding: 0 0 0 39px;
	background: url(images/backgrounds/ico/support.png) no-repeat 0 0;
}
.mb39
{
	margin-bottom: 39px;
}
/*reent posts*/
#recent-navi-inner
{
	float: right;
	position: relative;
	width: 36px;
	height: 17px;
	top: 0px;
}
#recent-projects-list
{
	margin: -17px -10px 9px 10px;
	overflow: hidden;
	position: relative;
}
.hidder-right
{
	position: absolute;
	width: 10px;
	height: 100%;
	right: 0;
	top: 0;
	background: url(images/backgrounds/main_rep_bg.png) repeat;
}
.hidder-left
{
	position: absolute;
	width: 0;
	height: 100%;
	left: 0;
	top: 0;
	background: url(images/backgrounds/main_rep_bg.png) repeat;
}
#recent-projects-list UL
{
	overflow: hidden;
	position: relative;
	width: 25000px;
}
#recent-projects-list UL LI
{
	float: left;
	position: relative;
	overflow: hidden;
	margin: 10px 20px 10px 0;
	width: 180px;
	height: 104px;
	background: url(images/backgrounds/ico/over-zzom.png) no-repeat center center;
	border: 1px solid #F0F0F0;
}
#recent-projects-list UL LI IMG
{
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	min-width: 100%;
	height: 100%;
	max-width: none;
}
.img-over
{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	border: 4px solid #FFF;
}
.over-ipl
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: url(images/backgrounds/det-over.png) repeat;
}
.ipl-ico
{
	position: absolute;
	overflow: hidden;
	left: 50%;
	top: -338px;
	width: 25px;
	height: 0;
	padding-top: 25px;
	margin-left: -12px;
	background: url(images/backgrounds/ico/over-zzom.png) no-repeat 0 0;
}
.ipl-link, .ipl-text
{
	position: absolute;
	overflow: hidden;
	width: 90%;
	top: 67px;
	left: 105%;
	white-space: nowrap;
	text-align: center;
}
.ipl-text
{
	margin-top: 17px;
	left: -105%;
}
.over-ipl, .over-ipl *
{
	-webkit-transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-ms-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	transition: all 0.35s ease-in-out 0s;
}
.ipl-ico:hover
{
	background-image: url(images/backgrounds/ico/over-plus.png);
}
#recent-projects-list UL LI:hover .ipl-ico
{
	top: 38px;
}
#recent-projects-list UL LI:hover .over-ipl
{
	opacity: 1;
}
#recent-projects-list UL LI:hover .ipl-link, #recent-projects-list UL LI:hover .ipl-text
{
	left: 5%;
}
/*blog-posts*/
.blog-posts
{
	overflow: hidden;
	position: relative;
	margin: -11px -10px -7px 10px;
}
.blog-posts UL
{
	position: relative;
	width: 25000px;
	overflow: hidden;
}
.blog-posts UL LI
{
	float: left;
	margin: 0 20px 0 0;
	width: 220px;
}
.blog-posts UL LI P
{
	margin: 0 0 8px;
}
.blog-posts UL LI H3
{
	min-height: 34px;
	padding: 0 0 0 39px;
	margin: 0;
	background-position: 0 4px;
	background-repeat: no-repeat;
}
.blog-note H3
{
	background-image: url(images/backgrounds/ico/blog-note.png);
}
.blog-photo H3
{
	background-image: url(images/backgrounds/ico/blog-photo.png);
}
.blog-audio H3
{
	background-image: url(images/backgrounds/ico/blog-audio.png);
}
.blog-smth H3
{
	background-image: url(images/backgrounds/ico/blog-smth.png);
}
.blog-info
{
	margin: 9px 0 6px 39px;
}
#blog-navi
{
	float: right;
	position: relative;
	width: 36px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Page 404 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.page-404
{
	padding: 40px 0 4px;
	text-align: center;
}
.page-404 H3
{
	margin: 9px 0 11px;
}
.page-404 P
{
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLIDER TYPE 2 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#slider2
{
	margin: 0 10px 22px;
	height: 360px;
	border-top: 1px solid #F2F2F2;
	border-bottom: 1px solid #F2F2F2;
	position: relative;
	overflow: hidden;
}
#slider2 UL
{
}
#slider2 LI
{
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 100%;
	height: 360px;
	display: none;
}
#slider2 LI:first-child
{
	display: block;
	opacity: 0;
}
#slider2 LI P
{
	font-size: 12px;
	font-family: "Droid Sans", sans-serif;
	color: #6B6B6B;
}
#slider2 LI > DIV
{
	position: absolute;
	width: 100%;
	height: 100%;
	display: none;
}
#slider2 LI > DIV P, #slider2 LI > DIV H3
{
	display: block;
}
#slider2 LI DIV.s-bg
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 360px;
	display: block;
}
.s-bg IMG
{
	width: 100%;
	height: 100%;
}
#slider2 LI DIV IMG
{
	position: relative;
}
#slider2 LI DIV.s-text
{
	position: relative;
	max-width: 100%;
	max-height: 100%;
}
#slider2 LI H3
{
	color: #3A3A3A;
	font: 700 26px / 26px "Droid Sans", sans-serif;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #FFF;
}
#slider2 LI H3.fs23
{
	font-size: 23px;
}
#slider2 LI H4
{
	color: #616161;
	font: 600 18px / 20px "Open Sans", sans-serif;
}
#slider2 LI P.colored
{
	color: #20A5DE;
	font: 400 13px / 18px Georgia, "Times New Roman", Times, serif;
}
.slider2-navi
{
	position: absolute;
	top: 50%;
	margin-top: -14px;
	display: none;
	background: url(images/backgrounds/ico/slider2-navi.png) no-repeat 0 0;
	width: 29px;
	height: 29px;
}
#slider2:hover .slider2-navi
{
	display: block;
}
.slider2-navi.prev
{
	left: 15px;
	background-position: 0 0;
}
.slider2-navi.next
{
	right: 15px;
	background-position: -29px 0;
}
.slider2-navi.prev:hover
{
	background-position: 0 -29px;
}
.slider2-navi.next:hover
{
	background-position: -29px -29px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Comment ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
LABEL.error
{
	font: 100 10px / 18px "Open Sans", sans-serif !important;
	color: #EB969B;
}
.contact-form INPUT[type=text].ui-state-highlight, .contact-form TEXTAREA.ui-state-highlight
{
	-webkit-box-shadow: 0px 0px 0px 3px #f1f9fd;
	box-shadow: 0px 0px 0px 3px #F1F9FD;
	border: 1px solid #F5B5B8;
}
.contact-form LABEL.error
{
	position: absolute;
	margin: -12px 0 0;
	width: 220px;
	text-align: right !important;
}
.contact-form LABEL.error[for=n-mess]
{
	width: 700px;
}
#SendComment LABEL.error
{
}
.ui-state-highlight
{
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#Colored
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
bg colors*/
.backtop:hover, #slider-bottom-navi SPAN, A:hover#t-navi-prev, A:hover#t-navi-next, .RoundBlueFirstLetter MARK, .project-navi A.list-project:hover, .gnavi:hover, .t-navi-prev:hover, .t-navi-next:hover
{
	background-color: #F58220;
}
/*border colors*/
.filtr-block:hover A.active SPAN
{
	border-color: #0098D8;
}
/*images*/
UL#main-menu > LI > A
{
	background-image: url(images/blue/menu-hov.png);
}
UL#main-menu > LI > A.active
{
	background-image: url(images/blue/menu-act.png);
}
#slider-middle-navi, #slider-middle-navi A:hover, #slider-middle-navi A.active
{
	background-image: url(images/blue/colored-slider.png);
}
.list_type2 LI
{
	background-image: url(images/backgrounds/ico/marker_list2.png);
}
A#filtr-ico
{
	background-image: url(images/blue/sort.png);
}
.progress-bar-text
{
	background: url(images/blue/progress-bar.gif) repeat-x 0 0;
}
.contact-form LABEL.required
{
	background: url(images/blue/req.png) no-repeat right 2px;
}
.tag-link:hover
{
	background: url(images/blue/tag-bg-hover.png) no-repeat right 0;
}
.tag-link:hover
{
	border-left-color: #0E9EDA;
}
UL.sevice-links LI A:hover
{
	background-image: url(images/blue/arrow-blue.png);
}
.post-frame
{
	border: 1px solid #F0F0F0;
	padding: 4px;
	background: #FFF;
	position: relative;
}
.post-frame IFRAME
{
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#Media Queries
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (min-width: 959px)
{
	#header-wrapper
	{
		width: 984px;
		margin: 0 auto;
	}
	#footer-wrapper
	{
		margin-left: -492px;
		width: 984px;
		left: 50%;
	}
	#slider UL LI, #slider UL LI IMG
	{
		width: 940px;
		height: 354px;
	}
	.list_recent LI, #testimonials UL LI
	{
		width: 220px;
	}
	.list_recent LI
	{
		margin: 0 20px 0 0;
		height: 212px;
	}
	.rec_img, .rec_img IMG
	{
		height: 127px;
	}
	.gallery-container
	{
		height: 387px;
	}
	.post-frame
	{
		margin-bottom: -5px;
		height: 310px;
	}
	.post-frame IFRAME
	{
		height: 310px;
		position: relative;
		width: 539px;
		margin: 0;
		border: none;
	}
	.slogan-slider LI
	{
		width: 900px;
	}
	.list_recent_over
	{
		width: 960px;
	}
	.list_recent_over .hidder-right
	{
		width: 20px;
	}
	.whole-width
	{
		margin-left: -12px;
		margin-right: -12px;
		padding-left: 22px;
		padding-right: 22px;
	}
	.content-line
	{
		background: url(images/backgrounds/line-content.png) repeat-y 645px 0;
	}
	.map-box
	{
		margin-left: -12px;
		margin-right: -12px;
	}
	.title-inner
	{
		margin-left: 10px !important;
	}
	.icons A.ico-sitemap
	{
		margin-right: 3px;
	}
	.leave-comment TEXTAREA
	{
		width: 690px;
	}
	.premium-plan .pricing-item
	{
		position: relative;
		z-index: 7;
		background: url(images/backgrounds/pricing-item.png) no-repeat 0 0;
		margin-left: -3px;
		margin-right: -3px;
	}
	.text-top
	{
		font-size: 17px;
		top: 1px;
		position: relative;
	}
	.text-bottom
	{
		font-size: 15px;
	}
	.recent-box .hidder-right, #recent-projects-list .hidder-right, .blog-posts .hidder-right
	{
		width: 20px;
	}
}
/*Smaller than standard 960 (devices and browsers)*/
@media only screen and (min-width: 768px)
{
	#main-menu A, #main-menu A > *
	{
		-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;
		-moz-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;
		-ms-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;
		-o-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;
		transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;
	}
	.premium-plan .plan-header .plan-name
	{
		height: 43px;
	}
	.premium-plan .pricing-item SPAN
	{
		border-right: none;
	}
	.premium-plan .plan-header
	{
		height: 100px;
		position: relative;
		z-index: 8;
		background: #029ADA url(images/backgrounds/premium-header.png) repeat-x 0 0;
	}
	.premium-plan .result-item
	{
		border-top: 1px solid #F2F2F2;
		height: 53px;
		border-bottom: none;
		background: url(images/backgrounds/pricing-item.png) no-repeat 0 bottom;
	}
	.project-navi
	{
		text-align: right;
	}
	.inner-page-sidebar UL, .inner-page-sidebar H4, .inner-page-sidebar .dbl-dott-wrapper, .clients-list
	{
		margin-left: 20px;
	}
}
/*Tablet Portrait size to standard 960 (devices and browsers)*/
@media only screen and (min-width: 768px) and (max-width: 959px)
{
	.our-work-scheeme
	{
		margin-left: 30px;
	}
	.whole-width
	{
		padding-left: 10px;
		padding-right: 10px;
		margin-left: 0;
		margin-right: 0;
	}
	.wrapper
	{
		background: url(images/backgrounds/wrapper-bg-768.png) repeat-y center 0;
	}
	.premium-plan .pricing-item
	{
		position: relative;
		z-index: 7;
		background: url(images/backgrounds/pricing-item-720.png) no-repeat 0 0;
		margin-left: -3px;
		margin-right: -3px;
	}
	.premium-plan .pricing-item.result-item
	{
		background-position: 0 bottom;
	}
	#header-wrapper
	{
		width: 768px;
		margin: 0 auto;
	}
	#footer-wrapper
	{
		margin-left: -384px;
		left: 50%;
		width: 768px;
	}
	.title
	{
		width: 758px;
		margin: 0 auto;
		padding-left: 10px;
	}
	UL#main-menu LI A
	{
		padding-left: 22px;
		padding-right: 22px;
	}
	#slider UL LI, #slider UL LI IMG
	{
		width: 748px;
		height: 281px;
	}
	.list_recent LI, #testimonials UL LI, .blog-posts UL LI
	{
		width: 172px;
	}
	.list_recent LI
	{
		margin: 0 10px;
		height: 183px;
	}
	.rec_img, .rec_img IMG
	{
		height: 109px;
	}
	.list_recent LI:hover .rec_category
	{
		display: none;
	}
	/*portfolio*/
	UL.block-filtered-items.portfolio-2c LI
	{
		width: 364px;
		height: 340px;
	}
	UL.block-filtered-items.portfolio-2c LI IMG
	{
		height: 227px;
	}
	UL.block-filtered-items.portfolio-3c LI
	{
		width: 236px;
		height: 260px;
	}
	UL.block-filtered-items.portfolio-3c LI IMG
	{
		height: 147px;
	}
	UL.block-filtered-items.portfolio-4c LI
	{
		width: 172px;
		height: 220px;
	}
	UL.block-filtered-items.portfolio-4c LI IMG
	{
		height: 107px;
	}
	.pricing-row
	{
		width: 170px;
		white-space: nowrap;
	}
	.basic-plan, .business-plan, .standard-plan
	{
		width: 141px;
	}
	.premium-plan
	{
		width: 153px;
	}
	.pricing-box
	{
		width: 182px;
	}
	.pricing-box UL LI, .pricing-box-header
	{
		padding-left: 10px;
	}
	.pricing-box .btn
	{
		margin-left: 10px;
	}
	.contact-form INPUT[type=text]
	{
		width: 162px;
	}
	.contact-form TEXTAREA
	{
		width: 546px;
	}
	.gallery-container
	{
		height: 307px;
	}
	.post-frame
	{
		margin-bottom: -5px;
		height: 230px;
	}
	.post-frame IFRAME
	{
		width: 100%;
		height: 230px;
		position: relative;
	}
	.post-info
	{
		width: 113px;
	}
	.post-body
	{
		width: 411px;
	}
	.post-categories
	{
		font-size: 11px;
	}
	.post-image
	{
		height: 160px;
	}
	.post-image A
	{
		height: 152px;
		width: 401px;
	}
	.post-entry H2
	{
		margin-left: 145px;
	}
	.post-info .post-date
	{
		width: 47px;
		height: 42px;
		padding-top: 8px;
		padding-right: 1px;
		background: url(images/backgrounds/op80-round-740.png) no-repeat 0 0;
	}
	.post-info .post-date STRONG
	{
		font-size: 1.08em;
	}
	.post-info .post-comments
	{
		width: 21px;
		height: 31px;
		background: url(images/backgrounds/comments-740.png) no-repeat 0 0;
		padding-left: 27px;
		padding-top: 17px;
	}
	.slogan-slider LI
	{
		width: 700px;
	}
	.recent-box
	{
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.header-upper
	{
		left: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.part-right, .part-left
	{
		float: none;
	}
	.list_recent_over
	{
		width: 768px;
	}
	UL.our-work-scheeme LI
	{
		margin-right: 0;
	}
	UL.our-team-list LI
	{
		width: 107px;
	}
	.content-line
	{
		background: url(images/backgrounds/line-content.png) repeat-y 517px 0;
	}
	.canvas-box
	{
		width: 256px;
	}
	.diagram-text
	{
		width: 236px;
	}
	A.ico-sitemap
	{
		margin-right: 15px;
	}
	.block-inner-text
	{
		width: 125px;
		text-align: left;
	}
	.leave-comment TEXTAREA
	{
		width: 560px;
	}
	.list_recent_over
	{
		margin: 0 -10px 0 0;
	}
	.list_recent_over .hidder-right, .list_recent_over .hidder-left
	{
		width: 10px;
	}
	/*#home-slider-preview img{min-width:531px;min-height:354px; right:192px; left:auto;}*/
	#recent-projects-list
	{
		margin-left: 0;
		margin-right: 4px;
	}
	.blog-posts
	{
		margin-left: 0;
		margin-right: 0;
	}
	#recent-projects-list UL LI
	{
		height: 110px;
		width: 112px;
		margin-left: 11px;
		margin-right: 6px;
	}
	#recent-projects-list .img-over
	{
		width: 125px;
		height: 89px;
	}
	.blog-posts UL LI
	{
		width: 172px;
		margin-left: 11px;
		margin-right: 9px;
	}
	#recent-projects-list .hidder-right
	{
		width: 6px;
	}
	#recent-projects-list .hidder-left
	{
		width: 11px;
	}
	.blog-posts .hidder-right, .blog-posts .hidder-left
	{
		width: 10px;
	}
	LI:hover .ipl-ico
	{
		top: 30px !important;
	}
	.ipl-link, .ipl-text
	{
		top: 59px;
	}
	#slider2, #slider2 LI
	{
		height: 284px;
	}
	#slider2 LI H3
	{
		font-size: 22px;
		line-height: 22px;
	}
	#slider2 LI A.btn
	{
		display: none;
	}
	.overs
	{
		clear: both;
	}
	.list_recent LI H5
	{
		margin-top: -57px;
	}
	.website-line
	{
		margin-bottom: 9px;
	}
	.tab-navi.tab-type2 > UL > LI > A
	{
		padding-left: 0;
		padding-right: 0;
		width: 76px;
	}
	.tab-content
	{
		border-radius: 0 0 5px 5px;
	}
	.tab-navi > UL
	{
		margin-right: -5px;
	}
	.post-info .post-categories
	{
		padding: 14px 0 11px;
	}
	.cont-title-aside
	{
		line-height: 25px !important;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.map-box
	{
		width: 768px;
	}
	#recent-projects-list UL LI:hover .ipl-ico, #recent-projects-list UL LI:hover .ipl-link
	{
		margin-top: -7px;
	}
	#recent-projects-list UL LI:hover .ipl-text
	{
		margin-top: 11px;
	}
	A.backtop
	{
		right: 10px;
	}
	.contact-form LABEL.error
	{
		width: 175px;
		white-space: nowrap;
	}
	.contact-form LABEL.error[for=n-mess]
	{
		width: 565px;
	}
	.recent-box .hidder-left
	{
		width: 10px;
	}
	.home-slider-navi IMG
	{
		left: -20px;
	}
	#recent-projects-list .hidder-right
	{
		width: 20px;
	}
}
/*All Mobile Sizes (devices and browser) - < 767*/
@media only screen and (max-width: 767px)
{
	A.backtop
	{
		right: 10px;
	}
	.map-box
	{
		width: 100%;
		height: 300px;
	}
	#map_canvas
	{
		height: 300px;
	}
	.sep4
	{
		height: 4px;
	}
	.sep6
	{
		height: 6px;
	}
	.mob-line
	{
		background: url(images/backgrounds/dbl-dott.png) repeat-x 0 bottom;
		height: 2px;
		margin-top: -1px;
		margin-bottom: 31px;
	}
	.part-right, .part-left, .inner-page-content IMG
	{
		float: none;
	}
	#footer-top
	{
		min-height: 56px;
	}
	.navi-to
	{
		display: block;
	}
	.tagline, .search_block, .slider-text, #slider-bottom-navi, .icons
	{
		display: none !important;
	}
	.header-bottom-wrapper, .full-dbl-dott-wrapper
	{
		margin-left: 0;
		margin-right: 0;
	}
	/*header*/
	#header-wrapper
	{
		padding-bottom: 18px;
	}
	#header-middle
	{
		padding-top: 30px;
	}
	.header-bottom-wrapper
	{
		border: none;
		height: auto;
	}
	/*-- logo*/
	.logo-slogan
	{
		margin-bottom: 13px;
		float: none;
	}
	/*-- menu*/
	UL#main-menu
	{
		position: absolute;
		display: none;
		left: 0;
		top: 33px;
		background: url(images/backgrounds/subheader.png) repeat;
	}
	UL#main-menu LI, UL#main-menu LI:first-child
	{
		float: none;
		width: 100%;
		background: url(images/backgrounds/submenuwrapp.png) repeat-x 0 0;
	}
	UL#main-menu LI:first-child
	{
		background-position: 0 -2px;
	}
	UL#main-menu LI A
	{
		height: auto;
		padding: 10px 11px;
		width: auto;
		text-align: left;
	}
	/*footer*/
	.copyrights
	{
		padding: 11px 0 13px;
		border-top: 1px solid #424242;
	}
	/*content*/
	#slider
	{
		margin: 0 0 23px;
		padding-bottom: 1px;
	}
	#slider-middle-navi
	{
		bottom: 11px;
	}
	.filtr-block
	{
		float: none;
		border-radius: 25px;
	}
	.filtr-categories
	{
		overflow: hidden;
		float: none;
	}
	.filtr-categories-container
	{
		margin: 0 -9px 0 5px;
	}
	.filtr-categories A
	{
		padding: 0 9px 2px 10px;
		background-position: 0 1px;
		margin-left: -5px;
		margin-right: 5px;
	}
	.project-navi
	{
		margin: -12px 0 17px;
	}
	.filtr-block A.active SPAN
	{
		border-bottom-color: #0098D8 !important;
	}
	.filtr-block A#filtr-ico
	{
		display: none;
	}
	.filtr-block .filtr-text-general
	{
	}
	/*portfolio*/
	UL.block-filtered-items.portfolio-2c LI, UL.block-filtered-items.portfolio-3c LI
	{
		width: 420px;
		height: 375px;
	}
	UL.block-filtered-items.portfolio-2c LI IMG, UL.block-filtered-items.portfolio-3c LI IMG
	{
		height: 262px;
	}
	UL.block-filtered-items.portfolio-4c LI
	{
		width: 200px;
		height: 238px;
	}
	UL.block-filtered-items.portfolio-4c LI IMG
	{
		height: 125px;
	}
	.box-page-slogan
	{
		padding-top: 18px;
		padding-bottom: 15px;
		margin-left: 0;
		margin-right: 0;
	}
	.notes
	{
		margin-bottom: 29px;
	}
	.empty-after-text
	{
		height: 14px;
	}
	.empty-after-progress
	{
		height: 18px;
	}
	.jquery-toggle
	{
		padding-top: 0;
	}
	.dbl-dott-wrapper.full-width
	{
		margin-bottom: 38px;
		height: 11px;
	}
	.tab-content
	{
		margin-bottom: 20px;
	}
	.tab1-content
	{
		margin-bottom: 22px;
	}
	BLOCKQUOTE.blockquote-left, BLOCKQUOTE.blockquote-right
	{
		float: none;
		width: auto;
		margin: 0;
	}
	.accordation-items.type1
	{
		padding-bottom: 17px;
	}
	.jToggle-items.type1
	{
		padding-bottom: 7px;
	}
	.basic-plan .pricing-item
	{
		border-right: none;
	}
	.pricing-item > SPAN
	{
		height: auto;
		padding-bottom: 8px;
	}
	.gallery
	{
		margin-bottom: 17px;
	}
	#header-top .container .half-left, #header-top .container .half-right
	{
		width: 49% !important;
	}
}
#header-top .container .half-right A.toggle-sign
{
	color: #F58220;
	text-transform: uppercase;
	font-weight: 400;
}
#header-top .container .half-right .toggle-sign:hover
{
	color: #F58220;
}
@media only screen and (max-width: 767px)
{
	#header-top .container .half-left
	{
		float: left;
	}
	#header-top .container .half-right
	{
		float: right;
	}
}
#header-top .container .half-right
{
	text-align: right;
	background: none;
	padding-top: 5px;
}
@media only screen and (max-width: 767px)
{
	.small-scale-line
	{
		height: 2px;
		margin: 42px 0 38px;
		background: url(images/backgrounds/dbl-dott.png) repeat-x 0 0;
	}
	UL.our-work-scheeme LI.last-li
	{
		margin-right: 160px;
	}
	.canvas-box, .diagram-text
	{
		float: none;
		width: auto;
		margin-bottom: 20px;
	}
	.leave-comment INPUT[type=text], .leave-comment INPUT[type=email], .leave-comment TEXTAREA
	{
		width: 410px;
	}
	.leave-comment
	{
		margin-bottom: 40px;
	}
	.leave-comment SPAN.btn, .leave-comment SPAN.btn INPUT
	{
		width: 100px;
	}
	.hm-text P
	{
		display: none;
	}
	.hm-text
	{
		width: auto;
		max-width: 80%;
	}
	.hm-text H3
	{
		margin: 0;
	}
	.service-box
	{
		margin-top: 16px;
	}
	.flogo-text
	{
		margin-bottom: 27px;
	}
	#footer-middle .latest_blog
	{
		margin-bottom: 19px;
	}
	#footer-middle .latest_news
	{
		margin-bottom: 15px;
	}
	#testimonials
	{
		height: 150px;
	}
	#footer-menu LI
	{
	}
	.copyrights P
	{
		position: relative;
		top: 1px;
	}
	.contact-upper-form
	{
		margin-top: -18px;
	}
	BLOCKQUOTE.blockquote-left, BLOCKQUOTE.blockquote-right
	{
		margin-top: -8px;
		margin-bottom: 10px;
	}
	.dbl-dott-wrapper.full-width.ipad-hei
	{
		height: 5px;
		margin-bottom: 20px;
	}
	.dbl-dott-wrapper.full-width.mobile-hei
	{
		height: 2px;
		position: relative;
		top: -5px;
		margin-bottom: 22px;
	}
	.dbl-dott-wrapper.full-width.mob2
	{
		height: 2px;
		margin-bottom: 20px;
	}
	.service-dia
	{
		padding-top: 8px;
	}
	#home-slider
	{
		margin-bottom: 33px;
	}
	.items-detail .four
	{
		margin-bottom: 27px;
	}
	.items-detail .columns.four.item-responsive
	{
		margin-top: -1px;
	}
	.items-detail
	{
		padding-bottom: 3px;
	}
	.home-box
	{
		margin-bottom: 28px;
	}
	#recent-projects-list.home-recent
	{
		margin-bottom: -2px !important;
	}
	.filtr-block
	{
		border: none;
		background: none;
		box-shadow: none;
		-webkit-box-shadow: none;
		padding-left: 0;
		margin-left: -5px;
	}
	.filtr-text-general
	{
		display: none;
	}
	.filtr-block
	{
		position: relative;
		margin-top: -5px;
		margin-left: -8px;
	}
	.blog-aside
	{
		margin-top: 12px;
	}
	.post-details
	{
		padding-bottom: 9px;
	}
	.next-block-inner
	{
		margin-bottom: -19px;
	}
	.send-mess
	{
		margin-top: -12px;
	}
	.list_recent LI H5
	{
		margin-top: -57px;
	}
}
/*Mobile Landscape Size to Tablet Portrait (devices and browsers) 480 > 767*/
@media only screen and (min-width: 480px) and (max-width: 767px)
{
	.whole-width
	{
		width: 420px;
		margin-left: -300px;
		margin-right: -300px;
		padding-left: 300px;
		padding-right: 300px;
	}
	.title
	{
		width: 100%;
		margin: 0 auto;
	}
	.recent-box
	{
		padding: 19px 0 0;
	}
	.header-upper
	{
		left: -200px;
		padding-left: 200px;
		width: 620px;
	}
	.wrapper
	{
		background: url(images/backgrounds/other-bg.png) repeat center 0;
	}
	#header-wrapper
	{
		margin: 0 auto;
	}
	#footer-wrapper
	{
		margin-left: 0;
		left: 0;
		width: 100%;
	}
	UL#main-menu, #testimonials UL LI, #slider UL LI, #slider UL LI IMG, UL#main-menu-mobile
	{
		width: 420px;
	}
	UL#main-menu, A.navi-to
	{
		display: none !important;
	}
	SELECT#main-menu-mobile
	{
		display: block;
		width: 420px;
	}
	#slider UL LI, #slider UL LI IMG
	{
		height: 158px;
	}
	A#slider-left, A#slider-right
	{
		top: 66px;
	}
	.list_recent
	{
		margin: 0 -10px 10px;
	}
	.list_recent LI
	{
		width: 200px;
		margin: 0 10px 19px;
		height: 212px;
	}
	.rec_img, .rec_img IMG
	{
		height: 138px;
	}
	.pricing-row
	{
		display: none;
	}
	.standard-plan, .business-plan
	{
		width: 210px;
		margin: 0 0 29px;
	}
	.basic-plan, .premium-plan
	{
		width: 209px;
		margin: 0 1px 29px 0;
	}
	.basic-plan .plan-header, .premium-plan .plan-header
	{
		border-radius: 4px 0 0 0;
	}
	.standard-plan .plan-header, .business-plan .plan-header
	{
		border-radius: 0 4px 0 0;
	}
	.pricing-table2
	{
		margin-bottom: 7px;
	}
	.pricing-box
	{
		width: 206px;
		margin-bottom: 29px;
	}
	.recent_blog
	{
		margin-bottom: 27px;
	}
	.contact-form INPUT[type=text], .contact-form TEXTAREA
	{
		width: 410px;
	}
	.mobile-text
	{
		display: block;
		margin: 0 0 3px;
	}
	.gallery-container
	{
		height: 262px;
	}
	.post-frame
	{
		margin-bottom: -5px;
		height: 176px;
	}
	.post-frame IFRAME
	{
		width: 100%;
		height: 176px;
		position: relative;
	}
	.post-info
	{
		width: 79px;
	}
	.post-body
	{
		width: 321px;
	}
	.post-categories
	{
		font-size: 11px;
	}
	.post-image
	{
		height: 126px;
	}
	.post-image A
	{
		height: 118px;
		width: 311px;
	}
	.post-entry H2
	{
		margin-left: 99px;
	}
	.post-info .post-date
	{
		width: 47px;
		height: 42px;
		padding: 8px 1px 0 0;
		background: url(images/backgrounds/op80-round-740.png) no-repeat 0 0;
	}
	.post-info .post-date STRONG
	{
		font-size: 1em;
	}
	.post-info .post-comments
	{
		width: 21px;
		height: 31px;
		background: url(images/backgrounds/comments-740.png) no-repeat 0 0;
		padding-left: 27px;
		padding-top: 17px;
		font-size: 12px !important;
	}
	.post-details
	{
		padding-top: 11px;
	}
	.post-details .post-views
	{
		border-top: 1px solid #F0F0F0;
		display: block;
		margin: 9px 0 -3px;
		padding-top: 11px;
		background-position: 0 14px;
	}
	.slogan-slider LI
	{
		width: 380px;
	}
	.list_recent_over
	{
		width: 440px;
	}
	.blog-posts
	{
		margin-left: 1px;
		margin-right: -21px;
	}
	UL.our-team-list LI, .blog-posts UL LI
	{
		width: 200px;
	}
	.blog-posts .hidder-left
	{
		width: 1px;
	}
	.blog-posts .hidder-right
	{
		width: 21px;
	}
	.social-inner-text
	{
		height: 35px;
		margin-bottom: 20px;
	}
	.block-inner-text
	{
		width: 80px;
		text-align: left;
		height: 36px;
	}
	#home-slider
	{
		margin-left: 0;
		margin-right: 0;
		width: 420px;
		height: 162px;
	}
	#home-slider-preview IMG
	{
		height: 163px;
		width: 333px;
	}
	.home-slider-navi UL LI
	{
		height: 52px;
	}
	.home-slider-navi UL LI IMG
	{
		width: 100%;
		height: 52px;
	}
	#recent-projects-list
	{
		margin-left: -10px;
		margin-right: -4px;
	}
	#recent-projects-list UL LI
	{
		width: 180px;
		height: 104px;
		margin-left: 11px;
		margin-right: 4px;
	}
	#recent-projects-list .img-over
	{
		width: 192px;
		height: 116px;
	}
	#recent-projects-list .hidder-right
	{
		width: 4px;
	}
	#recent-projects-list .hidder-left
	{
		width: 10px;
	}
	#slider2, #slider2 LI
	{
		height: 152px;
	}
	#slider2 LI DIV H3, #slider2 LI H3.fs23
	{
		font-size: 14px;
		line-height: 14px;
	}
	#slider2 LI DIV P, #slider2 LI DIV H4, #slider2 LI DIV A.btn
	{
		display: none;
	}
	#slogan-slider-box
	{
		margin-top: 0;
		margin-bottom: 0;
	}
	.list_recent_over
	{
		margin-left: 3px;
		margin-right: -13px;
	}
	.recent-box .hidder-right
	{
		width: 300px;
		right: -290px;
	}
	.recent-box .hidder-left
	{
		width: 300px;
		left: -290px;
	}
	.testim-box
	{
		margin-top: -24px;
	}
	.pricing-table
	{
		margin-bottom: -1px;
	}
	.mob-1
	{
		margin-top: -1px !important;
	}
	#recent-projects-list UL LI:hover .ipl-ico, #recent-projects-list UL LI:hover .ipl-link
	{
		margin-top: -6px;
	}
	#recent-projects-list UL LI:hover .ipl-text
	{
		margin-top: 12px;
	}
	.contact-form LABEL.error
	{
		width: 420px !important;
	}
}
/*Mobile Portrait Size to Mobile Landscape Size (devices and browsers) < 480*/
@media only screen and (max-width: 479px)
{
	.whole-width
	{
		width: 300px;
		margin-left: -300px;
		margin-right: -300px;
		padding-left: 300px;
		padding-right: 300px;
	}
	.recent-box
	{
		padding: 19px 0 0;
		margin-left: 0;
		margin-right: 0;
	}
	.title
	{
		width: 100%;
		margin: 0 auto;
	}
	.service_list
	{
		margin-bottom: 20px;
	}
	.header-upper
	{
		left: -100px;
		padding-left: 100px;
		width: 400px;
	}
	.wrapper
	{
		background: url(images/backgrounds/other-bg.png) repeat center 0;
	}
	#footer-wrapper
	{
		width: 100%;
	}
	#footer-top
	{
		min-height: 70px;
	}
	#slider
	{
		margin-bottom: 23px;
	}
	UL#main-menu, A.navi-to
	{
		display: none !important;
		width: 300px;
		max-height: 200px;
	}
	SELECT#main-menu-mobile
	{
		display: block;
	}
	#slider UL LI, #slider UL LI IMG
	{
		width: 300px;
		height: 112px;
	}
	A#slider-left, A#slider-right
	{
		top: 42px;
	}
	.list_recent
	{
		margin-bottom: 0;
	}
	.list_recent LI
	{
		margin-bottom: 19px;
	}
	.list_recent LI, #testimonials UL LI
	{
		width: 300px;
	}
	.list_recent LI
	{
		height: 237px;
	}
	.rec_img, .rec_img IMG
	{
		height: 162px;
	}
	.recent_blog
	{
		margin-bottom: 27px;
	}
	.recent_blog LI
	{
		padding-left: 100px;
	}
	.recent_blog LI A.fancybox, .recent_blog LI A.recent_blog_img
	{
		width: 85px;
		height: 59px;
	}
	/*portfolio*/
	UL.block-filtered-items.portfolio-2c LI, UL.block-filtered-items.portfolio-3c LI, UL.block-filtered-items.portfolio-4c LI
	{
		width: 300px;
		height: 300px;
	}
	UL.block-filtered-items.portfolio-2c LI IMG, UL.block-filtered-items.portfolio-3c LI IMG, UL.block-filtered-items.portfolio-4c LI IMG
	{
		height: 187px;
	}
	.tab-navi UL LI.last-li UL
	{
		left: auto;
		right: 0;
	}
	TABLE.def-table TH, TABLE.def-table TD
	{
		padding: 8px 5px;
	}
	.pricing-row
	{
		display: none;
	}
	.basic-plan, .business-plan, .standard-plan
	{
		width: 300px;
		margin: 0 0 20px;
		float: none;
	}
	.premium-plan
	{
		float: none;
		width: 294px;
		margin: 0 3px 20px;
	}
	.pricing-table2
	{
		margin-bottom: 7px;
	}
	.pricing-box
	{
		width: 298px;
		margin-bottom: 29px;
	}
	.contact-form INPUT[type=text], .contact-form TEXTAREA
	{
		width: 290px;
	}
	.mobile-text
	{
		display: inline;
		margin-right: 15px;
	}
	.gallery-container
	{
		height: 187px;
	}
	.post-entry
	{
		position: relative;
	}
	.post-entry H2
	{
		margin: 0 0 0 43px;
		font-size: 15px !important;
		font-family: "Pt Sans" !important;
	}
	.post-frame
	{
		margin-bottom: -5px;
		height: 166px;
	}
	.post-frame IFRAME
	{
		width: 100%;
		height: 166px;
		position: relative;
	}
	.post-info
	{
		float: none;
		border: none;
		width: auto;
		padding: 0 0 0 43px;
		margin-bottom: -2px;
	}
	.post-body, .blog-posts UL LI
	{
		width: 300px;
		margin: 0;
	}
	.blog-posts UL LI H3
	{
		max-width: 200px;
	}
	.post-categories
	{
		font-size: 11px;
	}
	.post-image
	{
		height: 118px;
	}
	.post-image A
	{
		height: 110px;
		width: 290px;
	}
	.post-info .post-date
	{
		width: 32px;
		height: 32px;
		background: url(images/backgrounds/op80-300.png) no-repeat 0 0;
		position: absolute;
		left: 0;
		top: 3px;
		padding-top: 4px;
		font-size: 11px !important;
	}
	.post-info .post-date STRONG
	{
		font-size: 0.9em;
		text-transform: lowercase;
		top: -6px;
		position: relative;
	}
	.post-info .post-comments, .post-info .line-grey
	{
		display: none;
	}
	.post-info .post-categories
	{
		padding: 2px 0 16px;
	}
	.post-info .post-categories STRONG
	{
		display: inline;
	}
	.post-details
	{
		padding-top: 11px;
	}
	.post-details .post-views
	{
		border-top: 1px solid #F0F0F0;
		display: block;
		margin: 9px 0 -3px;
		padding-top: 11px;
		background-position: 0 14px;
	}
	.blog-posts
	{
		margin-left: 0;
		margin-right: 0;
	}
	.slogan-slider LI
	{
		width: 260px;
		text-align: left;
	}
	.list_recent_over, .leave-comment INPUT[type=text], .leave-comment INPUT[type=email], .leave-comment TEXTAREA
	{
		width: 300px;
	}
	.leave-comment SPAN.btn, .leave-comment SPAN.btn INPUT
	{
		width: 100px;
	}
	.leave-comment
	{
		margin-bottom: 40px;
	}
	.comment-item
	{
		padding-left: 0;
		background-position: 1px 0;
	}
	.comment-avatar
	{
		position: static;
		float: left;
		margin-left: 0;
		margin-right: 10px;
	}
	.comment-item .comment-avatar
	{
		margin-left: 0;
	}
	.comment-item .comment-item
	{
		margin-left: 30px;
	}
	.comment-line
	{
		left: 2px;
		width: 32px;
	}
	.comment-line-hide
	{
		width: 10px !important;
	}
	.comment-item .comment-item .comment-line
	{
		width: 39px;
	}
	.comment-item .comment-item .comment-line-hide
	{
		margin-left: -35px;
	}
	.comment-item .comment-item .comment-item .comment-line
	{
		width: 79px;
	}
	.comment-item .comment-item .comment-item .comment-line-hide
	{
		margin-left: -30px;
	}
	.comment-item .comment-item .comment-item .comment-item .comment-line
	{
		width: 93px;
	}
	.comment-item .comment-item .comment-item .comment-item .comment-item .comment-line
	{
		width: 124px;
	}
	.comment-item .comment-item .comment-item .comment-item .comment-item .comment-item .comment-line
	{
		width: 155px;
	}
	.comment-item .comment-item .comment-item .comment-item .comment-item .comment-item .comment-item .comment-line
	{
		width: 186px;
	}
	#recent-projects-list
	{
		margin-left: 0;
		margin-right: 0;
	}
	#recent-projects-list UL LI
	{
		width: 297px;
		height: 170px;
		margin-left: 1px;
		margin-right: 0;
	}
	#recent-projects-list .img-over
	{
		width: 289px;
		height: 162px;
	}
	.ipl-ico
	{
		margin-top: 23px;
	}
	.ipl-link, .ipl-text
	{
		top: 50%;
	}
	#home-slider
	{
		margin-left: 0;
		margin-right: 0;
		width: 300px;
		height: 115px;
	}
	#home-slider-preview IMG
	{
		height: 115px;
		width: 234px !important;
	}
	.hm-text
	{
		bottom: 0;
		width: 200px;
		max-width: none;
	}
	.home-slider-navi UL LI
	{
		height: 38px;
		margin-bottom: 1px;
	}
	.home-slider-navi UL LI IMG
	{
		width: 100%;
		height: 52px;
	}
	.blog-posts .hidder-left, .blog-posts .hidder-right, #recent-projects-list .hidder-right, #recent-projects-list .hidder-left
	{
		width: 0;
	}
	#slider2, #slider2 LI
	{
		height: 102px;
	}
	#slider2 LI DIV H3, #slider2 LI H3.fs23
	{
		font-size: 11px;
		line-height: 11px;
	}
	#slider2 LI DIV P, #slider2 LI DIV H4, #slider2 LI DIV A.btn
	{
		display: none;
	}
	.dia-img
	{
		float: none;
		/*width:298px; height:auto;*/
	}
	/*
.services-overs{width:290px; height:auto;}
.services-overs img{width:290px; display:block;}*/
	.slogan-slider LI
	{
		font-size: 11px !important;
	}
	#slogan-slider-box
	{
		margin-top: -4px;
		margin-bottom: -2px;
	}
	.list_recent_over
	{
		margin-left: 0;
	}
	.recent-box .hidder-right
	{
		width: 300px;
		right: -300px;
	}
	.recent-box .hidder-left
	{
		width: 300px;
		left: -300px;
	}
	.testim-box
	{
		margin-top: -14px;
	}
	.pricing-table
	{
		margin-bottom: 10px;
	}
	.standard-plan .plan-header
	{
		border-radius: 4px 4px 0 0;
	}
	.basic-plan .pricing-item, .pricing-item > SPAN
	{
		border-right: 0;
	}
	.premium-plan
	{
		margin-left: 0;
		margin-right: 0;
		width: 301px;
	}
	.standard-plan .pricing-item
	{
		border-left: none;
	}
	.service-graph H3.sub-title
	{
		line-height: 25px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.filtr-block, .filtr-block A
	{
		line-height: 20px;
	}
	.filtr-block
	{
		position: relative;
		margin-top: -8px;
	}
	.block-inner-text
	{
		width: auto;
		display: inline;
	}
	.next-block-inner
	{
		margin-bottom: 16px;
	}
	.comment-info
	{
		padding-left: 65px;
	}
	.map-box
	{
		width: 100%;
		height: 260px;
	}
	#map_canvas
	{
		height: 260px;
	}
	.contact-form LABEL.error
	{
		width: 300px !important;
	}
}