/*--------------------------- 1 - START DOCUMENT SETUP, COMMON CLASSES ------*/
header,content,footer {
	clear:both;
	display:block
}

input,textarea {
	outline:none
}

body {
	background-color:#f0f0f0;
	font-size:13px;
	color:#656565;
	font-family:'PT Sans',sans-serif;
	min-height:100%;
	height:auto!important;
	height:100%
}

html,body {
	width:100%;
	min-width:980px
}

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}

.clearfix:before,.clearfix:after {
	content:'\0020';
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}

.clearfix:after {
	clear:both
}

.clearfix {
	zoom:1
}
.topstrip-wrap {
	width:980px;
	margin: 0 auto;
}
.topstrip {
	background:#e35b29;
	height:23px;
}
.topstrip_inner {
	width:100%;
}
.topstrip_inner_left {
	width:90%;
	float:left;
}
.topstrip_inner_right {
	width:10%;
	float:left;
}
.phone_icon {
	float:right;
	padding-top:3px;
}
.topcontent {
	float:right;
	color:#FFFFFF;
	padding:5px 0px 0px 7px;
}
.social_icons {
float:left;
}
.f_icon {
background:#d61818;
float:right;
text-align:center;
width:30px;
padding:1.5px 0;
}

.t_icon {
width:30px;
background:#5aa3e7;
float:right;
text-align:center;
padding:1.5px 0;
}
.in_icon {
width:30px;
background:#b70aad;
float:right;
text-align:center;
padding:1.5px 0;
}
/*--------------------------- START THEME COLOR -----------------------------*/
.nivo-caption p span,.nivo-caption p p,.breadcramp p,.breadcramp span,.tipswift-inner {
	background:#e35b29
}

.proj-img a:hover {
	background:url(../images/more-bt.png) #e35b29 50% 50% no-repeat
}

.proj-img a.zoom:hover {
	background:url(../images/zoom.png) #e35b29 50% 50% no-repeat;
	z-index:50
}

.search-btn input:hover {
	background:url(../images/search.png) #e35b29 no-repeat 45% 50%;
	cursor:pointer
}

.tipswift {
	border-color:#e35b29
}

ul.accordion li a.title:hover {
	border-color:#e35b29;
	background:url(../images/accordion-bg.png) #e35b29 repeat-x left bottom
}

a:hover,a.clr-link,.clr,.short-tour h2 span,ul.navmenu li ul li a:hover,.tweet_text a,.post p span strong a:hover,#map-side-bar div.map-location a:hover {
	color:#e35b29;
}

/*--------------------------- END THEME COLOR -------------------------------*/
/*-------------------- START HEADER AND FOOTER BACKGROUND -------------------*/
#top-container {
	background:#f0f0f0;
}

#footer-wrap {
	background:#282828;
}

/*-------------------- END HEADER AND FOOTER BACKGROUND ---------------------*/
a.visited,a,.portfolio-pagn span a.page-active,.portfolio-pagn span a:hover {
	color:#656565;
	text-decoration:none
}

p {
	line-height:1.6em;
	margin-bottom:7px
}

.float-l {
	float:left;
	line-height:27px;
}

.float-r {
	float:right;

}

.bott-27 {
	margin-bottom:27px
}

.bott-15 {
	margin-bottom:15px
}

.ml-10 {
	margin-left:10px
}

.wrap720 {
	width:720px
}

.col1-2,.col1-3,.small-post,.col1-4,.wrap720,.col1-5,.col1-6,.col1-12,.item-holder1,.col2-3 {
	float:left;
	margin-right:20px
}

.col1-2 {
	width:460px
}

.col1-3 {
	width:300px
}

.col1-4 {
	width:220px
}

.col1-5 {
	width:172px
}

.col1-6,.item-holder1 {
	width:210px
}

.col4-1 {
	width:700px
}

.col1-12 {
	width:50px
}

.col2-3 {
	width:620px
}

.small-post {
	width:350px
}

.omega {
	margin-right:0
}

h1,h2,h3,h4,h5,h6,.heading a,.post-mod h6 a,.descr a,.mini-menu span.phone,.post p.auth-cat,.tweet_text a:hover,.post p span strong a,a.clr-link:hover {
	color:#202020
}

.mini-menu span.mini,.search,.mini-menu span span,ul.navmenu li,ul.portfolio-filter li,.button,.button span,.button input,.button-t-s,.button-t-s span,.portfolio-pagn span,.portfolio-pagn span a,.content-slider-nav #myController span.jFlowControl,.proj-img a,.proj-img a.zoom,.proj-img a,ul.accordion li a.title {
	/*-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px*/
}

