/* 

Stride - Responsive HTML5 Template
Author: AE-Themes @ Themeforest.net

*/

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

TABLE OF CONTENTS

	1. GENERAL
	2. HEADER + LOGO
	3. MAIN MENU
	4. SLIDERS
		4.1 GENERAL SLIDER SETTINGS
		4.2 FLEXSLIDER
		4.3 NIVOSLIDER
		4.4 THUMBSLIDER
	5. CONTENT + SIDEBARS
		5.1 SIDEBAR LEFT
		5.2 SIDEBAR RIGHT
		5.3 SERVICES / TEAM-MEMBERS
	6. BLOG
		6.1 TAGS
		6.2 COMMENTS
	7. CONTACTFORM / COMMENTFORM
	8. PORTFOLIO
		8.1 PORTFOLIO FILTER
	9. GALLERY
	10. FOOTER
	11. SHORTCODES
		11.1 BUTTONS
		11.2 HIGHLIGHTS
		11.3 BLOCKS
		11.4 LISTS
		11.5 COLUMNS
	12. MISCELLANOUS
		12.1 BREADCRUMBS
		12.2 SEARCH
		12.3 CLEAR
	13. RESPONSIVE SETTINGS

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

* {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

html,
body {
	height: 100%;
	color: #848484 !important;
	font-family: "微软雅黑";
	font-size: 14px;
	line-height: 20px;
	background-color: #F4F5F6;
	width: 100%;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #DE421A;
}

ul, ol {
	list-style: none !important;
}

img {
	border: none;
}

#line {
	background: transparent url(../images/line.png) repeat-x bottom; 
	padding: .2em 0 0.8em 0;
	margin-bottom: 1em;
	width: 908px;
}

.dotted_line {
	background: transparent url(../images/line.png) repeat-x bottom; 
	padding: .4em 0 0.8em 0;
	margin-bottom: 1em;
}

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

/*-------------------------------------
	MARGINS
-------------------------------------*/

.margin10 {
	margin-top: 10px;
}

.margin20 {
	margin-top: 20px;
}

.margin30 {
	margin-top: 30px;
}

/*-------------------------------------
	SHORTCODES: BUTTONS
-------------------------------------*/

a.button {
	color: #5d666d;
}

a.button:hover {
	color: #ffffff;
	background-color: #DE421A;
}

a.button,
button.button,
input.button {
	display: inline-block;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	text-decoration: none;
	border: none;
	background: url(../images/more.gif) 0 0 repeat;
	border-radius: 2px;
	text-transform: capitalize;
	font-family: 'Cabin', sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

a.button {
	padding: 0 16px;
	height: 31px;
	line-height: 31px;
}

button.button,
input.button {
	padding: 8px 16px;
}

/*-------------------------------------
	SHORTCODES: HIGHLIGHTS
-------------------------------------*/

.highlight1,
.highlight2,
.highlight3,
.highlight4 {
	padding: 1px 5px;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	text-shadow: none;
	cursor: default;
}

.highlight1 {
	background: #ffd;
}

.Highlight2 { 
	background: #eee;
}

.highlight3 {
	background: #DE421A;
	color:#fff;
}

.highlight4 {
	background: #333;
	color: #fff;
}

.highlight1:hover {
	background: #fff;
}

.highlight2:hover {
	background: #333;
	color: #fff;
}

.highlight3:hover {
	background: #fff;
	color: #000;
}

.highlight4:hover {
	background: #fff;
	color: #000;
}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/*-------------------------------------
	SHORTCODES: BLOCKS AND DROPCAP
-------------------------------------*/

.block-1,
.block-2,
.block-3 {
	margin: 10px 0;
	padding: 6px 12px;
}

.block-1 {
	border: 2px dotted #ddd;
}

.block-2 {
	border: 1px solid #afcfed;
	background: #f8fcff;
}

.block-3 {
	border: 2px dotted #AFCFED;
}

.dropcap {
	display: block;
	float: left;
	font-size: 40px;
	font-weight: normal;
	line-height: 40px;
	margin: 4px 6px 0 0;
	text-shadow: none;
}

/*-------------------------------------
	SEARCH
-------------------------------------*/

#search button { 
	background: #DE421A;
	border: 1px solid #75a3cf;
	color: #fff;
	cursor: pointer;
	display: block;
	padding: 5px 10px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 1px 1px #666;
	-moz-box-shadow: 0 1px 0 #333;
	-webkit-box-shadow: 0 1px 0 #333;
	box-shadow: 0px 1px 0px #333;
}

#search {
	float: left;
	margin-top: 0px;
}

