/*
	Theme Name: CleanBold
	Theme URI: http://themefurnace.com/cleanbold-theme
	Description: CleanBold is a minimal theme ideal for portfolios or businesses.
	Author: ThemeFurnace
	Author URI: http://themefurnace.com
	Version: 2.0.1
	                                     
                                   
	Imports
	Headings
	Links
	Theme Layout
	Interior
	Sidebar
	Slider
	Footer
	Navigation
	Comments 
	Pagination
	Responsive

*/

/* Import Reset and Defaults */
@import url("inc/css/defaults.css");

/* Import Buttons */
@import url("inc/css/buttons.css");

/* Import Widgets */
@import url("inc/css/widgets.css");

/* Import Reset and Defaults */
@import url("//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");


/* Headings */

h1, h2, h3, h4, h5, h6 {
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:black;
	font-weight: bold;
	padding: 0;
}
#content h1 {
	font-size: 30px;
	letter-spacing:-.7px;
	line-height: 30px;
	padding-bottom:5px;
	margin-top:20px;
	margin-bottom:10px;
}
#content h2 {
	font-size: 18px;
	line-height: 22px;
	border-bottom:1px solid #ECECEC;
	padding-bottom:5px;
	margin-top:20px;
	margin-bottom:20px;
}
#content h3 {
	font-size: 18px;
	line-height: 20px;
	border-bottom:1px solid #ECECEC;
	padding-bottom:5px;
	margin-top:20px;
	margin-bottom:20px;
}
#content h4 {
	font-size: 16px;
	line-height: 18px;
	border-bottom:1px solid #ECECEC;
	padding-bottom:5px;
	margin-top:20px;
	margin-bottom:20px;
}
#content h5 {
	font-size: 14px;
	line-height: 16px;
	border-bottom:1px solid #ECECEC;
	padding-bottom:5px;
	margin-top:20px;
	margin-bottom:20px;
}
#content h6 {
	font-size: 12px;
	line-height: 14px;
	border-bottom:1px solid #ECECEC;
	padding-bottom:5px;
	margin-top:20px;
	margin-bottom:20px;
}
#logo_text {
	font: 35px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#474747;
	font-weight:bold;
	letter-spacing:-1px;
	padding: 0;
	position:absolute;
	top:30px;
	left:0px;
	width:300px;
}
#logo_text a {
	color:#474747;
}
.porttitle {
	font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#000000;
	font-weight:bold;
	line-height: 22px;
	letter-spacing:-.5px;
	margin-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	margin-top:15px;
}

/* Links */

a {
	color: #3694DC;
	text-decoration: none;
}
a:visited {
	color: #3694DC;
	text-decoration: none;
}
a:hover {
	color:#474747;
	text-decoration: none;
}
.featureicon a {
	color:white;
	display:block;
	width:95px;
	height:95px;
}
.featureicon a:visited {
	color:white;
}
.featureicon a:hover {
	transition: all 0.5s ease-out;
}
.posttitle a {
	color:#000000;
}
.posttitle a:visited {
	color:#000000;
}
.posttitle a:hover {
	color:#515151;
	transition: all 0.5s ease-out;
}
.postmeta a {
	color:#A4A4A4
}
.postmeta a:visited {
	color:#A4A4A4
}
.postmeta a:hover {
	color:#515151;
	transition: all 0.5s ease-out;
}
.porttitle a {
	color:#000000;
}
.porttitle a:visited {
	color:#000000;
}
.porttitle a:hover {
	color:#515151;
	transition: all 0.5s ease-out;
}
.portmeta a {
	color:#000000;
}
.portmeta a:visited {
	color:#000000;
}
.portmeta a:hover {
	color:#515151;
	transition: all 0.5s ease-out;
}

/* Theme Layout */

