@charset "utf-8";
/*InnterSpace Electronics*/
/*http://www.innerspaceeletronics.com*/
/*Coded by Philip John Basile from www.BIM.bz*/

/*Global Settings*/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #FFF;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
}
a img {
	border:0 none;
}
p {
	line-height:1.2;
	margin-bottom:1em;
}
/*Container*/
#container {
	width: 853px;
	margin: 0 auto;
	text-align: left;
}

/*Header*/
#header {
	margin: 0 0 25px 0;
	padding: 0;
	height: 151px;
	position:relative;
}

/*Main Navigation*/
#header ul#mainNav {
	position: absolute;
	left: 0;
	bottom:0;
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}
#header ul#mainNav li {
	float:left;
	text-align: center;
}
#header ul#mainNav li a {
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
	padding:8px 0 0 0;
	margin:0;
	height: 26px;
	float:left;
	display:block;
	color:#333;
}
#nav-homeAutomation a {
	background-image:url(../images/navback-141.jpg);
	width: 141px;
}
#nav-homeAutomation a:hover {
	background-position: -141px 0;
}
#nav-homeAutomation a.down {
	background-position: -141px 0;
}
#nav-audioVideo a {
	background-image:url(../images/navback-120.jpg);
	width: 120px;
}
#nav-audioVideo a:hover {
	background-position: -120px 0;
}
#nav-audioVideo a.down {
	background-position: -120px 0;
}
#nav-homeTheatre a {
	background-image:url(../images/navback-120.jpg);
	width: 120px;
}
#nav-homeTheatre a:hover {
	background-position: -120px 0;
}
#nav-homeTheatre a.down {
	background-position: -120px 0;
}
#nav-lightingControl a {
	background-image:url(../images/navback-131.jpg);
	width: 131px;
}
#nav-lightingControl a:hover {
	background-position: -131px 0;
}
#nav-lightingControl a.down {
	background-position: -131px 0;
}
#nav-automatedWindow a {
	background-image:url(../images/navback-141.jpg);
	width: 141px;
}
#nav-automatedWindow a:hover {
	background-position: -141px 0;
}
#nav-automatedWindow a.down {
	background-position: -141px 0;
}
#nav-telecommunication a {
	background-image:url(../images/navback-90.jpg);
	width: 90px;
}
#nav-telecommunication a:hover {
	background-position: -90px 0;
}
#nav-telecommunication a.down {
	background-position: -90px 0;
}
#nav-boardrooms a {
	background-image:url(../images/navback-110.jpg);
	width: 110px;
}
#nav-boardrooms a:hover {
	background-position: -110px 0;
}
#nav-boardrooms a.down {
	background-position: -110px 0;
}

/*New Navigation*/
#header ul#newnav {
	position: relative;
	left:294px;
	top:75px;
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}
#header ul#newnav li {
	float:left;
	text-align: center;
}
#header ul#newnav li a {
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
	padding:8px 0 0 0;
	margin:0;
	height: 26px;
	float:left;
	display:block;
	color:#333;
}
#newnav-boardroom a {
	background-image:url(../images/AudioVideo.jpg);
	width: 111px;
}
#newnav-boardroom a:hover {
	background-position: -111px 0;
}
#newnav-boardroom a.down {
	background-position: -111px 0;
}
#newtag {
	position: relative;
	left:283px;
	top:85px;
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	font-size:11px;
	font-weight:bold;
	color:#47A0CB;
	text-decoration: none;
}


/*Secondary Navigation*/
#header ul#secondNav {
	position: relative;
	left:395px;
	top:24px;
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}
#header ul#secondNav li {
	float:left;
	text-align: center;
}
#header ul#secondNav li a {
	font-size:12px;
	text-decoration: none;
	padding:0 11px 0 11px;
	border-right: 1px solid #333;
	margin:0;
	height: 16px;
	float:left;
	color:#333;
}
#header ul#secondNav li a:hover {
	color:#47A0CB;
}
#header ul#secondNav li a.down {
	color:#47A0CB;
}
#header ul#secondNav li a.last {
	margin:0;
	padding:0 0 0 11px;
	border:0;
	font-weight:normal;
	color:#900;
}
#header ul#secondNav li a.lastDown {
	margin:0;
	padding:0 0 0 11px;
	border:0;
	color:#47A0CB;
}
#header #lineSecondNav	{
	border-top: 1px solid #E4E4E4;
	width:400px;
	position:absolute;
	top: 50px;
	left: 455px;
}