#search button {
	float:left;
	height:30px;
	-moz-box-shadow:0 0 #fff;
	-webkit-box-shadow:0 0 #fff;
	box-shadow:none;
	padding-top:2px;
	width:70px;}

#search input {
	background: #fff;
	border: 1px solid #ededed;
	color: #333;
	border-width: 1px 0 1px 1px;
	float: left;
	height: 18px;
	padding: 5px 10px;
	width: 130px;
}

#search button:hover {
	background: #73a3d1;
}

/*-------------------------------------
	RECENT POSTS
-------------------------------------*/

ul.latest_blog {
	margin-top: 20px;
	padding: 0;
	list-style-type: none;
}

ul.latest_blog li {
	margin: 0; 
	padding: 8px 0px 8px 0px !important; 
	list-style-type: none; 
	min-height: 73px; 
	list-style-type: none; 
	list-style-image: none;
	border: 0 !important;
}

.sidebarbox ul.latest_blog li {
	background: url(../images/line.gif) scroll left bottom repeat-x;
}

ul.latest_blog li h6.box_blog_title {
	margin: 0px 0px 2px; 
	padding: 3px 0px 0px;
}

ul.latest_blog li span.box_blog_meta_small {
	display: inline-block; 
	margin: 0px 0px 0px; 
	padding: 0px 0px 0px 0px;  
	font-size: 9px; 
	color: #888;
	height: 27px;
	line-height: 27px; 
	text-transform: uppercase;
}

.footbarbox ul.latest_blog li span.box_blog_meta_small {
	background: none;
	padding: 0px 0px 0px 0px;
	color: #e1e1e1;
	line-height: 130%;
	height: auto;
}

ul.latest_blog li span.box_blog_meta_small span {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	height: 27px;
	line-height: 27px;
	font-size: 9px;
}

.footbarbox ul.latest_blog li span.box_blog_meta_small span {
	background: none;
	padding: 0;
	line-height: 130%;
	height: auto;
}

.small_list_blog {
	margin: 0; 
	padding: 0px 0px 0px 90px; 
	position: relative;
}

.small_list_blog .small_list_blog_thumbnail {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 70px; 
	height: 70px; 
	margin: 0px; 
	padding: 0px;
	border: 1px solid #efefef;
}

.small_list_blog .small_list_blog_thumbnail {
	height: 70px;
}

.small_list_blog .small_list_blog_thumbnail img {
	float: left; 
	margin: 0px; 
	padding: 5px; 
	width: 60px; 
	height: 60px;
}

ul.latest_blog li a {
	background: none; 
	padding: 0 !important; 
	margin: 0 !important;
}

ul.latest_blog li span.box_blog_meta_small a {
	display: inline;
}

/*-------------------------------------
	Categories List
-------------------------------------*/

.tout.news_categories ul {
	margin-bottom: 5px;
	width: 100%;
}

.tout.news_categories ul li {
	border-bottom: 1px solid #f2f2f2;
}

.tout.news_categories ul li a {
	display: block;
	padding: 9px 0;
	text-decoration: none;
	color: #848484 !important;
}

.tout.news_categories ul li a:hover {
	color: #DE421A !important;
}

.tout.news_categories ul li a:hover .post_count {
	color: #DE421A !important;
}

.tout.news_categories ul li a .post_count {
	float: right;
	color: #8c8c8c;
	margin-right: 10px;
}

.tout.news_categories ul li.current a {
	color: #ec1a6d;
}

/*-------------------------------------
	LISTS
-------------------------------------*/

.navigation li {
	display: block;
	width: 100%;
	margin-left: 0px;
	background: url(../images/hr.gif) 0 100% repeat-x;
	font-size: 12px;
	font-family: "微软雅黑";
}

.navigation li a {
	display: block;
	color: #848484 !important;
	background: url(../images/star.png) no-repeat 8px 15px;
	padding-top: 11px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0px;
}

.navigation li.active a, .navigation li a:hover {
	color: #DE421A !important;
	background: #f9f9f9 url(../images/star_dark.png) no-repeat 8px 15px;
	padding-top: 11px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0px;
}

/*-------------------------------------
	PAGINATION
-------------------------------------*/

.pagination{
    margin-bottom: 30px;
    padding-top: 30px;
}

#page .pagination{
    margin-bottom: 0;
}

#page.da-thumbs .pagination{
    margin-top: 30px;
}

.pagination {
	height: 36px;
	margin: 18px 0;
}

.pagination ul {
	display: inline-block;
	*display: inline;
	margin-bottom: 0;
	margin-left: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	*zoom: 1;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination li {
	display: inline;
}

.pagination a {
	float: left;
	padding: 0 14px;
	line-height: 34px;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left-width: 0;
	color: #848484 !important;
}

.pagination a:hover,
.pagination .active a {
	background-color: #f5f5f5;
	color: #979fa5 !important;
}

.pagination .active a {
	color: #999999;
	cursor: default;
}

.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
	color: #999999;
	cursor: default;
	background-color: transparent;
}

