/* @group GENERAL */

@-ms-viewport {
  width: device-width;
}

#nav .selector option{background:#343434;color:#fff;}

#nav .selector,#nav .selector span{cursor:pointer !important;background:url("../images/nav-down.png") 91.5% center no-repeat}

#nav .selector,#nav .selector *{margin:0;padding:0}

#nav .selector select{top:0px;left:0px;width:100% !important;height: 50px !important;}

#nav .selector{width:100%;font-size:13px;background:#343434;margin-top:0px;padding:0px 15px;text-transform:uppercase;color: ;
}

#nav .selector:hover{background:#111}

#nav .selector span{cursor:pointer;color:#eee;line-height: 42px;}

#nav #uniform-undefined.selector:hover{background:#111}

#nav .selector{height:40px;line-height:40px;display:-moz-inline-box;display:inline-block;vertical-align:middle;zoom:1;*display:inline;width:96%}

#nav .selector select:focus{outline:0}#nav .selector{position:relative;padding-left:10px;overflow:hidden}

#nav .selector span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

#nav .selector select{position:absolute;height:35px;background:none;width:100%;cursor:pointer;font-size:12px !important;font-weight:500;border:0 !important}


/**  Details  **/

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* @end */


/**  1  **/

@media (min-width: 1200px) {

/* @group STRUCTURE */

.row {
	margin-left: -30px;
	*zoom: 1
}

.row:before, 
 .row:after {
	display: table;
	line-height: 0;
	content: ""
}

.row:after {
	clear: both
}

[class*="span"] {
	float: left;
	min-height: 1px;
	margin-left: 30px
}

.container, 
 .navbar-static-top .container, 
 .navbar-fixed-top .container, 
 .navbar-fixed-bottom .container {
	width: 1170px
}

.span12 {
	width: 1170px
}

.span11 {
	width: 1070px
}

.span10 {
	width: 970px
}

.span9 {
	width: 870px
}

.span8 {
	width: 770px
}

.span7 {
	width: 670px
}

.span6 {
	width: 570px
}

.span5 {
	width: 470px
}

.span4 {
	width: 370px
}

.span3 {
	width: 270px
}

.span2-footer {
	width: 250px
}

.span2 {
	width: 170px
}

.span1 {
	width: 70px
}

.content-only {
	padding: 0 280px;
}

/* @end */

/* @group HEADER */

#full-header {
	background: #fff
}

#logo-area .span5 {
	width: 450px;
	margin-left: 60px
}

/* @end */

/* @group TYPOGRAPHY */

.single-wrap h3.subtext-area {
	padding: 0 150px
}

p.home-text {
	padding: 0 230px;
	margin-bottom: 80px
}

h3.big {
	font-size: 22px;
	line-height: 33px;
	padding: 0 220px;
	text-align: center;
	color: #999;
	position: relative;
	z-index: 1
}

/* @end */

/* @group SEC CAT */

#sec-cat {
	padding-right: 0
}

#sec-cat .span35 {
	border-right: 1px solid #eee;
	position: relative;
	z-index: 30 !important;
	min-height: 410px;
	max-height: 410px;
	padding-top: 20px;
	margin-left: 0px !important;
	padding: 20px 36px 0;
	width: 328px
}

#sec-cat .span35.first {
	margin-left: 40px !important
}

/* @end */

/* @group SEC INTRO */

#full-intro {
	padding-top: 50px
}

#full-intro .span4 {
	margin-left: 50px
}

#sec-intro img.imac-frame {
	height: auto;
	min-width: 520px;
	margin-top: -42px;
	position: absolute
}

#sec-intro .span6.intro-frame iframe {
	width: 480px;
	height: 275px;
	margin-left: 20px;
	margin-top: -24px
}

#sec-intro .span6.intro-frame .iframe-img {
	width: 480px;
	height: 275px;
	margin-left: 20px;
	margin-top: -24px
}

#sec-intro .span6.intro-frame {
	width: 544px;
	height: 254px;
	margin-left: 100px
}

#sec-intro {
	padding-top: 80px;
}

#port-container {
	max-width: 960px;
	margin: 50px auto;
}

/* @end */

/* @group INTRO ICONS */

#sec-intro.icons {
	padding-bottom: 0;
	padding-right: 0;
	padding-left: 0
}

#sec-intro.icons .row {
	margin-left: 0px
}

ul.intro-thumbs {
	margin-left: 165px
}

ul.intro-thumbs li {
	list-style: none;
	width: 260px;
	margin: 0px 30px 40px 0px;
	min-height: 210px;
	text-align: center
}

ul.intro-thumbs li img {
	margin-bottom: 10px;
	max-width: 80px
}

ul.intro-thumbs li h3 {
	font-size: 18px;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 0px
}

ul.intro-thumbs li p {
	padding: 0 0px;
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 0
}

/* @end */

/* @group SEC PORT */

#sec-port {
	margin: 0 auto !important
}

ul#tp-grid.tp-grid {
	margin: 0 auto !important
}

#sec-port-template ul.filter {
	list-style: none;
	margin: 40px 0px 0 105px !important
}

#sec-port-template ul {
	margin-left: 60px !important;
	width: 1100px
}

#sec-port-template .two-col ul li.po {
	float: left;
	width: 475px;
	margin: 0px 20px 40px 20px;
	max-height: 340px;
	min-height: 340px;
	border: 10px solid #fff;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2)
}

#sec-port-template .three-col ul li.po {
	float: left;
	width: 290px;
	margin: 0px 20px 40px 20px;
	max-height: 340px;
	min-height: 340px;
	border: 10px solid #fff;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2)
}

#sec-port-template ul li.po {
	float: left;
	width: 200px;
	margin: 0px 20px 40px 20px;
	max-height: 340px;
	min-height: 290px;
	border: 10px solid #fff;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2)
}

/* @end */