/*Company Logo*/
#logoImage a {
	position:absolute;
	top:20px;
	left:5px;
	width: 87px;
	height: 57px;
	background: url(../images/Logo.jpg);
}

/*Company Name*/
#textCompany {
	color:#666;
	font-size:18px;
	font-weight:bold;
	position:absolute;
	top:60px;
	left:106px;
}

/*Company Slogan*/
#textSlogan {
	color:#47A0CB;
	font-size:11px;
	font-weight:bold;
	position:absolute;
	top:85px;
	left:5px;
}

/*Three Column Layout Only Beings*/
/*Sidebar 1*/
.colThree #sidebar1 {
	width: 180px;
	height: 395px;
	background-image: url(../images/Sidebar1.jpg);
	background-repeat:no-repeat;
	float: left;
	margin: 0 0 51px 26px;
}
.colThree #sidebar1 h1 {
	padding:0;
	margin:5px 10px 23px 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	float:left;
}
.colThree #sidebar1 h1.short {
	padding:0;
	margin:10px 15px 30px 14px;
}
.colThree #sidebar1 img {
	float:left;
	margin:10px 0 0 15px;
}
.colThree #sidebar1 #sb1Content {
	margin:0 15px 6px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
}

/*Main Content*/
.colThree #mainContent {
	background-image: url(../images/MainContent.jpg);
	width: 496px;
	margin: 0px 141px 10px 216px;
}
.colThree #mainContent #topBorder {
	background-image:url(../images/MainContentTop.jpg);
	width:496px;
	height:20px;
	top:0;
	left:0;
	position:relative;
}
.colThree #mainContent #bottomBorder {
	background-image:url(../images/MainContentBottom.jpg);
	width:496px;
	height:19px;
	bottom:0;
	left:0;
	position:relative;
}
.colThree #mainContent h2 {
	padding:0;
	margin:0 15px;
}

/*Image Size*/
.colThree #mainContent #imageSize {
	position:relative;
	top: 27px;
	left: 15px;
	display:inline;
}
.colThree #mainContent #imageSize a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
	color:#333;
}
.colThree #mainContent #imageSize a:hover {
	color:#47A0CB;
}

/*Direction*/
.colThree #mainContent ul#imageDirection {
	margin: 13px 0 0 363px;
	padding: 0;
	list-style: none;
	display:table;
}
.colThree #mainContent ul#imageDirection li {
	float:left;
}
.colThree #mainContent ul#imageDirection li a {
	text-decoration:none;
	font-size:10px;
	color:#666;
	font-weight:bold;
	padding:0 7px 0 0;
	margin:0;
}
.colThree #mainContent ul#imageDirection li a.first {
	border-right: 1px solid #BDAD73;
}
.colThree #mainContent ul#imageDirection li a.last {
	padding:0 7px;
}
.colThree #mainContent ul#imageDirection li img {
	padding-top: 2px;
}

/*Sidebar 2*/
.colThree #sidebar2 {
	width: 104px;
	background: #EBEBEB;
	background-image: url(../images/Sidebar2.jpg);
	height: 395px;
	float: right;
	margin: 0 27px 51px 0;
}
.colThree #sidebar2 h3 {
	padding:0 7px 7px 0;
	margin:0 4px 7px 12px;
	background:url(../images/thumbs-81/thumbs-back.jpg) no-repeat;
}
.colThree #sidebar2 h3.first {
	margin:20px 4px 7px 12px;
}
.colThree #sidebar2 h3 a img {
	border:0 none;
}
/*Three Column Layout Only Ends*/

/*Three Column Alternative Layout Only Beings*/
/*Sidebar 1*/
.colThreeAlt #sidebar1 {
	width: 90px;
	background: #FFF;
	border: 1px solid #000;
	padding: 14px;
	float: left;
	margin: 0 0 0 26px;
	display:inline; 
}
.colThreeAlt #sidebar1 #leftNav {
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	list-style:none;
	font-weight:bold;
}
.colThreeAlt #sidebar1 #leftNav a {
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
.colThreeAlt #sidebar1 #leftNav a:hover {
	color:#47A0CB;
}
.colThreeAlt #sidebar1 #leftNav a.down {
	color:#47A0CB;
}
.colThreeAlt #sidebar1 #leftNav li{
	padding:0;
	margin:0 0 8px 0;
}
.colThreeAlt #sidebar1 #leftNav li.last{
	padding:0;
	margin:0;
}
/*Main Content*/
.colThreeAlt #mainContent {
	width: 311px;
	background: #FFF;
	border: 1px solid #000;
	padding: 14px;
	float: left;
	margin: 0 0 51px 22px;
	display:inline; 
}
.colThreeAlt #mainContent.fixedHeight {
	height: 187px;
	margin: 0 0 0 22px;
}
.colThreeAlt #mainContent h1{
	padding:0;
	margin:0 0 15px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333;
}
.colThreeAlt #mainContent h2{
	padding:0;
	margin:20px 0 5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333;
}
.colThreeAlt #mainContent p{
	padding:0;
	margin:10px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}
