/*****************************/
/* generic page location css START */
html {overflow-y: scroll;}
.clear { clear: both; }

body {	
	background-color:#FFFFFF;
}
.homepage {
	background: url('/images/black-to-white_250_x_500.png') repeat-x;	
}
#wrapper {
	margin: 10px auto;
	width: 1010px;	
}

#header {
	position: relative;	
	border: 0px solid #FF0000;
	background: url('/images/skyline_2.JPG') no-repeat top right;
	/*background: url('/images/whatever_updated.png') no-repeat top right;*/
	margin-bottom: 60px;
	margin-top: 20px;
	min-height: 170px;	
	width: 100%;
}
.whatever_the_project {
	position: absolute;
	margin-left: 375px;
	margin-top: 55px;
}
.whatever_the_project img {
	width: 650px;
	height: 40px;
	margin-top: -15px;	
}
#city_title_text {
	color: #e4e4e4;
	font:italic bolder 26px Tahoma;
	font-weight: 1900;
	width: 500px;
	height: 45px;
	position: absolute;
	z-index: 1;
	margin-left: 525px;
	margin-top: 25px;
	text-transform: uppercase;
	border: 1px solid #FFF;
}
.homepage #header {
	
}
/*  LOGO  */
/* #logo a {
	background: url('/images/logo.png') no-repeat;
	display: block;	
	height: 41px;
	position: absolute;
	text-indent: -9999px;
	width: 377px;
	margin: 10px 0 0 0;
} */

#sublogo a {
	background: url('/images/logo.png') no-repeat;
	display: block;	
	height: 41px;
	position: absolute;
	text-indent: -9999px;
	width: 377px;
	margin: 15px 0 0 30px;
}

.homepage #logo a {
	left: 0;
	top: 0;
}
#content_area {
	position: absolute;
	background: transparent;
	border-left: 1px dotted #e4e4e4;
	border-top: 1px dotted #e4e4e4;
	font-size: 14px;
	width: 785px;
	overflow: auto; 
	overflow-x: hidden;
	float: right;
	margin: 220px 0 0 235px;
}
.scrollable_container {
	padding: 5px;
	/* border: 1px solid #000000; */
}
#content_area p,ul {font-family: Arial, Helvetica, sans-serif; font-size: 16px;}
/* #content_area a {color: #258d93; text-decoration: none;} */

#content_area ul li ul {margin-top: 5px; margin-bottom: 10px;}
#content_area ul li ul li {list-style: circle;}
#content_area h5 { font-size: 18px; }
/******************/

#large_content_area {
	position: relative;
	background: transparent;
	border-left: 1px dotted #e4e4e4;
	border-top: 1px dotted #e4e4e4;
	border-right: 1px dotted #e4e4e4;
	font-size: 14px;
	width: 1010px;
	overflow: auto; 
	overflow-x: hidden;
	float: right;
	left: 20px;
}
.large_content_area-contact-us {
	position: relative;
	margin-top: -25px;
	margin-left: 40px;
	border-right: 1px dotted #E4E4E4;
	border-top: 1px dotted #E4E4E4;
	border-left: 1px dotted #E4E4E4;
	font-size: 14px;
	overflow: auto; 
	overflow-x: hidden;
	background: transparent;
}
.paddingdiv_contactus2 {
	padding: 10px 25px 10px 25px;

}
.message_button {
}
#large_content_area p,ul {font-family: Arial, Helvetica, sans-serif; font-size: 16px;}
/* #content_area a {color: #258d93; text-decoration: none;} */

#large_content_area ul li ul {margin-top: 5px; margin-bottom: 10px;}
#large_content_area ul li ul li {list-style: circle;}
#large_content_area h5 { font-size: 18px; }
.contact_us_footer {
	position: absolute;
}
.content_area_image { 
}
.content_area_thumb_image {
	cursor: pointer;
}
.download_href {  
	color: #000; text-decoration: underline; font-weight: bold;
}
.downloads ul li {
	list-style: none;
	margin: 0px;
}
.default_container {
	float: left;
	text-align: left;
	border: 0px solid #000000;
}
#content_area a.downloadButtons {background: url('/images/greybutton.png') no-repeat; color: #fff; display: block; text-align: center; padding: 5px; font-size: 18px; width: 190px; height: 36px; text-decoration: underline;}
#content_area a.downloadButtons:hover {position: relative; left: 4px;}

