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

body {
	font-family: 'Arial', sans-serif;
	font-size:12px;
	font-weight:300;
	color:#393939;
	background:#fc6f01;
	overflow:hidden;
	width:100%;
	height:100%;
	line-height:1.5;
}

html {
	height:100%;
	width:100%;
}

html>/**/body  { overflow:visible;}
body:nth-of-type(0) {overflow-y: scroll;}
	
h1 { font-size:36px; }
	 
h2 { font-size:24px; }
	 
h3 { font-size:18px; }
	 
h4 { font-size:16px; }
	 
h5 { font-size:14px; }
	 
h6 { font-size:12px; }

h1,h2,h3,h4,h5,h6 { font-family: 'Arial', sans-serif; }

dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, blockquote, article, p {
margin-bottom: 20px;
}

.font-light {font-weight:300;}
.font-bold {font-weight:700;}

::-moz-selection {
	background: #ff4411;
	color: white;
	text-shadow: none;
}

::selection {
	background: #ff4411;
	color: white;
	text-shadow: none;
}

.text-main-color {
	color:#ff4411;
}

.container {
	width:940px;
	margin:0 auto;
	position:relative;
}

a.zoom {
	width:100%;
	height:100%;
	display:block;
}

input, textarea, select {
	background-color:#e2e2e2;
	border:none;
	padding:5px 10px;
}

input, select {
	height:30px;
	width:200px;
}

textarea {
	padding:10px;
}

input[type="submit"], input[type="button"], a.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: 9px 15px;
	color: white;
	text-shadow: 0 0px 1px rgba(0, 0, 0, .7);
	background: url(../img/btn.png) black repeat-x top;
	font-size:13px;
	font-weight:300;
	height:37px;
}

input[type="submit"]:hover, input[type="button"]:hover, a.button:hover {
	color:#CCC;
}


/*------------------Column----------------------*/

.one-half, 
.one-third, 
.two-third, 
.one-fourth, 
.three-fourth {
	float: left;
	margin-right: 20px;
	margin-bottom:40px;
}

.one-half.last, 
.one-third.last, 
.two-third.last, 
.one-fourth.last, 
.three-fourth.last { 
	margin-right: 0px; 
}

.one-half { width: 460px; }

.one-third { width: 300px; }

.two-third { width: 620px; }

.one-fourth { width: 220px; }

.three-fourth { width: 700px; }


/*---------------------------------------------------------------------*/
/*								Header								   */
/*---------------------------------------------------------------------*/

#header {
	background-color:#FFF;
	border-top:5px solid #fc6f01;
}

#header .top_header {
	padding:13px 0px;
}

#logo {
	float:left;
	height:76px;
}

.top_header .social {
	float:right;
	padding:14px 0;
}

.top_header .social ul {
	margin-bottom:0px;
}


/*------------------Social----------------------*/
.social li {
	display:inline-block;
	*display:inline;
	zoom:1;
	text-indent: -9999px;
}

.social li a {
	width:20px;
	height:20px;
	background-position:0 0;
	display:block;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
}

.social li a:hover { background-position:0 -20px;}

.social li.twitter a { background-image:url(../img/social-icon/twitter-icon.png);}
.social li.facebook a { background-image:url(../img/social-icon/facebook-icon.png);}
.social li.flickr a { background-image:url(../img/social-icon/flickr-icon.png);}
.social li.youtube a { background-image:url(../img/social-icon/youtube-icon.png);}
.social li.vimeo a { background-image:url(../img/social-icon/vimeo-icon.png);}
.social li.dribble a { background-image:url(../img/social-icon/dribble-icon.png);}
.social li.digg a { background-image:url(../img/social-icon/digg-icon.png);}
.social li.linkedin a { background-image:url(../img/social-icon/linkedin-icon.png);}
.social li.deviantart a { background-image:url(../img/social-icon/deviantart-icon.png);}
.social li.skype a { background-image:url(../img/social-icon/skype-icon.png);}
.social li.mail a { background-image:url(../img/social-icon/mail-icon.png);}
.social li.aim a { background-image:url(../img/social-icon/aim-icon.png);}
.social li.amazon a { background-image:url(../img/social-icon/amazon-icon.png);}
.social li.behance a { background-image:url(../img/social-icon/behance-icon.png);}
.social li.bing a { background-image:url(../img/social-icon/bing-icon.png);}
.social li.blogger a { background-image:url(../img/social-icon/blogger-icon.png);}
.social li.gihub a { background-image:url(../img/social-icon/gihub-icon.png);}
.social li.google-buzz a { background-image:url(../img/social-icon/google-buzz-icon.png);}
.social li.gowalla a { background-image:url(../img/social-icon/gowalla-icon.png);}
.social li.mobile a { background-image:url(../img/social-icon/mobile-icon.png);}
.social li.messenger a { background-image:url(../img/social-icon/messenger-icon.png);}
.social li.myspace a { background-image:url(../img/social-icon/myspace-icon.png);}
.social li.photobucket a { background-image:url(../img/social-icon/photobucket-icon.png);}
.social li.picasa a { background-image:url(../img/social-icon/picasa-icon.png);}
.social li.technorati a { background-image:url(../img/social-icon/technorati-icon.png);}
.social li.yahoo a { background-image:url(../img/social-icon/yahoo-icon.png);}
.social li.yahoobuzz a { background-image:url(../img/social-icon/yahoobuzz-icon.png);}
.social li.googleplus a { background-image:url(../img/social-icon/googleplus-icon.png);}


/*------------------Main Navigation----------------------*/

#main-nav {
	border-top:1px dotted #e0e0e0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:bold;
	font-size:12px;
	font-weight:400;
}

#main-nav select {
	display:none;
}

#main-nav ul {
}

#main-nav ul li {
	display:inline-block;
	*display:inline;
	zoom:1;
	position:relative;
}

#main-nav li a{
	padding:8px 15px;
	text-transform:uppercase;
	display:block;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
}

#main-nav li a.sub {
	padding-right:20px;
}

#main-nav li a:hover,
#main-nav li a.selected {
}

#main-nav ul.nav li ul li {
	display:block;
	font-size:11px;
}

ul.nav li a.sub {
	background:url(../img/icon-main-sub.png) 95% center no-repeat;
}

ul.nav li a.sub:hover,
ul.nav li a.sub.menuhover,
ul.nav li a.sub.selected {
	background:url(../img/icon-main-sub-hover.png) 95% center no-repeat;
	color:#ff4411;
}

ul.nav li ul {
	position: absolute;
	display: none;
	opacity: 0;
	width: 160px;
	background-color:#FFF;
}

ul.nav li ul li {
	position:relative;
}

ul.nav li ul li a {
}

ul.nav li ul li a:hover,
ul.nav li ul li a.menuhover{
	background-color:#ff4411;
	background-image:none;
	color:#FFF;
}

ul.nav li ul li ul {
	position: absolute;
	left:160px;
	top:0px;
}


/*---------------------------------------------------------------------*/
/*								Content								   */
/*---------------------------------------------------------------------*/

#content {
	background-color:#FFF;
	overflow:hidden;
}

#content .wrapper {
	margin-top:40px;
}

/*------------------Element----------------------*/

.blockquotes {
	background: url(../img/icon_quote.png) no-repeat 10px 10px;
	padding: 10px 10px 10px 35px;
	border:1px dotted #cccccc;
	font-size:15px;
	font-style:italic;
	font-weight:400;
	display:block;
}

.dropcap {
	float: left;
	padding: 0 10px 0px 10px;
	margin:5px 10px 0px 0px;
	font-size: 24px;
	font-weight:400;
	background-color:#CCC;
}