.container {
	width:960px;
	margin:0 auto;
}
.containergray {
	width:100%;
	margin:0 auto;
	background-color: #FAFAFA;
	margin-top:30px;
	margin-bottom:30px;
}
#header {
	height:209px;
	position:relative;
}
.inside #header {
	height:120px;
}
.logo {
	position:absolute;
	top:50px;
	left:0px;
}
#intro {
	text-align: left !important;
	color:#CBCBCB;
	font-size:30px;
	clear:both;
	line-height:35px;
	letter-spacing:-.5px;
}
#features {
	position:relative;
	overflow:auto;
	border-bottom: 1px solid #EEEDED;
	margin-bottom:40px;
	padding-bottom:40px;
}
.feature {
	width:250px;
	padding-bottom:20px;
	padding-top:20px;
	text-align:center;
	margin-right:90px;
	display:inline-block;
	position:relative;
	vertical-align:top;
}
 .feature:nth-child(3n+3) {
 margin-right:0px;
}
.featuretitle {
	font-size:18px;
	font-weight:bold;
	letter-spacing:-.3px;
	margin-top:15px;
	margin-bottom:15px;
}
.featuretext {
	width:250px;
	display:block;
}
.feature p {
	color:#737373;
	font-size: 13px;
	line-height: 18px;
	color:#B5B5B5;
	margin-top:5px;
}
.featureicon {
	font-size:35px;
	background-color: #000000;
	height: 95px;
	width: 95px;
	display:block;
	-moz-border-radius:95px;
	-webkit-border-radius: 95px;
	border-radius: 95px;
	text-align: center;
	margin: 0 auto;
	line-height: 96px;
}
.featureicon:hover {
	background-color: #464646;
}
#portfolio {
	padding-bottom:60px;
	overflow:hidden;
	border-bottom: 1px solid #EEEDED;
	margin-bottom:30px;
	padding-top:20px;
	clear:both
}
.work {
	text-align:center;
	clear:both;
	line-height:35px;
	margin-bottom:30px;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-.3px;
}
.portfolioitem {
	margin-right:5px;
	display:block;
	position:relative;
	width:188px;
	text-align:center;
	float:left
}
 .portfolioitem:nth-child(6n+6) {
 margin-right:0px;
}
.portfoliooverlay span {
	font-size:40px;
	font-weight: bold;
	background-color: #FFFFFF;
	height: 45px;
	width: 75px;
	display:block;
	-moz-border-radius:75px;
	-webkit-border-radius: 75px;
	border-radius: 75px;
	text-align: center;
	margin: 0 auto;
	position:absolute;
	top:0px;
	left:0px;
	margin-left:65px;
	margin-top:40px;
	-moz-opacity: 0.20;
	-khtml-opacity: 0.20;
	opacity: 0.20;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=20);
	padding-top:30px;
}
.portfoliooverlay:hover span {
	-webkit-transition: opacity 1s ease-in-out;
	opacity: 0.8;
	-webkit-transition-duration: 0.4s;
	-moz-transition: opacity 1s ease-in-out;
	opacity: 0.8;
	-moz-transition-duration: 0.4s;
}
.portfoliooverlay {
	position:absolute;
	top:0px;
	left:0px;
	width:188px;
	height:144px;
}
.portfoliooverlay:hover {
	-webkit-transition: border-bottom 1s ease-in-out;
	opacity: 1;
	-webkit-transition-duration: 0.4s;
	-moz-transition: border-bottom 1s ease-in-out;
	opacity: 1;
	-moz-transition-duration: 0.4s;
}
.portfoliooverlay a {
	color:white;
	display:block;
	width:188px;
	height:144px;
}
.portfoliooverlay a:hover {
	color:white;
	transition: all 0.5s ease-out;
}
#portfolioinside {
	width:960px;
	margin:0 auto;
}
.bigport {
	position:relative;
	margin-right:35px;
	margin-bottom:35px;
	width:460px;
	display:inline-block;
	vertical-align:top;
}
 .bigport:nth-child(2n+2) {
 margin-right:0px;
}
.bigportinfo {
	position:absolute;
	bottom:4px;
	left:130px;
	width:200px;
	background-color:#FFFFFF;
	text-align:center;
	padding:10px;
}
.portmeta {
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}
.porttext {
	color:#A1A1A1;
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}
.portfolioimagesingle {
	margin-top:30px;
	margin-bottom:30px;
}

/* Interior */