#footer {
	position: relative;
	padding: 40px 0;
	text-align: center;
	border: 0px solid #FF0000;
}
.footer {
	padding: 40px;
	margin-left: 15%;
}
.footer span {
	font-size: 13px; 
	font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}
.homepage_footer {
	margin-top: 150px;
	position: relative;
	margin-left: 35%;
}
/*#scrollarea div {margin-bottom: 15px; position: relative;}*/

.clear {clear: both;}

/* generic page location css END */
/*****************************/
/*  wiring page START */
.homepage_wiring #logo a {
	left: 0;
	top: 0;
}
/*  wiring page END */
/*  contact us page START */
.contactus {
	text-align: center;
}
.ajax_contact_form {
	text-align: left;
	font-size: 14px;
	width: 100%;
	height: 100%;
}
.ajax_contact_form table tr td {
}
.ajax_contact_form span {
	width: 85%;
	font-size: 14px;	
}
.ajax_contact_form button {
	border: 1px solid #000000;
	width: 50px;
	cursor: pointer;
	float: right;
	margin-top: 5px;
}
.ajax_contact_form label {
}
.ajax_contact_form textarea {
 width: 485px;
 height: 150px;
 resize: none;
 border: 1px solid #000;
}
.ajax_contact_form input {
 width: 485px;
 resize: none;
 border: 1px solid #000;
}
/*********************/

.large_ajax_contact_form {
	position: absolute;
	margin: 500px 0 0 0; 
	padding: 10px;
	font-size: 14px;
}
.large_ajax_contact_form table tr td {
}
.large_ajax_contact_form span {
	width: 85%;
	font-size: 14px;	
}
.large_ajax_contact_form button {
	border: 1px solid #000000;
	width: 50px;
	cursor: pointer;
	float: right;
}
.large_ajax_contact_form label {
}
.large_ajax_contact_form input {
 width: 195px;
 resize: none;
}
.large_ajax_contact_form textarea {
 width: 195px;
 resize: none;
}



/*  contact us page END */
/* navigation START */
#navbar {
	border-bottom: 1px dotted #e4e4e4;	
	padding: 4px 0;
	position: absolute;
	width: 1010px;
	margin-top: 125px;
	line-height: 25px;
}

#navbar li {
	display: inline;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	float: left;
}

#navbar li a {
	color: #fff;
	text-decoration: none;
}

#navbar li .navspace {margin-top: 6px;}

#navbar li a:hover {
	color: #ff0000;	
}
#main_nav {
}
#sidebar {
	position: relative;
	height: 365px;
	border-right: 1px dotted #e4e4e4;
	border-top: 1px dotted #e4e4e4;
	border-left: 0px dotted #e4e4e4;
	margin-left: 10px;
	margin-top: -30px;
	width: 215px;
}

#sidebar ul {
	margin: 0;	
	list-style-position: outside;
}
#sidebar ul li {
	list-style-type: none;	
	margin-bottom: 10px;
	margin-left: 25px;
}
.indicator {
	position: relative;
	width: 5px;
	height: 5px;
	border: 1px solid #000000;
	float: right;
	text-align: center;
	margin-top: 10px;
	margin-left: 5px;
}
.indicator_active {
	background-color: #FF0000;
}
.scrollable_action {
	display: block;
	text-align: left;
	padding: 5px;
	font-size: 18px;
	color: #000;
	height: 25px;
	text-decoration: none;
}
.scrollable_action:hover {
	text-decoration: none;
	color: #000;
}