/*--------------------------- 1 - END DOCUMENT SETUP, COMMON CLASSES ------*/
/*--------------------------- 2 - START HOME PAGE STYLES ------------------*/
#top-container {
	width:100%;
	position:relative;
	overflow:hidden
}

.shine-top {
	position:absolute;
	top:0;
	left:0;
	height:634px;
	width:100%;
	min-width:980px;
	background:url(../images/top-shine.png) no-repeat 50% 0
}

.bottom-mask {
	position:absolute;
	bottom:0;
	height:45px;
	width:100%;
	min-width:980px;
	z-index:500;
	background:url(../images/bottom-mask.png) no-repeat 50% 0
}

.top-wrap,#content {
	position:relative;
	z-index:2;
	width:980px;
	margin:0 auto;
	overflow:hidden
}

.top-info {
	padding:0px 20px;
	font-size:12px
}

.mini-menu {
	overflow:hidden
}

.mini-menu span.mini,.search {
	height:28px;
	background-color:rgba(0,0,0,.05)!important
}

.mini-menu span span {
	height:26px;
	padding:0 16px;
	background:#fff;
	display:block
}

.mini-menu span span a {
	display:block;
	height:100%;
	line-height:23px;
	float:left
}

.mini-menu span span img {
	display:block;
	float:left
}

.mini-menu span.phone {
	float:left;
	margin-left:25px;
	display:block;
	height:26px;
	color:#fff;
	line-height:23px
}


#search div {
	display:inline;
	float:left
}

#search div input {
	height:26px;
	color:#959595;
	line-height:22px
}

#search div input.field {
	-moz-border-radius:50px 0 0 50px;
	-webkit-border-radius:50px 0 0 50px;
	border-radius:50px 0 0 50px;
	padding:0 16px
}

.search-btn input {
	width:40px;
	background:url(../images/search.png) #bebebe no-repeat 45% 50%;
	-moz-border-radius:0 50px 50px 0;
	-webkit-border-radius:0 50px 50px 0;
	border-radius:0 50px 50px 0
}

.inner {
	padding:0 20px;
	background:#fff
}

.inner-withoutbg {
	padding:0 20px;
}

.inner-blank {
	padding:0 20px
}

.inner-t {
	padding:40px 0 30px;
	overflow:hidden
}

.shady {
	height:3px;
	width:100%;
	background:#e4e4e4
}

/*--------------------------- 2-1 - START LOGO AND NAV --------------------*/
.logo-menu {
	z-index:500;
	height:111px;
	background:#f0f0f0;
	position:relative
}

.logo {
padding-top:20px;
 padding-left:30px;
 
	height:40px;
	display:block;
	bottom:37px;
	left:54px
}

ul.navmenu {
	position:absolute;
	list-style:none;
	height:67px;
	bottom:0;
	right:20px;
	
}

ul.navmenu li,ul.portfolio-filter li {
	position:relative;
	border:1px #fff solid;
	line-height:1em;
	left:0;
	top:0;
	font-size:14px;
	display:block;
	margin-left:18px;
	float:left;
	
}

ul.portfolio-filter li {
	border-color:#f0f0f0;
	margin:0 10px 0 0
}

ul.navmenu li a,ul.portfolio-filter li a {
	display:block;
	line-height:1em;
	padding:4px 14px;
}

ul.navmenu li a.drop {
	padding-right:28px;
	background:url(../images/drop.png) no-repeat right center;
}

ul.navmenu li.curr,ul.navmenu li:hover,ul.portfolio-filter li.curr,ul.portfolio-filter li:hover {
	border:1px #e3e3e3 solid;
	background:url(../images/menugrad.png) #fff repeat-x left bottom;

}

ul.navmenu li a:hover,ul.portfolio-filter li a:hover {
	color:#656565;
}

ul.navmenu li ul {
	display:none;
	padding-bottom:3px;
	width:178px;
	font-size:13px;
	position:absolute;
	background:url(../images/drop-shad.png) repeat-x left bottom;
}

ul.navmenu li ul li:first-child,ul.navmenu li ul li:first-child:hover {
	margin-top:1px;
	padding-top:40px;
	background:url(../images/heading-bg.gif) #fff no-repeat right 30px;
	
}

ul.navmenu li ul li:last-child {
	padding-bottom:15px;
	z-index:900
}

ul.navmenu li ul li {
	background:#fff;
	clear:both;
	width:100%;
	height:auto;
	border:0;
	margin:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}

ul.navmenu li ul li a {
	display:block;
	padding:10px 15px;
	z-index:900
}

ul.navmenu li ul li:hover {
	border:0;
	background:#fff
}

