@import url(https://fonts.googleapis.com/css?family=Roboto);

body {
    font-family		: 'Roboto';
	color			: #000;
	padding			: 0 auto;
	margin			: 0;
	font-size		: 18px;
	line-height		: 22px;
	text-align		:center;
	height			: 100%;
	background		:#2A2A2A;
}


#shadow {
	margin			: 0 auto;
	width			: 1400px;
	background		:#2A2A2A url("img/bg_body.jpg") repeat-y top;		
}

p { }

td { }

dt, dl, h1, h2, h3, h4, h5, h6, form, li, ul, p {padding:0; margin:0;}

a:link, a:visited {font-weight: bold; text-decoration:none; color:#2A2A2A;}


#footer a{ font-weight: normal;}

/*a:visited {color:#000;text-decoration:none;}*/

a:hover {text-decoration:none;}

a:active { }

table {border : none;}

IMG {	border			: none;}

UL {}

LI {	list-style	: none;}

html {
  height: 100%;
/* Hides scrollbar in IE */
}
 
body {
}
 
#flashContent {
  height: 100%;
}

#flash {
/*position: relative; or absolute
z-index: 0;*/
}

#page{  background-color:#fff; color: #1B1B1B;}

#page , #block_c{
	margin			: 0 auto;
	width			: 1200px;
/*	padding			: 12px;*/
}

#footer {
	text-align		:left;
	margin			:0 auto;
	padding			:30px 30px 90px 30px;
	color			:#8F8F8F;
}

#header {
	clear			:both;
	text-align		:left;
	padding			:30px 30px 0 30px;
}

#header img.logo {float:left;}	

#container {
	clear			:both;	
	padding-bottom	:30px;	
	padding-top		:30px;
}

.demo {	clear			:both;}

#container p {
	clear			:both;
	text-align		:center;
	padding			:12px 30px;	
	color			:#8F8F8F;
	font-size		:24px;	
}

#content {
	clear			:both;
	text-align		:left;
}

dl p {margin: 0; padding:0;}

#content p {
	text-align		:left;
	padding			:0;
	font-size		:28px;
	line-height		:36px;
}

#content ul.pano-list {	
	padding			: 0 90px;
}

#content ul.pano-list p{	
	padding			: 0;
	font-size		: 18px;
	line-height		:24px;
}

#content ul.pano-list a{	
	font-weight: normal;
}

#content ul.pano-list ul li.design-lmt {	
	float			: left; 
	width			: 70%;	
	margin			: 2% 0;
}

#content ul.pano-list ul li.pfp-lmt{	
	float			: left; 
	width			: 25%;	
	margin			: 2% 2% 2% 0;
}

#content ul.pano-list li.design-list {	
	clear			:both;
	display			:block;
	margin-bottom	: 2%; 
	width			: 100%;	
	height			: 350px;
}

#content ul.pano-list li img.facade, #content ul.pano-list li img.all-panos, #content ul.pano-list li img.pfp {	
	width: 100%;
	opacity: 0.98;
}
#content ul.pano-list li img.all-panos  {
	display: none;
	margin: 2% 0;
}


#content ul.pano-list li a:hover img{	
    opacity: 1;

}

#content ul.pano-list li a:hover img.facade{	

}

#content ul.pano-list li a:active img.facade{	

}

ul#menu {
	float			:right;
	padding			: 30px 0 0 30px;
}

ul#menu  li{
	padding-left	:30px;
	font-size		:24px;	
	text-transform	:uppercase; 
	display			:inline-block; 
}

ul#menu  li a{
	color			:#8F8F8F;
    font-weight		: normal;
}

ul#menu  li a:hover {
	color			:#376596;
	text-decoration: none;
	
}

.synergy { font-size:48px;color:#003B77;}
.phone { display: block; float: left; width:24px;}

#footer ul {}

#footer li {
	padding-right	:30px;
	font-size		:24px;
	line-height		:30px;
}

#footer h2{
	margin: 0 0 18px;
	padding:0;
}

#footer a {
	color			:#8F8F8F;
}

#footer a:hover {	
	color			:#376596;
	text-decoration	: none;
}


h2, h3 {font-weight:normal;}

h2 {
	text-align		:justify;
	font-size		:36px;
	line-height		:48px;
	padding			:30px;
}