.pagination li:first-child a {
	border-left-width: 1px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

.pagination li:last-child a {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

.pagination-centered {
	text-align: center;
}

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

.comment_quote {
    border: 1px solid #EEEEEE;
    color: #858484;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0px 35px;
    padding: 16px 55px 30px;
    position: relative;
    width: 420px; 
}

.comment_quote {
	background: url("../images/blockquote.png") no-repeat scroll 20px 20px, url("../images/blockquote_reverse.png") no-repeat scroll 466px 86% transparent;
}

#body_wrapper .container  {
	margin: 0 auto;
	width: 960px;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}

/*-------------------------------------
	TOP_SECTION
-------------------------------------*/

#top_section {
	background: #f4f5f6;
	padding: 0 0 20px;
	height: 99px;
	border-top-width: 19px;
	border-top-style: solid;
	border-top-color: #DE421A;
}

#logo_container {
	width: 220px;
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

#logo {
	background: url(../images/logo.png) left top no-repeat;
	display: block;
	width: 220px !important;
	height: 61px !important;
	float: left;
	margin-top: 35px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 35px;
}

/*-------------------------------------
	MENU
-------------------------------------*/

ul.sf-menu {
	position: relative;
	float: right;
	margin-right: 10px;
}

ul.sf-menu > li {
	margin: 0;
}

ul.sf-menu li a,
ul.sf-menu li span {
	display: block;
	padding: 0 1em;
	text-transform: capitalize;
	font-family: 'Cabin', sans-serif;
	font-size: 12px;
	line-height: 32px;
}

ul.sf-menu > li > a,
ul.sf-menu > li > span {
	height: 90px;
	font-family: 'Cabin', sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	padding-top: 0;
	padding-right: 31px;
	padding-bottom: 0;
	padding-left: 31px;
}

ul.sf-menu > li.parent > a,
ul.sf-menu > li.parent > span {
	background: url(../images/menu/sep.png) center -68px no-repeat;
}

ul.sf-menu > li.active.parent > a,
ul.sf-menu > li.active.parent > span {
	background-color: #DE421A;
	background-image: url(../images/menu/sep.png);
	background-repeat: no-repeat;
	background-position: center 21px;
}

ul.sf-menu > li.sfHover.parent > a,
ul.sf-menu > li.sfHover.parent > span,
ul.sf-menu > li.parent > a:hover,
ul.sf-menu > li.parent > span:hover {
	background: url(../images/menu/menu.gif) center 85px no-repeat #DE421A !important;
}

ul.sf-menu li:hover ul,
ul.sf-menu li.sfHover ul {
	top: 85px;
	width: auto !important;
}

ul.sf-menu > li:hover > ul,
ul.sf-menu > li.sfHover > ul { 
	background: url(../images/menu/1menu.gif) left 0 no-repeat !important;
	padding-top: 5px;
}

ul.sf-menu ul {
	width: 168px;
}

ul.sf-menu ul li {}
ul.sf-menu > li:hover > ul > li,
ul.sf-menu > li.sfHover > ul > li {
	background: url(../images/menu/menuitem.gif) 0 0 repeat !important;
}

ul.sf-menu > li:hover > ul > li:first-child,
ul.sf-menu > li.sfHover > ul > li:first-child {
	padding-top: 12px;
}

ul.sf-menu > li:hover > ul > li.lastItem,
ul.sf-menu > li.sfHover > ul > li.lastItem {
	padding-bottom: 14px;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 160px;
	top: 0px;
	border-left: 1px solid #5c646b;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 140px;
	top: -0.5em;
}

ul.sf-menu ul {
	padding: 12px 0 14px;
}

ul.sf-menu ul li a,
ul.sf-menu ul li span {
	display: block;
	line-height: 32px;
	text-align: left;
	padding-left: 20px;
}

ul.sf-menu ul li a:hover,
ul.sf-menu ul li span:hover {
	background-color: #5b646b;
}

ul.sf-menu ul li:first-child a,
ul.sf-menu ul li:first-child span {
	background: none;
}

ul.sf-menu ul li:first-child a:hover,
ul.sf-menu ul li:first-child span:hover {
	background: #5b646b;
}

.sf-menu > li > a,.sf-menu > li > span {
	color:#4e4e4e;
}

