/* Connector Technology Style Sheet */

/* Layout */
body			{margin: 0; height:100%;
				font-family: arial; font-size: 12px; color:#666; line-height: 20px; 
				background: #eee; z-index: 50}
#topspacer		{height:0px}
#topblend		{width: 1000px; height:0px; 
				margin-right: auto; margin-left: auto; 
				background: url(../images/top-blend.png)}
#container		{width: 1000px; height: 100%; background: #fff;
				margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; 
				border: #aaa 1px solid ; padding: 0px; 
				z-index: 100}
#header			{width: 1000px; height: 70px; padding: 0px; 
				margin-left: auto; margin-right: auto;  
				background: #fff;
				z-index: 900}
#toppic			{width:1000px; height: 250px; margin-left: auto; margin-right:auto;
				x-index: 150}

#toppichome		{width:1000px; height: 295px; margin-left: auto; margin-right:auto;
				x-index: 150}
				
.textblock		{width: 600px; min-height: 200px; margin-left: 360px;  
				z-index: 200}

.fulltextblock		{width: 900px; min-height: 400px; margin-left: 50px; 
				z-index: 250}
								
.leftcol		{width: 300px; height: 300px; float: left; margin-left: 40px;   
				z-index: 300}	

#footer			{width: 920px; height: 45px; margin-left: 40px; background: #ccc; 
				margin-top: 40px; margin-bottom: 10px; 
				z-index: 400}

#footertext		{width: 920px; height: 45px; background: #ccc; padding-top: 5px;
				z-index: 500}

#bottomblend		{width: 1000px; height:0px; margin-top:0px; 
				margin-right: auto; margin-left: auto; 
				background: url(../images/bottom-blend.png)}


/* Element Formatting (Textblock creates the space, and leftcol is just positioned: absolute */

.toppic1		{background: url(../images/cables-5.jpg);}
.toppic2		{background: url(../images/quality.jpg);}
.toppic3		{background: url(../images/aboutus.jpg);}
.toppic4		{background: url(../images/cables-1.jpg);}
.toppic5		{background: url(../images/contactus.jpg);}


.toppictext		{float:left; margin-left: 26px; font-family: arial; font-size: 20px; color:#fff; font-style: italic}
.toppictexth		{float:left; margin-left: 26px; font-family: arial; font-size: 20px; color:#fff; font-style: italic}
.toppictextrt	{float:right; margin-right: 26px; font-family: arial; font-size: 20px; color:#fff; font-style: italic}


.box			{border: #ccc solid thin;}

.transpbox		{background: url(../images/box-bg.png)}

.textbox		{border-left: #ccc solid thin; border-bottom: #ccc solid thin; border-top: 0; border-right: 0 }

.photobox		{height: 180px; margin: 20px; border: 0; padding: 5px; text-align: center}
.photoboxsm		{height: 140px; margin: 10px; border: 0; padding: 5px; text-align: center}


.headerspace	{width:1000px; height: 70px}
.googlemapspace	{width: 800px; height: 500px}
.footerspace	{width:920px; height: 45px}
.footerspacer	{height:10px}
.bottomspacer	{height: 20px}

/* General Formatting */
input			{font-size: medium; color:#666}
select			{font-size: medium; color:#666; font-weight: bold}
textarea		{font-size: medium; color:#666}

h1				{color: #1111ff; font-size: 20px; font-weight: normal}
h2				{color: #1111ff; font-size: 16px; font-weight: normal; background: url(../images/heading-bg.png)}
h3				{color: #1111ff; font-size: 14px; font-weight: bold}

ul.blue-bullet	{list-style: disk; color: #1C8AFB  }			
ul span			{color: #666666; }

.photo			{border: 0}

.logo			{border: 0;}		
.bottomnav		{font-size: 11px; color: #000; text-align: center}
.copyright		{color: #666; font-size: 10px; text-align: center; vertical-align: bottom}
.background		{background:#eeeeee}
.trail			{font-size: 11px; color: #1111ff; text-align: right}
.highlight		{color: #1111ff}
.smalltext		{font-size: 10px}
.center			{text-align: center}
.right			{text-align: right}
.spacer			{height: 20px}
.spacer2		{height: 2px}
.spacer5		{height: 5px}
.spacer10		{height: 10px}
.spacer20		{height: 20px}

/* Links */

A				{color: #1111ff;  text-decoration: none; font-size: 12px; border-bottom: #1111ff dotted thin}
A:visited		{color: #1111ff;  text-decoration: none; font-size: 12px; border-bottom: #1111ff dotted thin}
A:hover			{color: #1111ff;  text-decoration: none; font-size: 12px; border-bottom: #1111ff solid thin}

A.clickimage			{text-decoration: none; border-bottom: #666 dotted 0px}
A:visited.clickimage	{text-decoration: none; border-bottom: #666 dotted 0px}
A:hover.clickimage		{text-decoration: none; border-bottom: #666 dotted 0px}

A.logolink			{font-size: 11px; color: #666; text-decoration: none; border-bottom: #666 dotted 1px}
A:visited.logolink	{font-size: 11px; text-decoration: none; border-bottom: #666 dotted 1px}
A:hover.logolink	{font-size: 11px; text-decoration: none; border-bottom: #666 solid 1px}

A.traillink			{color: #1111ff; text-decoration: none; font-size: 11px; font-weight: normal; border-bottom: #1111ff dotted thin}
A:visited.traillink	{color: #1111ff; text-decoration: none; font-size: 11px; font-weight: normal; border-bottom: #1111ff dotted thin}
A:hover.traillink	{color: #1111ff; text-decoration: none; font-size: 11px; font-weight: normal; border-bottom: #1111ff solid 1px}

A.bottomnav			{color: #1111ff; text-decoration: none; font-size: 11px; border-bottom: #1111ff dotted thin}
A:visited.bottomnav	{color: #1111ff; text-decoration: none; font-size: 11px; border-bottom: #1111ff dotted thin}
A:hover.bottomnav	{color: #1111ff; text-decoration: none; font-size: 11px; border-bottom: #1111ff solid thin}