/*******************************************

	styles.css
	for Shoberg Homes
	
********************************************/

html {
	margin: 0;
}
@font-face {
	font-family: 'SpyroclassicRegular';
	src: url('../fonts/spyroclassic-webfont.eot');
	src: url('../fonts/spyroclassic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/spyroclassic-webfont.woff') format('woff'),
		 url('../fonts/spyroclassic-webfont.ttf') format('truetype'),
		 url('../fonts/spyroclassic-webfont.svg#SpyroclassicRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}



body {
	margin: 0;
	padding: 0;
	background: #000;
	font-family: "SpyroclassicRegular", sans-serif;
	letter-spacing: 2px;
}

#container {
	width: 100%;
	margin: 0;
}

#main {
	width: 100%;
	margin: 0 auto 0 auto;
	position: relative;
	z-index: 1900;
	max-height: 700px;
/*	background: none repeat scroll 0 0 / cover #000; */
  	background: none no-repeat scroll center center / cover #000;
	display: block;
	height: auto !important;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

.clear {
	clear: both;
}

a, a: hover {
	outline:  none;
	border: none;
}

/*** Header styles ***/

.anythingWindow {
	max-width: 100%; overflow-x: hidden;
}


#header_temp {
	/*background:  url('../images/leather_bg.jpg') left top repeat;*/
	height: 130px;
	width: 100%;
	float: left;
	position: absolute;
	z-index: 2000;
	opacity: .8;
	-ms-filter:  "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
	overflow: hidden;
}


#header {
	/*background:  url('../images/leather_bg.jpg') left top repeat;*/
	height: 130px;
	width: 100%;
	float: left;
	position: absolute;
	z-index: 2000;
	opacity: .8;
	-ms-filter:  "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
	overflow: hidden;
}

#header_center {
	margin: 0 auto 0 auto;	
	width: 100%;
	max-width: 1200px;
}

h1 {
	background:  url('../images/shoberg_logo.png') right center no-repeat;
	max-width: 390px;
	width: 32.5%;
	height: 130px;
	margin: 0;
	float: left;
	background-size: 100% auto;
}

h1 a {
	width: 100%;
	height: 100%;
	display: block;
	text-indent:  -9999px;	
}



/*** Menu styles ***/

#menu {
	float: right;	
	margin: 42px 40px 0 0;
	width: 60%;
}

#menu ul {
	padding: 0;
	margin: 0;
	float: right;
}

#menu li {
	list-style-type: none;
	display: block;
	float: left;
	background:  url('../images/nav_divide.png') right no-repeat;
	padding: 0 14px 0 14px;
	height: 56px;
	min-width: 80px;
	text-align: center;
}

#menu li a {
	color: #ffffff;
	font-size: 15px; /* Some tweener fallback that doesn't look awful */ 
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding: 20px 0 0 0;
}

#menu li a:hover, #menu li a.on {
	color: #f00329 !important;
	background: url('../images/circle.png') top center no-repeat !important;
}

#menu li.contact {
	background: none;
}

/***  Right column styles ***/

#main img.bg {
	display: none;
}

#right_col {
	margin-top: 170px;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 600px;
	height: 460px;
	float: right;
	background: rgba(0, 0, 0, .8);
	border: solid 1px #878787;
	z-index: 2000;
	display: block;
}

#right_col a{
	color: #878787;
}

#right_col a:hover{
	color: #f00329;
}

#right_col h2 {
	font-weight: normal;
	color: #ffffff;
	font-size: 32px;
	text-transform: uppercase;
	margin: 20px 0 20px 0;
}

#right_col #content {
	height: 375px;
	margin: 0 0 0 26px;

}

#right_col .us {
	margin: 0 0 20px 0;
}

#right_col .us a {
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0 3px 0 0;
	font-size: 15px;
}

#right_col .us a:hover, #right_col .us a.on {
	color: #f00329;
}

#right_col .scroll-pane {
	margin-top: 0;
}