#main {
	width:960px;
	margin:0 auto;
	overflow:auto
}
#topintro {
	text-align: left;
	margin-top:40px;
	margin-bottom:40px;
	float:left;
	width:600px;
}
#topintro h2 {
	font: 30px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#474747;
	font-weight:bold;
	letter-spacing:-1px;
}
#topintro p {
	text-align: left;
	font: 25px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#C0C0C0;
	letter-spacing:-1px;
}
#blog {
	float: center;
	width:930px;
	margin-right:0px;
	margin-top:40px;




}
.posttitle {
	font: 30px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#000000;
	font-weight:bold;
	line-height: 35px;
	letter-spacing:-.7px;
	margin-bottom:10px;
}
.post {
	margin-bottom:20px;
	padding-bottom:20px;
}
.postmeta {
	color:#A4A4A4;
	margin-bottom:20px;
	margin-top:20px;
}
.post p {
	font-size:14px;
	margin-top:15px;
	margin-bottom:15px;
	color:#515151;
}
#content {
}
#content p {
	font-size:14px;
	margin-top:15px;
	margin-bottom:30px;
	color:#515151;
	line-height:22px;
}
body.page-template-page-full-width-php #blog {
	width:100%;
	padding:0px;
	border:0px;
	overflow: inherit;
	padding-top:20px;
}


/* Sidebar */

#topsearch {
	margin-top:40px;
	float:right;
	width:300px;
}
.topsearchbox {
	width:92%;
	padding:10px;
	border:0px;
	margin-top:10px;
	border-bottom:1px solid white;
}
.topsearchbox:focus {
	border:0px;
	border-bottom:1px solid #D5D5D5;
}
#sidebar {
	float:right;
	width:300px;
	margin-top:40px;
}
.sidebarwidget {
	margin-bottom:40px;
}
.sidebartitle {
	font: 18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#000000;
	font-weight:bold;
	line-height: 22px;
	letter-spacing:-.5px;
	margin-bottom:10px;
}
.sidebarwidget {
}
.sidebarwidget ul {
}
.sidebarwidget li {
}
.sidebarwidget li {
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin-bottom:20px;
	padding-left:5px;
	list-style:circle;
	margin-left:15px;
	font-size:14px;
}
.sidebarwidget li:hover {
}
.sidebarwidget li a {
	color:#848484;
}
.sidebarwidget li a:hover {
	color:black;
	transition: all 0.5s ease-out;
}
.sidebarwidget p {
	margin-bottom:15px;
}


/* Slider */

#slider {
	text-align: right;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.slide {
	margin:0 auto;
	text-align: right;
	position:relative;
	max-height: 350px;
	overflow:hidden;
}
.slide img {
	position:relative;
	width:auto;
    z-index: -1;
    margin: 0 auto;
}

.slide-data h1.slide-title {
    background: none;
    padding: 0px;
    font-weight:300;
    font-size: 12px;
    line-height: 12px;
    color: #7F7F7F;
    opacity: 1.0;
    letter-spacing:-0.0px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.slide-data h1.slide-title a{
    color: white;
}

.slide-data h1.slide-title {
    text-decoration: none;
    padding: 0px;
    background-color: #FFFFFF;
    display: inline;
    text-shadow: none;
}

.slide-data h1.slide-title:hover {
    background-color: #FFFFFF;
}

.slide-data {   
    max-width: 960px;
    background: none;
    text-align: right;
    margin: 0 auto;
    position: absolute;
    top: 350px;
    z-index: 10;
}

.slidebutton{
    font-weight:300;
    font-size:14px;
    padding-left:20px;
    padding-right:0px;
}

ol.flex-control-paging {
    display: none;
}

.flex-direction-nav .flex-next, .flex-direction-nav .flex-prev {
    height: 0px;
    width: 0px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background: url(img/bg_direction_nav.png) no-repeat;
}
.flex-direction-nav .flex-next:before, .flex-direction-nav .flex-prev:before {
    content: "";
}

.flex-direction-nav .flex-next {
    background-position: -62px 0 !important;
}


/* Footer */

#footer {
	width:100%;
	margin-top:-205px;
	z-index:-1;
	overflow: auto;
	padding-bottom:20px;
	margin-top:40px;
	background-color: #080808;
}
#footerwidgets {
	width:960px;
	margin: 0 auto;
	margin-top:80px;
	color:#8c8c8c;
}
.footerwidget {
	width:960px;
	margin-right:0px;
	padding-bottom:20px;
	display:inline-block;
	position:relative;
	vertical-align:top;
}