/*--------------------------- 2-1 - END LOGO AND NAV --------------------*/
/*--------------------------- 2-2 - START SLIDER ------------------------*/
/*---------- Other styles of the Slider at js/nivo/nivo-slider.css ------*/
.main-slider,.portfolio-slider {
	width:100%;
	background:url(../images/loading.gif) #f7f7f7  no-repeat 50% 50%
}
.main-slider {
padding-top:134px;
}
.nivo-caption,.nivo-caption p {
	color:#fff
}

/*--------------------------- 2-2 - END SLIDER --------------------------*/
/*--------------------------- 2-3 - START CHECK IT ----------------------*/
.short-tour,.page-description {
	color:#202020;
	padding:11px 10px 20px 10px;
	overflow:hidden
}

.page-description {
	font-size:18px;
	padding:0 0 20px
}

.page-description span {
	line-height:1.5em;
	max-width:460px
}

.short-tour div {
	line-height:1.6em;
	width:780px
}

.short-tour p {
	color:#656565;
	margin-top:4px;
	font-size:16px
}

.short-tour img {
	margin-top:-10px
}

/*--------------------------- 2-3 - END CHECK IT ------------------------*/
.icons .col1-6 {
	text-align:justify;
}

.icons .col1-6 img.icn {
	margin:10px auto 16px;
	display:block
}

/*Buttons*/
.button,.button span,.button input,.button-t-s,.button-t-s span,.portfolio-pagn span,.portfolio-pagn span a {
	display:inline-block
}

.button,.button-t-s,.portfolio-pagn span {
	color:#202020;
	cursor:pointer;
	font-size:11px;
	line-height:1em;
	margin-top:7px;
	background:url(../images/butt-wrap-bg.png) repeat;
	padding:3px
}

.portfolio-pagn span {
	margin-top:0
}

.button-t-s,.portfolio-pagn span {
	padding:2px
}

.button span {
	position:relative;
	background:url(../images/butt-bg.png) #fff no-repeat right bottom;
	border:1px #c7c7c7 solid;
	padding:6px 35px 6px 15px
}

.button-t-s span,.portfolio-pagn span a {
	width:17px;
	height:17px;
	text-align:center;
	position:relative;
	background:url(../images/menugrad.png) #fff no-repeat right bottom;
	border:1px #c7c7c7 solid;
	padding:6px
}

.portfolio-pagn span a {
	padding:2px 8px;
	line-height:1.5em;
	display:block;
	width:auto
}

.button span:hover,.button input:hover {
	background:url(../images/butt-bg.png) #fff no-repeat right top
}

.portfolio-pagn span a:hover {
	background:url(../images/butt-bg.png) #fff no-repeat left top
}

.button img {
	position:absolute;
	right:10px;
	margin-top:-3px;
	top:50%;
	width:6px;
	height:5px
}

.button.reply img {
	right:6px;
	margin-top:-5px;
	top:50%;
	width:10px;
	height:10px
}

/*--------------------- 2-4 - START CONTENT SLIDER STYLES ---------------*/
.content-slider-nav {
	overflow:hidden;
	margin-top:15px
}

.content-slider-nav div.jFlow-arrows span.jFlowPrev,.content-slider-nav div.jFlow-arrows span.jFlowNext,.works2-prev,.works2-next {
	text-indent:-9999px;
	z-index:1;
	position:relative;
	float:left;
	width:39px;
	height:39px;
	background:url(../images/content-slider-arrows.png) no-repeat left top;
	cursor:pointer
}

.content-slider-nav div.jFlow-arrows span.jFlowNext,.works2-next {
	float:right;
	background:url(../images/content-slider-arrows.png) no-repeat right top
}

.works2-prev,.works2-next {
	float:left
}

.content-slider-nav div.jFlow-arrows span.jFlowPrev:hover,.works2-prev:hover {
	background-position:left bottom
}

.content-slider-nav div.jFlow-arrows span.jFlowNext:hover,.works2-next:hover {
	background-position:right bottom
}

.content-slider-nav div.jFlow-arrows {
	height:39px;
	position:relative
}

#myController {
	position:absolute;
	left:0;
	right:0;
	top:49%;
	height:5px;
	line-height:0;
	text-align:center
}

.content-slider-nav #myController span.jFlowControl {
	cursor:pointer;
	display:inline-block;
	border:1px #202020 solid;
	margin:0 8px;
	width:3px;
	height:3px;
	background:#202020
}

.content-slider-nav #myController span.jFlowControl.jFlowSelected,.content-slider-nav #myController span.jFlowControl:hover {
	background:#fff
}

.jflow-content-slider,.slide-wrapper {
	float:left;
	width:620px;
	overflow:hidden
}

/*--------------------- 2-4 - END CONTENT SLIDER STYLES -----------------*/
/*--------------------- 2-5 - START IMAGES AND EFFECTS ------------------*/
.item-holder,.item-holder1 {
	background:#f0f0f0
}

