@charset "UTF-8";
/* CSS Document */

/**********/
/* Text *****************************************/

@font-face {
  font-family: 'Lightswitch-font';
  src: url('http://architecture.lightswitch.net/font/gillSans-Light.TTF') format('truetype');
}

html>body @font-face {
  font-family: 'Lightswitch-font';
  src: url('http://architecture.lightswitch.net/font/gillSans-Light.eot') format('truetype');
}


h1 {
font-family:'Lightswitch-font', Gill Sans MT, Verdana, Arial, Helvetica, sans-serif;
font-size: 36px;
color: #FFFFFF;
font-weight:normal;
text-decoration:none;
padding:0px;
margin:0px;
width:auto;
text-align:left;
}

h2 {
font-family:'Lightswitch-font', Gill Sans MT, Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:30px;
font-weight:normal;
text-decoration:none;
padding:0px;
margin:0px;
width:auto;
text-align:left;
}

h3 {
font-family:'Lightswitch-font', Gill Sans MT, Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color:#ffffff;
font-weight:normal;
text-decoration:none;
margin:0px;
width:auto;
}

h4 {
font-family:'Lightswitch-font', Gill Sans MT, Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color:#464646;
font-weight:normal;
text-decoration:none;
margin:0px;
width:auto;
}

h5 {
font-family:'Lightswitch-font', Gill Sans MT, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#111111;
font-weight:normal;
text-decoration:none;
margin:0px;
padding:0px;
width:auto;
}


body, td, p {
font-family: 'Lightswitch-font', Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
}

a, a:visited, a:hover, .linkMimic,a:hover.reverse,a:visited:hover.reverse,a:visited li, a li {
font-family:'Lightswitch-font', Gill Sans MT, Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration:none;
}

a:hover,a.reverse, a:visited.reverse,a:hover li {
color:#ffffff;
}

li {
color:#777777;
}

.body2, .body2 a{
font-family: 'Lightswitch-font', Arial, Helvetica, sans-serif;
font-size:18px;
color:#464646;
font-weight:normal;
text-decoration:none;
padding:0px;
}

.body3{
font-family: 'Lightswitch-font', Arial, Helvetica, sans-serif;
font-size:18px;
color:#c2c2c2;
font-weight:normal;
text-decoration:none;
padding:0px;
}

.category{
	margin: 10px 0px 0px 0px;
}

.subtitle_w{
font-family: 'Lightswitch-font', Arial, Helvetica, sans-serif;
font-size:20px;
color:#ffffff;
font-weight:normal;
text-decoration:none;
padding:0px;
}

.subtitle_c{
font-family: 'Lightswitch-font', Arial, Helvetica, sans-serif;
font-size:18px;
color:#464646;
font-weight:normal;
text-decoration:none;
padding:0px;
}

.subtitle_c a, .subtitle_c a:visited{
font-family: 'Lightswitch-font', Arial, Helvetica, sans-serif;
font-size:18px;
color:#464646;
font-weight:normal;
text-decoration:none;
padding:0px;
}
/**********/

body{
background-image: url(http://architecture.lightswitch.net/images/grey_grid.jpg);
text-align:center;
}

img{
border:0px;
}

/*main page */

#container{
margin:0px auto;
width:1024px;
height:768px;
background:url(http://architecture.lightswitch.net/images/gray_glare.png) no-repeat;

}

#main{
width: 760px;
height: 650px;
margin-top:45px;
margin-left:250px;
position:absolute;
}

/* top bar */
#header{
margin-top:10px;
margin-left:10px;
width:1024px;
float:left;
height:15px;
z-index:10;

}

#site, #site_menu{
	float:left;	
}

#site{
color: #b7b7b7;
}

#site_menu{
margin-left:10px;	
}


.top_navi{
background-color:#b7b7b7;
width: 220px;
text-align:left;
list-style:none;
height: 15px;
margin:0px;
padding: 3px 3px 3px 3px;
font-size:12px;
}