.footerwidget:nth-child(4n+4) {
 margin-right:0px;
}
.footerwidgettitle {
	font-size:15px;
	padding-top:10px;
	color:white;
	margin-bottom:30px;
	font-weight:bold;
	letter-spacing:-.2px;
}
.footerwidget li {
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin-bottom:20px;
	padding-left:5px;
	list-style:circle;
	margin-left:10px;
}
.footerwidget li:hover {
	background-position: 0px -77px;
}
.footerwidget li a {
	color:#B4B4B4;
}
.footerwidget li a:hover {
	color:white;
	transition: all 0.5s ease-out;
}
.footerwidget p {
	margin-bottom:15px;
}
#credits {
	background-color: #080808;
	text-align: center;
	padding-top:20px;
	position:relative;
	font-size: 11px;
	padding-bottom:20px;
	color:#757575;
	padding-left:40px;
	padding-right:20px;
	border-top:1px solid #2B2B2B;
}
#credits a, #credits a:visited {
	color:#757575;
}
#credits a:hover {
	color:white;
}
.footerlogo {
	margin-top:15px;
	padding:0px;
}
#footertwitter {
	width:960px;
	margin:0 auto;
	text-align: center;
	clear:both;
	padding-top:0px;
	position:relative;
	color:#BCBCBC;
}
.foottweet {
	font-size:18px;
	line-height:28px;
	padding-left:30px;
	paddin-right:30px;
	background-image:url(img/bird.png);
	background-repeat:no-repeat;
	background-position:50% 0px;
	padding-top:35px;
}

/* Navigation */

#navbar select {
	display: none;
}
#navbar {
	font-size: 12px;
	margin:0 auto;
	z-index:999;
	position: relative;
	top: 140px;
	display: flex;
	align-items: center;
	justify-content: center
}
#main-nav {
	height: 36px; /* set to the height you want your menu to be */
	font-size: 16px;
	font-weight: bold;
}
#main-nav ul {
	margin: 0;
	padding: 0; /* only needed if you have not done a CSS reset */
	line-height:36px;
}
#main-nav li {
	display: block;
	float: left;
	line-height: 36px; /* this should be the same as your #main-nav height */
	height: 36px; /* this should be the same as your #main-nav height */
	margin: 0;
	padding: 0; /* only needed if you don't have a reset */
	position: relative; /* this is needed in order to position sub menus */
	margin-right:20px;
}
#main-nav li a {
	display: block;
	height: 36px;
	line-height: 36px;
	border:0px;
	color:#7F7F7F;
	border-bottom:1px solid #F1F1F1;
}
#main-nav li a:hover {
	color:#000000;
	border-bottom:1px solid #000000;
	transition: all 0.5s ease-out;
}
#main-nav .current-menu-item a, #main-nav .current_page_item a, .selected {
	color:black;
	border-bottom:1px solid #000000;
}
#main-nav ul ul a {
	color: #6C6C6C;
}
#main-nav ul ul a:hover {
	color:black;
	transition: all 0.5s ease-out;
}
#main-nav ul ul { /* this targets all sub menus */
	display:none;
	position: absolute;
	top: 36px; /* this should be the same height as the top level menu -- height + padding + borders */
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	z-index:9999;
	font-size:12px;
	font-weight:normal;
	width:200px;
}
#main-nav ul ul li { /* this targets all submenu items */
	float: none; /* overwriting our float up above */
	width: 200px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
	border-bottom:1px solid #555555;
}
#main-nav ul ul li a { /* target all sub menu item links */
	padding-left:10px;
}
#main-nav ul ul li a:hover { /* target all sub menu item links */
	background-color:#F5F5F5;
	border-bottom:1px solid #ECECEC;
	transition: all 0.5s ease-out;
}
#main-nav ul li:hover > ul {
	display: block; /* show sub menus when hovering over a parent */
	background-color:white;
}
#main-nav ul ul li ul {
	/* target all second, third, and deeper level sub menus */
	left: 200px; /* this needs to match the sub menu width set above -- width + padding + borders */
	top: 0; /* this ensures the sub menu starts in line with its parent item */
}


/* Comments */