/* @group SEC BROWSER */

#sec-browser {
	position: relative;
	min-height: 680px
}

#sec-browser .browser-frame2 {
	height: 546px;
	width: 803px;
	left: 184px;
	position: absolute;
	bottom: -0px
}

/* @end */

/* @group BLOG MASONRY */

#sec-blog.full-width.blog-template #container.clearfix.masonry .container-inner {
	margin: 0 auto !important
}

#sec-blog.left-sidebar .span2 {
	margin-left: 70px;
}

#sec-blog.left-sidebar .span9 #container {
	margin-left: 50px !important;
}

#sec-blog.right-sidebar .span9 #container {
	margin-right: 50px !important;
}

/* @end */

/* @group SEC TEAMER */



.tp-grid {
	list-style-type: none;
	position: relative;
	display: block;
	margin-left: 68px !important;
	width: 900px
}


/* @end */

/* @group SEC MAP */

#sec-map .span3 {
	width: 323px;
	text-align: center;
	margin: 80px 0 20px
}

#sec-map .span3 p {
	padding: 0 30px
}

/* @end */

/* @group FOOTER */

#footer .span3 {
	width: 219px;
	border-right: 1px solid #414141;
	padding-right: 30px;
	min-height: 400px;
	padding-bottom: 50px
}

#footer .span3.footer-last {
	border-right: 0;
	margin-right: 0
}

#footer .tweet li {
	padding-right: 20px;
	font-size: 13px;
	margin-bottom: 20px
}

#footer .span3.footer-first {
	margin-left: 0;margin-top: 40px;	margin-bottom: 50px;
	width: 260px;
}

#footer .span3.footer-last {
	width: 260px;margin-left: 0;margin-top: 40px;	margin-bottom: 50px;
}

#footer .span6 {
	width: 410px;
	margin: 50px 70px;
}

/* @end */

/* @group PAGES */

#shift-page.left-sidebar .span2 {
	margin-left: 70px;
}

#shift-page.right-sidebar .span2 {
	margin-right: 0px;
}

#shift-page.right-sidebar .span9 {
	padding-left: 70px;
	width: 780px;
}

#shift-page.left-sidebar .span9 {
	padding-right: 70px;
	width: 780px;
}

/* @end */

/* @group ONE INPUT STUFF */

input, 
 textarea, 
 .uneditable-input {
	margin-left: 0
}

.controls-row [class*="span"]+[class*="span"] {
	margin-left: 30px
}

input.span12, 
 textarea.span12, 
 .uneditable-input.span12 {
	width: 1156px
}

input.span11, 
 textarea.span11, 
 .uneditable-input.span11 {
	width: 1056px
}

input.span10, 
 textarea.span10, 
 .uneditable-input.span10 {
	width: 956px
}

input.span9, 
 textarea.span9, 
 .uneditable-input.span9 {
	width: 856px
}

input.span8, 
 textarea.span8, 
 .uneditable-input.span8 {
	width: 756px
}

input.span7, 
 textarea.span7, 
 .uneditable-input.span7 {
	width: 656px
}

input.span6, 
 textarea.span6, 
 .uneditable-input.span6 {
	width: 556px
}

input.span5, 
 textarea.span5, 
 .uneditable-input.span5 {
	width: 456px
}

input.span4, 
 textarea.span4, 
 .uneditable-input.span4 {
	width: 356px
}

input.span3, 
 textarea.span3, 
 .uneditable-input.span3 {
	width: 256px
}

input.span2, 
 textarea.span2, 
 .uneditable-input.span2 {
	width: 156px
}

input.span1, 
 textarea.span1, 
 .uneditable-input.span1 {
	width: 56px
}

.thumbnails {
	margin-left: -30px
}

.thumbnails >li {
	margin-left: 30px
}

.row-fluid .thumbnails {
	margin-left: 0
}

/* @end */

}

/**  2  **/

@media (min-width: 768px) and (max-width: 979px) {

/* @group GRID */
 .row{ margin-left:-20px;  *zoom:1}
 .row:before, 
 .row:after{ display:table;  line-height:0;  content:""}
 .row:after{ clear:both}
 [class*="span"]{ float:left;  min-height:1px;  margin-left:20px}
 
 .container{ width:724px}
 .span12{ width:724px}
 .span11{ width:662px}
 .span10{ width:600px}
 .span9{ width:538px}
 .span8{ width:476px}
 .span7{ width:414px}
 .span6{ width:352px}
 .span5{ width:290px}
 .span4{ width:228px}
 .span3{ width:166px}
 .span2{ width:104px}
 .span1{ width:42px}
 
 .content-only {
 	width: 505px;
 }
 
 /* @end */
 
 /* @group BBPRESS */

#content,#forum-front,.entry-content,.entry-title,.bbp-forum-content,.bbp-topic-wrapper,#bbp-statistics.bbp-statistics, #bbp-content,.bbp-topic-tags {
	width: 765px !important;
	margin: 0px auto !important;
}

h2.entry-title {
	margin-top: 30px !important;
	margin-bottom: 10px !important;
}

.entry-content {
	margin-bottom: 50px !important;
}

.bbp-form {
	width: 720px !important;
}

.bbp-single-user .entry-content,.bbp-single-user {
	margin-left: 0 !important;
	width: 765px !important;
}

.bbp-topic-tags p {
	
	padding-left: 0 !important;
	width: 765px !important;
}
/* @end */

/* @group MENU */
#nav .selector, #nav select{display:inline-block !important; z-index:2}

#nav #uniform-undefined.selector{left:0; background:#343434; padding:5px 5px 5px 5px}

#nav ul{display:none}

#no-section-one #full-section-left #sections-video .mask, #no-section-one #full-section-left #sections-video{width:368px !important; height:250px !important}