#right_col #content p {
	color: #ffffff;
	font-size: 14px;
	margin-top: 0;
}

#right_col p img {
	float: left;
	margin: 0 15px 15px 0;
	border: 1px solid #ffffff;
}

#portfolio_window {
	top: 170px;
	right: -1px;
	position: absolute;
}


/* .hide #portfolio_window {
	width: 38px;
} 

.hide #right_col {
	display: none;
} */

.portfolio #right_col {
	margin: 0;
	width: 460px;
	overflow: hidden;
	border-left: none;
}

.portfolio #right_col #content {
	height: 460px;
}

.portfolio #right_col h2 {
	font-weight: normal;
	color: #ffffff;
	font-size: 23px;
	text-transform: uppercase;
	margin: 30px 0 30px 26px;
}

.portfolio #right_col #content h2 {
	margin-left: 0;
}

.portfolio .proj_thumbs {
	margin: 0 25px 20px 0;
	width: 102px;
	height: 102px;
	float: left;
	position: relative;
}

.portfolio #rest{
	position: absolute;
	top: 0;
	height: 98px;
	width: 98px;
	border: 2px solid #ffffff;
}

.portfolio #rest img {
	border: 0!important;
}

.portfolio #active{
	position: absolute;
	top: 0;
	margin: 0!important;
	display: none;
	width: 98px;
	height: 98px;
	border: 2px solid #ef0329!important;
	opacity: .5;
	 /* IE 8 */
		-ms-filter:  "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 5-7 */
		filter:  alpha(opacity=50);
	background-color: #ffffff;
}

.portfolio #white_on {
	position: absolute;
	top: 0;
	margin: 0!important;
	display: block;
	width: 98px;
	height: 98px;
	border: 2px solid #ef0329!important;
	opacity: .5;
	 /* IE 8 */
		-ms-filter:  "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 5-7 */
		filter:  alpha(opacity=50);
	background-color: #ffffff;
	text-align: center;
}

.portfolio #active img, .portfolio #white_on img {
	margin: 0!important;
	border: 0!important;
}

.portfolio #right_col #active p, .portfolio #right_col #white_on p {
	color: #000000;
	height: 88px;
	width: 100px;
	padding: 15px 1px 0 1px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 9px;
	text-align: center;
}

.portfolio #active a, .portfolio #right_col #white_on a {
	text-decoration: none;
	display: block;
	height: 102px;
	width: 102px;
}

.hide .close_port {
	width: 36px; 
	height: 181px; 
	display: block;
	background: url('../images/btn_open_port.png') top right no-repeat transparent;
	text-indent: -999999px;
	float: left;
}

.show .close_port {
	width: 36px; 
	height: 181px; 
	display: block;
	background: url('../images/btn_close_port.png') top left no-repeat transparent;
	text-indent: -999999px;
	float: left;
}


/*** Center Styles ***/ 

#center {
	height: 84px;
	background:  url('../images/red_line.gif') top left no-repeat #000;
	/*position: absolute;
	top: 615px; */
	margin: 0 auto;
	opacity: .7;
	-ms-filter:  "progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
	z-index: 2000;
	width: 100%;
}

/* .home #center, .portfolio #center {
	margin-top: -82px;
} */

#center_content {
	margin: 0 auto 0 auto;	
	width: 100%;
	max-width: 1200px;
}

#center img{	
	border: 0;
}

.left_center {
	float: left;
	width: 59%;
}

.right_center {
	float: right;
	width: 40%;
	height: 100px;
	border-left: 2px solid #333333;
}

.right_center p {
	color: #ffffff;
	font-size: 22px;
	font-size: 22px;
	text-transform: uppercase;
	margin: 30px 0 0 4%;
	float: left;
	width: 300px;
}

.right_center span {
	background:  url('../images/red_dot.png') right no-repeat;
	padding: 0 15px 0 0;
}

.right_center .social_icons {
	float: left;
	width: 96px;
	margin: 28px 0 0;
}