.item-holder1 {
	position:relative;
	overflow:hidden;
	height:auto;
	padding-bottom:49px
}

.proj-img,.proj-img1 {
	position:relative;
	overflow:hidden
}

.preloader {
	display:block;
	background:url(../images/loading.gif) #f7f7f7 no-repeat 50% 50%
}

.proj-img a {
	opacity:.9;
	filter:alpha(opacity=90);
	display:inline-block;
	width:40px;
	height:40px;
	position:absolute;
	top:-30px;
	left:50%;
	background:url(../images/more-bt.png) #202020 50% 50% no-repeat;
	margin-top:-20px;
	z-index:10
}

.proj-img img,.proj-img1 img {
	display:block
}

.proj-img.works1 img {
	width:680px
}

.proj-img img.l-w {
	width:300px;
	height:145px
}

.proj-img img.o-t {
	width:140px;
	height:105px
}

.proj-img a.zoom {
	background:url(../images/zoom.png) #202020 50% 50% no-repeat;
	margin-left:-37px
}

.proj-img.works1 a,.proj-img.works2 a {
	margin-left:-20px
}

.proj-img a {
	margin-left:-3px
}

.proj-img i {
	display:block;
	font-style:normal;
	position:absolute;
	width:100%;
	height:100%;
	z-index:9;
	top:0;
	left:0;
	background:#fff;
	opacity:0;
	filter:alpha(opacity:0)
}

/*--------------------- 2-5 - END IMAGES AND EFFECTS --------------------*/
.item-holder .descr,.item-holder1 .descr {
	text-align:center;
	padding:20px
}

.item-holder1 .descr {
	text-align:left
}

.date-comments {
	overflow:hidden;
	display:block;
	background:#fff;
	margin-right:20px;
	float:left
}

.date-comments div {
	text-align:center;
	line-height:1.3em;
	float:left;
	background:url(../images/date-bg.png) #656565 no-repeat right bottom;
	padding:7px 20px;
	color:#fff
}

.date-comments span {
	line-height:35px;
	display:block;
	float:left;
	padding:5px 13px;
	color:#656565
}

.post-mod {
	overflow-y:hidden;
	padding:10px 0;
	border-bottom:1px #d1d1d1 solid
}

/*--------------------------- 2 - END HOME PAGE STYLES ----------------*/
/*--------------------------- 3 - START ABOUT PAGE STYLES -------------*/
.inner-pages-slider {
	position:relative;
	width:100%;
	height:156px;
	background:url(../images/loading.gif) #f7f7f7 no-repeat 50% 35%
}

.inner-pages-slider div.cont {
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:450;
	height:156px;
	overflow:hidden;
	position:absolute
}

.breadcramp {
	display:inline;
	color:#fff;
	margin-top:35px
}

.breadcramp p {
	line-height:1.6em;
	display:inline-block;
	padding:0 20px;
	font-size:15px;
	font-weight:700;
	margin:0
}

.breadcramp span {
	line-height:2.3em;
	max-width:680px;
	display:block;
	padding:0 20px;
	margin:0
}

.breadcramp a,.breadcramp a:hover {
	color:#fff
}

.inner-pages-slider div.cont .corner {
	width:241px;
	height:156px;
	background:url(../images/corner.png) no-repeat right top
}

.inner-pages-slider div.cont a.hire {
	display:block;
	margin:24px 18px 0 0;
	width:84px;
	height:84px;
	background:url(../images/hire.png) no-repeat
}

.page-nav {
	line-height:1.6em;
	font-size:12px;
	color:#656565
}

.page-nav .prev-pg {
	padding-left:15px;
	background:url(../images/page-nav-arr.gif) no-repeat left center
}

.page-nav .next-pg {
	padding-right:15px;
	background:url(../images/page-nav-arr.gif) no-repeat right center
}

div.team {
	overflow:hidden
}

.team-social {
	position:absolute;
	text-align:center;
	bottom:0;
	width:100%;
	height:48px;
	background:#f7f7f7;
	border-top:1px #e2e2e2 solid
}

/*--------------------------- 3 - END ABOUT PAGE STYLES ---------------*/
/*--------------------------- 4 - START SERVICES PAGE STYLES ----------*/
img.serv-icns {
	margin:5px 15px 3px 0;
	float:left
}

div.testimonials p {
	font-style:italic;
	line-height:1.4em;
	font-size:14px;
	padding-left:30px;
	background:url(../images/quotes.png) no-repeat 0 5px
}

div.testimonials h6 {
	text-align:right;
	margin-bottom:15px
}

/*--------------------------- 4 - END SERVICES PAGE STYLES ------------*/
/*--------------------------- 5 - START PORTFOLIO V1 STYLES -----------*/
ul.tags li {
	line-height:1em;
	display:block;
	float:left;
	border-left:1px #e9e9e9 solid;
	margin:0 8px 10px 0
}