.sf-menu > li > a:hover, .sf-menu > li > a:active, .sf-menu > li.sfHover > a, .sf-menu > li.sfHover > span, .sf-menu > li:hover > span, .sf-menu > li.current > a, .sf-menu > li.current > span, .sf-menu > li.active > a, .sf-menu > li.active > span {
	background-color: #DE421A;
}

.sf-menu > li > a:hover, .sf-menu > li > a:active, .sf-menu > li.sfHover > a, .sf-menu > li.sfHover > span, .sf-menu > li:hover > span, .sf-menu > li.current > a, .sf-menu > li.current > span, .sf-menu > li.active > a, .sf-menu > li.active > span {
	color: #ffffff;
}

.sf-menu ul {
	background: #646d74;
}

.sf-menu ul > li > a,
.sf-menu ul > li > span {
	color: #ffffff;
}

.sf-menu ul > li > a:hover, .sf-menu ul > li:hover > a, .sf-menu ul > li:hover > span, .sf-menu ul > li > a:active, .sf-menu ul > li.current > a, .sf-menu ul > li.current > span, .sf-menu ul > li.sfHover > a, .sf-menu ul > li.sfHover > span, .sf-menu ul > li.active > span, .sf-menu ul > li.active > a {
	color: #DE421A;
}

select.select-menu {
	display: none;
}

/*-------------------------------------
	HEADER_SECTION
-------------------------------------*/

#header_section {
	min-height: 526px !important;
	border-bottom: 1px solid #d8d8d8;
	background-color: #F4F5F6;
	background-image: url(../images/bg-header.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}

#header_container {
	width: 940px;
	margin: 0 auto;
}

#slider_container {
	margin: 0 auto;
	width: 940px;
	padding: 20px 0 20px 0;
}

#slider_container_flex {
	width: 550px;
	height: auto;
	position: relative;
	clear: both;
	float: left;
	margin-top: 22px;
}

/*-------------------------------------
	INTROTEXT
-------------------------------------*/

div.intro > ul li {
	padding-bottom: 12px;
	margin-top: 20px;
}

div.intro > ul li .introtext {
	border-bottom: 1px solid #b6b6b6;
	text-align: center;
	color: #979fa5;
}

div.intro > ul li .introtext h3 {
	font: 36px/1.2307em 'Cabin', sans-serif;
	text-transform: uppercase;
	margin-bottom: -2px;
}

div.intro > ul li .introtext h3 span {
	color: #DE421A;
	font-weight: bold;
}

div.intro > ul li .introtext h3 strong {
	color: #383939;
}

div.intro > ul li .introtext h4 {
	color: #DE421A;
	padding-bottom: 11px;
	text-transform: uppercase;
	font-family: "微软雅黑";
	font-size: 21px;
	line-height: 1.2307em;
}

div.intro > ul li .introtext p {
	margin: 0 0 32px;
}

/*-------------------------------------
	CONTENT_SECTION
-------------------------------------*/

#content_container {
	width: 940px;
	overflow: hidden;
	padding: 10px 0 20px 0;
	margin: 0 auto;
	min-height: 250px;
}

#content_fullwidth {
	width: 100%;
	overflow: hidden;
	padding: 0 0 20px 0;
	position: relative;
}

#content {
	width: 560px;
	overflow: hidden;
	padding: 0 0 20px 0;
	position: relative;
	float: left;
}

#content_fullwidth {
	width: 100%;
	overflow: hidden;
	padding: 0 0 20px 0;
	position: relative;
}

#main_content {
	margin: 0 0 0 15px;
}

/*-------------------------------------
	SIDEBAR LEFT
-------------------------------------*/

#sidebar-left {
	float: left;
	width: 265px;
	margin: 0 0 0 15px;
	padding: 0 0 20px 0;
}

.left-sidebar-block {
	padding: 0 26px 20px 0;
	height: 100%;
	overflow: hidden;
}

/*-------------------------------------
	SIDEBAR RIGHT
-------------------------------------*/

#sidebar-right {
	float: right;
	width: 360px;
	margin: 0 15px 0 0;
	padding: 0 0 20px 0;
}

.right-sidebar-block {
	padding: 0 0 20px 26px;
	position: relative;
	height: 100%;
	overflow: hidden;
}

/*-------------------------------------
	COLUMNS
-------------------------------------*/

.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
	position: relative;
	margin-right: 4%;
	float: left;
}

.last {
	margin-right: 0 !important;
	clear: right;
}

/*-------------------------------------
	PAGE TITLE
-------------------------------------*/

.page-title {
	border-bottom: 1px solid #dedede;
	display: block;
	margin: -20px 0 25px 0;
}

.page-title h2 {
	font-weight: normal;
	padding: 25px 0 0px 0;
	margin-top: 20px;
	color: #929191;
}