.right_center a.facebook {
	display: block;
	height: 28px;
	width: 28px;
	float: left;
	margin: 0 1%;
}

.right_center a.twitter {
	display: block;
	height: 28px;
	width: 28px;
	float: left;
	margin: 0 1%;
}

.right_center a.houzz {
	display: block;
	height: 28px;
	width: 28px;
	float: left;
	margin: 0 1.5%;
}

.proj_text {
	float: left;
	width: 42%;
	height: 100px;
	overflow: hidden;
	margin: 10px 0 0 15px;
	letter-spacing: 0;
}

.proj_text h3 {
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: normal;
	color: #ffffff;
	margin: 0;	
}

.proj_text p {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
	font-size: 10px;
	color: #ffffff;
	margin: 0;
}

#proj_scroll {
	width: 45%;
	float: right;
}

.hp_thumb {
	float: right;
	margin: 10px 13px 0 0;
	height: 63px;
}

.hp_thumb a {
	margin: 0 10px 0 0;
	padding: 1px; 
	float: left;
}

.hp_thumb a:hover {
	padding: 0;
	border: solid 1px #fff;
}

/*** Footer styles ***/

.foot_img img {
	margin: 10px 0 0 8px; 
}

#footer {
	background-color: #000000;
	height: 30px;
}

#footer_center {
	margin: 0 auto 0 auto;	
	width: 100%;
	max-width: 1200px;
}

.footer_left {
	float: left;
	width: 59%;
}

.footer_right {
	margin-top: -20px;
	float: right;
	height: 48px;
	width: 40%;
	border-left: 2px solid #333333;
}

#footer p.copyright {
	float: left;
	color: #c1c1c1;
	font-size: 10px;
	text-transform: uppercase;
	margin: -14px 0 0 4%;
}

#footer ul {
	margin: 14px 0 0 12px;
	padding: 0;
}

#footer li {
	list-style-type: none;
	display: block;
	float: left;
	height: 25px;
	color: #c1c1c1;
	font-size: 10px;
}

#footer li.contact {
	background: none;
}

#footer a {
	color: #c1c1c1;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0 0 0 0; 
}

#footer_bump {
	width: 100%;
	height: 48px;
	float: left;
	display: block;
}


/*** Scroll bar styles ***/

#right_col .scroll-pane {
	width:  100%;
	height:  460px;
	overflow:  auto;
}


#right_col .jspContainer {
	width: 100% !important;
}

#right_col .jspTrack {
	background-color: transparent;
}
		
#right_col .jspVerticalBar {
	background-color: transparent;
}

#right_col .jspDrag {
	background-color: #878787;
	
}

.scroll-pane {
	width:  100%;
	height:  83px;
	overflow:  auto;
	outline: none;
}

.horizontal-only {
	height:  74px;
	float: right;
	margin: 10px 9px 0 0;
}

#proj_scroll .jspContainer {
	height: 73px!important;
}

.jspHorizontalBar {
	height: 4px!important;
	top: 68px;
	background: transparent!important;
}

.jspTrack {
	background: transparent!important;
}
		
#proj_scroll .thumb {
	margin: 0 0 0 0;
	float: left;
}

#proj_scroll .thumb a {
	margin: 0 4px 0 0;
	float: left;
	height: 63px;
	width: 63px;
	border: solid 1px #000;
}

#proj_scroll .thumb a:hover, #center .thumb a.cur {
	padding: 0;
	border: solid 1px #fff;
}

/***  Rotator styles ***/

#rotator {
	height: 700px;
	width: 100%;
	float: none;
}

.anythingSlider {
	width: 100%;
	border: none;
	height: 700px;
	position: relative; 
	margin: 0; 
}

.portfolio .anythingSlider {
	position: absolute;
	z-index: 0;
	top: 0; 
}

.anythingSlider .wrapper {
	width: 100% !important;
	border: none;
	display: block;
}