.dropcap-black {
	float: left;
	padding: 0 10px 0px 10px;
	margin:5px 10px 0px 0px;
	font-size: 24px;
	font-weight:400;
	background-color:#fc6f01;
	color:#FFF;
}

/*---------------List Style-------------------*/

ul.nummeric {
	list-style-type:decimal;
	margin-left:20px;
	line-height:170%;
}

ul.circle {
	list-style-type:circle;
	margin-left:20px;
	line-height:170%;
}

ul.bullet {
	list-style-type:disc;
	margin-left:20px;
	line-height:170%;
}

ul.circle-border li {
	background:url(../img/list-style-blue-circle-border.png) no-repeat left 2px;
	padding:0 0 0 20px;
}

ul.double-arrow li {
	background:url(../img/list-style-double-arrow.png) no-repeat left 3px;
	padding: 0 0 0 20px;
}

ul.arrow li {
	background:url(../img/list-style-arrow.png) no-repeat left 4px;
	padding: 0 0 0 20px;
}

ul.blue-triangle li {
	background:url(../img/list-style-blue-triangle.png) no-repeat left 5px;
	padding: 0 0 0 20px;
}

ul.tick li {
	background:url(../img/list-style-tick.png) no-repeat left top;
	padding: 0 0 0 20px;
}

ul.black-tick li {
	background:url(../img/list-style-black-tick.png) no-repeat left 2px;
	padding: 0 0 0 20px;
}

ul.list-x li {
	background:url(../img/list-style-x.png) no-repeat left 4px;
	padding: 0 0 0 20px;
}


/*---------------------------------------------------------------------*/
/*								Banner								   */
/*---------------------------------------------------------------------*/

/*------ Banner Slider -------*/

#content .top_page_banner {
	display:block;
	overflow:hidden;
}

.flexslider ul.slides li {
	background: 50% 50% no-repeat;
	color:#FFF;
	text-transform:uppercase;
	line-height:1;
	position:relative;
}

.top_page_banner .flexslider ul.slides li {
	height:350px;
}

.caption {
	font-family: 'Arial', sans-serif;
	font-weight:400;
	margin:0px auto;
	text-shadow: #626262 1px 1px 3px;
	-webkit-text-shadow: #626262 1px 1px 3px;
	-moz-text-shadow: #626262 1px 1px 3px;
	-o-text-shadow: #626262 1px 1px 3px;
	display:block;
}

.caption h1,
.caption h2,
.caption h3,
.caption h4,
.caption h5,
.caption h6 {
	margin-bottom:0px;
}

.caption_position {
	height:350px;
	display:table-cell;
}

.caption_position.center {
	vertical-align:middle;
}

.caption_position.left {
	text-align:left;
}

.caption_position.right {
	text-align:right;
}

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0; overflow:hidden;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {position: absolute; bottom: 10px; right:15px;}
.flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #FFF; border-radius:50%; background: rgba(255,255,255,0.5); cursor: pointer; text-indent: -9999px; }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #fc6f01; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/* Portfolio Top Page*/

#portfolio_top_page {
	padding-bottom:70px;
	background-color:#FFF;
	border-top:4px solid #fc6f01;
	position:relative;
}

#portfolio_top_page .portfolio_header {
	position:absolute;
	background:url(../img/portfolio-header.png) no-repeat right top;
	top:-32px;
	left:0px;
	
}

#portfolio_top_page .portfolio_header .portfolio_header_inner {
	background:url(../img/portfolio-header-arrow.png) no-repeat 10px bottom;
	height:39px;
}

#portfolio_top_page .portfolio_header span {
	font-weight:700;
	font-size:16px;
	display:block;
	background:#fc6f01;
	height:22px;
	padding:5px 20px;
	margin-right:22px;
	margin-bottom:17px;
	color:#FFF;
	text-transform:uppercase;
}
	

#portfolio_top_page li.each_img {
	display:inline-block;
	*display:inline;
	zoom:1;
	position:relative;
}

#portfolio_top_page li.each_img img {
	max-height:170px;
	max-width:240px;
	border-top:1px solid #FFF;
	
}

#portfolio_top_page li.each_img a {
	display:block;
	line-height:0;
	}

#portfolio_top_page li.each_img a:hover {
	background:url(../img/zoom-magnifier.png) no-repeat center center;
}

#portfolio_top_page li.each_img .img_name {
	text-transform:uppercase;
	color:#fc6f01;
	margin-top:5px;
}

.jcarousel-item {
	width:240px;
}

.jcarousel-next-horizontal,
.portfolio-next {
	background:url(../img/right-arrow-s.png) no-repeat #fc6f01 98% 3px;
	width:100%;
	height:30px;
	cursor:pointer;
	position:absolute;
	bottom:-30px;
	right:17%;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
}

.jcarousel-next-horizontal:hover,
.portfolio-next:hover {
	background-position:110% 3px;
	background-color:#ff4411;
}

.jcarousel-next-horizontal:active,
.portfolio-next:active {
	background-color:#ff4411;
}

.jcarousel-prev-horizontal,
.portfolio-prev {
	background:url(../img/left-arrow-s.png) no-repeat #fc6f01 2% 3px;
	width:32%;
	height:30px;
	cursor:pointer;
	position:absolute;
	bottom:-30px;
	left:17%;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;

}

.jcarousel-prev-horizontal:hover,
.portfolio-prev:hover {
	background-position:-10% 3px;
	background-color:#ff4411;
}

.jcarousel-prev-horizontal:active,
.portfolio-prev:active {
	background-color:#ff4411;
}

/*--------------Flex Slider Caption---------------*/

.boxcaption{ 
	float: left; 
	position: absolute; 
	background: rgba(255,68,17,0.9) url(../img/magnifier-s.png) center 75% no-repeat;
	height: 100%; 
	width: 90%; 
	}

	
.captionfull .boxcaption {
	top: 100%;
	left: 0;
}

.cover.boxcaption {
	color:#FFF;
	padding:5%;
	text-transform:uppercase;
	line-height:1.2;
}

.cover.boxcaption .topic {
	font-size:18px;
	display:block;
}

.cover.boxcaption .seperator {
	border-bottom:1px dotted #FFF;
	margin:8px 0px;
	display:block;
}

.cover.boxcaption .portfolio_category {
	display:block;
}

.cover.boxcaption .portfolio_category span {
	padding-right:10px;
	font-size:11px;
	font-weight:300;
}

/*------ Layer Slider -------*/
#layerslider {
	width:100%;
	height:340px;
	margin: 0px auto;
}

.ls-layer,
.ls-layer * {
	font-family: 'Arial', sans-serif;
	font-weight: normal;
	text-transform:uppercase;
	text-shadow: #626262 1px 1px 3px;
	-webkit-text-shadow: #626262 1px 1px 3px;
	-moz-text-shadow: #626262 1px 1px 3px;
	-o-text-shadow: #626262 1px 1px 3px;
}

.ls-layer p {
	padding: 0px 10px;				
	line-height: 40px;
	box-shadow: 0px 4px 10px -5px black;
	text-shadow: none;
	font-size: 18px;
}

.l1-s1 {
	color: white;
	text-align: left;
	font-weight: 300;
}


.l2-s1 {
	height: 40px;
	color: white;
	background: black;
	opacity: .65;
	white-space: nowrap;
}

.l3-s1 {
	height: 40px;
	color: white;
	background: #ff4411;
	opacity: .9;
	white-space: nowrap;
}

/*---------------------------------------------------------------------*/
/*						Full Screen Portfolio						   */
/*---------------------------------------------------------------------*/