ul.tags li a {
	font-size:12px;
	display:block;
	height:15px;
	padding:6px 20px 6px 16px;
	background:url(../images/tag.png) no-repeat right top
}

ul.tags li a:hover {
	background-position:right bottom
}

ul.portfolio-filter {
	overflow:hidden;
	padding-bottom:20px
}

.portfolio-slider {
	margin:0 0 20px
}

.portfolio-pagn {
	margin-left:20px;
	font-size:10px
}

.portfolio-pagn span {
	margin-right:5px
}

.portfolio-pagn span a {
	color:#b0b0b0
}

/*--------------------------- 5 - END PORTFOLIO V1 STYLES -------------*/
/*--------------------------- 6 - START PORTFOLIO V2 STYLES -----------*/
#works2 {
	overflow:hidden;
	width:960px
}

#works2 .col1-3 {
	padding-bottom:30px
}

#big-showcase {
	display:none
}

#big-showcase ul li,.works2-nav {
	overflow:hidden;
	display:block;
	width:100%
}

#big-showcase .inner-t {
	padding-top:20px
}

.works2-nav {
	height:39px;
	padding-top:20px
}

.works2-close {
	display:inline-block;
	width:39px;
	height:39px;
	background:url(../images/works2nav.png) no-repeat left top
}

.works2-close:hover {
	cursor:pointer;
	background-position:left bottom
}

.works2-next {
	margin-left:-10px
}

/*---------------------- 6 - END PORTFOLIO V2 STYLES ------------------*/
/*---------------------- 7 - START BLOG TENPLATE STYLES ---------------*/
/*--------------------------- 7-1 - START POSTS -----------------------*/
.posts .proj-img img {
	width:680px;
	height:300px
}

.small-posts-wrap {
	width:740px;
	overflow:hidden
}

.small-post .proj-img img {
	width:310px;
	height:140px
}

.posts .col1-12 {
	padding:5px 5px 22px;
	font-size:30px;
	color:#fff;
	cursor:pointer;
	text-align:center;
	line-height:1em
}

.posts .col1-12 span {
	display:block;
	line-height:1em;
	width:100%
}

.posts .col1-12 span.post-date {
	text-transform:uppercase;
	padding-top:2px;
	font-size:14px
}

.posts .col1-12 span.num-comm {
	font-size:12px;
	padding-top:17px;
	color:#202020
}

.post {
	padding-left:80px
}

.posts .col1-12 {
	background:url(../images/bubble.png) #656565 no-repeat center bottom
}

/*--------------------------- 7-1 - END POSTS -------------------------*/
/*--------------------------- 7-2 - START COMMENTS --------------------*/
ul.comments-list li {
	display:block;
	margin-top:25px;
	overflow:hidden
}

ul.comments-list li a.avatar img {
	width:60px;
	height:60px;
	display:block
}

ul.comments-list ul.children-comm {
	padding-left:20px;
	background:url(../images/children.gif) no-repeat left top
}

/*--------------------------- 7-2 - END COMMENTS ----------------------*/
/*--------------------------- 7-3 - START REPLAY FORM -----------------*/
#reply,#contact {
	margin-top:20px
}

#reply label,#contact label {
	float:left;
	display:block;
	line-height:29px;
	width:80px
}

#reply input,#reply textarea,#contact input,#contact textarea {
	color:#656565;
	border:1px #e0e0e0 solid
}

#reply input,#contact input {
	margin-bottom:20px;
	height:27px;
	line-height:27px;
	width:220px;
	padding:0 10px
}

#reply textarea,#contact textarea {
	line-height:1.3em;
	margin-left:80px;
	width:435px;
	min-width:435px;
	max-width:600px;
	height:130px;
	padding:10px
}

#reply div.button,#contact div.button {
	display:inline;
	padding:2px
}

#reply div.button input,#contact div.button input {
	display:inline;
	width:auto;
	outline:0;
	border:1px #c7c7c7 solid;
	padding:0 15px;
	background:url(../images/butt-bg.png) #fff left bottom
}

#reply div.button input:hover,#contact div.button input:hover {
	background-position:left top
}

#reply div.send-wrap,#contact div.send-wrap {
	color:#9F9F9F;
	padding-left:80px;
	width:455px
}

.send-wrap {
	overflow:hidden;
	margin:20px 0 0
}

.send-wrap div {
	margin:0
}

.send-wrap div input {
	display:inline;
	line-height:1.6em;
	margin:0!important
}

/*--------------------------- 7-3 - END REPLAY FORM -------------------*/
.tweet_time a {
	color:#9f9f9f
}