.wrapper ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 100%;
}

.anythingSlider ul#slider li {
	width: 100%;
	border: none;
	min-height: 700px;
	background: none no-repeat scroll center center / cover #000;
	height: auto !important;
	margin: 0 auto;
	padding: 0;
}

.lt-ie9 .anythingSlider ul#slider li { 
	background: center center no-repeat;
	background-size: 100% auto;
}

.anythingSlider ul#slider li a, .anythingSlider ul#slider li div {
	width: 100%;
}


/*----- Anything fader -----*/

.anythingSlider						 { border: none; }
.anythingSlider .wrapper				{ border: none; overflow: auto; overflow-y:hidden;height: 700px; margin:  0 0; position: absolute; top:  0; left:  0; }
.anythingSlider .wrapper ul#slider			 { border: none; width: 100%; overflow-y:hidden;list-style:  none; position:  absolute; top:  0; left:  0; background:  #000; margin:  0; }
.anythingSlider ul#slider li				   { border: none; display:  block; float:  left; padding:  0; height:  700px;  margin:  0; *margin:  0 20px 0 -20px; }
.anythingSlider .arrow				  { border: none; display:  block; height:  92px; width:  50px; text-indent: -9999px; position: absolute; top:  320px; cursor:  pointer; }
.anythingSlider .forward				{ border: none; background:  url(../images/arrow_right_home.png) no-repeat -100px 0; right:  40px; display: block; }
.anythingSlider .back			   { border: none; background:  url(../images/arrow_left_home.png) no-repeat -100px 0; left:  40px; display: block; }
.anythingSlider .forward:hover		  { border: none; background-position: 0 0; }
.anythingSlider .back:hover			 { border: none; background-position: 0 0; }

.about .anythingSlider .arrow  {  position: absolute; top: -2000px; }

ul.thumbNav							   { border: none; position:  relative; top:  715px; z-index: 2010; text-align: right; width: 56% !important;}
ul.thumbNav li 						{ display: inline-block; max-width: 63px; margin: 5px;}
ul.thumbNav a							 { border: none; padding: 0; color:  black; font:  11px/18px Georgia, Serif; display:  inline-block; height:  18px; margin:  0 5px 0 0; text-align:  center;}
ul.thumbNav a img 						{ border: none; padding: 1px; }
ul.thumbNav a:hover img					  { border: solid 1px #ffffff; padding: 0; }
ul.thumbNav a.cur img						{ border: solid 1px #ffffff; padding: 0; }

#start-stop							 { background:  green; background-repeat:  repeat-x; color:  white; padding:  2px 5px; width:  40px; text-align:  center; position:  absolute; right:  45px; top:  -1000px; -moz-border-radius-bottomleft:  5px; -moz-border-radius-bottomright:  5px; -webkit-border-bottom-right-radius:  5px; -webkit-border-bottom-left-radius:  5px; }
#start-stop .playing					{ background-color:  red; }
#start-stop: hover					   { background-image:  none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul		  { position:  static; margin:  0; background:  none; overflow:  visible; width:  auto; border:  0; }
.anythingSlider .wrapper ul ul li	   { float:  none; height:  auto; width:  auto; background:  none; }

/* IE 8 Styles */

.lt-ie9 #container, .lt-ie9 #header_center, .lt-ie9 #main, .lt-ie9 #center, 
.lt-ie9 #footer, .lt-ie9 #center_content, .lt-ie9 #footer_center {

	}

.lt-ie9 #header {
	width:100%;
	padding:0;
	height: auto;
	position: relative;
	opacity: 1;
	-ms-filter:  "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.lt-ie9 #header h1 {
	background-size: 100% auto;
	margin: 0 auto;
	padding: 0;
	width:95%;
	float: none;
}

.lt-ie9 #header h1 a {
	width:100%;
	margin: 0;
	padding: 0;
}

.lt-ie9 #menu {
	margin: 0 auto;
	padding: 8px 0;
	width:100%;
	float: none;
	background: #000;
	display: block;
}