.block{
}

.overlay{
	background-color:#fc6f01;
	opacity:0;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1000;
	display:none;
}
.bg-img{
	position:fixed;
	width:100%;
	top:0px;
	left:0px;
	z-index:100;
}

.loading-small{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url(../img/loading-small.gif) #fc6f01 no-repeat center center;
	display:none;
}

.full-view-elements{
	display:none;
	background-color:#fc6f01;
}

.full-view{
	position:fixed;
	overflow:hidden;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1000;
}
.header-full{
	width:90%;
	color:#FFF;
	text-transform:uppercase;
	text-shadow: #4d4d4d 1px 1px 1px;
	-webkit-text-shadow: #4d4d4d 1px 1px 1px;
	-moz-text-shadow: #4d4d4d 1px 1px 1px;
	-o-text-shadow: #4d4d4d 1px 1px 1px;
	max-height:20%;
	margin-top:15px;
	margin-left:2%;
	/*-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.3);
	box-shadow:1px 1px 3px rgba(0,0,0,0.3);*/
}
.fancy{
	font-family:'Ovo', 'Georgia', Baskerville, "Hoefler Text", Garamond, serif;
}
.header-full .fancy{
	font-size:30px;
}
.block .fancy{
	font-size:18px;
}


p.subline{
	font-family:'Droid Sans', Arial, sans-serif;
	line-height:20px;
	font-size:11px;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-style:normal;
}

.block-small{
	width:160px;
} 
.block-medium{
	width:174px;
}

.block p{
	font-style:italic;
	line-height:20px;
	padding-bottom:5px;
}
.block p.subline{
	margin:10px 0px;
	font-style:normal;
}
.block img{
	border:none;
	display:block;
}
.project-descr{
	display:none;
}
.project-descr-full{
	background:rgba(255,255,255,0.8);
	height:75%;
	width:400px;
	padding:0;
	margin-top:2%;
	margin-left:2%;
	display:block;
	/*-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);*/
}
.project-descr-full-wrapper{
	margin:5%;
	height:47%;
	width:90%;
	overflow:hidden;
}
.project-descr-full-content p{
	font-size: 13px;
}

.thumbs-wrapper {
	display:none;
}

.full-view .thumbs-wrapper-full{
	max-height:45%;
}

.thumbs-wrapper-full{
	overflow:hidden;
	position:relative;
	width:100%;
	height:100%;
	margin:0px auto;
}

.thumbs {
	/*width:100%;*/
}

.thumbs img{
	float:left;
	max-width:400px;
}

.thumbs iframe{
	float:left;
	width:400px;
	height:285px;
}

