/* ======================================================================================================
 GENERAL TYPOGRAPHY 
=======================================================================================================*/

/* ================= 1. CSS Reset ================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}
strong, b {
	font-weight:bold;
}
em, dfn, i {
	font-style:italic;
}
/* ================= General tags ================= */
body {
	color:#666666;
	-webkit-font-smoothing: antialiased;
	backgorund:#f6f4e7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.7;
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	margin-bottom:12px;
	font-weight:200;
}
a:link, a:visited, a:hover, a:active, a:focus {
	text-decoration:none;
	outline: none;
	font-family: 'Open Sans', Arial, Verdana, serif;
	font-weight: normal;
	color:#898989;
}
a {
	font-family: 'Open Sans', Arial, Verdana, serif;
}
a:hover {

}
pre {
	white-space:pre;
	overflow:auto;
	padding:20px;
}
code {
	white-space:pre;
	overflow:auto;
	padding:14px;
	color:#595959;
	background:#f6f6f6;
	display:block;
	border:1px solid #ddd;
	font-size:11px;
	line-height:15px;
}
code strong {
	color:#000;
}
p {
	color:#74665b;
	font-size:20px;
	line-height:22px;
	font-family: 'Open Sans', Arial, Verdana, serif;
}

dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, blockquote, article, p {
	margin-bottom: 20px;
}
::selection {
	background:#2e2823;
	color:#FFFFFF;
}
::-moz-selection {
background:#2e2823;
color:#FFFFFF;
}
/* ================= Headers ================= */
h1 {
	font-size:25px;
	color:#453C34;
}
h2 {
	font-size:18px;
	color:#74665b;
}
h3 {
	font-size:18px;
	color:#453C34;
}
h4 {
	font-size:16px;
	color:#453C34;
}
h5 {
	font-size:14px;
	color:#453C34;
}
h6 {
	font-size:12px;
	color:#453C34;
}
h1.regular, h2.regular, h3.regular, h4.regular, h5.regular, h6.regular {
	font-weight:400;
}
h1.white, h2.white, h3.white, h4.white, h5.white, h6.white {
	color:#fff;
}
h1.page_title {
	margin-bottom:10px;
}
h1.bottom_line {
	border-bottom:1px solid #d9d9d9;
	margin:20px 0 30px 0;
	padding:0 0 10px 0;
}
h2.bottom_line {
	border-bottom:1px solid #d9d9d9;
	margin-bottom:10px;
}
h3.bottom_line {
	border-bottom:1px solid #d9d9d9;
	margin-bottom:20px;
	padding-bottom:15px;
}
h3.bottom_line2 {
	border-bottom:1px solid #d9d9d9;
	margin-bottom:0;
	padding-bottom:5px;
}
h4.bottom_line {
	border-bottom:1px solid #d9d9d9;
	margin-bottom:11px;
	padding-bottom:10px;
}
p.bottom_line {
	border-bottom:1px solid #d9d9d9;
	margin-bottom:10px;
	padding:0 0 13px 0;
}
div.bottom_line {
	border-bottom:1px solid #d9d9d9;
	margin-bottom:10px;
	padding:0 0 13px 0;
}
p.align_center {
	text-align:center;
	font-size:14px;
	color:#999999;
}
p.align_center a {
	font-weight:bold;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	font-weight:600;
}