/*Sub Content*/
.colThreeAlt #subContent {
	width: 629px;
	background: #FFF;
	border: 1px solid #000;
	padding: 14px;
	clear:both;
	float: left;
	margin: 22px 0 12px 168px;
	display:inline; 
}
.colThreeAlt #subContent h1{
	padding:0;
	margin:0 0 15px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333;
}
.colThreeAlt #subContent h2{
	padding:0;
	margin:0 0 15px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333;
}
.colThreeAlt #subContent p{
	padding:0;
	margin:0 0 25px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}
.colThreeAlt #subContent p.last{
	padding:0;
	margin:0;
}
/*Sidebar 2*/
.colThreeAlt #sidebar2 {
	width: 294px;
	background: #FFF;
	border: 1px solid #000;
	float: right;
	margin: 0 26px 0 0;
	display:inline; 
}
/*Three Column Alternative Layout Only Ends*/

/*Two Column Layout Begins*/
/*Sidebar 1*/
.colTwo #sidebar1 {
	width: 208px;
	height: 395px;
	background: #EBEBEB;
	background-image: url(../images/TwoColSidebar1.jpg);
	float: left;
	margin: 0 0 51px 64px;
}
.colTwo #sidebar1 h1 {
	padding:0;
	margin:5px 10px 20px 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	float:left;
}
.colTwo #sidebar1 p {
	clear:both;
}
.colTwo #sidebar1 h1.short {
	padding:0;
	margin:10px 12px 20px 14px;
}
.colTwo #sidebar1 img {
	float:left;
	margin:10px 0 20px 15px;
}
.colTwo #sidebar1 #sb1Content {
	margin:0 15px 6px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
}

/*Main Content*/
.colTwo #mainContent {
	background-image: url(../images/TwoColMainContent.jpg);
	width: 496px;
	height: 395px;
	margin: 0 0 10px 293px;
	position: relative;
}
.colTwo #mainContent h2 {
	padding:8px 0 0 8px;
	margin:0;
}

/*Two Column Layout Ends*/

/*Three Column Alternative Layout Only Beings*/
/*Sidebar 1*/
.colTwoAlt #sidebar1 {
	width: 90px;
	background: #FFF;
	border: 1px solid #000;
	padding: 14px;
	float: left;
	margin: 0 0 0 26px;
	display:inline; 
}
.colTwoAlt #sidebar1 #leftNav {
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	list-style:none;
	font-weight:bold;
}
.colTwoAlt #sidebar1 #leftNav a {
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
.colTwoAlt #sidebar1 #leftNav a:hover {
	color:#47A0CB;
}
.colTwoAlt #sidebar1 #leftNav a.down {
	color:#47A0CB;
}
.colTwoAlt #sidebar1 #leftNav li{
	padding:0;
	margin:0 0 8px 0;
}
.colTwoAlt #sidebar1 #leftNav li.last{
	padding:0;
	margin:0;
}
/*Main Content*/
.colTwoAlt #mainContent {
	width: 629px;
	background: #FFF;
	border: 1px solid #000;
	padding: 14px;
	float: left;
	margin: 0 0 51px 22px;
	display:inline; 
}
.colTwoAlt #mainContent h1{
	padding:0;
	margin:0 0 15px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333;
}
.colTwoAlt #mainContent h2{
	padding:0;
	margin:0 0 15px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333;
}
.colTwoAlt #mainContent p{
	padding:0;
	margin:0 0 25px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}
.colTwoAlt #mainContent p.last{
	padding:0;
	margin:0;
}
/*Two Column Alternative Layout Only Ends*/

/*One Column Layout Only Beings*/
/*Main Content*/
.colOne #mainContent h1 {
	margin: 0px 106px 0px 106px;
}

/*Image Size*/
.colOne #mainContent #imageSize {
	position:relative;
	display:inline;
	top: 27px;
	left: 105px;
}
.colOne #mainContent #imageSize a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
	color:#333;
}
.colOne #mainContent #imageSize a:hover {
	color:#47A0CB;
}