.thumbs-nav span{
	position:absolute;
	width:27px;
	height:27px;
	background:transparent url(../img/bg_direction_nav.png) no-repeat top left;
	top:50%;
	left:5px;
	cursor:pointer;
	text-indent:-9000px;
	display:none;
}
.thumbs-nav span.thumbs-nav-next{
	left:auto;
	right:5px;
	background-position:top right;
}
.thumbs-nav span.thumbs-nav-prev:hover{
	background-position:bottom left;
}
.thumbs-nav span.thumbs-nav-next:hover{
	background-position:bottom right;
}
.full-view-exit{
	background:#fc6f01 url(../img/full-screen-close-icon.png) no-repeat 13px 50%;
	position:absolute;
	top:15px;
	right:0px;
	cursor:pointer;
	width:35px;
	height:42px;
	padding:10px 10px 10px 15px;
	text-indent:-9000px;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 2px 3px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.full-view-exit:hover{
	width:50px;
	background-color:#ff4411;
}

.full-nav{
	margin-right:10px;
	display:block;
	float:left;
}

.full-view h2.title {
	font-size:30px;
	margin-bottom:0px;
}

.full-nav-prev,
.full-nav-next{
	float:left;
	width:20px;
	height:40px;
	background: url(../img/full-screen-arrow-left.png) no-repeat center center #fc6f01;
	cursor:pointer;
	text-indent:-9000px;
	padding:10px 15px;
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}
.full-nav-next{
	background: url(../img/full-screen-arrow-right.png) no-repeat center center #fc6f01;
}

.full-nav-prev:hover {
	background-color:#ff4411;
	background-position:20% center;
}

.full-nav-next:hover {
	background-color:#ff4411;
	background-position:80% center;
}

.full-nav-pages{
	float:left;
	line-height:40px;
	font-size:12px;
	padding:0 10px;
	font-style:italic;
	color:#fff;
}
.intro-loading{
	background: transparent url(../img/loading.gif) no-repeat center center;
	opacity:0.6;
}

/* Footer Style */
.reference{
	position:relative;
	width:100%;
	height:25px;
	line-height:24px;
	font-size:13px;
	background:#fc6f01;
	opacity:0.9;
	text-transform:uppercase;
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	z-index:4;
}
.reference a{
	padding:5px 10px;
	letter-spacing:1px;
	text-shadow:1px 1px 1px #fc6f01;
	color:#ddd;
	text-align:right;
}
.reference a:hover{
	color:#fff;
}
.reference a span{
	font-weight:bold;
}
.reference span.right_ab{
	position:absolute;
	right:4px;
}

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

/*------------------Page Header----------------------*/
.page-header {
	background:url(../img/page-header-bg.png) repeat;
	padding:20px;
	min-height:165px;
	text-transform:uppercase;
}

.page-header .page-title {
	font-weight:400;
	color:#FFF;
	margin-bottom:0px;
}

.page-header .page-description {
	font-size:18px;
	color:#FFF;
}

.page-header .page-description p {
	margin-bottom:0px;
}

/*------------------Page Content----------------------*/

.content-title {
	font-weight:700;
	border-bottom:1px dotted #fc6f01;
	text-transform:uppercase;
	color:#fc6f01;
}

.content-title span {
	border-bottom:5px solid #ff4411;
	padding-bottom:5px;
	display:inline-block;
	*display:block;
	zoom:1;

}

.pagination {
	font-size:10px;
	text-transform:uppercase;
}

.pagination li {
	display:inline-block;
	*display:inline;
	zoom:1;
}

.pagination a{
	padding:3px 7px;
	display:block;
}

.pagination a:hover,
.pagination a.selected  {
	background-color:#ff4411;
	color:#FFF;
}

.pagination .next a{
	background:url(../img/icon-right-sidebar-arrow.png) 98% 6px no-repeat;
	padding:3px 10px 3px 3px;
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}

.pagination .next a:hover{
	background-position:120% 3px;
	color:#ff4411;
}

.pagination .prev a{
	background:url(../img/icon-left-sidebar-arrow.png) 2% 6px no-repeat;
	padding:3px 3px 3px 10px;
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}

.pagination .prev a:hover{
	background-position:-20% 3px;
	color:#ff4411;
}

/*------------------SKill Chart----------------------*/
.skill-chart {
}

.skill-chart li {
	margin-bottom:10px;
}

.skill-chart .skill-graph {
	background-color:#bac0ac;
	display:block;
	height:15px;
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}

.skill-chart .skill-graph:hover {
	background-color:#ff4411;
}


/*------------------Team Member----------------------*/

.team-member:hover {
	color:#ff4411;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.team-member img {
	border-bottom:5px solid #fc6f01;
	margin-bottom:10px;
	max-width:100%;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.team-member img:hover {
	border-bottom:5px solid #ff4411;
	opacity:0.7;
}

.team-member .content {
	padding-bottom:10px;
	border-bottom:1px dotted #fc6f01;
	margin-bottom:10px;
}

.team-member .name {
	text-transform:uppercase;
	font-weight:400;
	margin-bottom:0px;
}

/*------------------Content Slider----------------------*/

.content-slider {
	position:relative;
	display:block;
	margin-bottom:40px;
}

.content-slider .slides li {
	float:left;
}

.content-slider .flex-control-nav {
	display:none;
}

.content-slider .flex-direction-nav {
	position:absolute;
	top:12px;
	right:0px;
	width:50px;
	height:25px;
	padding:3px;
	background-color:#FFF;
	display:block;
}

.content-slider .flex-direction-nav a {
	width:25px;
	height:25px;
	background-color:#918f8f;
	display:block;
	opacity:1;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	margin:0px;
	top:0px;
}

.content-slider .flex-direction-nav a:hover {
	background-color:#ff4411;
}

.content-slider .flex-direction-nav .flex-prev {
	background-image: url(../img/left-arrow-s.png);
	background-position: 7px center;
	left:0;
}

.content-slider .flex-direction-nav .flex-prev:hover {
	background-position:-10px center;
}

.content-slider .flex-direction-nav .flex-disabled.flex-prev:hover {
	background-position: 7px center;
}

.content-slider .flex-direction-nav .flex-next {
	background-image: url(../img/right-arrow-s.png);
	background-position: -23px center;
	right:0px;
	top:0px;
}

.content-slider .flex-direction-nav .flex-next:hover {
	background-position: 0px center;
}

.content-slider .flex-direction-nav .flex-disabled.flex-next:hover {
	background-position: -23px center;
}

.content-slider .flex-direction-nav .flex-disabled,
.content-slider .flex-direction-nav .flex-disabled:hover {
	background-color:#d4d4d4;
}
	

/*------------------Customer Voice----------------------*/

.voice .wording {
	display:block;
	background: url(../img/icon_quote.png) no-repeat 15px 15px #ededed;
	padding:20px 20px 20px 45px;
	margin:0 10px;
	font-style:italic;
}

.voice .voice-arrow {
	background:url(../img/voice-arrow.png) 90% top  no-repeat;
	display:block;
	width:100%;
	height:17px;
}

.voice .client {
	text-align:right;
	border-right:3px solid #ff4411;
	padding:3px 10px;
	margin:0px 10px;
}

.voice .client .name {
	font-weight:700;
}

.voice .client .position {
	font-size:11px;
	color:#bac0ac;
}

/*------------------Portfolio Slider----------------------*/

#portfolio.content-slider {
	margin:0px;
}


/*------------------Pricing Table----------------------*/

.extend-price-table,
.simple-price-table {
	margin:60px 0px;
	width:100%;
	height:100%;
	position:relative;
	text-align:center;
}

.extend-price-table .column,
.simple-price-table .column{
	float:left;
	margin:0px;
	padding:0px;
	position:relative;
}

.extend-price-table ul,
.simple-price-table ul {
	margin-bottom:0px;
}

.extend-price-table .column {
	border-left:1px solid #FFF;
}

.extend-price-table .column { width: 720px; }

.extend-price-table .feature-list {
	text-align: left;
	width: 220px !important;
	border-left:none;
}

.extend-price-table.col2 .column { width: 359px; }
.extend-price-table.col3 .column { width: 239px; }
.extend-price-table.col4 .column { width: 179px; }
.extend-price-table.col5 .column { width: 143px; }

.extend-price-table .header,
.simple-price-table .header {
	min-height:95px;
	border-top:5px solid #fc6f01;
	background:url(../img/header-price-bg.png) repeat;
	line-height:1.2;
}

.extend-price-table .feature-list .header {
	min-height:100px;
	border-top:none;
	background:none;
}

.extend-price-table .premium,
.simple-price-table .premium{
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
	box-shadow: 0 0 20px rgba(0, 0, 0, .15);
	z-index: 1;
}

.extend-price-table .premium .header,
.simple-price-table .premium .header {
	margin-top:-20px;
	background:#FFF none;
	padding-bottom:11px;
	border-top:5px solid #ff4411;
}

.extend-price-table .title,
.simple-price-table .title {
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
	padding:5px 10px;
	margin-bottom:0px;
}

.extend-price-table .premium .title,
.simple-price-table .premium .title {
	padding:13px 10px;
	font-size:18px;
	color:#ff4411;
}

.extend-price-table .price,
.simple-price-table .price {
	font-size:36px;
	font-weight:700;
	margin-bottom:0px;
}

.extend-price-table .feature li {
	background-color:#f3f3f3;
	padding:10px;
	border-bottom:1px solid #FFF;
}

.extend-price-table .feature li:nth-child(even){
	background-color:#e8e8e8;
}

.extend-price-table .premium .feature li {
	background-color:#f8f8f8;
}

.extend-price-table .premium .feature li:nth-child(even){
	background-color:#f6f6f6;
}


.extend-price-table .feature li:first-child {
	border-top:1px solid #FFF;
}

.extend-price-table .feature li .check {
	background:url(../img/icon-check.png) no-repeat center center;
	width:15px;
	height:17px;
	display:inline-block;
	text-indent:-9999px;
}

.extend-price-table .feature li .dash {
	background:url(../img/icon-dash.png) no-repeat center center;
	width:15px;
	height:17px;
	display:inline-block;
	text-indent:-9999px;
}

.extend-price-table .footer a {
	background-color:#f3f3f3;
	padding:20px;
	font-size:18px;
	text-transform:uppercase;
	display:block;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;

}

.extend-price-table .footer a:hover {
	background-color:#bac0ac;
	color:#FFF;
}

.extend-price-table .premium .footer a {
	background-color:#ff4411;
	color:#FFF;
	padding-bottom:35px;
	border-bottom:5px solid #dd2f00;
}

.extend-price-table .premium .footer a:hover {
	background-color:#bac0ac;
	color:#FFF;
	border-bottom:5px solid #a1a891;
}

.simple-price-table .column {
	border-left:1px solid #FFF;
}

.simple-price-table.col2 .column { width: 468px; }
.simple-price-table.col3 .column { width: 312px; }
.simple-price-table.col4 .column { width: 233px; }
.simple-price-table.col5 .column { width: 186px; }

.simple-price-table .feature {
	background-color:#ededed;
	border-top:1px solid #FFF;
}

.simple-price-table .premium .feature {
	background-color:#FFF;
}

.simple-price-table .feature li {
	margin:0px 10px;
	padding:10px 0px;
	border-top:1px dotted #c0c0c0;
}

.simple-price-table .feature li:first-child {
	border-top:none;
} 

.simple-price-table .footer a {
	background-color:#e8e8e8;
	padding:20px;
	font-size:18px;
	text-transform:uppercase;
	display:block;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;

}

.simple-price-table .footer a:hover {
	background-color:#bac0ac;
	color:#FFF;
}

.simple-price-table .premium .footer a {
	background-color:#ff4411;
	color:#FFF;
	padding-bottom:35px;
	border-bottom:5px solid #dd2f00;
}

.simple-price-table .premium .footer a:hover {
	background-color:#bac0ac;
	color:#FFF;
	border-bottom:5px solid #a1a891;
}	

/*------------------Blog----------------------*/

.entry {
	margin-bottom:40px;
}

.entry iframe {
	width:100%;
	margin-bottom:20px;
}

.entry a.zoom:hover {
	background:url(../img/zoom-plus-big.png) no-repeat center center;
}

.entry .entry-img {
	margin-bottom:20px;
	max-width:100%;
}

.entry .content-title a {
	color:#fc6f01;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;

}

.entry .content-title a:hover {
	color:#ff4411;
}

.entry .entry-content {
	float:right;
	width:580px;
}

.entry-content .tag a {
	background-color:#bac0ac;
	padding:3px 5px;
	font-size:11px;
	color:#FFF;
	margin-right:5px;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	
}

.entry-content .tag a:hover {
	background-color:#ff4411;
}

.entry .entry-meta {
	float:left;
	width:100px;
	margin-right:20px;
	text-align:center;
	font-size:11px;
}

.entry-meta .date-post {
	background-color:#fc6f01;
	color:#FFF;
	padding:10px;
	text-transform:uppercase;
	line-height:1;
}

.entry-meta .date-post ul {
	margin-bottom:0px;
}

.entry-meta .date-post span {
	display:block;
}

.date-post span.date {
	font-size:48px;
}

.date-post span.month {
	font-size:30px;
}

.entry-meta .comment a {
	background:url(../img/icon-comment.png) no-repeat left center;
	padding:8px 0px 8px 12px;
	display:block;
}

.entry-meta .comment {
	border-bottom:1px dotted #E0E0E0;
	margin-bottom:5px;
}

.entry-meta .author {
	font-style:italic;
}


/*------------------Entry Image Slider----------------------*/

.entry-image-slider .flexslider {
	margin-bottom:20px;
}

.entry-image-slider a.zoom {
	width:100%;
	height:100%;
	display:block;
}

.entry-image-slider a.zoom:hover {
	background:url(../img/zoom-magnifier-big.png) no-repeat center center;
}

.entry-image-slider .flex-control-nav  {
	display:none;
}

.entry-image-slider .flexslider ul.slides li {
}

.entry-image-slider .flexslider ul.slides li img {
	max-width:100%;
}

.entry-image-slider .flex-direction-nav a,
#portfolio-single .flex-direction-nav a {
	width: 25px; 
	height: 76px; 
	margin: -35px 0 0; 
	display: block; 
	background: url(../img/bg_direction_entry_slider_nav.png) no-repeat 0 0; 
	}
	