/*--------------------------- 7 - END BLOG PAGE STYLES ----------------*/
/*--------------------------- 8 - START CONTACT PAGE STYLES -----------*/
#map {
	width:680px;
	height:300px
}

#map-side-bar {
	margin-bottom:10px
}

#map-side-bar div.map-location a {
	color:#202020
}

#map-side-bar div.map-location {
	margin-bottom:10px
}

div.contact-info span {
	display:inline-block;
	width:100px
}

/*--------------------------- 8 - END CONTACT PAGE STYLES -------------*/
/*--------------------------- 9 - START FOOTER ------------------------*/
#footer-wrap {
	overflow:hidden;
	position:relative;
	margin-top:40px;
	padding-top:100px
}

#footer-wrap .col1-4 {
	position:relative;
	z-index:1
}

.top-mask {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-width:980px;
	height:50px;
	background:url(../images/top-mask.png) no-repeat center top
}

.shine {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-width:980px;
	height:300px;
	background:url(../images/shine.png) no-repeat center top
}

#footer-wrap .inner-blank {
	width:940px;
	margin:0 auto
}

#footer-wrap h4 {
	overflow:hidden;
	color:#fff!important
}

#footer-wrap h4 img {
	margin-top:5px;
	float:right
}

#footer-wrap a:hover {
	color:#fff
}

#footer-wrap,#footer-wrap a {
	color:#a4a4a4
}

.copyr-top {
	width:100%;
	min-width:980px;
	height:40px;
	background:url(../images/copyrights-top.png) no-repeat 50% 0
}

.copyr-spacer {
	line-height:1.6em;
	width:100%;
	padding:10px 0 14px;
	background:url(../images/copyrights-spacer.png) repeat-y 50% 0
}

.copyr-spacer div.social {
	display:inline;
	width:420px;
	float:right
}

div.social span {
	float:left
}

.copyr-spacer div.social ul {
	display:block;
	float:right
}

.copyr-spacer div.social ul li {
	margin-left:10px;
	display:block;
	float:left
}

.copyr-spacer div.social ul li a {
	display:block
}

.copyr-spacer div.social ul li a:hover {
	opacity:.8;
	filter:alpha(opacity=80)
}

a.totop {
	display:block;
	width:35px;
	height:27px;
	margin:-24px auto 0;
	background:url(../images/totop.png) no-repeat center top
}

/*--------------------------- 9 - END FOOTER --------------------------*/

/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------- SHORTCODES -----------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*Headings*/
h1 {
	font-size:30px
}

h2 {
	font-size:22px;
	line-height:1.3em
}

h3 {
	font-size:20px;
	line-height:1.3em
}

h4 {
	font-size:18px;
	margin-bottom:13px
}

h5 {
	font-size:16px;
	margin-bottom:7px
}

h6 {
	font-size:13px;
	font-weight:700;
	margin-bottom:7px;
	cursor:pointer;
}

.inner .heading,.inner-blank .heading,.sidebar .heading {
	text-align:left;
	margin-bottom:13px;
	background:url(../images/heading-bg.gif) no-repeat right bottom
}

.heading h1,.heading h2,.heading h3,.heading h4,.heading h5 {
	background:#fff;
	display:inline;
	padding-right:15px
}

.inner-blank .heading h1,.inner-blank .heading h2,.inner-blank .heading h3,.inner-blank .heading h4,.inner-blank .heading h5,.sidebar .heading h5 {
	background:#f0f0f0
}

.heading.bg-none {
	background:none
}

/*Images in text (from left and right sides)*/
.img-left {
	float:left;
	margin:10px 20px 10px 0
}

.img-right {
	float:right;
	margin:10px 0 10px 20px
}

/*Two types of the divider here*/
.divider {
	height:1px;
	margin:30px 0 20px;
	clear:both;
	background:url(../images/heading-bg.gif) #fff no-repeat right top
}

.divider-blank {
	clear:both;
	width:100%;
	height:27px
}

/*Lists*/
ul li {
	line-height:1.6em
}

ul.stars li {
	background:url(../images/star.png) no-repeat 0 6px
}

ul.arrows li {
	background:url(../images/arrow.gif) no-repeat 0 9px
}

ul.links li {
	background:url(../images/links.gif) no-repeat 0 6px
}

ul.comments li {
	background:url(../images/small-bubble.png) no-repeat 0 6px
}

ul.stick li {
	background:url(../images/stick.gif) no-repeat 0 9px
}

ul.checkboxes li {
	background:url(../images/checkb.png) no-repeat 0 5px
}

ul li.cont-phone {
	background:url(../images/phone.png) no-repeat 0 5px
}

ul li.cont-email {
	background:url(../images/letter.png) no-repeat 0 4px
}

ul li.cont-adress {
	background:url(../images/home.png) no-repeat 0 5px
}