/*Direction*/
.colOne #mainContent ul#imageDirection {
	list-style: none;
	margin:0 0 0 650px;
	padding:0;
}
.colOne #mainContent ul#imageDirection li {
	float:left;
	margin:13px 0 14px 0;
}
.colOne #mainContent ul#imageDirection li a {
	text-decoration:none;
	font-size:10px;
	color:#666;
	font-weight:bold;
	padding:0 7px 0 0;
	margin:0;
}
.colOne #mainContent ul#imageDirection li a.first {
	border-right: 1px solid #BDAD73;
}
.colOne #mainContent ul#imageDirection li a.last {
	padding:0 7px;
}
.colOne #mainContent ul#imageDirection li img {
	padding-top: 2px;
}
/*One Column Layout Only Ends*/

/*Footer*/
#footer {
	padding: 0;
	margin: 0px 5px 20px 5px;
	height: 18px;
	width: 843px;
	clear: both;
	background-image: url(../images/Footer.jpg);
	background-repeat:no-repeat;
	font-size:10px;
	font-weight:bold;
}
#footer #copyright {
	float:left;
	margin: 3px 0 0 18px;
	padding:0;
}

#footer #siteMap {
	float:right;
	margin: 3px 18px 0 0;
	padding:0;
}

#footer #siteMap a {
	color:#333;
	text-decoration:none;
}

#footer #siteMap a:hover {
	color:#47A0CB;
}
#footer #siteBy {
	margin:0;
	padding:0;
	top:25px;
	left:-180px;
	position:relative;
	float: none;
	text-align: left;
}
#footer #siteBy a {
	color:#333;
	text-decoration:none;
}

#footer #siteBy a:hover {
	color:#47A0CB;
}
#info {
	margin:0px 23px 0px 23px;
	padding:5px;
	top:15px;
	position:relative;
	font-size:10px;
	color:#666666;
	text-align: center;
}
#info a:link {
	text-decoration: underline;
	color:#666666;
}
#info a:visited {
	text-decoration: underline;
	color:#666666;
}
/*caption*/
#caption {
	width: 470px;
	height: auto;
	margin: 0px 141px 40px 216px;
	float: none;
	background-image: url(../images/caption-75.jpg);
	background-repeat:no-repeat;
	font-size:10px;
	padding: 10px 15px 10px 15px
}
#caption75 {
	width: 470px;
	height: auto;
	margin: 0px 141px 40px 216px;
	float: none;
	background-image: url(../images/caption-75.jpg);
	background-repeat:no-repeat;
	font-size:10px;
	padding: 10px 15px 10px 15px
}#caption61 {
	width: 470px;
	height: auto;
	margin: 0px 141px 40px 216px;
	float: none;
	background-image: url(../images/caption-61.jpg);
	background-repeat:no-repeat;
	font-size:10px;
	padding: 10px 15px 10px 15px
}
#caption48 {
	width: 470px;
	height: auto;
	margin: 0px 141px 40px 216px;
	float: none;
	background-image: url(../images/caption-48.jpg);
	background-repeat:no-repeat;
	font-size:10px;
	padding: 10px 15px 10px 15px
}
#caption32 {
	width: 470px;
	height: auto;
	margin: 0px 141px 40px 216px;
	background-image: url(../images/caption-32.jpg);
	background-repeat:no-repeat;
	font-size:10px;
	padding: 9px 15px 10px 15px
}
#caption-index {
	width: 470px;
	height: auto;
	margin: 0px 0px 15px 293px;
	background-image: url(../images/caption-61.jpg);
	background-repeat:no-repeat;
	font-size:10px;
	padding: 10px 15px 10px 15px
}
#caption #copyright {
	float:left;
	margin: 3px 0 0 18px;
	padding:0;
}

#caption #siteMap {
	float:right;
	margin: 3px 18px 0 0;
	padding:0;
}

#caption #siteMap a {
	color:#333;
	text-decoration:none;
}

#caption #siteMap a:hover {
	color:#47A0CB;
}
#caption #siteBy {
	margin:0;
	padding:0;
	top:25px;
	left:-180px;
	position:relative;
}
#caption #siteBy a {
	color:#333;
	text-decoration:none;
}

#caption #siteBy a:hover {
	color:#47A0CB;
}

/*sublinks*/
#sublinks {
	padding:0 0 3px 0;
	margin:0px 60px 0px 0px;
	float: right;
}