.lt-ie9 #menu ul {
	float: none;
	margin: 10px auto;
}

.lt-ie9 #nav {
	margin: 0 auto;
	padding:0;
	width:90%;
	float: none;
	text-align: center;
}

.lt-ie9 #menu li {
	width:auto;
	margin:0;
	display: inline-block;
	float: none;
	border: none;
	background: none;
	height: auto;
	min-width: 100px;
}

.lt-ie9 #menu li a {
 	height: auto;
 	margin: 0 1%;
	padding: 3% 0 3% 0;
	font-size: 16px;
	background: none;
}
	
.lt-ie9 #menu li a:hover, .lt-ie9 #menu li a.on {
	background: none;
	background-image: none !important;
}

.lt-ie9 #container {
	padding:0;
	width:100%;
	margin:0;
	clear:both;
}

.lt-ie9 #main {
	background: none !important;
}

.lt-ie9 #main img.bg {
	display: block;
	width: 100%;
}

.lt-ie9 #right_col {
	margin: 0 auto 0;
	width: 95%;
	float: none;
	border: none;
}
	
.lt-ie9 #right_col #content {
	margin: 0;
}

.lt-ie9 #right_col h2 {
	width: 100%;
	text-align: center;
}
	
.lt-ie9 #right_col .us {
	margin: 0 auto 20px;
	width: 80%;
	text-align: center;
}

.lt-ie9 .scroll-pane {
	height: 100px;
}
	
.lt-ie9 .horizontal-only {
	float: none;
}
	
.lt-ie9 #proj_scroll {
	float: none;
	width: 95%;
	margin: 10px auto;	
}

.lt-ie9 .proj_text {
	height: auto;
	float: none;
	width: 95%;
	margin: 0 auto;
	text-align: left;
}

.lt-ie9 #portfolio_window.show, .lt-ie9 #portfolio_window.hide  {
	top: auto;
	right: 0;
	position: relative;
	float: none;
	width: 95%;
	margin: 20px auto;
	background: none;
	border-top: solid 2px #787878;
	border-bottom: solid 2px #787878;
}
	
.lt-ie9 .portfolio .show #right_col, .lt-ie9 .portfolio .hide #right_col {
	position: relative;
	width: 100%;
	margin: 20px auto;
	background: none;
}

.lt-ie9 .portfolio #right_col .scroll-pane {
	float: left;
}
	
.lt-ie9 .portfolio #right_col .scroll-pane a { height:  63px; margin:  0 1% 10px;}

.lt-ie9 .show .close_port, .lt-ie9 .hide .close_port { display: none; }
	
.lt-ie9 #rotator {
	min-height: 465px;
	height: auto !important;
	height: 465px;
}
	
.lt-ie9 .home .anythingSlider, .lt-ie9 .portfolio .anythingSlider, 
.lt-ie9 .anythingSlider .wrapper, 
.lt-ie9 .home .anythingSlider ul#slider li, .lt-ie9 .portfolio .anythingSlider ul#slider li, 
.lt-ie9 .anythingSlider ul#slider li, .lt-ie9 .anythingSlider ul#slider li img {
	height: 400px;
	min-height: 400px;
}

.lt-ie9 ul.thumbNav {  
	top: 410px; 
	position: relative; 
	min-height: 65px;
	height: auto !important;
	height: 65px;
}
	
.lt-ie9 ul.thumbNav a { height:  63px; margin:  0 1% 10px;}


.lt-ie9 .home #center, .lt-ie9 .portfolio #center {
	margin-top: 20px;
}

.lt-ie9 #center {
	width:95%;
	margin:20px auto 10px;
	padding-top: 5px;
	border-top: solid 2px #787878;
	background: none;
	height: auto;
}
	
.lt-ie9 .portfolio #center {
	background:  url('../images/red_line.gif') top left no-repeat #000;
	border: none;
	padding-top: 15px;
	width: 100%;
}
	