#no-section-one #sections-video .mask ul li{height:114px !important; width:114px !important}
img.header-bg{position:absolute; top:0; z-index:1; max-width:100%; height:auto}

#nav #uniform-undefined.selector span{padding-left:90px}

.content-only p{padding:0;}

.right-sidebar .content-only,.left-sidebar .content-only{
	padding: 0px;
}

ul#menu-small-menu.sub-menu {
	margin-right: 0;
	margin-top: 10px;
}

.span7.right-area {
	margin-top: 15px !important;
}

 /* @end */ 
 
 /* @group TYPOGRAPHY */
 
 .single-wrap h3.subtext-area{padding:0 150px}
 
 
 p.home-text{padding:0 100px;  margin-bottom:50px}
 
 h3.big{font-size:22px;  line-height:33px;  padding:0 320px;  text-align:center;  color:#999;  position:relative;  z-index:1}
 
.full-width .content-only {
 	padding: 0 170px;
 }
 
 #cred {
 	padding-left: 0;
 	padding-right: 0;
 }
 
 /* @end */
 

 /* @group TEAMER */
 
 .Teamer .teamer_wrapper  {
 	position: relative;
 	width: 720px !important;
 	margin: 0 auto !important;
 }
 
 /* @end */
 
 /* @group SUPERFOLIO */
 
 #folio {
 	margin-left: 20px;
 }
 
 #detail-item {
 	max-width: 340px;
 	height: auto;
 }
 
 #detail-meta {
 	width: 314px;
 }
 
 /* @end */
 
  /* @group SEC CAT */
  
  #sec-cat{ border-bottom:0}
 
  #sec-cat .span35{ width: 187px;min-height: 360px;
  }
  
  #sec-cat .span35 img {
  	max-width: 200px;
  }
  
  
   #sec-cat .span35 h3 {
   	font-size: 22px;
   }
   
   #sec-cat .span35 p {
   	font-size: 14px;
   	line-height: 21px;
   }
  

  
  /* @end */
 
 /* @group BLOG MASONRY */
 
 #sec-blog.full-width.blog-template #container.clearfix.masonry .container-inner{margin:0 auto !important}
 
 #sec-blog.left-sidebar .span2{ margin-left:70px}
 
 #sec-blog.left-sidebar .span9 #container{ margin-left:50px !important;  margin-right:0}
 
 #sec-blog.right-sidebar .span9 #container{ margin-right:50px !important}
 
 #sec-blog.right-sidebar .span9{ width:440px}
 
 #sec-blog.left-sidebar .span9{ width:400px}
 
 /* @end */
 
/* @group SEC INTRO */
 
 #sec-intro{ padding-top: 70px;padding-bottom: 20px;}
 
 #sec-intro .span4{ width:727px;text-align: center;  margin-bottom:50px}
 
 #sec-intro .span4 h2{ padding:0 80px}
 
 #sec-intro .span4 p{ padding:0 80px}
 
 #sec-intro .span6.intro-frame iframe{ width:462px;  height:265px;  margin-left:109px;  margin-top:-35px}
 
  #sec-intro .span6.intro-frame .iframe-img{ margin-left:109px;  margin-top:-35px}
 
 #sec-intro img.imac-frame{ height:auto;  max-width:500px;  margin-top:-52px;  margin-left:90px;  position:absolute}
 
 
 
 /* @end */
 
 /* @group SEC PORT*/
 
 .browser_gallery .flex-direction-nav a{ top:35%; }
 
  #sec-port-template ul.filter{ list-style:none;  margin:40px 0px 0 65px !important}
  
 #sec-port-template ul{margin-left:30px !important; width:680px}
  
 #sec-port-template .two-col ul li.po{float:left; width:275px; margin:0px 20px 40px 20px; max-height:260px; min-height:260px; border:10px solid #fff; box-shadow:0 2px 3px rgba(0,0,0,0.2)}
 
  #sec-port-template .two-col ul li.po img {
  	max-height: 163px;
  }
 
 #sec-port-template .three-col ul li.po{float:left; width:160px; margin:0px 20px 40px 20px; max-height:220px; min-height:230px; border:10px solid #fff; box-shadow:0 2px 3px rgba(0,0,0,0.2)}
 
 #sec-port-template ul li.po{float:left; width:130px; margin:0px 10px 20px 10px; max-height:250px; min-height:250px; border:10px solid #fff; box-shadow:0 2px 3px rgba(0,0,0,0.2)}

 /* @end */
 
 /* @group SEC BROWSER*/
 
 #sec-browser{ min-height:600px !important;  margin-bottom:0px}
 
 #sec-browser p{ padding:0 50px;  margin-bottom:0}
 
 .browser_gallery.loading{  margin-bottom:0}
 
 #sec-browser .row{ padding-top:30px}
 
 .browser-frame2 img.browser-frame-img{ max-width:626px}
 
 #sec-browser .browser-frame2{ max-height:400px;  max-width:622px;  left:50px;  position:absolute}
 
 .browser_gallery ul.slides img{ margin-top:20px !important}
 
 img.browser-frame-img{ position:absolute;  bottom:0}
 
 #sec-browser .browser-frame2 iframe{ max-width:622px;  max-height:382px;  left:2px;  top:33px}
 
 #sec-browser .browser-frame2 .fluid-width-video-wrapper{  left:0px;  top:-71px;  z-index:20}
 
 #sec-browser span.url{ position:absolute;  top:-8px;  left:80px;  z-index:20;  font-size:9px}
 
 /* @end */
 
 /* @group SEC BLOG*/
 
 #sec-blog p{ padding:0 50px}
 
 
 /* @end */
 
 /* @group SEC PAGES*/
 
 
 
 #sec-footer-top p.home-text{ padding:0 80px}
 
 h3.big{  padding:0 150px}
 
 
  #shift-page iframe.vid {
  	max-width: 100%;
  }
  
 
 /* @end */
 
  /* @group PAGES */
  
 #shift-page.left-sidebar .span2{
 	margin-left: 40px;
 	width: 200px;
 }
 
 #shift-page.left-sidebar .span9 {
 	padding-right:0px;
 	padding-left:30px;
 	padding-top: 30px;
 	width: 470px;
 }
 
  #shift-page.left-sidebar .span9 .vid-wrap {
  	margin-top: 0px !important;
  }
 
 #shift-page.right-sidebar .span2{
 	margin-right: 0px;
 	width: 200px;
 }
 
 #shift-page.right-sidebar .span9 {
 	padding-left:30px;
 	padding-right: 40px;
 	 	width: 470px;
 }
 