h2.words {padding	: 60px 90px;}



h3 {
	color			:#6E6644;
	line-height		:28px;
	font-size		:24px;}

h3, h4, h5 {
	text-align		:left;
	/*margin-bottom: 2px;	*/
}
h4 {font-size:24px; line-height: 24px; padding:0; margin:0;font-weight:normal;}

h5 {font-size:18px; padding-bottom: 4px;}


ul{
	list-style: none outside none;
}
.demo .item{
	margin-bottom: 60px;
}
.content-slider li{
	background-color: #fff;
	text-align: center;
	color: #FFF;
}

.demo{
	width: 100%;
}



@media screen and (max-width:1400px){#shadow {width: 100%;}}
@media screen and (max-width:1230px){
	
	#page,#block_c , #shadow {width: 100%;} 
	#container div.item img {width: 100%;} 
	#content p {padding: 30px;} 
	#content h2,#footer h2   {font-size:28px; line-height:36px;} 	
	.synergy { font-size:30px;}	
	#content ul.pano-list li.design-list {	height: 250px;}
	h2.words {padding	: 30px 60px;}
	#footer li {font-size:20px; line-height: 24px;}
	
}
@media screen and (max-width:1080px){}
@media screen and (max-width:940px){

	#container p {font-size	:18px;} 
	#content h2,#footer h2   {font-size:24px; line-height:28px;}
	.synergy { font-size:28px;}
	h2.words {padding	: 20px 30px 20px 30px;}
	
	#content {padding-bottom	:0;}
	#content ul.pano-list {padding	: 60px;}
	ul#menu  li{ padding-left	:20px; font-size:18px;}
	ul#menu {padding	:20px 0 0 20px;}
	#content ul.pano-list li img.all-panos  {margin: 2% 0;}	
	#footer li {font-size:18px; line-height: 20px;}
}
@media screen and (max-width:780px){ 
	#footer ul{} 
	#container {padding-bottom	:30px;	} 	
}
@media screen and (max-width:640px){
	#container {padding-bottom	:12px;}
	#content h2,#footer h2   {font-size:18px; line-height:20px;}
	.synergy { font-size:20px;}
	h2.words {padding	: 12px;}	
	#content h2 {margin:12px;}
	#footer h2 {margin:12px 0;}
	#footer  {padding:12px;}
	#content p, #footer li, #container p{font-size	:14px;line-height:18px; padding: 12px;}

	#footer li, #footer h2 {padding: 0;}
	.demo .item{margin-bottom: 30px;}	
	#content ul.pano-list {padding	: 24px;}
	ul#menu  li{ padding-left	:12px; font-size:14px;}
	ul#menu {padding: 12px 0 0 12px;}	
	#header img.logo {width: 110px; height: 30px;}
	#header {padding	: 12px;}
	h3 {font-size:18px;}
	#content ul.pano-list li.design-list {height: 220px;}
	
}
@media screen and (max-width:420px){
	#container {padding-bottom	:6px;}
	#header {text-align:center;}
	#content h2,#footer h2   {font-size:18px; line-height:20px;}
	#content p, #footer li, #container p{padding: 0;}
	.synergy { font-size:18px;}
	#content h2 {margin:6px;}
	#footer h2 {margin:6px 0;}
	#footer  {padding:6px;}	
	h2.words {padding	: 0;}	
	#content ul.pano-list {padding	: 6px;}
	ul#menu  li{ padding-left	:4px; font-size:12px;}
	ul#menu {padding		: 4px 0 0 4px; 	float	: center;} 
	#content ul.pano-list li.design-list {height: 200px;}
	h3 {font-size:14px;}
	#content ul.pano-list p{	font-size		: 14px;}
	#content ul.pano-list ul li.design-lmt, #content ul.pano-list ul li.pfp-lmt {	
	margin			: 0 1% 1% 1%; 
	width			: 95%;	
	}
}



/* Styles from jquery example */

body {


}
a {
  text-decoration: none;
}
img {
  border: 0;
  vertical-align: middle;
}
h1 {

}
h2,
.links {

}

@media (min-width: 481px) {
  .navigation {
    list-style: none;
    padding: 0;
  }
  .navigation li {
    display: inline-block;
  }
  .navigation li:not(:first-child):before {
    content: '| ';
  }
}