.page-title span {
	color: #aaa;
}

.bolded-line {
	text-indent: -9999px;
	height: 3px;
	width: 100px;
	display: block;
	margin-bottom: -2px;
	background-color: #DE421A;
}

/*-------------------------------------
	BREADCRUMBS
-------------------------------------*/

.breadcrumbs {
	width: auto;
	float: left;
	font-size: 11px;
	color: #333;
	padding-top: 9px;
}

.breadcrumbs li.separator {
	display: block;
	float: left; 
	width: 10px;
	margin: 0 15px;
	background: url('../images/icons/star.html') no-repeat center center;
	text-indent: -99999em;
}

.breadcrumbs > ul {
	margin-left: 0;
	height: 24px;
	line-height: 24px;
	padding: 0;
}

.breadcrumbs > ul > li {
	float: left;
	font-size: 12px;
	width: auto;
	clear: none;
	height: 24px;
	line-height: 24px;
}

.breadcrumbs > ul > li a {
	color: #848484;
}

.breadcrumbs > ul > li a:hover {
	color: #6896C1;
}

.breadcrumbs > ul > li:first-child {
	padding-right: 5px;
	background: transparent url('../images/breadcrumb_arrow.png') no-repeat right center;
	margin-right: 25px;
}

.breadcrumbs > ul > li:first-child > span {
	padding: 0 10px;
	padding-bottom: 3px;
	background: #DE421A;
	line-height: 24px;
	font-size: 10px;
	text-transform: uppercase;
	height: 20px;
	display: block;
	color: #fff;
	font-weight: bold;
}

/*-------------------------------------
	PORTFOLIO
-------------------------------------*/

.portfolio_one {
	border: none;
	margin-top: -10px;
	margin-left: 16px;
}

.portfolio_one {
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid #ccc;
	padding-top: 40px;
	padding-bottom: 20px;
	display: none;
	overflow: hidden;
}

.portfolio_one .banner_area {
    width: 700px;
}

.portfolio_one .banner_area .bannerSlider {
    width: 700px;
}

.portfolio_one .left {
	width: 700px;
	float: left;
}

.portfolio_one .left img {
	float: left;
	width: 700px;
}

.portfolio_one .left p {
	float: left;
	margin-top: 10px;
	text-align: justify;
}

.portfolio_one .right {
	float: left;
	width: 250px;
	margin-left: 20px;
}

.portfolio_one .right h2 {
	float:left;
	width: 100%;
	margin-top: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	font-family: 'Droid Sans';
	color: #777;
	text-transform: capitalize;
	font-weight: 500;
	margin-bottom: 4px;
}

.portfolio_one .right p {
	float: left;
	font-size: 11px;
	margin: 5px 0 20px;
}

.portfolio_one .right .controllers {
	position: relative;
	width: 69px;
	height: 20px;
	float: right;
	top: 5px;
}

.portfolio_one .right a {
	color: #909090;
}

.portfolio_one .right {
	width: 100%;
	margin: 0 auto;
	margin-top: 40px;
}

.portfolio_one .left {
	width: 100%;
}

.portfolio_one {
	width: 100%;
	margin-top: 20px !important;
}

.portfolio_one .left img {
	width: 100%;
}

.portfolio_one .banner_area {
	width: 100%;
}

.protfolioBox_Menu {
	padding-top: 10px;
	margin-bottom: 40px;
	margin-left: 100px;
	margin-top: -50px;
}

.protfolioBox_border {
	height: 25px;
	width: 100%;
}

.protfolioBox_Menu h2 {
	width: 170px;
	float: left;
	font-size: 14px;
	font-weight: 500;
	color: #777;
	text-transform: uppercase;
	font-family: 'Droid Sans';
	padding: 0 0 0 0;
	line-height: 0.4em;
	width: auto;
	margin-top: 6px;
}