ul.recent-posts li {
	background:url(../images/pencil.gif) no-repeat 0 5px
}

ul.cat li {
	background:url(../images/li-dot.gif) no-repeat 0 10px
}

ul.tweet_list li {
	background:url(../images/tweet.png) no-repeat 0 5px
}

#footer-wrap ul.tweet_list li {
	background:url(../images/footer-tweet.png) no-repeat 0 5px
}

#footer-wrap ul.stars li {
	background:url(../images/footer-star.png) no-repeat 0 6px
}

#footer-wrap ul.arrows li {
	background:url(../images/footer-arrow.gif) no-repeat 0 9px
}

#footer-wrap ul.links li {
	background:url(../images/footer-links.gif) no-repeat 0 6px
}

#footer-wrap ul.comments li {
	background:url(../images/footer-small-bubble.png) no-repeat 0 6px
}

#footer-wrap ul.stick li {
	background:url(../images/footer-stick.gif) no-repeat 0 9px
}

#footer-wrap ul.checkboxes li {
	background:url(../images/footer-checkb.png) no-repeat 0 5px
}

#footer-wrap ul li.cont-phone {
	background:url(../images/footer-phone.png) no-repeat 0 5px
}

#footer-wrap ul li.cont-email {
	background:url(../images/footer-letter.png) no-repeat 0 4px
}

ul li.cont-adress {
	background:url(../images/footer-home.png) no-repeat 0 5px
}

#footer-wrap ul.recent-posts li {
	background:url(../images/footer-pencil.png) no-repeat 0 5px
}

#footer-wrap ul.cat li {
	background:url(../images/footer-li-dot.gif) no-repeat 0 10px
}

ul li.cont-phone,ul li.cont-email,ul li.cont-adress,ul.recent-posts li,ul.comments li,ul.stick li,ul.cat li,ul.stars li,ul.arrows li,ul.links li,ul.checkboxes li,ul.tweet_list li {
	padding-left:20px;
	margin-bottom:7px
}

/*Accordion*/
ul.accordion {
	list-style-type:none;
	width:100%
}

ul.accordion ul {
	padding:10px 20px
}

ul.accordion.works1 li ul {
	overflow:hidden;
	padding:20px 0
}

ul.accordion a.title {
	display:block
}

ul.accordion li {
	margin-top:1px
}

ul.accordion li a.title {
	background:url(../images/accordion-bg.png) #fff repeat-x left bottom;
	color:#202020;
	display:block;
	position:relative;
	border:1px #e3e3e3 solid;
	padding:5px 50px 5px 20px
}

ul.accordion li a.title:hover {
	color:#fff
}

ul.accordion li a.title span.acc-arr {
	background:url(../images/acc-arrows.png) no-repeat left top;
	position:absolute;
	width:22px;
	height:22px;
	right:12px;
	top:50%;
	margin-top:-11px
}

ul.accordion li a.title.tab-active span.acc-arr {
	background:url(../images/acc-arrows.png) no-repeat right top
}

/*Tabs*/
.tabs {
	line-height:1.6em
}

.tabs ul.tabs-nav {
	list-style:none outside none;
	margin:0 0 0 1px;
	border-bottom:1px #d1d1d1 solid;
	padding:0
}

.tabs ul.tabs-nav li {
	float:left;
	margin:0 2px 0 0;
	position:relative;
	z-index:10
}

.tabs ul.tabs-nav li a {
	-moz-border-bottom-colors:none;
	-moz-border-image:none;
	-moz-border-left-colors:none;
	-moz-border-right-colors:none;
	-moz-border-top-colors:none;
	background:none repeat scroll 0 0 #f8f8f8;
	border-color:#e9e9e9;
	border-radius:3px 3px 0 0;
	border-style:solid solid none;
	border-width:1px;
	display:block;
	overflow:hidden;
	padding:5px 15px
}

.tabs ul.tabs-nav li.ui-tabs-selected a,.tabs ul.tabs-nav a:hover {
	background:none repeat scroll 0 0 #FFF;
	color:#202020
}

.tabs .tab {
	padding:15px 0
}

.tabs .ui-tabs-hide {
	left:-10000px;
	position:absolute
}

/*Alerts*/
.alertBox-warning,.alertBox-success,.alertBox-alert {
	background:url(../images/warning.png) #ffecc3 no-repeat right 9px;
	padding:12px 15px;
	color:#202020!important;
	border:1px solid #e3cea0;
	display:block;
	margin-bottom:25px;
	clear:both
}

.alertBox-success {
	background:url(../images/sucsess.png) #d0ffc3 no-repeat right 9px;
	border-color:#afe6a0
}

.alertBox-alert {
	background:url(../images/error.png) #ffdcdc no-repeat right 9px;
	border-color:#f0bbbb
}