.entry-image-slider .flex-direction-nav .flex-next,
#portfolio-single .flex-direction-nav .flex-next {
	background-position: 100% 0; 
	right: -36px; 
	}
	
.entry-image-slider .flex-direction-nav .flex-prev,
#portfolio-single .flex-direction-nav .flex-prev {
	left: -36px;
	}
	
.entry-image-slider .flexslider:hover .flex-next,
#portfolio-single .flexslider:hover .flex-next {
	right: 0px;
	}
	
.entry-image-slider .flexslider:hover .flex-prev,
#portfolio-single .flexslider:hover .flex-prev {
	left: 0px;
	}


/*------------------Blog Comment----------------------*/

.comment_wrapper {
	border-top:1px dotted #E0E0E0;
	padding-top:20px;
}

.comment_wrapper a {
	color:#ff4411;
}

.comment_wrapper a:hover {
	color:#BAC0AC;
}

.each_comment {
	clear:both;
	margin-bottom:20px;
}

.each_comment .avatar {
	width:65px;
	height:65px;
	padding:2px;
	border:1px solid #FFF;
	float:left;
	margin-right:10px;
}

.each_comment .avatar img {
	max-height:65px;
	max-width:65px;
}

.each_comment .comment_content {
	display:block;
	margin-left:80px;
}

.sub_comment {
	margin-left:69px;
}

.comment_content ul.comment_detail {
	min-height: 18px;
	font-size: 11px;
	padding: 5px 0px;
	border-bottom: 1px dotted #bcbcbc;
	margin-bottom:0px;
}

ul.comment_detail li {
	display:inline-block;
	margin-right:15px;
}

.comment_content .comment {
	padding:10px 0px;
}

/*---------------Reply and Contact Form-------------------*/

.reply_wrapper {
	border-top:1px dotted #E0E0E0;
	padding-top:20px;
	margin-top:40px;
}

.reply_wrapper .input-block,
.contact_wrapper .input-block{
	float:left;
	margin:0 20px 20px 0;
}

.reply_wrapper .input-block.last,
.contact_wrapper .input-block.last {
	margin-right:0px;
}

.reply_wrapper label,
.contact_wrapper label {
	display:block;
	margin-bottom:5px;
}

.reply_wrapper input,
.contact_wrapper input{
	width:200px;
}

.reply_wrapper textarea,
.contact_wrapper textarea {
	width:680px;
	height:200px;
	clear:both;
}

.contact_wrapper input[type="submit"], .reply_wrapper input[type="submit"],
.contact_wrapper input[type="reset"], .reply_wrapper input[type="reset"] {
	margin: 0 0 20px;
	width: auto;
}

/*---------------Alert-------------------*/

.error {
	background-color:#F9E5E6;
	border:1px solid #F7C7C9;
	color:#B3696C;
	padding:5px;
}

.success {
	background-color:#E3EBC6;
	border:1px solid #C2D288;
	color:#8FA442;
	padding:5px;
}

.notice {
	background-color:#FCF7D9;
	border:1px solid #F5DC7D;
	color:#C4A21B;
	padding:5px;
}

label.error,
label.success,
label.notice {
	margin:10px 0px;
}

/*---------------Portfolio-------------------*/

#portfolio {
	margin:0px -20px 40px 0px;
}

.filter {
	margin-bottom:40px;
}

.filter li {
	display:inline-block;
	*display:inline;
	zoom:1;
	text-transform:uppercase;
}

.filter li a {
	padding:5px;
	font-size:11px;
	display:block;
}

.filter li a.selected {
	background-color:#ff4411;
	color:#FFF;
}

#portfolio .item {
	text-align:center;
	border-bottom:3px solid #fc6f01;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin-bottom:60px;
}

#portfolio .item img {
	max-width:100%;
}

#portfolio .item:hover {
	color:#ff4411;
	border-bottom-color:#ff4411;
}

#portfolio .item .title {
	text-transform:uppercase;
	font-weight:700;
	color:#fc6f01;
	border-bottom:1px dotted #7f7f7f;
	padding:10px 5px;
	margin-bottom:0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#portfolio .item:hover .title,
#portfolio .item:hover .filter-type  {
	color:#ff4411;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#portfolio .item .filter-type {
	padding:10px 5px;
	display:block;
}


#portfolio .item a.port:hover {
	background:url(../img/zoom-magnifier-small.png) no-repeat center center;
}

#portfolio .item a.vimeo:hover,
#portfolio .item a.youtube:hover {
	background:url(../img/zoom-video-small.png) no-repeat center center;
}


/*---------------Portfolio Single-------------------*/

#portfolio-single .portfolio-content {
	border-bottom:3px solid #fc6f01;
	position:relative;
	margin-bottom:70px;
}

#portfolio-single .portfolio-image {
	margin-bottom:20px;
}

.portfolio-image a.zoom {
	width:100%;
	height:100%;
	display:block;
}

.portfolio-image a.zoom:hover {
	background:url(../img/zoom-magnifier-big.png) no-repeat center center;
}

#portfolio-single .portfolio-image img {
	max-width:100%;
}

#portfolio-single .portfolio-next,
#portfolio-single .portfolio-prev {
	width:49%;
}

#portfolio-single .portfolio-next a,
#portfolio-single .portfolio-prev a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}

#portfolio-single .portfolio-next {
	right:0px;
}

#portfolio-single .portfolio-prev {
	left:0px;
}

/*---------------Contact-------------------*/

#map {
	width:100%;
	height:390px;
	position:relative;
	margin-bottom:40px;
}

#map iframe {
	width:100%;
	height:390px;
}