.protfolioBox_Menu ul {
	display: inline-block;
	*display: inline;
	margin-bottom: 0;
	margin-left: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	*zoom: 1;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.protfolioBox_Menu ul li {
	display: inline;
}

.protfolioBox_Menu ul li.nopad2 {
	padding-right: 0px;
}

.protfolioBox_Menu ul li a {
	float: left;
	padding: 0 14px;
	line-height: 34px;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left-width: 0;
}

.protfolioBox_Menu ul li:first-child a {
	border-left-width: 1px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

.protfolioBox_Menu ul li:last-child a {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

.protfolioBox_Menu li a:active, .protfolioBox_Menu li a:hover {
	text-decoration: none;
	background-color: #f5f5f5;
}

.protfolioBox1 {
	padding-bottom: 20px; *padding-bottom: 0px;
	padding-top: 10px;
}

.protfolioBox1 ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	clear: both;
}

.protfolioBox1 ul li {
	float: left;
	margin: 16px 16px 0 0;
}

.small_PicBoxAll {
	width: 215px;
	height: 220px;
	top: -10px;
	display: block;
	float: left;
	overflow: hidden !important;
	text-align: center;
	cursor: pointer;
	position: relative;
}

.small_PicBox {
	width: 230px;
	height: 133px;
	display: block;
	background: #ededed;
	border: 0px solid #cecece;
	float: left;
	overflow: hidden !important;
	text-align: center;
	cursor: pointer;
	position: relative;
}

.boxHover {
	width: 232px;
	height: 70px;
	position: absolute;
	top: 133px;
	background-color: #fbfbfb;
}

.boxHover a {
	margin-top: 5px;
	display: block;
	top: 0;
	font-size: 10px;
	line-height: 14px;
	color: #424242;
	left: 0;
	top: 10px;
	text-align: center;
	z-index: 100;
	font-style: normal;
	font-weight: normal;
}

.boxHover a span {
	text-transform: capitalize;
	top: 5px;
	font-size: 14px;
	color: #777;
	font-weight: 500;
	position: relative;
	top: 10px;
}

.boxHover span.subtext {
	text-transform: uppercase;
	color: #AEAEAE;
	font-size: 11px;
	top: 13px;
	position: relative;
}

.boxHover a span em {}

.column2 li {
    width: 446px;
}

.column2 .small_PicBox {
    width: 100%;
}

.column2 .boxHover {
    width: 100%;
}

.column3 li {
    width: 292px;
}

.column3 .small_PicBox {
    width: 100%;
}

.column3 .boxHover {
	width: 291px;
}

portfolio_one .right a:hover {
	color: #DE421A;
}

.borderBox {
	border-bottom: 1px solid #DE421A;
}

.boxHoverSpan a span{
	color: #DE421A;
}

.get_mar1 {
	margin: 0 0 30px;
}

.get_mar2 {
	width: 100%;
	margin-top: 0;
	margin-right: 16px;
	margin-bottom: 0;
	margin-left: 0;
}

.get_mar2_2 {
	margin: 0 76px 0 0 !important;
}

/*-------------------------------------
	BLOG
-------------------------------------*/

#blogview .item-header h4,
#archive-items .item-header h4 {
	margin: 0;
	font: 18px/20px "Open Sans", sans-serif;
	font-weight: 700;
}

.item-header a {
	color: #858484 !important;
}

.item-header a:hover {
	color: #DE421A !important;
}

#blogview .item-header .category-name,
#archive-items .item-header .category-name,
#blogview .item-header .createdby,
#archive-items .item-header .createdby {
	display: inline-block;
	margin-right: 12px;
	font-size: 11px;
	text-transform: uppercase;
	color: #333;
}

#blogview .published,
#archive-items .published {
	background: #f3f3f3;
	border-bottom: 1px solid #dddddd;
	width: 77px;
	padding: 20px 0;
	float: left;
	margin: 0 16px 0 0;
}

.date-position {
	width: 67px !important;
	padding: 10px 0 !important;
}

#blogview .published span,
#archive-items .published span {
	display: block;
	text-align: center;
	color: #545454;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
}

#blogview .published span.day,
#archive-items .published span.day {
	font-size: 34px;
	line-height: 36px;
}

#blogview .published span.month,
#archive-items .published span.month {
	font-size: 12px;
	text-transform: uppercase;
	line-height: 20px;
}

#blogview .blogview-item-wrapper,
#archive-items .blogview-item-wrapper {
	overflow: hidden;
}

#blogview .blogview-item-wrapper .item-image.blog-image,
#archive-items .blogview-item-wrapper .item-image.blog-image {
	margin-right: 0;
	margin-bottom: 12px;
	float: none;
}

#blogview .item,
#archive-items .item {
	margin-bottom: 40px;
}

.recent_blog_text {
	margin-bottom: 7px !important;
	font-size: 14px !important;
}

.blog-item-first {
	margin-bottom: -20px !important;
}

.image_border {
	background: #efefef;
	padding: 5px;
	border: 1px solid #ddd;
}

/*-------------------------------------
	SERVICES/TEAM-MEMBERS
-------------------------------------*/

.services {
	margin-top: 20px;
	margin-bottom: 10px;
}

.services img {
	float: left;
	padding: 2px;
	background: #fff;
	border-top: 1px solid #f4f4f4;
	border-left: 1px solid #f4f4f4;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	box-shadow: .08em 1px 2px #dadada;
	-moz-box-shadow: .08em 1px 2px #dadada;
	-webkit-box-shadow: .08em 1px 2px #dadada;
	position: relative;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0;
}