/* ================= Deviders ================= */
.clear {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.padding3 {
	padding-top:3px;
	font-size:0;
	line-height:0;
}
.padding5 {
	padding-top:5px;
	font-size:0;
	line-height:0;
}
.padding10 {
	padding-top:10px;
	font-size:0;
	line-height:0;
}
.padding12 {
	padding-top:12px;
	font-size:0;
	line-height:0;
}
.padding15 {
	padding-top:15px;
	font-size:0;
	line-height:0;
}
.padding17 {
	padding-top:17px;
	font-size:0;
	line-height:0;
}
.padding20 {
	padding-top:20px;
	font-size:0;
	line-height:0;
}
.padding25 {
	padding-top:25px;
	font-size:0;
	line-height:0;
}
.padding30 {
	padding-top:30px;
	font-size:0;
	line-height:0;
}
.padding40 {
	padding-top:40px;
	font-size:0;
	line-height:0;
}
.padding50 {
	padding-top:50px;
	font-size:0;
	line-height:0;
}
.padding60 {
	padding-top:60px;
	font-size:0;
	line-height:0;
}
.padding80 {
	padding-top:80px;
	font-size:0;
	line-height:0;
}
.none {
	display:none;
}
.line {
	font-size:0px;
	border-top:1px solid #d9d9d9;
}
hr {
	background:transparent;
	border:0;
	clear:both;
	color:transparent;
	height:1px;
	margin:0;
	padding:0
}
hr {
	background: #d9d9d9;
	color: #d9d9d9;
	margin:5px 0 25px 0;
}
hr.dotted {
	border-style: dotted;
}
p + hr {
	margin:25px 0 20px 0;
}
/* ======================================================================================================
 GENERAL STRUCTURE
=======================================================================================================*/

/* ================= Header and Logo ================= */
.container {
	width:940px;
	margin:0 auto;
}

/* ================= Linea delgada de header barra de abajo ================= */

.header_bg {
	min-height:190px;
	background:#20314e url(../images/header-bg.jpg) repeat-x;
}
.header_bg.grey {
	background:#20314e url("../images/header_delimiter.png") repeat-x bottom;
}
.header_bg .logo {
	float:left;
	margin-bottom:10px;
	margin-top: 95px;
`
}
/* ================= Header Menu ================= */
.main-menu {
	float:right;
	margin-top: 113px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	width: 523px;
}
.main-menu ul {
	margin:0;
}
.main-menu li ul {
	padding-top:2px;
	left:-2px;
}
.main-menu li ul li {
	box-shadow:2px 2px 2px 0px rgba(0,0,0,0.1);
}
.main-menu li {
	white-space:nowrap;
	display:block;
	position:relative;
	margin:0;
	padding:0;
	z-index:100;
}
/* ================= cAMBIAR COLOR DE LAS LETRAS MENU================= */.main-menu a {
	display:block;
	position:relative;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#787878;
	font-weight:normal;
}
.main-menu a:hover {
	text-decoration:none;
	color:#0099FF;
}
.main-menu li.submenu > a {
	padding-right:20px;

	cursor:default;
}
.main-menu > ul > li {
	float:left;
	margin-right:28px;
}
.main-menu > ul > li:last-child {
	margin-right:0;
}
.main-menu li ul {
	display:none;
	position:absolute;
	top:100%;
	z-index:100;
}
.main-menu li:hover > ul {
	display:block;
}
.main-menu li ul li.submenu > a {
	padding-right:10px;
}
.main-menu li ul li.submenu > a:hover {
	padding-right:10px;
	background:#f5f5f5;
}
.main-menu li ul li {

	background:#FFF;
}
/* ================= hover desplegado menu principal (color) ================= */.main-menu li ul li a:hover {
	color:#0099FF;
	background-color: #FFFFFF;
}
.main-menu li ul li:last-child {
	
}
/* ================= Background de desplegado menu princuipal (color) ================= */.main-menu li ul li a {
	padding:0 25px 0 12px;
	line-height:33px;
	background-color: #e9f0f6;
	opacity: 1;
	
	
}
.main-menu li ul li ul {
	top:-1px !important;
	left:100% !important;
	padding:0 !important;
}
/* ================= Footer ================= */
.footer_bg {
	border-top:10px solid #d93e39;
	background:#282828;
	margin-top:60px;
}
.footer_bg.no_margin {
	margin-top:0;
}
.footer {
	margin-top:35px;
}
.footer_bg .footer h1.about {
	background:url("../images/footer_about.png") no-repeat 0px 4px;
	color:#aaaaaa;
	font-size:18px;
	text-shadow:0 1px 0 #262626;
	font-weight:400;
	text-indent:30px;
}
.footer_bg .footer h1.blog {
	background:url("../images/footer_blog.png") no-repeat 0px 4px;
	color:#aaaaaa;
	font-size:18px;
	text-shadow:0 1px 0 #262626;
	font-weight:400;
	text-indent:30px;
}
.footer_bg .footer h1.flickr {
	background:url("../images/footer_flickr.png") no-repeat 0px 4px;
	color:#aaaaaa;
	font-size:18px;
	text-shadow:0 1px 0 #262626;
	font-weight:400;
	text-indent:30px;
}
.footer_bg .footer p {
	color:#cccccc;
	line-height:22px;
}
/* ================= cambiar color barra del Footer ================= */.footer_bg_bottom {
	border-top:1px solid #b2b2b2;
	background-color: #081b2e;
}
.footer .lastest_posts img {
	float:left;
	margin:5px 20px 0 0;
}
.footer .lastest_posts a {
}
.footer .col_1_3 {
	width:280px;
	margin:20px 40px 0 0;
}
.footer .col_1_3.last {
	width:280px;
	margin:20px 0 0 0;
}
.footer .flickr ul {
	margin-right:-20px;
}
.footer .flickr ul li {
	padding:0;
	margin:0 20px 20px 0;
	float:left;
}
.ie7 .footer .flickr ul li {
	padding:0;
	margin:0 13px 19px 0;
	float:left;
}
.footer .flickr ul li a {
	border:4px solid #202020;
	display:block;
	width:72px;
	height:72px;
}
.footer_bottom .menu ul {
	list-style: none;
	padding:20px 0 0 0;
}
.footer_bottom .menu ul li {
	float:left;
	position:relative;
	display:block;
	margin:0 40px 0 0;
	padding:0;
	list-style:none;
	z-index: 9999;
}
.footer_bottom .menu ul li a {
	color:#fff;
	font-weight:bold;
	display:block;
	text-decoration:none;
	float:left;
}


/* ================= HJover del Footer ================= */.footer_bottom .menu ul li a.selected {
	color:#4f9dcd;
}
.footer_bottom .menu ul li a:hover {
	color:#4f9dcd;
}

/* ================= Colo copyright footer ================= */

.footer_bottom p, .footer_bottom p a {
	color:#999999;
	line-height:22px;
	font-size:11px;
	text-decoration: none;
}
.footer_bottom .keep_in {
	padding:20px 0 0 0;
	font-size:14px;
	color:#a6a6a6;
	font-weight:600;
}
/* ================= Page title + Search ================= */
.page_info {
	margin:10px 0 17px 0;
}
.page_info .text {
	float:left;
}
.page_info .search .left {
	float:left;
	padding:0 0 0 0;
}
.page_info .search .right {
	float:left;
	padding:4px 0 0 0;
}
.page_info .search .inputSearch {
	cursor:pointer;
	background:url("../images/search_button.png") no-repeat;
	width:40px;
	height:30px;
	border:0;
	margin:0;
}
.page_info .search .inputSearch:hover {
	background-repeat:no-repeat;
	background-position:100% -30px;
}
.page_info .search .inputSearch:active {
	background-repeat:no-repeat;
	background-position: 0 -60px;
}
.page_info .search .inputText {
	color:#808080;
	border:1px solid #e4e4e4;
	width:140px;
	height:20px;
	padding:5px;
	margin:4px 15px 0 11px;
}
.delimiter {
	background:url("../images/companies_bottom.png") repeat-x;
	height:5px;
	margin:0 0 15px 0;
}

/* ======================================================================================================
 MEDIA QUERIES
=======================================================================================================*/	

/* ================= Tablet (Portrait) 768px - 959px ================= */
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* ================= Logo and Main menu ================= */
	.logo {
	display: block;
	float: none;
	width:100%;
}
.main-menu {
	margin:0 0 30px 0;
	float:left;
}

/* ================= Container and Columns ================= */
	.container {
	width: 748px;
}

/* ================= Contact Page ================= */
	.contact_map {
	background:none;
	width:226px;
	height:310px;
	padding:0 0 0 0;
	margin:40px 0 20px 0;
}
.map_canvas {
	width:220px;
	height:280px;
}
.inputText {
	width:300px;
	height:24px;
}
.inputTextarea {
	width:300px;
	height:150px;
}
/* ================= Home Page ================= */
	.homepage_widgets .col_1_3 {
	width:226px;
	margin:40px 10px 0 10px;
}
.homepage_widgets .col_1_3.last {
	width:226px;
	margin:40px 0 0 10px;
}
.homepage_widgets .col_1_3.first {
	width:226px;
	margin:40px 10px 0 10px;
}
.homepage_widgets .widget_newsletter .button_big span {
	width:145px
}
.homepage_widgets .widget_body .image {
	width:60px;
	margin:7px auto 5px auto;
	position:relative;
	float:none;
}
.homepage_widgets .widget_body .text {
	width:200px;
	margin-left:0;
	float:none;
}
.follow_us_box a.twitter {
	float:left;
}
.follow_us_box a.facebook {
	float:left;
	margin-left:5px;
}
.recent_post_slider .slides_container {
	width:190px;
	display:none;
}
.recent_post_slider .slides_container div.slide {
	width:190px;
	display:block;
}
img.liquid {
	width:100%;
}
.features .title h3 {
	font-size:15px;
}
.features .title h4 {
	font-size:16px;
}
/* ================= Footer ================= */
	.footer .col_1_3 {
	width:226px;
	margin:40px 10px 0 10px;
}
.footer .col_1_3.last {
	width:226px;
	margin:40px 10px 0 10px;
}
.footer .flickr ul {
	margin-right:-5px;
}
.footer .flickr ul li {
	padding:0;
	margin:0 5px 5px 0;
	float:left;
}
.footer .flickr ul li a {
	border:4px solid #202020;
	display:block;
	width:64px;
	height:64px;
}
.footer .flickr ul li a img {
	width:64px;
	height:64px;
}
}


/* ================= Mobile (Portrait) < 767px ================= */
@media only screen and (max-width: 767px) {
/* ================= Logo and Main menu ================= */
	.logo {
	display:block;
	float:none;
	text-align:center;
	width:100%;
}
.header_bg {
	height: auto;
}
.main-menu {
	margin:0 0 30px 0;
	float:left;
	width:100%;
}
.main-menu ul {
	position:static !important;
	padding:0 !important;
}
.main-menu li {
	box-shadow:none !important;
	border:0 !important;
	border-top:1px solid #d9d9d9 !important;
	display:block !important;
	float:none !important;
	margin:0 !important;
}
.main-menu li.submenu > a {
	cursor:pointer;
}
.main-menu li a {
	padding:0 16px;
	line-height:33px;
}
.main-menu li ul li a {
	padding-left:32px !important;
}
.main-menu li ul li ul li a {
	padding-left:48px !important;
}
.main-menu li.submenu > a {
	padding-right:20px;
	background:url(../images/arrow_320.png) no-repeat right;
}
.main-menu li ul li.submenu > a {
	padding-right:10px;
	background:url(../images/arrow_320.png) no-repeat right;
}
.main-menu li ul li.submenu > a:hover {
	padding-right:10px;
	background:#f5f5f5 url(../images/arrow_320.png) no-repeat right;
}
.main-menu li.submenu > a {
	padding-right:20px;
	background:url(../images/arrow_320.png) no-repeat right;
}
.main-menu li ul {
	display:none !important;
}
.main-menu li:hover > ul {
	display:block !important;
}
/* ================= Blog Post and Sidebar ================= */
	.blog_post .left_side {
	display:none;
}
.blog_post .right_side .published { /*display:inline-block; */
}
.sidebar {
	margin-top:40px;
	float:none;
}
.content {
	float:none;
	margin-right:0;
	width:300px;
}
.content img {
	height: auto;
	max-width: 100%;
}
.content .left_side {
	display:none;
}
.content .right_side {
	width:300px;
}
.content .blog_post .right_side .block_post {
	padding:10px 10px 0 10px;
	width:280px;
}
.blog_post .delimiter_vertical {
	padding:0 1px 0 1px;
	margin:0;
	text-indent:-9999px;
}
.content .blog_post .right_side .block_post img {
	width:100%;
}
.content .pages {
	margin-left:0;
}
.blog_post .published {
	float:none;
}
.blog_post .author {
	float:none;
}
.blog_post .category {
	float:none;
}
.blog_post .number_comments {
	float:none;
}
/* ================= Blog Comments ================= */
	.comments-info {
	padding: 0px 0 0 10px;
}
.comments-info .reply {
	float:none;
}
.comment_box {
	padding:10px;
}
.comment_box .avatar {
	float:none;
}
.comment_box .text {
	float:none;
	width:auto;
	padding-left:10px;
}
.comment_box_nested {
	margin-left:0px;
}
/* ================= Blog Reply box ================= */
	.comments_form {
	margin:20px 0 0 0;
}
.comments_form input {
	width: 280px;
}
.comments_form textarea {
	height: 140px;
	width:280px;
}
.comments_form .comment_wrap {
	float:left;
	margin: 0 0 20px 0;
}
/* ================= Pricing Table ================= */
	.pricing_table .pricing_items li:before {
	font-size:13px;
	font-weight:bold;
	display:inline-block;
	text-align: center;
	padding-right:5px;
	content: attr(data-item) ':' !important;
}
.pricing_table .box {
	width:300px !important;
	margin:0 0 20px 0;
}
.pricing_table .item_list {
	display: none;
}
.pricing_table .box.featured {
	margin:40px 0 20px 0;
}
/* ================= Portfolio ================= */
	.portfolio_1_4, .portfolio_1_3, .portfolio_1_2 {
	margin:0;
}
.portfolio_1_4 ul, .portfolio_1_3 ul, .portfolio_1_2 ul {
	width:300px;
}
.portfolio_1_4 ul li, .portfolio_1_3 ul li, .portfolio_1_2 ul li {
	margin:0 0 60px 0;
	width:300px;
	height:366px;
}
.portfolio_1_4 ul li .image, .portfolio_1_3 ul li .image, .portfolio_1_2 ul li .image {
	width:288px;
	height:215px;
}
.portfolio_1_4 ul li .image .portfolio_image, .portfolio_1_3 ul li .image .portfolio_image, .portfolio_1_2 ul li .image .portfolio_image {
	width:288px;
	height:215px;
}
.portfolio_nav {
	float:left;
	margin:10px 0 10px 0;
}
/* ================= Recent Works on Homepage ================= */
	.recent_works {
	width:300px !important;
}
.recent_works ul li {
	width:280px !important;
	height:366px !important;
}
.recent_works ul li .recent_image {
	width:268px;
	height:215px;
}
.recent_works ul li .recent_image .portfolio_image {
	width:268px;
	height:215px;
}
/* ================= Portfolio Filter ================= */
	.filter {
	float:none;
}
.filter {
	padding:0;
	margin:0;
}
.filter ul {
	margin:0;
	position:static !important;
	width:100%;
}
.filter ul li {
	display:block !important;
	float:none !important;
	margin:0 !important;
}
.filter ul li a {
	width:100%;
	border-bottom:1px dotted #cccccc;
	margin:0 0 10px 0;
	padding:0 !important;
}
.filter li.separator {
	display:none !important;
}
/* ================= Container and Columns ================= */
	.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	float: none;
	margin-right: 0;
}
.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	width:300px;
}
.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3 {
	width:300px;
}
/* ================= Contact Page ================= */
	.inputText {
	width:285px;
}
.inputTextarea {
	width:285px;
	height:150px;
}
.submit {
	margin:0;
}
/* ================= Page Info ================= */
	.page_info .text {
	float:none;
}
.page_info .search {
	float:none;
}
/* ================= HomePage ================= */
	.homepage_widgets .col_1_3 {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
.footer .col_1_3 {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
.homepage_widgets .col_1_3.last {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
.homepage_widgets .col_1_3.first {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
.footer .col_1_3.last {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
.footer_bottom .col_2_3 {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
.footer_bottom .col_1_3 {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
.follow_us_box a.twitter {
	float:left;
}
.follow_us_box a.facebook {
	float:left;
	margin-left:5px;
}
}



/* ================= Mobile (Landscape) 480px - 767px ================= */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* ================= Logo and Main menu ================= */
	.logo {
	display: block;
	float: none;
	width:100%;
}
.main-menu {
	margin:0 0 30px 0;
	float:left;
}
/* ================= Blog Post and Sidebar ================= */
	.blog_post .right_side .media_query_visible {
	display:block;
}
.blog_post .right_side .media_query_invisible {
	display:none;
}
.content {
	width:420px;
	margin-right:0;
}
.content .left_side {
	display:none;
}
.content .right_side {
	width:420px;
}
.content .blog_post .block_post .delimiter_vertical {
	padding:0 1px 0 1px;
	margin:0;
	text-indent:-9999px;
}
.content .blog_post .right_side .block_post {
	padding:10px 10px 0 10px;
	width:400px;
}
.content .blog_post .right_side .block_post img {
	width:100%;
}
.sidebar {
	float:none;
	width:420px;
}
.sidebar .widget .recent_post .text {
	width:338px;
}
.blog_post .published {
	float:none;
}
.blog_post .author {
	float:none;
}
.blog_post .number_comments {
	float:none;
}
.blog_post .category {
	float:none;
}
.content .pages {
	margin:0;
}
/* ================= Blog Comments ================= */
	.comment_box .reply {
	float:none;
	margin:0 auto auto 10px;
}
.comment_box .avatar {
	float:left;
}
.comment_box .text {
	float:left;
	width:310px;
	padding:0 0 0 10px;
}
/* ================= Blog Reply box ================= */
	.comments_form {
	margin:20px 0 0 0;
}
.comments_form input {
	width: 397px;
}
.comments_form textarea {
	height: 140px;
	width:397px;
}
.comments_form .comment_wrap {
	float:left;
	margin: 0 0 20px 0;
}
/* ================= Pricing Table ================= */
	.pricing_table .box {
	width:420px !important;
}
/* ================= Portfolio ================= */
	.portfolio_1_4, .portfolio_1_3, .portfolio_1_2 {
	margin:0;
}
.portfolio_1_4 ul, .portfolio_1_3 ul, .portfolio_1_2 ul {
	width:420px;
}
.portfolio_1_4 ul li, .portfolio_1_3 ul li, .portfolio_1_2 ul li {
	margin:0 0 60px 0;
	width:420px;
	height:435px;
}
.portfolio_1_4 ul li .image, .portfolio_1_3 ul li .image, .portfolio_1_2 ul li .image {
	width:408px;
	height:305px;
}
.portfolio_1_4 ul li .image .portfolio_image, .portfolio_1_3 ul li .image .portfolio_image, .portfolio_1_2 ul li .image .portfolio_image {
	width:408px;
	height:305px;
}
/* ================= Recent Works on Homepage ================= */
	.recent_works {
	width:420px !important;
}
.recent_works ul li {
	width:400px !important;
	height:435px !important;
	margin:0 0 60px 0;
}
.recent_works ul li .recent_image {
	width:388px;
	height:305px;
}
.recent_works ul li .recent_image .portfolio_image {
	width:388px;
	height:305px;
}
/* ================= Container and Columns ================= */
	.companies .cbody {
	width:420px;
	margin:0 auto;
}
.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	float: none;
	margin-right: 0;
}
.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	width:420px;
}
.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3 {
	width:420px;
}
/* ================= Page Info ================= */
	.page_info .text {
	float:none;
}
.page_info .search {
	float:none;
}
/* ================= Contact page ================= */
	.inputText {
	width:250px;
}
.inputTextarea {
	width:250px;
	height:150px;
}
/* ================= Homepage ================= */
	.homepage_widgets .col_1_3 {
	width:280px;
	margin:40px 0 0 0;
	float: none;
	margin:40px auto 0 auto;
}
.homepage_widgets .col_1_3.last {
	width:280px;
	margin:40px 0 0 0;
	float: none;
	margin:40px auto 0 auto;
}
/* ================= Footer ================= */
	.footer .col_1_3 {
	width:420px;
	margin:40px 0 0 0;
	float: none;
	margin:40px auto 0 auto;
}
.footer .col_1_3.last {
	width:420px;
	float: none;
	margin:40px auto 0 auto;
}
.footer_bottom .col_2_3 {
	width:420px;
	float: none;
	margin:40px auto 0 auto;
}
.footer_bottom .col_1_3 {
	width:420px;
	float: none;
	margin:40px auto 0 auto;
}
}


/* ================= Mobile (Portrait) < 320px ================= */
@media only screen and (max-width: 317px) {
/* ================= Container and Columns ================= */
	.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	float:none;
	margin:0;
}
.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	width:226px;
}
.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3 {
	width:226px;
}
/* =================  Blog Post and Sidebar ================= */
	.blog_post .right_side .media_query_visible {
	display:block;
}
.blog_post .right_side .media_query_invisible {
	display:none;
}
.content {
	width:226px;
	margin-right:0;
}
.content .left_side {
	display:none;
}
.content .right_side {
	width:226px;
}
.content .delimiter_vertical {
	display:none;
}
.content .blog_post .right_side .block_post {
	padding:10px 10px 0 10px;
	width:206px;
}
.content .blog_post .right_side .block_post img {
	width:100%;
}
.sidebar {
	width:226px;
	float:none;
}
.sidebar .widget {
	width:226px;
}
.sidebar .widget .recent_post .text {
	width:138px;
}
.content .pages {
	margin:0;
}
/* =================  Blog Comments ================= */
	
	.comments_nr h3 {
	font-weight:bold;
	font-size:14px;
}
.add_comments a {
	font-weight:bold;
	font-size:14px;
}
.comment_box {
	padding:10px;
}
.comment_box .avatar {
	float:none;
}
.comment_box .text {
	float:none;
	width:auto;
	padding-left:0px;
}
/* =================  Blog Reply box ================= */
	.comments_form {
	margin:20px 0 0 0;
}
.comments_form input {
	width: 200px;
}
.comments_form textarea {
	height: 140px;
	width:200px;
}
.comments_form .comment_wrap {
	float:left;
	margin: 0 0 20px 0;
}
.flex-caption {
	display:none;
}
/* =================  Pricing Table ================= */
	.pricing_table .box {
	margin:0 0 20px 0;
	width:226px !important;
}
/* =================  Portfolio ================= */
	.portfolio_1_4, .portfolio_1_3, .portfolio_1_2 {
	margin:0;
}
.portfolio_1_4 ul, .portfolio_1_3 ul, .portfolio_1_2 ul {
	width:226px;
}
.portfolio_1_4 ul li, .portfolio_1_3 ul li, .portfolio_1_2 ul li {
	margin:0 0 60px 0;
	width:226px;
	height:312px;
}
.portfolio_1_4 ul li .image, .portfolio_1_3 ul li .image, .portfolio_1_2 ul li .image {
	width:214px;
	height:160px;
}
.portfolio_1_4 ul li .image .portfolio_image, .portfolio_1_3 ul li .image .portfolio_image, .portfolio_1_2 ul li .image .portfolio_image {
	width:214px;
	height:160px;
}
/* ================= Recent Works on Homepage ================= */
	.recent_works {
	width:226px !important;
}
.recent_works ul li {
	width:206px !important;
	height:312px !important;
}
.recent_works ul li .recent_image {
	width:194px;
	height:160px;
}
.recent_works ul li .recent_image .portfolio_image {
	width:194px;
	height:160px;
}
/* =================  Contact page ================= */
	.contact_map {
	background:none;
	width:226px;
	height:310px;
	padding:0 0 0 0;
	margin:40px 0 20px 0;
}
.map_canvas {
	width:226px;
	height:280px;
}
.inputText {
	width:210px;
}
.inputTextarea {
	width:210px;
	height:70px;
}
.submit {
	margin:0;
}
/* =================  Page Info ================= */
	.page_info .text {
	float:none;
}
.page_info .search {
	float:none;
}
.page_info .search .inputText {
	width:90px;
}
/* =================  Logo ================= */
	.logo img {
	width:100%
}
/* =================  HomePage ================= */
	.homepage_widgets .col_1_3 {
	width:226px;
	margin:40px auto 0 auto;
	padding:0;
}
.footer .col_1_3 {
	width:226px;
	margin:40px auto 0 auto;
}
.footer_bottom .col_1_3 {
	width:226px;
	margin:40px auto 0 auto;
}
.footer_bottom .col_2_3 {
	width:226px;
	margin:40px auto 0 auto;
}
.homepage_widgets .col_1_3.last {
	width:226px;
	margin:40px auto 0 auto;
	padding:0;
}
.homepage_widgets .col_1_3.first {
	width:226px;
	margin:40px auto 0 auto;
	padding:0;
}
.homepage_widgets .widget_body .image {
	width:60px;
	margin:7px auto 5px auto;
	position:relative;
	float:none;
}
.homepage_widgets .widget_body .text {
	width:200px;
	margin-left:0;
	float:none;
}
.homepage_widgets .widget_newsletter .button_big span {
	width:145px
}
.recent_post_slider .slides_container {
	width:190px;
	display:none;
}
.recent_post_slider .slides_container div.slide {
	width:190px;
	display:block;
}
.follow_us_box a.twitter {
	float:left;
	font-size:15px;
}
.follow_us_box a.facebook {
	float:left;
	margin-left:5px;
	font-size:15px;
}
img.liquid {
	width:100%;
}
.features .title h3 {
	font-size:17px;
}
.features .title h4 {
	font-size:16px;
}
/* =================  Footer ================= */
	.footer .col_1_3.last {
	width:226px;
	margin:40px auto 0 auto;
}
.footer_bottom .col_1_3.last {
	width:226px;
	margin:40px auto 0 auto;
}
.footer_bottom .col_2_3.last {
	width:226px;
	margin:40px auto 0 auto;
}
.footer .flickr ul {
	margin-right:-5px;
}
.footer .flickr ul li {
	padding:0;
	margin:0 5px 5px 0;
	float:left;
}
.footer .flickr ul li a {
	border:4px solid #202020;
	display:block;
	width:64px;
	height:64px;
}
.footer .flickr ul li a img {
	width:64px;
	height:64px;
}
}
/* =================  Banner ================= */


.bannerbg {
	border-top:1px solid #2e2823;
	border-bottom:1px solid #2e2823;
	padding:25px 0;
	background-image: url(../images/banner-bg.jpg);
	background-repeat: repeat;
	background-position: 13px 0;
}
.MT0 {
	margin-top:0px !important;
}
/* CSS3 buttons */

.red-button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff;
	padding: 11px 20px;
	background: -moz-linear-gradient(  top,  #f69890 0%,  #f59186 50%,  #f37f74);
	background: -webkit-gradient(  linear, left top, left bottom,  from(#f69890),  color-stop(0.50, #f59186),  to(#f37f74));
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #483936;
	-moz-box-shadow:
 0px 2px 2px rgba(000,000,000,0.3),  inset 0px 1px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
 0px 2px 2px rgba(000,000,000,0.3),  inset 0px 1px 1px rgba(255,255,255,0.5);
	text-shadow:
 0px 1px 0px rgba(69,61,52,0.6),  0px 1px 0px rgba(255,255,255,0.3);
}
.red-button:hover {
	padding: 11px 20px;
	background: -moz-linear-gradient(  top,  #f37f74 0%,  #f59186 50%,  #f69890);
	background: -webkit-gradient(  linear, left top, left bottom,  from(#f37f74),  color-stop(0.50, #f59186),  to(#f69890));
	border: 1px solid #483936;
	text-decoration:none;
}
.red-button:active {
	background: -moz-linear-gradient(  top,  #df776c 0%,  #f59186 50%,  #f69890);
	background: -webkit-gradient(  linear, left top, left bottom,  from(#df776c),  color-stop(0.50, #f59186),  to(#f69890));
	border: 1px solid #483936;
}
.green-button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff;
	padding: 11px 20px;
	background: -moz-linear-gradient(  top,  #88b272 0%,  #7fab68 50%,  #6c9b55);
	background: -webkit-gradient(  linear, left top, left bottom,  from(#88b272),  color-stop(0.50, #7fab68),  to(#6c9b55));
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #3d4536;
	-moz-box-shadow:
 0px 2px 2px rgba(000,000,000,0.3),  inset 0px 1px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
 0px 2px 2px rgba(000,000,000,0.3),  inset 0px 1px 1px rgba(255,255,255,0.5);
	text-shadow:
 0px 1px 0px rgba(69,61,52,0.6),  0px 1px 0px rgba(255,255,255,0.3);
}
.green-button:hover {
	padding: 11px 20px;
	background: -moz-linear-gradient(  top,  #6c9b55 0%,  #7fab68 50%,  #88b272);
	background: -webkit-gradient(  linear, left top, left bottom,  from(#6c9b55),  color-stop(0.50, #7fab68),  to(#88b272));
	border: 1px solid #483936;
	text-decoration:none;
}
.green-button:active {
	background: -moz-linear-gradient(  top,  #618f4b 0%,  #7fab68 50%,  #88b272);
	background: -webkit-gradient(  linear, left top, left bottom,  from(#618f4b),  color-stop(0.50, #7fab68),  to(#88b272));
	border: 1px solid #483936;
}
.big_link {
	color:#fff;
	font-size:18px;
	font-weight:bold;
	font-family:Helvetica, Arial, sans-serif;
}
/* =================  Social ================= */
.social-links {
	position:absolute;
	padding:0;
	margin:0;
	padding-top:18px;
}
.social-links li {
	display:inline;
	padding-right:5px;
	width:24px;
	height:26px;
}
/* =================  Contact Sidebar ================= */
ul.contact-address li {
	font-size:12px !important;
}
ul.contact-address li {
	padding:10px !important;
	line-height:25px !important;
	border-bottom:1px solid #f6f4e7;
}
ul.contact-address li:hover {
	background:#dcebf5;
}
ul.contact-address li.address span {
	background:url(../images/address.png) no-repeat left;
	padding: 30px 0;
	padding-left:35px !important;
}
ul.contact-address li.phone span {
	background:url(../images/phone.png) no-repeat left;
	padding: 30px 0;
	padding-left:35px !important;
}
ul.contact-address li.email span {
	background:url(../images/email.png) no-repeat left;
	padding: 30px 0;
	padding-left:35px !important;
}
/* =================  General Sidebar Menu ================= */

ul.sidebarmenu li {
	font-size:12px !important;
}
ul.sidebarmenu li {
	padding:10px !important;
	line-height:25px !important;
	border-bottom:0px solid #ffffff;
}
ul.sidebarmenu li:hover {
	background:#dcebf5;
}