ul.jd_menu_top ul li {
	width:150px;
	background: #5f5f5f;
	padding: 5px;
	color: #FFFFFF;
	font-size:12px;
}

ul.jd_menu_top ul{
	border:#000000 solid 1px;
}

/* side bar */

#sidebar, #main{
float:left;

}

#sidebar{
font-family:'Lightswitch-font';
width:250px;
height:350px;
margin-top:180px;
text-align:left;
margin-left:0px;
position:absolute;
z-index:10;
}

.logo img{
margin-left:0px;
}

.navi{
padding-top:10px;
width: 250px;
margin:0px;
list-style-image:none;
}

.site_navi{
width: 222px;
text-align:left;
list-style:none;
height: 30px;
margin:0px;
padding:2px 2px 2px 25px;
font-size:23px;
}

.site_navi:hover{
background-color:rgba( 62,53,53,0.50);
}

html>body .site_navi:hover{
background:url(http://architecture.lightswitch.net/images/LSA_hover.png)}

ul.jd_menu_slate{
	padding-top:10px;
	padding-bottom:10px;	
}

ul.jd_menu_slate ul li {
	width:130px;
	padding: 2px;
	color: #FFFFFF;
	font-size:16px;
}

ul.jd_menu_slate ul{
	border:#000000 solid 1px;
}

ul.jd_menu{
	margin: 0px;
	padding:0px;
	list-style-type: none;
	background-color:rgba( 62,53,53,0.50);
	
}

html>body ul.jd_menu_vertical{
background:url(http://architecture.lightswitch.net/images/LSA_bgfill.png)} 

ul.jd_menu_vertical{
	margin: 0px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:0px;
	padding-right:0px;
	list-style-type: none;
	background-color:rgba( 62,53,53,0.50);
    
}
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	display: none;
}
ul.jd_menu li {
	float: left;
}

/* -- Sub-Menus -- */
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	position: absolute;
	display: none;
	list-style-type: none;
	margin: 0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:0px;
	z-index: 10000;
	background: #5f5f5f;
}
ul.jd_menu ul li,
ul.jd_menu_vertical ul li {
	float: none;
	margin: 0px;
}


/* client */
#client{
width: 710px;
height: 590px;
padding:30px;
margin-top:10px;
background-color:#b5b5b5;
border: 1px solid #000000;;
text-align:left;
}

#client_home{
margin-top:20px;
}
/* awards and press scroller */
#award{
width: 710px;
height: 590px;
margin-top: 10px;
padding:30px;
position:absolute;
background-color:#b5b5b5;
border: 1px solid #000000;;
text-align:left;

}
.scroller
{
width: 740px;
background-color:#b5b5b5;
border:#000000; thin;
overflow:auto;
text-align:left;
}

.jspTrack
{
	background: #464646;
	position: relative;
}

.jspDrag
{
	background:#787878;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
/* awards and press articles */

.article{
width:680px;
height:80px;
padding:0px;
background-color: #888888;
margin-bottom:10px;
}

.articletitle{
font-size:18px;
margin-bottom:10px;
margin-left:5px;
}

.subtitle{
color:#5b5b5b;
margin-top:5px;
margin-left:5px;
}

.date{
margin-top:5px;
font-size:14px;
margin-left:5px;
margin-top:5px
}

#articleleft, #articleright{
float:left;
}

#articleleft{
width:170px;
margin-right:10px;
}

#articleright{
width:500px;
margin:0px;
padding:0px;
}
/*contact */
#contact_home{
width: 709px;
height: 580px;
margin-top: 10px;
padding:30px;
position:absolute;
background:url(http://architecture.lightswitch.net/images/gray_contact.jpg) no-repeat;
background-size: 100%;
border: 1px solid #000000;
text-align:left;
}

.contactHome, .contactHome a, .contactHome a:visited, .contactHome a:hover{
	text-decoration:none;
	color: #000000;
	font-size: 36px;
}

#contact{
width: 710px;
height: 590px;
margin-top: 10px;
padding:30px;
position:absolute;
background-color:#b5b5b5;
border: 1px solid #000000;;
text-align:left;
}