/*audio + video + full width + single*/
body.single #shift-single .jp-interface,
body.single #shift-single div.jp-jplayer.jp-jplayer-video img,
body.page #shift-page.full-width .jp-interface,
body.page #shift-page.full-width div.jp-jplayer.jp-jplayer-video img
 {
	min-width: 505px !important;
}

body.page #shift-page.right-sidebar .jp-interface,
body.page #shift-page.left-sidebar div.jp-jplayer.jp-jplayer-video img
 {
	min-width: 470px !important;
	margin-top: 20px;
}

body.page .jp-progress-container,
body.single #shift-single .jp-progress-container{
	width: 73% !important;
}

body.page div.jp-volume-bar-container,
body.single div.jp-volume-bar-container {
	left: 79% !important;
	}

/*audio + video + left & right sidebar*/
body.page .right-sidebar div.jp-volume-bar-container,
body.page .left-sidebar div.jp-volume-bar-container {
	left: 79% !important;
	
}
 
 #shift-page.left-sidebar .single-wrap, #shift-page.right-sidebar .single-wrap {
 	padding: 0 50px !important;
 }
 
 #siiimple_flickr-2.sidebar {
 	min-height: 350px;
 }
  
 img.alignright {
 	margin-left: 10px;
 }
 
 ul#tp-grid.tp-grid {
 	margin-top: 60px;
 }
  
  /* @end */
 
 
 /* @group SEC TABS*/
 
 ul.list{ width:98% !important;  margin-left:0;  margin-bottom:0px;  padding-bottom:0}
 
 #sec-tabs{ border-bottom:0}
 
 .services-content{ margin-left:0px;  width:98% !important;  padding-left:0;  padding-top:0;  border-top:1px solid #eee}
 
 .service-content-item{ padding:50px;  border-bottom:0 !important}
 /* @end */
 
 /* @group FOOTER*/
 
 #footer .span2-footer{ width: 320px !important}
 
 /* @end */
 
 /* @group INPUT STUFF*/
 
 
 input, 
 textarea, 
 .uneditable-input{ margin-left:0}
 .controls-row [class*="span"]+[class*="span"]{ margin-left:20px}
 input.span12, 
 textarea.span12, 
 .uneditable-input.span12{ width:710px}
 input.span11, 
 textarea.span11, 
 .uneditable-input.span11{ width:648px}
 input.span10, 
 textarea.span10, 
 .uneditable-input.span10{ width:586px}
 input.span9, 
 textarea.span9, 
 .uneditable-input.span9{ width:524px}
 input.span8, 
 textarea.span8, 
 .uneditable-input.span8{ width:462px}
 input.span7, 
 textarea.span7, 
 .uneditable-input.span7{ width:400px}
 input.span6, 
 textarea.span6, 
 .uneditable-input.span6{ width:338px}
 input.span5, 
 textarea.span5, 
 .uneditable-input.span5{ width:276px}
 input.span4, 
 textarea.span4, 
 .uneditable-input.span4{ width:214px}
 input.span3, 
 textarea.span3, 
 .uneditable-input.span3{ width:152px}
 input.span2, 
 textarea.span2, 
 .uneditable-input.span2{ width:90px}
 input.span1, 
 textarea.span1, 
 .uneditable-input.span1{ width:28px}
 
 /* @end */
}

/**  3  **/

@media (max-width: 767px) {
 
 /* @group GRID */

 .row{ margin-left:-20px;  *zoom:1}
 .row:before, 
 .row:after{ display:table;  line-height:0;  content:""}
 .row:after{ clear:both}
 [class*="span"]{ float:left;  min-height:1px;  margin-left:20px}
 
 .container{ width:620px}
 .span12{ width:620px}
 .span11{ width:620px}
 .span10{ width:620px}
 .span9{ width:620px}
 .span8{ width:620px}
 .span7{ width:620px}
 .span6{ width:620px}
 .span5{ width:620px}
 .span4{ width:620px}
 .span3{ width:620px}
 .span2{ width:620px}
 .span1{ width:620px}
 
 .full-width .content-only {
 	padding: 0 50px;
 }
 
 
 /* @end */
 
 /* @group BBPRESS */
  
#content,#forum-front,.entry-content,.entry-title,.bbp-forum-content,.bbp-topic-wrapper,.bbp-topic-tags,#bbp-statistics.bbp-statistics, #bbp-content {
	width: 415px !important;
	margin: 0px auto !important;
}

.bbp-single-user .entry-content,.bbp-single-user {
	margin-left: 0 !important;
	width: 415px !important;
}

.bbp-topic-tags p {
	margin-left: -10px !important;
	padding-left: 0 !important;
	width: 415px !important;
	margin-bottom: 10px !important;
}

h1.entry-title {
	margin-top: 30px !important;
}

h2.entry-title {
	margin-top: 70px !important;
	margin-bottom: 10px !important;
	font-size: 26px;
}