.lt-ie9 .foot_img {
	margin: 10px;
}
	
.lt-ie9 .left_center, .lt-ie9 .right_center, 
.lt-ie9 .footer_left, .lt-ie9 .footer_right {
	margin: 0 auto;
	width: 95%;
	float: none; 
	text-align: center;
	border: none;
}
	
.lt-ie9 .footer_left {
	display: none; 
}

.lt-ie9 .right_center {
	margin-top: 0;
}

.lt-ie9 .right_center p {
	margin: 0;
	width: 100%;
	text-align: center;
	font-size: 26px;
	float: none;
}

.lt-ie9 .right_center .social_icons {
	float: none;
	width: 100%;
	margin: 10px auto;
	display: inline-block;
}

.lt-ie9 .home .right_center .social_icons {
	margin-top: -40px;
}
	
.lt-ie9 .right_center a.facebook, .lt-ie9 .right_center a.twitter, .lt-ie9 .right_center a.houzz {
	float: none;
	display: inline-block;
}

.lt-ie9 .right_center a.foot_img {
	margin: 30px 0 0 0;
}

.lt-ie9 .home .right_center a.foot_img {
	margin-top: 40px;
}

	
.lt-ie9 #footer {
	margin: 0 auto;
	width: 95%;
	float: none; 
	text-align: center;
	border: none;
}
	
.lt-ie9 #footer p.copyright {
	margin: 10px 0 0 0;
	float: none;
}

.lt-ie9 .home #footer p.copyright {
	margin: 20px 0 0 0;
}

/* rebuild styles */
	div#preload { display: none; }
	#hideAll
	 {
	   position: absolute;
	   left: 0px; 
	   right: 0px; 
	   top: 0px; 
	   bottom: 0px; 
		background-color: black;
		z-index: 999999999; /* Higher than anything else in the document */
		width: 100%
	 }
	 
	 #hideAll img {
	 	width: 100%;
	 	max-width: 1200px; 
	 }

	 #slider .panel { filter: alpha(opacity=00); opacity: 0; }
#slider .panel.activePage { filter: alpha(opacity=99); opacity: 1; } 
.anythingSlider .fade .activePage { z-index: 1; }
.anythingSlider .fade .panel { z-index: 0; display: block; position: absolute; }

/*---- responsive styles ---*/