.alertBox-success div,.alertBox-warning div,.alertBox-alert div {
	-moz-border-bottom-colors:none!important;
	-moz-border-image:none!important;
	-moz-border-left-colors:none!important;
	-moz-border-right-colors:none!important;
	-moz-border-top-colors:none!important;
	border-radius:4px 4px 4px 4px;
	border-style:solid!important;
	padding:10px;
	clear:both
}

/*Bolckquotes*/
blockquote.blockquote-left {
	border-right:1px solid #d1d1d1;
	font-size:14px;
	width:150px;
	line-height:1.4em;
	float:left;
	font-style:italic;
	color:#202020;
	padding-right:20px;
	margin:10px 20px 10px 0
}

blockquote.blockquote-right {
	border-left:1px solid #d1d1d1;
	font-size:14px;
	width:150px;
	line-height:1.4em;
	float:right;
	font-style:italic;
	color:#202020;
	padding-left:20px;
	margin:10px 0 10px 20px
}


.ui-tooltip, .arrow:after {
background: black;
border: 2px solid white;
}
.ui-tooltip {
padding: 10px 20px;
color: white;
border-radius: 20px;
font: 4px 'PT Sans',sans-serif;
box-shadow: 0 0 7px black;
text-align:justify;
line-height:22px;
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}

.inputbox {
background:url(../images/inputbox.jpg) no-repeat; 
height:27px; 
font-family:Arial; 
color:#7a7878; 
font-size:12px; 
border:0px;
}
.messagebox {
background:url(../images/message.jpg) no-repeat; 
height:70px; 
font-family:Arial; 
color:#7a7878; 
font-size:12px; 
border:0px;
}
.submit {
width:80px; 
height:23px; 
background:url(../images/submit_button.png) no-repeat; 
border:0px; 
font-family:Arial; 
font-size:13px; 
color:#f0eeee;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
box-shadow: 6px 5px 9px -9px black;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
tranform: rotate(45deg);
}
.arrow.top:after {
bottom: -20px;
top: auto;
}
.download-box {
width:105px; 
height:40px; 
background:#5aa3e7; 
float:right; 
right:0; 
position:fixed; 
top:400px; 
z-index:904343;
}
.download-icon {
float:left;
width:32px;
padding:5px 0 0 2px;
}
.download-text {
width:73px;
color:#FFFFFF; 
font-family:Arial; 
font-size:12px; 
font-weight:bold; 
text-decoration:none; 
padding:6px 0px 0px 27px;
line-height:14px;
}
.download-text a{
color:#FFFFFF; 
}
.callus-box {
width:135px; 
height:43px; 
background:#d61818; 
float:right; 
right:0; 
position:fixed; 
top:450px; 
z-index:904343;
}
.callus-box-inner {
width:100%;
text-align:center;
}
.callus-text1 {
color:#fff;
font-family:Arial; 
font-size:12px; 
font-weight:bold; 
text-decoration:none;
padding:7px 0px 0px 0px;
background:url(../images/phone_icon.png) no-repeat 30px 4px;
}
.callus-text2 {
color:#f9f225;
font-family:Arial; 
font-size:16px; 
font-weight:bold; 
text-decoration:none;
padding-top:5px;
}
.topfixed {
	width:100%;
	top:0;
	position:fixed;
	z-index:90000;
	margin:0 auto;
}
.bannerinnerpage {
width:980px;
height:180px;
margin:0 auto;
}
.servicesinnerbox {
float:left;
width:250px;
padding-bottom:40px;
}
.careersleft {
float:left;
width:670px;
padding-right:40px;
}
.careersright {
float:left;
width:200px;
padding-left:20px;
}
.careerline {
float:left;
width:1px;
height:1180px;
background:#f3f3f3;
}
.carrerhead, .carrerhead a{
font-size:18px;
color:#e35b29;
}
.carrerhead :hover{
color:#e35b29;
}
.contactusbox {
float:left;
width:500px;
}
.contactusboxright {
float:left;
width:400px;
}
.form_row{
width:360px;
clear:both;
padding:12px 0 12px 0;
color:#a53d17;
}
label.contact{
width:85px;
float:left;
font-size:14px;
font-weight:bold;
text-align:right;
padding:4px 15px 0 0;
color: #868788;
}
input.contact_input{
width:250px;
height:21px;
float:left;
border:1px #98cdec solid;
background-color:#e2eff4;
color:#3596c5;
font-size:13px;
margin:3px 0 0 0;
padding:3px 0 0 5px;
}
textarea.contact_textarea{
width:250px;
height:120px;
float:left;
border:1px #98cdec solid;
background-color:#e2eff4;
color:#3596c5;
font-size:13px;
margin:3px 0 0 0;
padding:2px 0 0 5px;
}