.entry-content {
	margin-bottom: 80px !important;
}
 /* @end */
 
 /* @group MENU */
 #nav .selector, #nav select{display:inline-block !important; z-index:2}
 
 #nav #uniform-undefined.selector{left:0; background:#343434; padding:5px 5px 5px 5px}
 
 #nav ul{display:none}
 
 #no-section-one #full-section-left #sections-video .mask, #no-section-one #full-section-left #sections-video{width:368px !important; height:250px !important}
 
 #no-section-one #sections-video .mask ul li{height:114px !important; width:114px !important}
 img.header-bg{position:absolute; top:0; z-index:1; max-width:100%; height:auto}
 
 #nav #uniform-undefined.selector span{padding-left:90px}
 
 .content-only p{padding:0}
 
  /* @end */ 
  
  /* @group TYPOGRAPHY */
  
  .single-wrap h3.subtext-area{padding:0 150px}
  
  
  p.home-text{padding:0 0px !important;  margin-bottom:50px}
  
  h3.big{font-size:22px;  line-height:33px;  padding:0 40px !important;  text-align:center;  color:#999;  position:relative;  z-index:1}
  
  /* @end */
  
  /* @group BLOG MASONRY */
  
  #sec-blog.full-width.blog-template #container.clearfix.masonry .container-inner{margin:0 auto !important}
  
  #sec-blog.left-sidebar .span2{ margin-left:70px}
  
  #sec-blog.left-sidebar .span9 #container{ margin-left:50px !important;  margin-right:0}
  
  #sec-blog.right-sidebar .span9 #container{ margin-right:50px !important}
  
  #sec-blog.right-sidebar .span9{ width:440px}
  
  #sec-blog.left-sidebar .span9{ width:400px}
  
  /* @end */
  
  /* @group SEC CAT */
  
  #cred {
  	padding-left: 0;
  	padding-right: 0;
  }
  
   /* @group SEC CAT */
   
   #full-cat {
   	border-bottom: 0;
   }
   
   #sec-cat{ border-bottom:0}
  
   #sec-cat .span35{ width: 620px;min-height: 420px;padding-right: 0;text-align: center;border-right: 0;;
   border-bottom: 1px solid #eee !important;
}
   
   #sec-cat .span35 img.intro-pic {
   	max-width: 250px;
 position: absolute;
    bottom:-5px; left: 0; right:0;
     margin: auto;
   	
   }
   
   
    #sec-cat .span35 h3 {
    	
    }
    
    #sec-cat .span35 p {
    	padding: 0 50px;
    }
   
 
   
  
   
   
   
   /* @end */
  
  /* @end */
  
  /* @group SEC INTRO */
  
  #sec-intro{ 
  text-align:center;  
  padding-bottom:20px; 
   padding-top:80px;
   padding-bottom: 0;
  
  }
  
  #full-intro {
  	padding-bottom: 40px;
  }
  
  
  #sec-intro .span4{ width: 620px;  margin-bottom:50px}
  
  #sec-intro .span4 h2{ padding:0 0px}
  
  #sec-intro .span4 p{ padding:0 0px}
  
  #sec-intro .span6.intro-frame iframe{ width:388px;  height:222px;  margin-left:116px;  margin-top:-49px}
  
  #sec-intro img.imac-frame{ height:auto;  max-width:420px;  margin-top:-57px;  position: absolute;
     bottom:-40px; left: 0; right:0;
      margin: auto;}
  
  /* @end */
  
  /* @group SEC PORT*/
  
  .browser_gallery .flex-direction-nav a{ top:35%; }
  
   #sec-port-template ul.filter{ list-style:none;  margin:40px 0px 0 65px !important}
   
  #sec-port-template ul{margin-left:30px !important; width:680px}
   
  #sec-port-template .two-col ul li.po{float:left; width:275px; margin:0px 20px 40px 20px; max-height:260px; min-height:260px; border:10px solid #fff; box-shadow:0 2px 3px rgba(0,0,0,0.2)}
  
   #sec-port-template .two-col ul li.po img {
   	max-height: 163px;
   }
  
  #sec-port-template .three-col ul li.po{float:left; width:160px; margin:0px 20px 40px 20px; max-height:220px; min-height:230px; border:10px solid #fff; box-shadow:0 2px 3px rgba(0,0,0,0.2)}
  
  #sec-port-template ul li.po{float:left; width:130px; margin:0px 10px 20px 10px; max-height:250px; min-height:250px; border:10px solid #fff; box-shadow:0 2px 3px rgba(0,0,0,0.2)}
 
  /* @end */
  
  /* @group SEC BROWSER*/
  
 #sec-browser {
	min-height: 530px !important;
	margin-bottom: 0px
}

#sec-browser p {
	padding: 0 50px;
	margin-bottom: 0
}

.browser_gallery.loading {
	margin-bottom: 0
}

#sec-browser .row {
	padding-top: 30px
}

.browser-frame2 img.browser-frame-img {
	max-width: 525px
}

.browser_gallery.loading {
	min-height: 410px;
}

#sec-browser .browser-frame2 {
	max-height: 327px;
	max-width: 525px;
	left: 50px;
	position: absolute
}

img.browser-frame-img {
	position: absolute;
	bottom: 0
}

#sec-browser .browser-frame2 iframe {
	max-width: 372px;
	max-height: 383px;
	left: 2px;
	top: 63px
}

#sec-browser .browser-frame2 .fluid-width-video-wrapper {
	left: 0px;
	top: 0px;
	z-index: 20
}

#sec-browser span.url {
	position: absolute;
	top: -18px;
	left: 70px;
	z-index: 20;
	font-size: 9px
}