#comments {
	margin-bottom:40px;
}
.comments {
	background-color: white;
	width:100%;
	margin-top:40px;
	position:relative;
	-webkit-box-shadow: 0px 0px 3px 0px #CCCBCB;
	box-shadow: 0px 0px 3px 0px #CCCBCB;
	moz-box-shadow: 0px 0px 3px 0px #CCCBCB;
	margin-left:40px;
	margin-bottom:40px;
	padding-bottom:20px;
}
.comments ol {
}
#commentsform {
	padding-right:10px;
	position:relative;
	margin-bottom:0px;
}
#comments p {
}
.commentstop {
    display: inline-block;
	border-bottom:1px solid #ececec;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:0px;
	padding-top:20px;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-.3px;
}
.yours {
	float:right;
	margin-top:20px;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-.3px;
}
#respond {
	padding-top:30px;
}
.comment {
	padding-bottom:20px;
}
.avatar {
	float:left;
	margin-right:10px;
	padding: 2px;
	border: 1px solid #C8C8C8;
}
.comment-author {
	font-size: 12px;
	color:#010101;
	clear:both;
}
.comment-author a {
	border-bottom:0px;
	color:#000000;
}
.bypostauthor {
}
.comment-meta {
	font-size: 11px;
}
.comment-meta a {
	border-bottom:0px;
}
.comment-meta a:visited {
	border-bottom:0px;
}
.comment-body {
	margin-left:70px;
}
.comment-body p {
	margin-top:10px;
	line-height:20px;
}
.comment li {
	margin-top:20px;
}
.comment {
	list-style-type:none;
}
.children ul {
}
.depth-1 {
	margin-top:20px;
}
.depth-2 {
	margin-top:20px;
	margin-left:10%;
}
.depth-3 {
	margin-top:20px;
	margin-left:10%;
}
#comments .comment:last-child.depth-2 {
}
#comments .comment:first-child.depth-2 {
}
#comments .comment:last-child.depth-3 {
}
.comment-author-admin {
}
#comments ul.children {
}
.reply {
	float: right;
	position:relative;
	border-bottom:1px solid #ECECEC;
	width:100%;
	margin-bottom:25px;
	margin-top:25px;
	padding-bottom:25px;
}
.comment-reply-link {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 8px 20px 8px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	text-align:center;
	float:right;
	color: #ffffff;
	background: #333;
}
a.comment-reply-link {
	color:white;
	border:0px;
}
a.comment-reply-link:visited {
	color:white;
}
a.comment-reply-link:hover {
	color:white;
	background-color: #5E5E5E;
}
.commentinput {
	width:50%;
	margin-bottom:20px;
}
.commentbox {
	width:70%;
	height:150px;
}
.commentinfo {
	font-size: 11px;
	margin-top:20px;
}
.commentsubmit {
	margin-top:20px;
	display: block;
	text-align: center;
	text-decoration: none;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 8px 20px 8px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	text-align:center;
	background: #333;
	color:white;
	border:0px;
}
.commentsubmit:hover {
	background-color: #5E5E5E;
	cursor: pointer;
}
.cancelcomment {
	margin-bottom:10px;
}
.loggedinauthor {
	margin-bottom:10px;
}

/* Pagination */


.pagination {
	position:relative;
	padding:0px 0;
	font-size:13px;
	line-height:13px;
	display:block;
	margin-bottom:20px;
	padding-top:15px;
	clear:both;
	font-weight:bold;
}
.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:12px 18px 10px 18px;
	text-decoration:none;
	width:auto;
	color:#444;
	border:1px solid #EDEDED;
	background-color:#FFFFFF
}
.pagination a:hover {
	background: #24221D;
	color:#fff;
	text-decoration: none;
	transition: all 0.5s ease-out;
}
.pagination a:visited {
	text-decoration: none;
}
.pagination .current {
	padding:12px 18px 10px 18px;
	background: #24221D;
	color:#fff;
}

/* Responsive */

img {
	max-width: 100%;
	height:auto;
}


/* Portrait Tablets */
@media only screen and (min-width: 768px) and (max-width: 959px) {
 .container, #slider, #footerwidgets, #footertwitter, #main, #portfolioinside {
 width:680px;
}

/* inserted by Jose */
#navbar ul {
display: none;
}
 #navbar select {
position:absolute;
display: inline-block;
position:absolute;
top:0px;
left:243px;
width:195px;
}

#slider {
	text-align: right!important;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.slide {
	margin:0 auto;
	text-align:right!important;
	position:relative;
	max-height: 350px;
	overflow:hidden;
}
.slide img {
	position:relative;
	width:auto;
    z-index: -1;
    margin: 0 auto;
}