.services h4 { 
	font-size: 16px;
	padding: 10px 0 15px 0;
	margin: 0;
	color: #848484;
}
	
.services span {
	border-bottom: 1px dotted #ccc; 
	width: auto; 
	margin-bottom: 10px; 
	padding-bottom: 10px; 
	display: block;
	overflow: hidden;
	color: #848484;
}
	
.services p { 
	overflow: hidden;
	margin-top: 10px;
	color: #848484;
}

/*-------------------------------------
	FOOTER
-------------------------------------*/

#footer_section {
	background-color: #F4F5F6;
}

#footer {
	border-top: 22px solid #DE421A;
	color: #949494;
}

#footer_container {
	padding: 41px 0 0;
	text-transform: none;
	color: #949494;
	margin: 0 auto;
	width: 940px;
	font-family: 'Cabin', sans-serif;
	font-size: 12px;
	line-height: 22px;
}

/*-------------------------------------
	FOOTER-MENU
-------------------------------------*/

ul.footer_menu {
	float: left;
	margin: 1px 0 0;
	overflow: hidden;
	padding-bottom: 30px;
}

ul.footer_menu li:first-child {
	background: none;
	padding-left: 2px;
}

ul.footer_menu li {
	list-style: none;
	float: left;
	padding: 0 28px 0 27px;
}

ul.footer_menu li span.separator,
ul.footer_menu li a {
	font: 12px/22px 'Cabin', sans-serif;
	text-transform: uppercase;
	color: #697279;
}

ul.footer_menu li.active span.separator,
ul.footer_menu li.active a,
ul.footer_menu li span.separator:hover,
ul.footer_menu li a:hover {
	color: #DE421A;
}

ul.footer_menu ul {
	display: none;
}

/*-------------------------------------
	COPYRIGHT
-------------------------------------*/

p.copyright {
	float: right;
	font-size: 10px;
	margin: 0 4px 0 0;
}

p.copyright a {
	color: #949494;
}

p.copyright a:hover {
	color: #DE421A;
}

.coyright_text span {
	color: #5a5a5a;
}

/*-------------------------------------
	STYLESWITCHER
-------------------------------------*/

#style_switcher {
	position: fixed;
	left: 0px;
	top: 170px;
	padding: 10px;
	width: 28px;
	border: 1px solid #ced2d8;
	background-color: #fff;
	font-size: 11px;
	z-index: 10000;
}

#style_switcher span {
	font-size: 10px;
}

#switcher_btn {
	width: 33px;
	height: 29px;
	position: absolute;
	right: -33px;
	top: 30px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-width: 0px;
	background-color: transparent;
	border-left: 1px solid #ced2d8;
}

#switcher_btn a {
	outline:none;
}

.closed {
	background-position: 0px 29px;
}

.color, .pattern {
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 6px;	
	border: 1px solid #ccc;
}

.blue {
	background: #DE421A;
}

.red {
	background: #cc5533;
}

.green {
	background: #91A84A;
}

.orange {
	background: #f7941f;
}

#styleSwitcher1 hr {
	margin-bottom: 10px;
	margin-top: -2px;
}

#picker{
	margin-bottom: 10px;
}

/*-------------------------------------
	CONTACTFORM / COMMENTFORM
-------------------------------------*/

ol #commentform {
	width: 100%;
}

#commentform input {
	margin-right: 10px;
	padding: 5px;
}

.width {
	width: 45%;
}

#commentform textarea {
	width: 95%;
	max-width: 95%;
	height: 150px;
}

#commentform small span,
.contactform small span { 
	color: #F00;
	
}

#commentform small span.grey,
.contactform small span.grey{
	color: #999;
	font-family: "Droid Serif", Georgia, Times, serif;
	font-style: italic;
}

input,
textarea {
	background: #fff;
	border: 1px solid #dad9d5;
}

input,
textarea {
	padding: 7px;
}

input:focus,
textarea:focus {
	background: #fff;
	border-color: #c8c6c2;
	color: #444444;
}

.message-sent { 
	padding: 20px;
	margin: 40px 0;
	background: #f1f1f1;
	border: 1px solid #d8d8d8;
}

.message-sent span { 
	font-weight: bold;
}

p.error {
	display: none; 
	padding: 0 0 0px 0; 
	color: #FF3300;
}

p#submit {

}

p#success {
	display: none; 
	padding: 0 0 0 0px; 
	font-size: 16px; 
	text-align: left; 
	margin-bottom: 20px;
	color: #333 !important;
}

/*-------------------------------------
	COMMENTS
-------------------------------------*/