.browser_gallery li img {
	max-width: 520px;
	margin-top: 8px;
	margin-left: 1px;
}
  
  /* @end */
  
  #sec-intro.icons {
  	margin: 0;
  	
  }
  
  #sec-intro.icons ul {
  	margin-left: 125px;
  	width: 260px;
  	
  	   bottom:-40px; left: 0; right:0;
  	    margin: auto;
  }
  
  .Teamer .teamer_wrapper  {
  	width: 520px !important;
  }
  
  /* @group SEC BLOG*/
  
  #sec-blog p{ padding:0 50px}
 
  
  /* @end */
  
  
  /* @group SEC PAGES*/
  
  
  #sec-footer-top p.home-text{ padding:0 80px}
  
  h3.big{  padding:0 150px}
  
    
   #shift-page iframe.vid {
   	max-width: 100%;
   }
   
  
  /* @end */
  
   /* @group PAGES */
   
   
  #shift-page.left-sidebar .span2{
  	margin-left: 70px;
  	width: 200px;
  }
  
  #shift-page.right-sidebar .span2{
  	margin-right: 0px;
  	width: 200px;
  }
  
  #shift-page.right-sidebar .span9 {
  	padding-left:30px;
  	 	width: 470px;
  }
  
  #shift-page.left-sidebar .span9 {
  	padding-right:0px;
  	width: 470px;
  }
  
  #shift-page.left-sidebar .single-wrap, #shift-page.right-sidebar .single-wrap {
  	padding: 0 50px !important;
  }
  
  #siiimple_flickr-2.sidebar {
  	min-height: 350px;
  }
   
  img.alignright {
  	margin-left: 10px;
  }
  
  ul#tp-grid.tp-grid {
  	margin-top: 60px;
  
  }
   
   /* @end */
  
  
  /* @group SEC TABS*/
  
  ul.list{ width: 620px;  margin-left:0;  margin-bottom:0px;  padding-top: 70px;
	  padding-bottom:0}
  
  #sec-tabs{ border-bottom:0}
  
  #sec-tabs .row {
  	margin-left: 0;
  }
  
  .services-content{ margin-left:0px; border-left: 0 !important;  width: 620px !important;  padding-left:0 !important;  padding-top:0;padding-bottom: 30px;  border-top:1px solid #eee}
  
  .service-content-item{ padding:40px 0px !important;  border-bottom:0 !important; border-left: 0 !important;
  }
  /* @end */
  
  /* @group FOOTER*/
  
  #footer .span2-footer{ width: 320px !important}
  
  /* @end */
  
  /* @group INPUT STUFF*/
  
  
  input, 
  textarea, 
  .uneditable-input{ margin-left:0}
  .controls-row [class*="span"]+[class*="span"]{ margin-left:20px}
  input.span12, 
  textarea.span12, 
  .uneditable-input.span12{ width:710px}
  input.span11, 
  textarea.span11, 
  .uneditable-input.span11{ width:648px}
  input.span10, 
  textarea.span10, 
  .uneditable-input.span10{ width:586px}
  input.span9, 
  textarea.span9, 
  .uneditable-input.span9{ width:524px}
  input.span8, 
  textarea.span8, 
  .uneditable-input.span8{ width:462px}
  input.span7, 
  textarea.span7, 
  .uneditable-input.span7{ width:400px}
  input.span6, 
  textarea.span6, 
  .uneditable-input.span6{ width:338px}
  input.span5, 
  textarea.span5, 
  .uneditable-input.span5{ width:276px}
  input.span4, 
  textarea.span4, 
  .uneditable-input.span4{ width:214px}
  input.span3, 
  textarea.span3, 
  .uneditable-input.span3{ width:152px}
  input.span2, 
  textarea.span2, 
  .uneditable-input.span2{ width:90px}
  input.span1, 
  textarea.span1, 
  .uneditable-input.span1{ width:28px}
  
  /* @end */
  
 .row{margin-left: 0;}
  
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0;
  }
  .modal {
    position: fixed;
    top: 20px;
    right: 20px;
    left: 20px;
    width: auto;
    margin: 0;
  }
  .modal.fade {
    top: -100px;
  }
  .modal.fade.in {
    top: 20px;
  }
 
}

/**  4  **/

@media (max-width: 480px) {

/* @group ROW + CONTAINER */

.row {
	margin-left: 0px;
	*zoom: 1
}

.row:before, 
 .row:after {
	display: table;
	line-height: 0;
	content: ""
}

.row:after {
	clear: both
}

[class*="span"] {
	float: left;
	min-height: 1px;
	margin-left: 20px
}

.container,.span12,.span11,.span10,.span9,.span8,.span7,.span6,.span5,.span4,.span3,.span2,.span1 {
	width: 270px !important;
}

#full-icons ul.intro-thumbs li {
	margin-left: -10px !important;
}

.content-only {
	width: 300px;
}

/* @end */

/* @group FEATURED VIDEO WRAP */

.featured-wrap,.vid-wrap {
	width: 300px !important;
}

/* @end */

/* @group MENU */

#nav .selector, #nav select {
	display: inline-block !important;
	z-index: 2
}

#nav #uniform-undefined.selector {
	left: 0;
	background: #343434;
	padding: 5px 5px 5px 5px
}

#nav ul {
	display: none
}

img.header-bg {
	position: absolute;
	top: 0;
	z-index: 1;
	max-width: 100%;
	height: auto
}

#nav #uniform-undefined.selector span {
	padding-left: 20px
}

/* @end */

/* @group BBPRESS */

#content,#forum-front,.entry-content,.entry-title,.bbp-forum-content,.bbp-topic-wrapper,.bbp-topic-tags,#bbp-statistics.bbp-statistics, #bbp-content {
	width: 300px !important;
	margin: 0px auto !important;
}

.bbp-single-user .entry-content,.bbp-single-user {
	margin-left: 0 !important;
	width: 300px !important;
}

.bbp-topic-tags p {
	padding-left: 0 !important;
	width: 300px !important;

}

.bbp-form {
	width: 370px !important;
}

h1.entry-title {
	margin-top: 50px !important;
}

h2.entry-title {
	font-size: 18px;
	margin-top: 20px !important;
}

td.bbp-topic-title {
	padding: 0 !important;
}