.scrollable_action {
	cursor: pointer;
}
/* navigation END */
/* home page START */
.homepage_animate_buttons {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	height: 136px; width: 260px;
	cursor: pointer;
}
.homepage_animate_buttons img {
    border:0;
    position:absolute;
	height: 136px; width: 260px;
}
.homepage #navbar,
.homepage_wiring #navbar {
	right: 0;
	top: 0;	
}
.subpage #navbar {
	right: -35px;
	top: 0;
}
#homepage_buttons {
	position: relative;
	top: 100px;
	margin-top: -70px;
	padding-bottom: 40px;
	height: 115px;	
	border: 0 solid #000;
}
.buttons li {
	display: block;
	list-style-type: none;
	position: absolute;
}

.buttons li#button1 {margin: -60px 0 0 0;}
.buttons li#button1 img {height: 136px; width: 260px;}

.buttons li#button2 {margin: -10px 0 0 290px;}
.buttons li#button2 img {height: 136px; width: 260px;}

.buttons li#button3 {margin: 40px 0 0 580px;}
.buttons li#button3 img {height: 136px; width: 260px;}

.buttons li img {
	display: block;
	margin: 0 26px;
	float: left;
	-webkit-transition: -webkit-transform 0.1s ease-in; /* Tells webkit to make a transition of a transform */	
}

.buttons li a:hover {
	/* -moz-transform:scale(1.3);
	-webkit-transform:scale(1.3); */
}
.inner_wrapper {
	margin-left: 50px;
}
#homepage_content {
	position: relative;
	top: 100px;
	padding-bottom: 30px;
}

.blackbutton {
	position: relative;
	top: 125px;
	background: url('/images/homeblockbg.png') no-repeat;
	color: #fff;	
	height: 240px;
	-moz-border-radius: 12px; /* FF1+ */
	-webkit-border-radius: 12px; /* Saf3-4, iOS 1+, Android 1.5+ */
	border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
}

.blackbutton h3 {
	/* font-family: 'LaconicBold';	 */
	font-size: 26px;
	padding: 10px;
	text-align: center;
	margin: 0;
	padding-bottom: 0;
}

.blackbutton p {
	font-size: 12px;
	padding: 10px;
}

.blackbutton img {
	float: left;
	margin: 0 10px 10px 10px;	
}

.blackbutton a {
	color: #34c7d0;
	text-decoration: underline;	
}

.blackbutton a:hover {
	color: #fff;
	text-decoration: none;	
}
a#remoteAccessButton {
	cursor: pointer;
}
/* home page END */
/* Image dialog popup START */
#dialog {
	position: absolute;
	border: 0px solid #000000;
	display: none;
	background-color: #000000;
	margin: 0 auto;
	top: 50px;
}
#dialog .close_button {
	position: absolute;
	top: 10px;
	float: right;
	cursor: pointer;
	z-index: -1;
	background-color: transparent;
}
#dialog .dialog_img {
	margin-left: auto;
	margin-right: auto;
	display: block;
	cursor: pointer;
	z-index: 10;
	margin-top: 10px;
}
.paddingdiv { 
	padding: 5px 10px; 
	width: 755px;
}
.spec_group {
	width: 100%;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
/* Image dialog popup END */


/*
	type
*/

h2.lame {
	font-size: 26px;	
	margin: 0;
}

p.times {
	font-family: "Times New Roman", Times, serif;	
	font-size: 24px;
	line-height: 28px;
}

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

#LIDlink {
	cursor: pointer;  
	color: #ffffff;
	text-decoration: underline;
}

.closetop {text-align: right; float: right; margin: 0 15px 15px 0; display: block; width: 820px; border: 0 solid #000;}

/* popup using pure jquery */
#backgroundPopup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:0px solid #cecece;  
z-index:1;  
}  
#popupContact{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:180px;  
width:320px;  
background:#FFFFFF;  
border:0px solid #cecece;  
z-index:2;  
padding:12px;  
font-size:13px;  
}  
#popupContact h1{  
text-align:left;  
color:#6FA5FD;  
font-size:22px;  
font-weight:700;  
border-bottom:1px dotted #D3D3D3;  
padding-bottom:2px;  
margin-bottom:20px;  
}  
#popupContactClose{  
font-size:14px;  
line-height:14px;  
right:6px;  
top:4px;  
position:absolute;  
color:#6fa5fd;  
font-weight:700;  
display:block;  
cursor: pointer;
}