@media only screen and (max-width: 1070px) {

	img {
		max-width:1070px;
		height: auto;
	}

	@media \0screen {
		img {
			width: auto; /* for ie 8 */
		}
	}

	#container, #header_center, #main, #center, #footer, #center_content, #footer_center {
		max-width: 1070px;
	}

	/*** Header ***/

	#header {
		width:100%;
		padding:0;
		height: 70px;
		position: relative;
		opacity: 1;
		-ms-filter:  "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}

	#header h1 {
		background:  url('../images/shoberg_logo_sm.png') right center no-repeat;
		max-width: 80px;
		width: 15%;
		height: 70px;
		margin: 0 0 0 2%;
		float: left;
		background-size: 100% auto;
	}

	#header h1 a {
		width:100%;
		margin: 0;
		padding: 0;
	}

	#menu {
		margin: 10px 0 0 0;
		width: 80%;
	}

	/*** Content ***/

	#container {
		padding:0;
		width:100%;
		margin:0;
		clear:both;
	}

	#main {
		background: none !important;
	}

	#main img.bg {
		display: block;
		width: 100%;
	}

	#right_col {
		margin: 0 auto 0;
		width: 95%;
		float: none;
		border: none;
	}
	
	#right_col #content {
		margin: 0;
	}

	#right_col h2 {
		width: 100%;
		text-align: center;
	}
	
	#right_col .us {
		margin: 0 auto 20px;
		width: 80%;
		text-align: center;
	}

	.scroll-pane {
		height: auto;
	}
	
	.horizontal-only {
		float: none;
		height: 80px;
	}
	
	#proj_scroll {
		float: none;
		width: 95%;
		margin: 10px auto;	
	}

	.proj_text {
		height: auto;
		float: none;
		width: 95%;
		margin: 0 auto;
		text-align: left;
	}
	
	.proj_text p {
		display: none;
	}

	#portfolio_window.show, #portfolio_window.hide  {
		top: auto;
		right: 0;
		position: relative;
		float: none;
		width: 95%;
		margin: 0 auto 20px;
		background: none;
		border-top: solid 2px #787878;
		border-bottom: solid 2px #787878;
	}
	
	.portfolio .show #right_col, .portfolio .hide #right_col {
		position: relative;
		width: 100%;
		margin: 20px auto;

		background: none;
	}
	
	.portfolio #right_col .scroll-pane {
		float: left;
	}
	
	.portfolio #right_col .scroll-pane a { height:  63px; margin:  0 1% 10px;}

	.show .close_port, .hide .close_port { display: none; }

	.jspPane {
		text-align: center;
	}

	.portfolio .proj_thumbs {
		display: inline-block;
		float: none;
		height: 102px;
		margin: 0 10px 20px;
		position: relative;
		width: 102px;
	}

	/*** Rotator ***/
	
	#rotator {
		min-height: 420px;
		height: auto !important;
		height: 420px;
	}
	
	.home #rotator {
		min-height: 465px;
		height: auto !important;
		height: 465px;
	}
	
	.home .anythingSlider, .portfolio .anythingSlider, 
	.anythingSlider .wrapper, 
	.home .anythingSlider ul#slider li, .portfolio .anythingSlider ul#slider li, 
	.anythingSlider ul#slider li, .anythingSlider ul#slider li img {
		height: 400px;
		min-height: 400px;
	}

	.home .anythingSlider ul#slider li, .portfolio .anythingSlider ul#slider li, 
	.anythingSlider ul#slider li, .anythingSlider ul#slider li img {
		max-width: 100%;
		background-size: 100% auto !important;
		background-repeat: none;
	}

	.portfolio .anythingSlider {
		top: 128px;
	}

	ul.thumbNav { 
		left: 0; 
		top: 410px;
		margin: 0 auto; 
		position: relative; 
		min-height: 65px;
		height: auto !important;
		height: 65px;
		width: 98% !important;
		text-align: center;
	}
	
	ul.thumbNav a { height:  63px; margin:  0 1% 10px;}

	/*** Footer ***/

	.home #center, .portfolio #center {
		margin-top: 25px;
	}

	#footer_bump { display: none; }

	#center {
		width:95%;
		margin:20px auto 10px;
		padding-top: 5px;
		border-top: solid 2px #787878;
		background: none;
		height: auto;
	}
	
	.portfolio #center {
		background:  url('../images/red_line.gif') top left no-repeat #000;
		border: none;
		padding-top: 15px;
		width: 100%;
	}
	
	.home .foot_img img {
		margin: 80px auto 0;
	}
	
	.left_center, .right_center, .footer_left, .footer_right {
		margin: 0 auto;
		width: 95%;
		float: none; 
		text-align: center;
		border: none;
	}
	
	.footer_left ul {
		display: none; 
	}

	.right_center {
		margin-top: 0;
	}

	.right_center p {
		margin: 0;
		width: 100%;
		text-align: center;
		font-size: 26px;
		float: none;
	}

	.right_center .social_icons {
		float: none;
		width: 100%;
		margin: 10px auto;
		display: inline-block;
	}
	
	.right_center a.facebook, .right_center a.twitter, .right_center a.houzz {
		float: none;
		display: inline-block;
	}
	
	#footer {
		margin: 0 auto;
		width: 95%;
		float: none; 
		text-align: center;
		border: none;
	}
	
	#footer p.copyright {
		float: none;
		margin: 10px 0 0 0;
	}
	
	.home #footer p.copyright {
		margin-top: -40px;
	}
}