td.bbp-topic-freshness {
	font-size: 12px;
	line-height: 16px;

}

a.bbp-author-name {
	display: none;
}

/* @end */

/* @group HEADER */

#full-header .container {
	width: 100% !important;
}

#full-header .container .span7 {
	display: none;
}

#full-header .container ul.sub-menu2 li.button-first {
	padding: 0;
}

#logo-area {
	padding: 10px 5px!important;
}

#logo-area img {
	margin: 0 auto !important;
}

#logo-area .span5 img {
	margin-left: 20px
}

.span7.right-area {
	width: 100% !important;
}

.span7.right-area p.pn, ul.sub-menu2 {
	margin-right: 20px !important;
	margin-left: 0;
	text-align: left
}

ul.sub-menu2 li {
	float: left;
	display: block;
	text-align: left
}

/* @end */

/* @group LOGO + CAT + TEAMER */

#cred {
	position: relative;
	padding: 30px 0px 30px 0px;
	overflow: hidden;
	max-height: 184px
}

#full-cat {
	border-bottom: 0
}

#sec-cat {
	border-bottom: 0
}

#sec-cat .span35 {
	width: 290px;
	min-height: 420px;
	padding-right: 0 !important;
	padding-left: 0 !important;
	margin-left: -10px !important;
	text-align: center;
	border-right: 0;
	border-bottom: 1px solid #eee !important
}

#sec-cat .span35 img.intro-pic {
	max-width: 220px;
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	margin: auto
}

#sec-cat .span35 p {
	padding: 0 0px
}

/* @end */

/* @group TEAMER */


.Teamer .teamer_wrapper  {
	width: 255px !important;
}


/* @end */

/* @group SEC BROWSER*/

.browser_gallery.loading {
	min-height: 150px !important;
	margin-top: 162px;
}

#sec-browser span.url {
	display: none;
}

#sec-browser .browser-frame2 {
	height: 546px;
	width: 260px !important;
	left: 5px;
	position: absolute;
	bottom: 1px;
}

img.browser-frame-img {
	max-width: 260px !important;
}

#sec-browser .browser-frame2 iframe {
	left: 0px;
	top: 8px;
	max-width: 259px !important;
}

.browser_gallery.loading {
	min-height: 260px;
}

.browser_gallery li img {
	max-width: 258px !important;
	margin-left: 0px;
}

#sec-browser .fluid-width-video-wrapper {
	margin-top: 56px;
}

/* Direction Nav */

.browser_gallery .flex-direction-nav a {
	margin: -20px 0 0;
	top: 57%;
}

.browser_gallery .flex-direction-nav .flex-next {
	right: -30px;
	height: 30px;
	width: 30px;
}

.browser_gallery .flex-direction-nav .flex-prev {
	left: -30px;
	height: 30px;
	width: 30px;
}

/* @end */

/* @group SEC PORT */

#sec-port ul#tp-grid.tp-grid {
	margin-top: -220px !important;
}

ul#tp-grid.tp-grid {
	margin: 0 auto 0 auto !important;
	min-width: 250px !important;
}

#sec-blog {
	margin-left: -15px !important
}


#port-container ul#tp-grid.tp-grid {
	margin-left: 55px;
}

 
 /* @end */
 
 /* @group TABS */

.idTabs, ul.list,#tabs-container,.service-content-item,.services-content {
	width: 250px !important;
	margin-left: -10px
}
.single-wrap.tabs {
	padding-left: 0px !important
}

/* @end */

 /* @group VARIETY */

img.alignright,img.alignleft {
	margin: 20px 0px !important
}

.flexslider_home.loading {
	min-height: 20px !important;
}

#shift-page .span2 {
	margin-left: 30px !important;
	width: 200px !important;
}

#shift-page.left-sidebar .sidebar {
	width: 200px;
	padding-right: 0;
}

#shift-page .span9 {
	border: 0 !important;
	padding-top: 0 !important
}

#shift-page .jp-interface {
	margin-left: -40px;
	margin-bottom: 20px;
}

#sec-port-template .span12 {
	width: 200px !important;
	padding: 0 !important;
	margin: 0 !important
}

#sec-port-template ul.filterable-grid {
	width: 300px !important;
	margin-left: 0 !important;
	padding-top: 0 !important
}

#sec-port-template ul.filter {
	margin: 30px 0px 0 0px !important;
	width: 275px !important;
}

#sec-port-template ul.filter li {
	display: block !important;
	width: 275px !important;
	margin: 10px 0!important;
	float: none;
}

#sec-port-template ul.filterable-grid li.po img {
	width: 100% !important;
	height: auto !important
}

#sec-port-template ul.filterable-grid li.po {
	margin: 20px 10px !important;
	width: 250px !important;
	max-height: 310px;
	min-height: 310px;
}

#sec-port-template .two-col ul.filterable-grid li.po {
	max-height: 240px;
	min-height: 240px;
}

#sec-port-template .three-col ul.filterable-grid li.po {
	max-height: 280px;
	min-height: 280px;
}

#sec-port-template .four-col ul.filterable-grid li.po {
	max-height: 320px;
	min-height: 320px;
}

.gallery-masonry #container {
	margin-left: 12px !important;
}

.gallery-masonry #container .box {
	margin: 10 0px !important;
}

ul.meta-stuff {
	border-bottom: 0 !important;
}

ul.meta-stuff li {
	display: block;
	border-right: 0 !important;
	border-bottom: 1px solid #eee;
	padding: 5px 0px !important;
	line-height: 60px !important;
	height: 60px !important;
}

#commentsbox {
	padding: 0 50px !important;
	margin-bottom: 80px;
}

textarea#comment {
	width: 305px;
	min-height: 100px !important;
}

ol.commentlist li {
	padding: 50px 0px 10px 0px;
}

#respond {
	padding: 30px 0px;
}


/* @end */

/* @group SEC BLOG */ 