/*---------------Button-------------------*/

.btn a {
	color:#FFF;
}

.btn a:hover {
	color:#CCC;
	text-shadow:none;
}

.black_btn {
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	background-position:0 0;
	height:37px;
	display:inline-block;
}
 
.black_btn a {
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	background-position:100% -37px;
	padding:9px 15px;
	text-shadow:none;	
	display:inline-block;
}

.blue_btn {
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	background-position:0px -74px;
	height:37px;
	display:inline-block;
}
 
.blue_btn a {
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	background-position:100% -111px;
	padding:9px 15px;
	color:#1c6d87;
	display:inline-block;
}

.blue_btn a:hover {
	color:#086380;
}

.blue_light_btn {
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	background-position:0px -148px;
	height:37px;
	display:inline-block;
}
 
.blue_light_btn a {
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	background-position:100% -185px;
	color:#3f5d73;
	padding:9px 15px;
	display:inline-block;
}

.blue_light_btn a:hover {
	color:#2c506b;
}

.green_light_btn {
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	background-position:0px -222px;
	height:37px;
	display:inline-block;
}
 
.green_light_btn a {
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	background-position:100% -259px;
	color:#737518;
	padding:9px 15px;
	display:inline-block;
}

.green_light_btn a:hover {
	color:#676910;
}

.green_btn {
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	background-position:0px -296px;
	height:37px;
	display:inline-block;
}
 
.green_btn a {
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	background-position:100% -333px;
	color:#738f13;
	padding:9px 15px;
	display:inline-block;
}

.green_btn a:hover {
	color:#6f8a10;
}

.yellow_btn {
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	background-position:0px -370px;
	height:37px;
	display:inline-block;
}
 
.yellow_btn a {
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	background-position:100% -407px;
	color:#a67115;
	padding:9px 15px;
	display:inline-block;
}

.yellow_btn a:hover {
	color:#744c07;
}

.orange_btn {
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	background-position:0px -444px;
	height:37px;
	display:inline-block;
}
 
.orange_btn a {
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	background-position:100% -481px;
	color:#88430a;
	padding:9px 15px;
	display:inline-block;
}

.orange_btn a:hover {
	color:#5d310c;
}

.red_btn {
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	background-position:0px -518px;
	height:37px;
	display:inline-block;
}
 
.red_btn a {
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	background-position:100% -555px;
	color:#6f1414;
	padding:9px 15px;
	display:inline-block;
}

.red_btn a:hover {
	color:#4b0909;
}

.red_light_btn {
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	background-position:0px -592px;
	height:37px;
	display:inline-block;
}
 
.red_light_btn a {
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	background-position:100% -629px;
	color:#b13232;
	padding:9px 15px;
	display:inline-block;
}

.red_light_btn a:hover {
	color:#7e1717;
}

.pink_btn {
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	background-position:0px -666px;
	height:37px;
	display:inline-block;
}
 
.pink_btn a {
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	background-position:100% -703px;
	color:#a93085;
	padding:9px 15px;
	display:inline-block;
}

.pink_btn a:hover {
	color:#78165b;
}

.violet_btn {
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	background-position:0px -740px;
	height:37px;
	display:inline-block;
}
 
.violet_btn a {
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	background-position:100% -777px;
	color:#82207d;
	padding:9px 15px;
	display:inline-block;
}

.violet_btn a:hover {
	color:#42053f;
}

.dark_blue_btn {
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	background-position:0px -814px;
	height:37px;
	display:inline-block;
}
 
.dark_blue_btn a {
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	background-position:100% -851px;
	color:#0d345f;
	padding:9px 15px;
	display:inline-block;
}

.dark_blue_btn a:hover {
	color:#01172f;
}

/*---------------Highlight-------------------*/

.hilight-light-blue {
	background-color:#00deff;
	color:#fc6f01;
}

.hilight-light-green {
	background-color:#50fac4;
	color:#fc6f01;
}

.hilight-light-yellow {
	background-color:#fffb84;
	color:#fc6f01;
}

.hilight-light-orange {
	background-color:#ffa647;
	color:#fc6f01;
}

.hilight-light-red {
	background-color:#ff5d47;
	color:#fc6f01;
}

.hilight-light-pink {
	background-color:#ff477f;
	color:#fc6f01;
}

.hilight-light-violet {
	background-color:#cb5edb;
	color:#fc6f01;
}


.hilight-dark-blue {
	background-color:#5182fe;
	color:#fc6f01;
}

/*------------------Accordion----------------------*/

#accordion .ui-accordion-group {
}

#accordion a.ui-accordion-header {
	padding:5px 0px;
	padding-left:23px;
	border-bottom:1px dotted #E0E0E0;
	background:url(../img/accordion-plus.png) no-repeat left 6px;
	display:block;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

#accordion a.ui-accordion-header:hover,
#accordion .ui-accordion-selected a.ui-accordion-header {
	background:url(../img/accordion-minus.png) no-repeat left 6px;
	color:#ff4411;
	display:block;
}

#accordion .ui-accordion-content {
	padding:10px 0px 10px 23px;
	border-bottom:1px dotted #E0E0E0;
	display:block;
}

/*---------------Tabs-------------------*/

ul.tabs-nav {
	width:98%;
	display:block;
	padding:0% 1%;
	margin-bottom:0px;
	background:url(../img/bg-dot-2.png) repeat-x left bottom;
}

ul.tabs-nav li {
	float:left;
}

ul.tabs-nav li a {
	color:#404040;
	padding:7px 15px;
	display:block;
	background-color:#f4f4f4;
	border-top:2px solid #FFF;
}

ul.tabs-nav li a:hover {
}

ul.tabs-nav li a.current {
	background-color:#FFF;
	border-width:2px 1px 1px 1px;
	border-left-color:#dedede;
	border-right-color:#dedede;
	border-top-color:#ff5976;
	border-bottom-color:#FFF;
	border-style:solid;
	font-weight:bold;
}

.tabs_content {
	padding:10px;
	border:1px solid #dedede;
	border-top:none;
	margin-top:-2px;
	display:block;
	float:left;
}

ul.tabs-nav li a.current {
	border-top-color: #ff4411;
}

/*------------------Right Sidebar----------------------*/

.rightsidebar-title {
	font-weight:400;
	font-size:13px;
	border-bottom:1px dotted #cdcdcd;
	text-transform:uppercase;
	color:#fc6f01;
	margin-bottom:15px;
}

.rightsidebar-title span {
	border-bottom:4px solid #bac0ac;
	padding-bottom:3px;
	display:inline-block;
	*display:block;
	zoom:1;

}

.widget {
	margin-bottom:40px;
}

.categories li {
	background:url(../img/icon-right-sidebar-arrow.png) 10px center no-repeat;
}

.categories a {
	display:block;
	padding:3px 0 3px 20px;
}

.twitter-feed li {
	background:url(../img/icon-twitter-feed.png) no-repeat left top;
	padding-left:35px;

}

.twitter-feed a {
	color:#BAC0AC;
}

.twitter-feed a:hover {
	color:#ff4411;
}

.flickr-feed li {
	display:inline-block;
	*display:inline;
	zoom:1;
	margin:0 1px 0 0;
}

.flickr-feed li img {
	max-height:70px;
	max-width:70px;
	margin:0px;
}


/*------------------Element Page----------------------*/

.list-style ul {
	margin-bottom: 5px;
}

/*---------------------------------------------------------------------*/
/*								Footer								   */
/*---------------------------------------------------------------------*/

#footer {
	background-color:#FFF;
	display:block;
	font-size:11px;
	text-transform:uppercase;
	border-bottom:16px solid #fc6f01;
}