.comment {
	margin-top: 20px;
	position: relative;
	overflow: hidden
}

.comm-text-wrap {
	margin-left: 15px
}

.comm-text {
	background: transparent;
	margin-left: 62px;
}

.bubble {
	width: 85%;
	position: relative;
	margin-top: 10px;
	border: 1px #e8e8e8 solid;
	padding: 14px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.bubble-bg {
	position: absolute;
	left: -11px;
	width: 11px;
	height: 40px;
}

.bubble a {
	font-size: 11px;
	display: block;
	width: 60px;
	height: 35px;
	line-height: 35px
}

.bubble a,.bubble a:hover,.bubble a:visited {
	color: #6896C1;
}

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

.avatar {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px
}

/*-------------------------------------
	MAP
-------------------------------------*/

#map-holder {
	height: 310px;
	margin-bottom: 20px;
}

#map {
	border-bottom: 1px solid #c5c3c0;
	border-top: 1px solid #c5c3c0;
	height: 310px;
	margin: 0 0 0 0;
	position: relative;
	width: 100%;
}

#map:before, #map:after {
	content: '';
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#map:after {
	bottom: 20px;
	top: auto;
}

/*-------------------------------------
	GALLERY
-------------------------------------*/

#gallery {
	position: relative;
}

.ad-gallery, .ad-gallery * {

}

.ad-gallery {
	width: 550px;
	padding: 0;
}

.ad-gallery .ad-image-wrapper {
	width: 550px;
	height: 213px;
	padding-bottom: 15px;
}

.ad-gallery .ad-image-wrapper .ad-next {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 213px;
	cursor: pointer;
	display: block;
	z-index: 29;
}

.ad-gallery .ad-image-wrapper .ad-prev {
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	height: 100%;
	cursor: pointer;
	display: block;
	z-index: 29;
	opacity: 1;
}

.ad-gallery .ad-image-wrapper .ad-prev, 
.ad-gallery .ad-image-wrapper .ad-next {
	background: url(non-existing.jpg)\9
}

.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image,
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	width: 30px;
	height: 30px;
	display: none;
	position: absolute;
	top: 190px;
	left: 0;
	z-index: 101;
}

.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	width: 30px;
	height: 30px;
	right: 0;
	left: auto;
}

.ad-gallery .ad-image-wrapper .ad-image {
	position: absolute;
	overflow: hidden;
	z-index: 9;
}

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	display: none;
}

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
	display: block;
}
.ad-description-title {
	display: none;
	overflow: hidden;
	text-indent: -4000px;
}
.ad-gallery .ad-controls {
	height: 20px;
	top: 28px;
	display: none;
}

.ad-gallery .ad-slideshow-controls {
	float: right;
}

.ad-gallery .ad-slideshow-controls .ad-slideshow-start,
.ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
	padding-left: 5px;
	cursor: pointer;
}

.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
	padding-left: 5px;
	font-size: 0.9em;
}

.ad-gallery .ad-slideshow-running .ad-slideshow-start {
	cursor: default;
	font-style: italic;
}

.ad-gallery .ad-nav {
	width: 550px;
	position: relative;
}

.ad-gallery .ad-forward,
.ad-gallery .ad-back {
	visibility: hidden;
}

.ad-gallery .ad-forward,
.ad-gallery .ad-back {
	position: absolute;
	top: 0px;
	height: 50px;
	z-index: 10;
	width: 30px;	
}

.ad-gallery .ad-back {
	cursor: pointer;
	left: -30px;
	display: block;
}

.ad-gallery .ad-forward {
	cursor: pointer;
	display: block;
	right: -30px;
}

.ad-gallery .few .ad-forward,
.ad-gallery .few .ad-back {
	display: none;
}

.ad-gallery .ad-thumbs .ad-thumb-list {
	width: 350px !important;
	list-style: none;
	padding-right: 1px;
	padding-bottom: 3px;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 6px;
	min-height: 84px;
}

.ad-gallery .ad-thumbs li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 4px solid #efefef;
}

.ad-gallery .ad-thumbs li a {
	display: block;
}

.ad-gallery .ad-thumbs li a img {
	display: block;
	background-color: #fff;
	width: 57px;
	height: 29px;
}

.ad-gallery .ad-thumbs li a.ad-active img {
	background-color: #7f7f7f;
}

.ad-preloads {
	position: absolute;
	left: -9000px;
	top: -9000px;
}

.ad-gallery .ad-image-wrapper .ad-loader-container {
	position: absolute;
	z-index: 10;
	width: 29px;
	height: 29px;
	overflow: hidden;
	top: 46%;
	left: 48.5%;
	background: url(images/rup_preloader.png) no-repeat 0 -696px;
}