#sec-blog .box {
	margin: 10px 0 !important;
}

#sec-blog.left-sidebar .span9 #container {
	margin-left: -10px !important;
	border: 0 !important
}

#sec-blog.left-sidebar .span2 {
	margin-left: 40px;
	width: 200px !important
}

#sec-blog.left-sidebar .span9 {
	border: none !important;
	padding: 0 !important
}

#sec-blog.right-sidebar .span9 #container {
	margin-left: -20px !important;
	border: 0 !important
}

#sec-blog.right-sidebar .span2 {
	margin-left: 40px;
	width: 200px !important
}

#sec-blog.right-sidebar .span9 {
	border: none !important;
	padding: 0 !important
}

#sec-blog .box.col2.flexslider_home {
	min-height: 430px !important;
}
 
 /* @end */
 
 /* @group INTRO THUMBS */
 
ul.intro-thumbs {
	margin-left: 0px !important;
}

ul.intro-thumbs li {
	list-style: none;
	width: 290px !important;
	margin: 0px 0px 20px 0px !important;
	min-height: 210px;
	text-align: center;
}

 /* @end */

/* @group SEC INTRO */

#sec-intro {
	text-align: center;
	padding-bottom: 20px;
	padding-top: 80px;
	padding-bottom: 0;
	min-height: 650px;
}

#sec-intro .span6.intro-frame {
	width: 280px;
	height: 254px; 
	margin-left:-5px;
}

#full-intro {
	padding-bottom: 40px
}

#sec-intro .span4 {
	width: 280px;
	margin-bottom: 50px
}

#sec-intro .span4 h2 {
	padding: 0 0px
}

#sec-intro .span4 p {
	padding: 0 0px
}

/*NEEDS TESTING*/

#sec-intro .span6.intro-frame iframe {
	width: 268px;
	height: 153px;
	margin-left: 17px;
	margin-top: -116px;
	
}

  #sec-intro .span6.intro-frame .iframe-img {
  	width: 268px;
  	height: 153px;
  	margin-left: 17px;
  	margin-top: -116px;
  }

#sec-intro img.imac-frame,#sec-intro .fluid-width-video-wrapper,#sec-intro .frame {
	height: auto;
	max-width: 290px;
	position: absolute;
	bottom: -40px;
	left: -12px;
	right: 0;
	margin: auto
}

/* @end */

/* @group FOOTER + CONTENT-ONLY + SHARE + LIQUID */

#footer .span2-footer {
	width: 200px !important;
}

#sec-footer-top p.home-text {
	padding: 0;
}

.content-only {
	padding: 0 50px;
}

.liquid-related {
	padding: 0 !important;
}

.share-area {
	display: none !important;
}

#footer .span3.footer-first {
	margin-left: 0;margin-top: 40px;	margin-bottom: 50px;
	width: 260px;border-right: 0;
}

#footer .span3.footer-last {
	width: 260px;margin-left: 0;margin-top: 40px;	margin-bottom: 50px;border-left: 0;
}

#footer .span6.footer-mid {
	width: 260px;
	margin: 10px 20px;
	

}

.footer-mid {
	margin-left: 0 !important;
	margin-right: 0 !;
}

.menu {
	margin-left: 0;
	margin-right: 0 !important;
}

.cellar .span6 {
	margin-left: 0;
}

form#commentform,#respond,#comment-form,#commentsbox h3 {
	width: 300px;
}

/* @end */

/* @group COMMENTS */

ul.input-stuff li input{
	width: 88% !important;
	margin-left: 0;
}

em.comment-awaiting-moderation {
	margin-left: 0;
}

ol.commentlist li {
	padding: 0 !important;
}

ol.commentlist li .depth-2 img.avatar {
	margin-left: 0px !important
}

.related-info {
	padding: 20px 50px 0px!important;
}

ul.children li {
	
	margin: 0;

}

ol.commentlist {
	margin: 40px 0px ;
	width: 300px;
	margin: 0 auto;
	border-bottom: 1px solid #eee;
	
}

#related-liquid  {
		min-height: 360px;
	
}

.liquid-related ul li:first-child {
	margin-left: 80px !important;
}

p.comment-form-author,p.comment-form-email, p.comment-form-url {
	width:100% !important;
	float: left;
	margin-right: 30px ;
	margin-bottom: 15px;
	
}

input#email, input#author, input#url{
	padding: 10px 10px !important;
	width: 300px;
}

textarea#comment {
	width: 280px !important;
}

/* @end */

/* @group CONTACT PAGE */

.span5.contact-content {
	margin-left: 0;
}

form#contactForm ol.forms,form#contactForm {
	margin: -30px -10px 50px ;
	
}

form#contactForm ol.forms textarea {
	width: 80% !important;
}

p.comment-form-comment {
	width: 320px;
}

/* @end */

/* @group AUDIO + VIDEO */

#shift-page .jp-interface {
	margin: 0;
	
}
body.single #shift-single .jp-interface,
body.single #shift-single div.jp-jplayer.jp-jplayer-video img,
body.page #shift-page.full-width .jp-interface,
body.page #shift-page.full-width div.jp-jplayer.jp-jplayer-video img
 {
	min-width: 274px !important;
	margin-bottom: 30px !important;
}

body.page .jp-progress-container,
body.single #shift-single .jp-progress-container{
	width: 48% !important;
	
}

body.page div.jp-volume-bar-container,
body.single div.jp-volume-bar-container {
	left: 63% !important;
	}
	
body.page #shift-page.full-width div.jp-jplayer.jp-jplayer-video img,body.single #shift-single div.jp-jplayer.jp-jplayer-video img,body.page #shift-page.full-width div.jp-jplayer.jp-jplayer-video{
	max-height: 250px;
	
}

.liquid-related {
	min-height: 120px;
}

/*end page + single*/
  
/*END*/
}