@media only screen and (max-width: 760px) {
	img {
		max-width:760px;
	}
	
	#container, #header_center, #main, #center, #footer, #center_content, #footer_center {
		max-width: 760px;
	}
	
	#menu ul, #menu ul li, #menu li a {
		font-size: 11px;
	}
	
	#menu ul li {
		padding: 0;
	}
}

@media only screen and (max-width: 560px) {
	img {
		max-width:560px;
	}

	#container, #header_center, #main, #center, #footer, #center_content, #footer_center {
		max-width: 560px;
	}

}

@media only screen and (max-width: 480px) {
	img {
		max-width:480px;
	}
	
	#container, #header_center, #main, #center, #footer, #center_content, #footer_center {
		max-width: 480px;
	}
	
	.portfolio #right_col .scroll-pane a { 
		height: 40px; 
		width: 40px; 
	}
	
	.portfolio #right_col .scroll-pane a img {
		height: 40px; 
		width: 40px; 
	}
	
	/*** Header ***/

	#header {
		width:100%;
		padding:0;
		height: auto;
		position: relative;
		opacity: 1;
		-ms-filter:  "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}

	#header h1 {
 		background-size: 100% auto;
		margin: 0 auto;
		padding: 0;
		float: none;
		
/*		max-width: 390px;
		height: 130px;
		width:95%;
		background:  url('../images/shoberg_logo.png') center top no-repeat; */

		background:  url('../images/shoberg_logo_sm.png') right center no-repeat;
		max-width: 100px;
		width: 25%;
		height: 75px;
		background-size: 100% auto;
	}

	
	#header h1 a {
		width:100%;
		margin: 0;
		padding: 0;
	}

	.home #center, .portfolio #center {
		margin-top: 5px;
	}

	#menu {
		margin: 0 auto;
		padding: 8px 0;
		width:100%;
		float: none;
		background: #000;
		display: block;
	}

	#menu ul {
		float: none;
		margin: 10px auto;
	}

	#nav {
		margin: 0 auto;
		padding:0;
		width:90%;
		float: none;
		text-align: center;
	}

	#menu li {
		width:auto;
		margin:0;
		display: inline-block;
		float: none;
		border: none;
		background: none;
		height: auto;
	}

	#menu li a {
 		height: auto;
 		margin: 0 1%;
		padding: 3% 0 3% 0;
		font-size: 16px;
		background: none;
	}
	
	#menu li a:hover, #menu li a.on {
		background: none;
		background-image: none !important;
	}

	
	/*** Rotator ***/
	
	#rotator {
		min-height: 240px;
		height: auto !important;
		height: 240px;
	}
	
	.home #rotator {
		min-height: 265px;
		height: auto !important;
		height: 265px;
	}
	
	.home .anythingSlider, .portfolio .anythingSlider, 
	.anythingSlider .wrapper, 
	.home .anythingSlider ul#slider li, .portfolio .anythingSlider ul#slider li, 
	.anythingSlider ul#slider li, .anythingSlider ul#slider li img {
		height: 200px;
		min-height: 200px;
	}

	ul.thumbNav { 
		left: auto; 
		top: 210px; 
		position: relative; 
		min-height: 65px;
		height: auto !important;
		height: 65px;
	}
	
	ul.thumbNav a { 
		height: 40px; 
		width: 40px; 
	}
	
	ul.thumbNav a img {
		height: 40px; 
		width: 40px; 
	}
	
	.right_center p {
		font-size: 20px;
	}
}

@media only screen and (max-width: 320px) {
	img {
		max-width:320px;
	}

	#container, #header_center, #main, #center, #footer, #center_content, #footer_center {
		max-width: 320px;
	}
	
	.right_center p {
		font-size: 18px;
	}
}

@media only screen and (max-width: 260px) {
	img {
		max-width:260px;
	}
	
	#container, #header_center, #main, #center, #footer, #center_content, #footer_center {
		max-width: 260px;
	}
}