.contactimg, .contacthead{
float:left;
}

.contactimg{
margin-left: 7px;
margin-top: 7px;
}

.contacthead{
font-size: 24px;
}

.contact input{
	background-color:#888888;
	outline: 0px;
	padding:0px;
	border: none;	
	height:20px;
}

.contact textarea{
	background-color:#888888;
	padding:0px;
	border-color:#888888;	
}

/* about */
#about1{
width: 710px;
height: 588px;
margin-top: 10px;
padding:30px;
position:absolute;
background:url(http://architecture.lightswitch.net/images/gray_about1.jpg) no-repeat;
border: 1px solid #000000;;
text-align:left;
}

#about2{
width: 710px;
height: 588px;
margin-top: 10px;
padding:30px;
position:absolute;
background:url(http://architecture.lightswitch.net/images/gray_about2.jpg) no-repeat;
border: 1px solid #000000;;
text-align:left;
}

.about{
text-align:left;
margin-left:160px;
margin-top:45px;
font-size:18px;
}

/*portfolio*/
#portfolio{
width: 770px;
height:650px;	
background-color:#b5b5b5;
border: 1px solid #000000;;
margin-top:10px;
text-align:left;
}

#info{
	background: no-repeat;
	background-size: 100%;
	 height:530px; 
	 width:770px;
}

#overlay{
	background: url(http://architecture.lightswitch.net/images/black.png);
	 height:440px; 
	 width:710px;
	 padding:0px;	
}

html>body #overlay{
background: url(http://architecture.lightswitch.net/images/black.png);
} 

html>body #infofooter{
background: url(http://architecture.lightswitch.net/images/black.png);
} 

#infofooter{
	float:left;
	bottom:0px;
    top:10px;
	height:30px; 
	width:740px;
	padding-left:30px;
	background: url(http://architecture.lightswitch.net/images/black.png);
}

#portfolio_header a{
color:#464646;
}

#portfolio_header{
	padding-top:30px;
	padding-left:30px;
}

#sub_navi a{
color:#464646;
}

#sub_navi{
height:95px;
}


#gallerywrap{
	background-color:rgba( 0,0,0,0.75);	
	padding-left:30px;
	padding-right:0px;
	padding-top: 5px;
	margin-top:10px;
	width:740px;
	height:527px;
	position:absolute;
	z-index:1500;
}

#infowrap{
overflow:auto;
height:477px;
width:740px;	
}



#scrollerywrap{
	padding-left:30px;
	padding-right:0px;
	padding-top: 5px;
	margin-top:10px;
	width:740px;
	height:527px;
	position:absolute;
	z-index:1500;
}

#galleryinfo{
	font-size:16px;
	bottom:5px;
	right:60px;
	position:absolute;
	z-index:2000;
}

#worldMap{
width: 710px;
height: 590px;
margin-top: 10px;
padding-top:30px;
position:absolute;
background-color:#b5b5b5;
border: 1px solid #000000;;
text-align:left;

}

/* footer */


#footer{
float:left;
height:20px;
margin-left:0px;
margin-top:690px;
z-index:10;
}

.footer{
margin-left:25px;
height:40px;
width: 200px;
color:#464646;
font-size: 16px;
}

.footer a{
color:#464646;
font-size: 16px;
}

/*search button*/

#searchwrapper {
width:200px; 
height:25px;
right:5px;
background-color: #b7b7b7;
padding:0px;
margin:0px;
position:relative; /*important*/
}
 
#searchwrapper form { display:inline ; }
 
.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
left:25px;
width:170px;
height:23px;
color:#FFFFFF;
outline:none;
}
 
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:4px;
left:5px;
width:18px;
height:18px;
}

/*social network icons*/
 #searchwrapper, #social_networks{
float:left;
}

#social_networks{
right: 20px;
margin-bottom:5px;
}

/*mailing list */
#subscribe, #subscribe a{
font-size:12px;
color:#464646;
}