.slide-data h1.slide-title {
    background: none;
    padding: 0px;
    font-weight:300;
    font-size: 12px!important;
    line-height: 12px;
    color: #7F7F7F;
    opacity: 1.0;
    letter-spacing:-0.0px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.slide-data h1.slide-title a{
    color: white;
}

.slide-data h1.slide-title {
    text-decoration: none;
    padding: 0px;
    background-color: #FFFFFF;
    display: inline;
    text-shadow: none;
}

.slide-data h1.slide-title:hover {
    background-color: #FFFFFF;
}

.slide-data {   
    max-width: 680px;
    background: none;
    text-align: right!important;
    margin: 0 auto;
    position: absolute;
    top: 280px;
    z-index: 10;
}

/* finished insertion by me */

 #footerwidgets {
 text-align:center;
}
 .footerwidget {
 text-align:left
}
 .feature {
 width:200px;
 padding-bottom:20px;
 padding-top:20px;
 text-align:center;
 margin-right:30px;
}
 .featuretext {
 width:200px;
 padding:0px;
 margin:0px;
}
.feature p {
 margin-right:0px;
}
 #portfolio {
 padding-left:50px;
}
 #topintro {
 width:300px;
}
 #blog {
 width:400px;
}
 #sidebar, #topsearch {
 width:220px;
}
 #main {
overflow:hidden;
}
 .bigport {
 position:relative;
 margin-right:15px;
 margin-bottom:30px;
 width:280px;
 display:inline-block;
 vertical-align:top;
}
 .bigportinfo {
 position:absolute;
 bottom:5px;
 left:40px;
 width:200px;
 background-color:#FFFFFF;
 text-align:center;
 padding:10px;
}
}


/*  Portrait Mobiles */
@media only screen and (max-width: 767px) {
 .container, #slider, #footerwidgets, #footertwitter, #main, #portfolioinside {
 width:290px;
}
 #navbar ul {
display: none;
}
 #navbar select {
position:absolute;
display: inline-block;
position:absolute;
top:-100px;
left:45px;
width:195px;
}
 #navbar {
 position: relative;
}
.logo{
	top:20px;
	position: relative;
}
#header{
	text-align:center;
}

#intro{
	font-size:18px;
	line-height:24px;
}

#features{

}

.feature, .featuretext{
	width:150px;
}

.feature {
	text-align:left;
	margin-right:0px;
	padding-left:0px;
}


#portfolio{
	padding-left:0px;
}
.portfolioitem{
	margin-bottom:25px;
	align-content: center;
}

.work{
	text-align:left;
}

#sidebar, #topsearch {
 width:290px;
}

 #topintro {
 width:290px;
}
 #blog {
 width:290px;
}

 #main {
overflow:hidden;
}
 .bigport {
 position:relative;
 margin-right:15px;
 margin-bottom:35px;
 width:260px;
 display:inline-block;
 vertical-align:top;
 margin-left:-40px;
}
 .bigportinfo {
 position:absolute;
 bottom:5px;
 left:50px;
 width:140px;
 background-color:#FFFFFF;
 text-align:center;
 padding:10px;
}
.slide-data, .flex-direction-nav {
    display:none;
}
}

/* Landscape Mobiles */
@media only screen and (min-width: 480px) and (max-width: 767px) {
 .container, #slider, #footerwidgets, #footertwitter, #main, #portfolioinside {
 width:480px;
}

 #navbar ul {
display: none;
}
 #navbar select {
position:absolute;
display: inline-block;
position:absolute;
top:-150px;
left:95px;
width:290px;
}
 #navbar {
 position: relative;
}
.logo{
	top:20px;
	position: relative;
}
#header{
	text-align:center
}

#intro{
	font-size:24px;
}

#features{
	padding-left:120px;
}

#portfolio{
	padding-left:50px;
}
.portfolioitem{
	margin-bottom:15px;
}

.feature{
	padding-right:0px;
	padding-left:0px;
}

.feature, .featuretext{
	width:250px;
}

.work{
	text-align:center;
	padding:0px;
	margin:0px;
	position:relative;
}

#sidebar, #topsearch {
 width:480px;
}

 #topintro {
 width:480px;
}
 #blog {
 width:480px;
}

 .bigport {
 position:relative;
 margin-right:15px;
 margin-bottom:35px;
 width:380px;
 display:inline-block;
 vertical-align:top;
  margin-left:0px;
}
 .bigportinfo {
 position:absolute;
 bottom:5px;
 left:80px;
 width:200px;
 background-color:#FFFFFF;
 text-align:center;
 padding:10px;
}

.slide-data, .flex-direction-nav {
    display:none;
}

}