#footer .wrapper {
	border-top:1px dotted #e0e0e0;
}

#footer .wrapper .content {
	padding:10px 0px;
	background:url(../img/footer-arrow.png) no-repeat 12px bottom ;
}

#footer .wrapper .content ul li {
	display:inline-block;
	*display:inline;
	zoom:1;
	padding:0px 10px;
}

#footer .wrapper .content ul li:first-child {
	padding-left:0px;
}

#footer .copyright {
	float:left;
	margin-bottom:0px;
}

#footer .address {
	float:right;
	margin-bottom:0px;
}

.address .telephone {
	background:url(../img/telephone-icon.png) no-repeat left 3px;
	padding-left:15px;
}

.address .email {
	background:url(../img/email-icon.png) no-repeat left 2px;
	padding-left:18px;
}


/*---------------------------------------------------------------------*/
/*							Responsive Screen						   */
/*---------------------------------------------------------------------*/

/* Standard 960 to 1024 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1024px) {

/*---------------------------------------------------------------------*/
/*						Portfolio Top Page							   */
/*---------------------------------------------------------------------*/

/* Jcarousel Portfolio*/
.jcarousel-item {
	width: 204px;
}

#portfolio_top_page li.each_img img {
	max-height: 145px;
	max-width: 204px;
}

.jcarousel-prev-horizontal, .portfolio-prev {
	width: 49%;
	height: 30px;
	left: 0%;
}

.jcarousel-next-horizontal, .portfolio-next {
	width: 49%;
	height: 30px;
	right: 0%;
}

.cover.boxcaption .topic {
	font-size: 16px;
}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
.container {
	width: 748px;
}

/*---------------------------------------------------------------------*/
/*							Banner Slider							   */
/*---------------------------------------------------------------------*/
/*Layer Slider*/
.ls-bottom-nav-wrapper, .ls-below-thumbnails {
	padding-right:10px;
}

/*---------------------------------------------------------------------*/
/*						Portfolio Top Page							   */
/*---------------------------------------------------------------------*/

/* Jcarousel Portfolio*/
.jcarousel-item {
	width: 192px;
}

#portfolio_top_page li.each_img img {
	max-height: 170px;
	max-width: 192px;
}

.jcarousel-prev-horizontal, .portfolio-prev {
	width: 49%;
	height: 30px;
	left: 0%;
}

.jcarousel-next-horizontal, .portfolio-next {
	width: 49%;
	height: 30px;
	right: 0%;
}

.cover.boxcaption .topic {
	font-size: 16px;
}

/*---------------------------------------------------------------------*/
/*						Full Screen Portfolio						   */
/*---------------------------------------------------------------------*/
.project-descr-full {
	height: 55%;
	width: 400px;

}

.full-view h2.title {
	font-size: 24px;
}

/*---------------------------------------------------------------------*/
/*								Column								   */
/*---------------------------------------------------------------------*/

.one-half { width: 364px; }

.one-third { width: 236px; }

.two-third { width: 492px; }

.one-fourth { width: 172px; }

.three-fourth { width: 556px; }

/*---------------------------------------------------------------------*/
/*							Price Table								   */
/*---------------------------------------------------------------------*/


.extend-price-table .data-title {
	display:none;
}


.extend-price-table .feature li:before {
	content: attr(data-title) '' !important;
	display:block;
	font-weight:bold;
	margin-bottom:5px;
	color:#666666;
}

.extend-price-table.col2 .column,
.simple-price-table.col2 .column { width: 373px; }
.extend-price-table.col3 .column,
.simple-price-table.col3 .column { width: 248px; }
.extend-price-table.col4 .column,
.simple-price-table.col4 .column { width: 186px; }
.extend-price-table.col5 .column,
.simple-price-table.col5 .column { width: 148px; }

/*---------------------------------------------------------------------*/
/*								Blog								   */
/*---------------------------------------------------------------------*/

.entry .entry-content {
	width: 436px;
}

/*---------------------------------------------------------------------*/
/*							Right Sidebar							   */
/*---------------------------------------------------------------------*/

.flickr-feed li img {
	max-height: 54px;
	max-width: 54px;
	margin: 0px;
}

/*---------------------------------------------------------------------*/
/*						Reply and Contact Form						   */
/*---------------------------------------------------------------------*/

.reply_wrapper input, 
.contact_wrapper input {
	width: 152px;
}

.reply_wrapper textarea, 
.contact_wrapper textarea {
	width: 536px;
}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
.container {
	width: 300px;
}

/*---------------------------------------------------------------------*/
/*								Header								   */
/*---------------------------------------------------------------------*/

#logo {
	width:100%;
	text-align:center;
	margin-bottom:20px;
}

.top_header .social {
	float:none;
	text-align:center;
	display:block;
}

/*---------------------------------------------------------------------*/
/*							Main Navigation							   */
/*---------------------------------------------------------------------*/

#main-nav ul li {
	width:49%;
	border-bottom:1px solid #E0E0E0;
}

#main-nav ul ul li {
	width: auto;
	border-bottom:none;
}

ul.nav li ul {
	width:100%;
}

ul.nav li ul li ul {
	position:relative;
	left:0px;
}

/*---------------------------------------------------------------------*/
/*							Banner Slider							   */
/*---------------------------------------------------------------------*/
/*Layer Slider*/
#layerslider {
	height:250px;
}

.ls-bottom-nav-wrapper, .ls-below-thumbnails {
	padding-right:10px;
}

/*Flex Slider*/

.top_page_banner .flexslider ul.slides li {
	height: 250px;
}

.caption h1 {font-size:22px;}
.caption h2 {font-size:18px;}
.caption h3 {font-size:16px;}
.caption h4 {font-size:14px;}
.caption h5 {font-size:12px;}
.caption h6 {font-size:10px;}

.caption_position {
	height: 250px;
}

/*---------------------------------------------------------------------*/
/*						Portfolio Top Page							   */
/*---------------------------------------------------------------------*/

/* Jcarousel Portfolio*/
.jcarousel-item {
	width: 192px;
}

#portfolio_top_page .portfolio_header span {
	font-weight:700;
	font-size:14px;
	display:block;
	background:#fc6f01;
	height:22px;
	padding:5px 20px;
	margin-right:22px;
	margin-bottom:17px;
	color:#FFF;
	text-transform:uppercase;
}

#portfolio_top_page li.each_img img {
	max-height: 170px;
	max-width: 192px;
}

.jcarousel-prev-horizontal, .portfolio-prev {
	width: 49%;
	height: 30px;
	left: 0%;
}

.jcarousel-next-horizontal, .portfolio-next {
	width: 49%;
	height: 30px;
	right: 0%;
}

.cover.boxcaption .topic {
	font-size: 16px;
}

/*---------------------------------------------------------------------*/
/*						Full Screen Portfolio						   */
/*---------------------------------------------------------------------*/
.project-descr-full {
	height: 55%;
	width: 300px;
	margin:2% auto 0 auto;
}

.full-view h2.title {
	font-size: 18px;
}

p.subline { 
	font-size:10px;
}

.full-view .thumbs-wrapper-full {
	width:300px;
}

.thumbs img,
.thumbs iframe {
	max-width:300px;
}

.full-nav-prev, .full-nav-next, .full-view-exit {
	height:25px;
	padding-top:0px;
	padding-bottom:0px;
}



/*---------------------------------------------------------------------*/
/*								Column								   */
/*---------------------------------------------------------------------*/

.one-half { width: 300px; }

.one-third { width: 300px; }

.two-third { width: 300px; }

.one-fourth { width: 300px; }

.three-fourth { width: 300px; }

/*---------------------------------------------------------------------*/
/*							Team Member								   */
/*---------------------------------------------------------------------*/
.team-member {
	text-align:center;
}

/*---------------------------------------------------------------------*/
/*							Price Table								   */
/*---------------------------------------------------------------------*/


.extend-price-table .data-title {
	display:none;
}


.extend-price-table .feature li:before {
	content: attr(data-title) '' !important;
	display:block;
	font-weight:bold;
	margin-bottom:5px;
	color:#666666;
}

.extend-price-table .column,
.simple-price-table .column {
	margin-bottom:40px;
	width:300px;
}


.extend-price-table.col2 .column,
.simple-price-table.col2 .column,
.extend-price-table.col3 .column,
.simple-price-table.col3 .column,
.extend-price-table.col4 .column,
.simple-price-table.col4 .column,
.extend-price-table.col5 .column,
.simple-price-table.col5 .column { width: 149px; }

/*---------------------------------------------------------------------*/
/*								Blog								   */
/*---------------------------------------------------------------------*/

.entry .entry-content {
	width: 100%;
	margin-bottom:20px;
}

.entry .entry-meta {
	width:100%;
}

.entry-meta .date-post span {
	display:inline-block;
}

.date-post span.date,
.date-post span.month {
	font-size: 14px;
}

.date-post span.date {
	margin-right:5px;
}

/*---------------------------------------------------------------------*/
/*							Right Sidebar							   */
/*---------------------------------------------------------------------*/

.flickr-feed li img {
	max-height: 70px;
	max-width: 70px;
	margin: 0px;
}

/*---------------------------------------------------------------------*/
/*						Reply and Contact Form						   */
/*---------------------------------------------------------------------*/

.reply_wrapper input, 
.contact_wrapper input {
	width: 280px;
}

.reply_wrapper textarea, 
.contact_wrapper textarea {
	width: 280px;
	height:150px;
}

/*---------------------------------------------------------------------*/
/*								Contact								   */
/*---------------------------------------------------------------------*/
#map {
	height:300px;
}

#map iframe {
	height:300px;
}

/*---------------------------------------------------------------------*/
/*								Footer								   */
/*---------------------------------------------------------------------*/

#footer .copyright {
	margin-bottom:10px;
}

#footer .address {
	float:left;
}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
.container {
	width: 420px;
}

/*---------------------------------------------------------------------*/
/*						Portfolio Top Page							   */
/*---------------------------------------------------------------------*/

/* Jcarousel Portfolio*/
.jcarousel-item {
	width: 160px;
}

#portfolio_top_page li.each_img img {
	max-height: 122px;
	max-width: 160px;
}

.cover.boxcaption .topic {
	font-size: 14px;
}


/*---------------------------------------------------------------------*/
/*						Full Screen Portfolio						   */
/*---------------------------------------------------------------------*/
.project-descr-full {
	height: 60%;
	width: 400px;
	margin:2% auto 0 auto;
}

.full-view h2.title {
	font-size: 18px;
}

p.subline { 
	font-size:10px;
}

.full-view .thumbs-wrapper-full {
	width:400px;
}

.thumbs img,
.thumbs iframe {
	max-width:400px;
}

.full-nav-prev, .full-nav-next, .full-view-exit {
	height:25px;
}
/*---------------------------------------------------------------------*/
/*								Column								   */
/*---------------------------------------------------------------------*/

.one-half { width: 420px; }

.one-third { width: 420px; }

.two-third { width: 420px; }

.one-fourth { width: 420px; }

.three-fourth { width: 420px; }

/*---------------------------------------------------------------------*/
/*								Price Table							   */
/*---------------------------------------------------------------------*/

.extend-price-table .column,
.simple-price-table .column {
	margin-bottom:40px;
	width:420px;
}


.extend-price-table.col2 .column,
.simple-price-table.col2 .column,
.extend-price-table.col4 .column,
.simple-price-table.col4 .column,
.extend-price-table.col5 .column,
.simple-price-table.col5 .column { width: 209px; }

.extend-price-table.col3 .column,
.simple-price-table.col3 .column { width: 139px; }


/*---------------------------------------------------------------------*/
/*							Right Sidebar							   */
/*---------------------------------------------------------------------*/

.flickr-feed li img {
	max-height: 66px;
	max-width: 66px;
	margin: 0px;
}

/*---------------------------------------------------------------------*/
/*						Reply and Contact Form						   */
/*---------------------------------------------------------------------*/

.reply_wrapper input, 
.contact_wrapper input {
	width: 400px;
}

.reply_wrapper textarea, 
.contact_wrapper textarea {
	width: 400px;
}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
/*---------------------------------------------------------------------*/
/*							Main Navigation							   */
/*---------------------------------------------------------------------*/

#main-nav ul {
	display:none;
}

#main-nav select {
	display:block;
	margin:20px auto;
}
	
/*---------------------------------------------------------------------*/
/*						Portfolio Top Page							   */
/*---------------------------------------------------------------------*/

/* Jcarousel Portfolio*/
.jcarousel-item {
	width: 100px;
}

#portfolio_top_page .portfolio_header span {
	font-size:12px;
	height:20px;
	padding:5px 15px;
	margin-right:22px;
	margin-bottom:12px;
}

#portfolio_top_page li.each_img img {
	max-height: 71px;
	max-width: 100px;
}

.cover.boxcaption .topic {
	font-size: 11px;
}

.cover.boxcaption .seperator {
	display:none;
}

.cover.boxcaption .portfolio_category {
	display:none;
}
	
/*---------------------------------------------------------------------*/
/*							Banner Slider							   */
/*---------------------------------------------------------------------*/
/*Layer Slider*/
#layerslider {
	height:150px;
}

.ls-bottom-nav-wrapper, .ls-below-thumbnails {
	padding-right:10px;
}

/*Flex Slider*/

.top_page_banner .flexslider ul.slides li {
	height: 150px;
}

.caption h1 {font-size:22px;}
.caption h2 {font-size:18px;}
.caption h3 {font-size:16px;}
.caption h4 {font-size:14px;}
.caption h5 {font-size:12px;}
.caption h6 {font-size:10px;}

.caption_position {
	height: 150px;
}

/*---------------------------------------------------------------------*/
/*						Full Screen Portfolio						   */
/*---------------------------------------------------------------------*/
.project-descr-full {
	height: 70%;
	margin:2% auto 0 auto;
}

.header-full {
	max-height:none;
	width:98%;
}

.full-view h2.title {
	font-size: 16px;
}

.full-view .title {
	width:100%;
	float:left;
	margin-top:10px;
	text-align:center;
}

.full-view .subline {
	width:100%;
	float:left;
	text-align:center;
	margin-bottom:10px;
}


/*------------------Page Header----------------------*/
.page-header {
	padding:20px 0px;
}

/*---------------------------------------------------------------------*/
/*								Blog								   */
/*---------------------------------------------------------------------*/

.entry .entry-content {
	width: 100%;
	margin-bottom:20px;
}

.entry .entry-meta {
	width:100%;
}

.entry-meta .date-post span {
	display:inline-block;
}

.date-post span.date,
.date-post span.month {
	font-size: 14px;
}

.date-post span.date {
	margin-right:5px;
}

/*---------------------------------------------------------------------*/
/*								Contact								   */
/*---------------------------------------------------------------------*/
#map {
	height:300px;
	margin-bottom:40px;
	overflow:hidden;
}

#map iframe {
	width:100%;
	height:300px;
}
}