/* 

	project:   Teksonix.Info

	author:   Mark Way

*/



*{ border-width: 0px;

	margin: 0;

	padding: 0;

}

* 

body {

	font: .8em Tahoma, "Trebuchet MS", Tahoma, sans-serif;

	line-height: 1.4em;

	margin: 0;

	padding: 0;

	width: 100%;

	background: #fff none repeat-x;

	color: #333333;

}

.bodyforframe {

	font: .7em Tahoma, "Trebuchet MS", Tahoma, sans-serif;

	line-height: 1.4em;

	background: #fff;

	color: #333333;

}

.colorETDBeige {

	color: #FFFFFF;

	background-color: #E2E2E0;

}

.colorETDBronze {

	color: #FFFFFF;

	background-color: #65573F;

}

.colorETDCopper {

	color: #FFFFFF;

	background-color: #AD9A76;

}

.colorETDTan {

	color: #FFFFFF;

	background-color: #828179;

}

.colorTkxGold {

	color: #000000;

	background-color: #D7C38F;

}

.colorTkxGoldKey {

	color: #000000;

	background-color: #CCA760;

}



/*

body { margin:0; padding:0; width:100%; background:#f3f3f3; }

*/



a {

	color: #91201F;

	background: inherit;

	text-decoration: none;

}

a:hover { color: #808080; background: inherit; text-decoration: underline; }

a { outline-style: none; } 



p { margin: 0 0 15px 0; }

h1Old {

	font: normal 20px Arial, Helvetica, sans-serif;

	color: #444;

	font-weight: normal;

}

h1 {

	color: #975A00;

	font-weight: normal;

	text-align: center;

	font: normal 20px Arial, Helvetica, sans-serif;

	margin-bottom: 15px;

}

h2 {

	color: #975A00;

	font-weight: normal;

	text-align: left;

	font: normal 18px Arial, Helvetica, sans-serif;

	margin-bottom: 15px;

}

h3 {

	color: #000000;

	font-weight: normal;

	text-align: left;

	font: normal 14px Arial, Helvetica, sans-serif;

	margin-bottom: 15px;

}

h4 {

	font: 1.4em Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	background-color: #584C35;

	border: 1px solid #D98242;

	padding: 10px;

	margin-bottom: 9px;

	letter-spacing: 1px;

	font-weight: normal;

}

h5 {

	font: 1.3em Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	background-color: #ECBB74;

	border: 1px solid #800000;

	padding: 4px 0 4px 9px;

	margin-bottom: 9px;

	letter-spacing: 1px;

}

h6 {

	color: #000000;

	font-weight: bold;

	text-align: left;

	font: 14px Arial, Helvetica, sans-serif;

	margin-bottom: 15px;

}

.aboutus {

	list-style-type: disc;

	margin-left: 20px;

	margin-bottom: 15px;

}

.aboutus ul{

}

.aboutus li {

	margin-bottom: 5px;

	margin-left: 15px;

}

.aboutus li a {

	padding: 0px;

}

.bg { clear:both; border-bottom:1px dashed #d6d6d6; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}



.clear { clear: both; }

/*DropShadow Code from Web Tools Site*/

.dropshadow { 

 -moz-box-shadow: 3px 3px 4px #999; /* Firefox */ 

 -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */ 

 box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */ 

 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */ 

 : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */  

} 

#bannerholder {

	width: 100%;

	height: 100%;

}

#bannercontent {

	width: 980px;

	height: 245px;

	margin-right: auto;

	margin-left: auto;

}

#bannercontentdark {

	width: 980px;

	height: 245px;

	margin-right: auto;

	margin-left: auto;

}

#bannercontentdark h1{

	font: normal 1.3em Arial, Helvetica, sans-serif;

	margin: 0 0 10px;

	padding: 0 0 3px;

	color: #021525;

	border-style: none;

	text-align: center;

}

#bannercontentleft {

	width: 540px;

	height: auto;

	float: left;

}

#bannercontentrightholder {

	width: 420px;

	height: auto;

	float: left;

}

#bannercontentright {

	padding: 10px;

}



#bannerheader {

	border-width: thin;

	border-color: #96BFF0 #CCA760 #96BFF0 #F8DA88;

	font-size: medium;

	font-weight: normal;

	margin: 0;

	width: 100%;

	clear: both;

	border-top-style: solid;

	border-bottom-style: solid;

	color: #FFFFFF;

	height: 25px;

	text-align: center;

	padding-top: 13px;

	background-image: url('../Backgrounds/BkBronzeH39.gif');

	background-repeat: repeat-x;

	font-family: Tahoma;

}



/*

Color Classes;

*/

.col1-services {

	width: 190px;

	float: left;

	margin: 0;

}

.col2-services {

	width: 190px;

	float: left;

	margin: 0;

}

.col1-services-alt {

	width: 170px;

	float: left;

	margin: 0;

}

.col2-services-alt {

	width: 170px;

	float: left;

	margin: 0;

}

.cols1content {

	width: 980px;

	margin: 15px auto 25px auto;

}

.column2 {

	width: 750px;

	float: left;

	margin: 0 0 20px 15px;

}

.cols2content {

	width: 980px;

	margin: 15px auto 25px auto;

	font: 1.0em Tahoma, "Trebuchet MS", Tahoma, sans-serif;

	line-height: 1.4em;

}

.cols2left {

	padding: 0px;

	margin: 0;

	font: 1.0em Tahoma, "Trebuchet MS", Tahoma, sans-serif;

	line-height: 1.4em;

	width: 582px;

	float: left;

}

.cols2left h2{

	font: 1.5em "em Tahoma", "Trebuchet MS", Tahoma, sans-serif;

	color: #000000;

	font-weight: bold;

}

.cols2left ul {

	margin-left: 30px;

	margin-top: 0px;

	margin-bottom: 15px;

}

.cols2left ul li {

	font-size: 1.0em;

	list-style-image: url('../Icons/GreyDiamond.gif');

	margin-top: 10px;

	padding-left: 1px;

}

.cols2leftcol1 {

	padding: 0px;

	margin: 0;

	width: 280px;

	float: left;

}

.cols2leftcol2 {

	padding: 0px;

	margin: 0;

	font: 1.4em Tahoma, "Trebuchet MS", Tahoma, sans-serif;

	line-height: 1.4em;

	width: 280px;

	float: left;

}

.cols2right {

	width: 358px;

	float: left;

	margin: 0 0 20px 0px;

	padding-left: 15px;

	background-color: #F8F8F8;

	padding-right: 15px;

	border-left-style: solid;

	border-left-width: thin;

	border-left-color: #C0C0C0;

	border-right-style: solid;

	border-right-width: thin;

	border-right-color: #C0C0C0;

	border-top-style: solid;

	border-top-width: thin;

	border-top-color: #C0C0C0;

	color: #000000;

}

.cols2right h2{

	font: 1.5em "em Tahoma", "Trebuchet MS", Tahoma, sans-serif;

	color: #000000;

	font-weight: bold;

}

.cols2right h3 {

	font: normal 1.2em Arial, Helvetica, sans-serif;

	margin: 0 0 10px;

	padding: 0 0 3px;

	color: #456B9A;

	border-style: none;

	font-weight: bold;

}

.cols2right ul {

	margin-left: 30px;

	margin-top: 0px;

	margin-bottom: 15px;

}

.cols2right ul li {

	font-size: 1.0em;

	list-style-image: url('../Icons/GreyDiamond.gif');

	margin-top: 10px;

	padding-left: 10px;

}



.cols3holder {

	width: 960px;

	margin: 0px auto 0px auto;

	padding-left: 15px;

	padding-right: 30px;

}

.cols3holder h2 {

	font: normal 1.3em Arial, Helvetica, sans-serif;

	margin: 0 0 10px;

	padding: 0 0 3px;

	color: #333333;

	border-style: none;

	font-weight: bold;

}

.cols3holder h5 {

	color: #000080;

}

.cols3holder ul {

	margin-left: 30px;

}

.cols3holder ul li {

	font-size: 1.0em;

	list-style-image: url('../Icons/RedBullet.gif');

	margin-top: 10px;

}

.cols3column {

	padding: 15px 15px 0px 15px;

	width: 210px;

	float: left;

	height: 264px;

}



.cols3ColumnLeftNarrow {

	padding: 15px 15px 0px 15px;

	width: 210px;

	float: left;

	height: 264px;

}



.cols3ColumnMiddleWide {

	padding: 15px 15px 0px 15px;

	width: 400px;

	float: left;

	height: 264px;

	font-size: 1.2em;

}

.cols3ColumnRigthNarrow {

	padding: 15px 15px 0px 15px;

	width: 210px;

	float: left;

	height: 264px;

}





.cols4holder {

	width: 960px;

	margin: 0px auto 0px auto;

	padding-left: 15px;

	padding-right: 30px;

}

.cols4holder h2 {

	font: normal 1.3em Arial, Helvetica, sans-serif;

	margin: 0 0 10px;

	padding: 0 0 3px;

	color: #333333;

	border-style: none;

	font-weight: bold;

}

.cols4holder h5 {

	color: #000080;

}

.cols4holder ul {

	margin-left: 30px;

}

.cols4holder ul li {

	font-size: 1.0em;

	list-style-image: url('../Icons/RedBullet.gif');

	margin-top: 10px;

}

.cols4column {

	padding: 15px 15px 0px 15px;

	width: 210px;

	float: left;

	height: 264px;

}

.cols5holder {

	width: 980px;

	margin: 0px auto 0px auto;

	padding-left: 10px;

	padding-right: 10px;

}

.cols5holder h2 {

	font: normal 1.3em Arial, Helvetica, sans-serif;

	margin: 0 0 10px;

	padding: 0 0 3px;

	color: #203657;

	border-style: none;

	font-weight: bold;

}

.cols5holder ul {

	margin-left: 30px;

}

.cols5holder ul li {

	font-size: 1.0em;

	list-style-image: url('../Icons/RedBullet.gif');

	margin-top: 10px;

}

.cols5column {

	padding: 15px 15px 10px 15px;

	width: 165px;

	float: left;

	height: 255px;

}



#columnSingle {

	width: 950px;

	float: left;

	margin: 0 0 20px 15px;

}

#content {

	width: 980px;

	margin: 15px auto 25px auto;

}



.floatedright { float:right; padding:0; margin:10px;}



#footercontent {

	margin: 0;

	padding: 0;

	width: 100%;

	clear: both;

	background-image: url('../Backgrounds/BkBronzeH39.gif');

	background-repeat: repeat-x;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-width: thin;

	border-bottom-width: thin;

	border-top-color: #CCA760;

	border-bottom-color: #CCA760;

	height: 40px;

}

#footer {

	font-size: 1.0em;

	clear: both;

	margin: 0px auto 0px auto;

	width: 980px;

	height: 25px;

	color: #FFFFFF;

	padding-top: 10px;

	padding-right: 5px;

	padding-left: 5px;

}

#footer a {

	color: #FFFFFF;

}



.goldenratioleft {

	padding: 0px;

	margin: 0px;

	width: 62%;

}

.goldenratioright {

	padding: 0px;

	margin: 0px;

	width: 38%;

}



.headingDarkBlue {

	font: normal 1.1em Arial, Helvetica, sans-serif;

	border-style: none;

}

.headingDarkBlue h1 {

	font: normal 1.1em Arial, Helvetica, sans-serif;

	color: #000080;

}



.innerBoxPadding {

	padding: 15px;

}

.imgLeft {

	border: thin solid #C0C0C0;

	padding: 5px;

	float: left;

	margin-right: 10px;

	margin-bottom: 5px;

}

.imgLeftNoBorder {

	padding: 4px;

	border: 1px none #E9E4D8;

	float: left;

	margin-bottom: 10px;

	margin-right: 10px;

}

.imgLogo {

	border: thin solid #C0C0C0;

	padding: 5px;

	margin-right: 10px;

	margin-bottom: 5px;

}

.imgBeforeAfter {

	border: thin solid #000000;

	padding: 4px;

}

.imgRight {

	border: thin solid #C0C0C0;

	padding: 5px;

	float: right;

	margin-left: 10px;

	margin-bottom: 10px;

}

.imgRightNoBorder {

	padding: 4px;

	border: 1px none #E9E4D8;

	float: right;

	margin-left: 10px;

	margin-bottom: 10px;

}

.imgWebThumb {

	border: medium solid #C0C0C0;

	padding: 5px;

	float: left;

	margin-right: 10px;

	margin-bottom: 5px;

}



.indexholder {

	width: 100%;

	height: 100%;

	background-color: #65573F;

}

.indexContent {

	width: 980px;

	height: 240px;

	margin-right: auto;

	margin-left: auto;

}

.indexColumn {

	width: 176px;

	padding: 10px 8px 10px 8px;

	float: left;

}

.indexColumn h1{

	font-size: medium;

	font-weight: bold;

	color: #FFFFFF;

	margin-bottom: 15px;

}

.indexColumn li{

	font-size: 1.0em;

	color: #FFFFFF;

	margin-left: 15px;

	list-style-image: url('../Icons/arrow10Maroon.png');

}

.indexColumn li a{

	color: #FFFFFF;

	list-style-image: url('../Icons/arrow12Black.png');

}

.indexColumn li a:hover{

	color: #FFFFFF;

	text-decoration: underline;

	list-style-image: url('../Icons/arrow10Maroon.png');

}





#left { 

	margin: 0 0 20px; clear: left; width: 190px; float: left; 

}

#left img {

	padding: 6px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff;

}



#logo {

	margin: 30px 0px 0px 0px;

	width: 380px;

	float: left;

	height: 60px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

}

#logo p {

	margin: 0;

	padding-left: 60px;

}



/*

	MainContent Classes

*/

.MainContentHolder {

	width: 100%;

	height: 100%;

}

.MainContent {

	width: 980px;

	margin: 0px auto 0px auto;

}

.MainContentLeftHolder {

	width: 58%;

	height: auto;

	float: left;

}

.MainContentLeft {

	padding: 10px 20px 10px 10px;

}

.MainContentRightHolder {

	width: 42%;

	height: auto;

	float: left;

}

.MainContentRight {

	padding: 10px 20px 10px 10px;

}



.midcontentholder {

	padding: 0px;

	margin: 0px;

	width: 100%;

	height: 100%;

}



.midcontent {

	width: 980px;

	margin: 15px auto 25px auto;

}



.midcontentholderleft {

	width: 65%;

	height: auto;

	float: left;

}

.midcontentleft {

	padding: 10px 20px 10px 10px;

}

.midcontentholderright {

	width: 35%;

	height: auto;

	float: left;

}

.midcontentright {

	padding: 10px 10px 10px 20px;

}



/*

	middle menu blue colors

*/

#midmenuholderh30 {

	margin: 0px 0px 0px 0px;

	padding: 0;

	width: 100%;

	clear: both;

	border-top-style: solid;

	border-bottom-style: solid;

	height: 30px;

	background-repeat: repeat-x;

	background-color: #103767;

	border-top-width: thin;

	border-bottom-width: medium;

	border-top-color: #000000;

	border-bottom-color: #808080;

}

#midmenuh30 {

	width: 980px;

	margin: 0px auto 0px auto;

	padding-left: 12px;

}

#midmenuh30 li {

	font-size: 1.1em;

	display: inline;

}

#midmenuh30 li a {

	float: left;

	width: 160px;

	padding: 8px 0 0px 0;

	text-align: center;

	margin: 0;

	color: #FFFFFF;

	background-image: url('../Buttons/MenuH30Blue.gif');

	background-repeat: no-repeat;

	height: 30px;

}

#midmenuh30 li a:hover {

	text-decoration: none;

	color: #103767;

	padding: 8px 0 0px 0;

	margin: 0;

	background: url('../Buttons/MenuH30Grey.gif') no-repeat;

	height: 30px;

}



#midmenuholderh30Tan {

	margin: 0px 0px 0px 0px;

	padding: 0;

	width: 100%;

	clear: both;

	border-top-style: solid;

	border-bottom-style: solid;

	height: 30px;

	background-repeat: repeat-x;

	background-color: #65573F;

	border-top-width: thin;

	border-bottom-width: medium;

	border-top-color: #000000;

	border-bottom-color: #808080;

}

#midmenuh30Tan {

	width: 980px;

	margin: 0px auto 0px auto;

	padding-left: 12px;

}

#midmenuh30Tan li {

	font-size: 1.1em;

	display: inline;

}

#midmenuh30Tan li a {

	float: left;

	width: 160px;

	padding: 8px 0 0px 0;

	text-align: center;

	margin: 0;

	color: #FFFFFF;

	background-image: url('../Buttons/MenuH30Blue.gif');

	background-repeat: no-repeat;

	height: 30px;

}

#midmenuh30Tan li a:hover {

	text-decoration: none;

	color: #103767;

	padding: 8px 0 0px 0;

	margin: 0;

	background: url('../Buttons/MenuH30Grey.gif') no-repeat;

	height: 30px;

}



/* left */

.mvpleft {

	width: 555px;

	float: left;

	margin: 0;

	padding: 10px 15px;

}s

.mvpleft a{

	color: #176764;

	text-decoration: underline;

}

.mvpleft a:hover{

	color: #808080;

	text-decoration: underline;

}

.mvpleft ul {

	margin: 10px 0 10px 15px;

	padding: 0;

	float: left;

}

.mvpleft li {

	padding: 2px 0 2px 25px;

	margin: 0;

	font: normal 12px Arial, Helvetica, sans-serif;

	color: #808080;

	line-height: 1.8em;

}

.mvpright { width:371px; float:right; margin:0; padding:10px 10px; }

.mvpright_bg { background:#f7faf9; border:1px solid #e8e6e6; padding:10px; margin:10px auto; }



.mybronzebullets {

	padding-left: 45px;

	width: 320px;

	font-size: small;

}

.mybronzebullets span{

	color: #3f3f3f;

	font-weight: bold;

}

.mybronzebullets li {

	padding-left: 5px;

	list-style-image: url('../Icons/bronze-black-bullet.gif');

	padding-bottom: 10px;

}



.mybronzebulletstight {

	padding-left: 45px;

	width: 320px;

	font-size: small;

}

.mybronzebulletstight span{

	color: #3f3f3f;

	font-weight: bold;

}

.mybronzebulletstight li {

	padding-left: 5px;

	list-style-image: url('../Icons/bronze-black-bullet.gif');

	padding-bottom: 5px;

}





.mygreybullets {

	padding-left: 45px;

	width: 320px;

}

.mygreybullets span{

	color: #3f3f3f;

	font-weight: bold;

}

.mygreybullets li {

	padding-left: 5px;

	list-style-image: url('../Icons/GreyBullet.gif');

	padding-bottom: 10px;

}



.paragraphListItem {

	background-image: url('../Images/1BlackArrow.png');

	background-repeat: no-repeat;

	padding-left: 50px;

	font-size: 1.1em;

	margin-left: 30px;

	margin-top: 20px;

}

.paragraphListItem1Line {

	background-image: url('../Images/1BlackArrow.png');

	background-repeat: no-repeat;

	padding-left: 50px;

	font-size: 1.1em;

	margin-left: 30px;

	margin-top: 20px;

	height: 22px;

	padding-top: 8px;

}

#right {

	float: right;

	width: 190px;

	margin-bottom: 20px;

}



.showcase {

margin: 10px 0 0 9px;

}



.showcase img, .showcase img a, .showcase img a:visited {

border: 2px solid #3F0707;

margin: 0 5px 5px 0;

}



.showcase p {

float: left;

color: #99FF00;

line-height: 2.4;

margin-bottom: 33px;

background: #670206 url('../img/show-gallery-bg.gif') repeat-x 0 0;

border: 1px solid #3B0A0A;

}



.showcase p a, .showcase p a:visited {

color: #FFE5BC;

font-weight: normal;

padding: 0 11px;

text-decoration: none;

display: block;

}



.showcase p a:hover {

background: #3B0A08 url('../img/show-gallery-bg-hover.gif') repeat-x 0 0;

}





#topwidecontent {

	margin: 0;

	padding: 0;

	background-color: #828179;

	clear: both;

	background-image: none;

	height: 100px;

}

#topcontent {

	padding: 0px;

	width: 980px;

	margin: 1px auto 0px auto;

	height: 120px;

}

#topright {

	width: 600px;

	padding: 0;

	margin: 0px 0 0 0;

	float: right;

}

#toprighttext {

	margin: 0px 0 0 0;

	height: 68px;

}

.topright-column1 {

	margin: 0px 0px 0px 100px;

	padding: 0px 0px 0px 0px;

	float: left;

	color: #FCD8A4;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

}

.topright-column1 span{

	color: #F0F0F0;

}

.topright-column2 {

	margin: 0px 70px 0px 0px;

	padding: 0px 0px 0px 0px;

	float: right;

	color: #FCD8A4;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

}

.topright-column2 span{

	color: #FFFFFF;

	font-size: 12px;

	font-family: Verdana;

}

.topright-column2 a{

	color: #F0F0F0;

}



/**************************/



#topnavigationpanel {float:right; width:600px;}

#topnav {

	margin: 50px 0px 0px 0px;

	padding: 0px;

}

#topnav ul {

	margin: 0px;

	padding: 0px 0px 0px 8px;

}



#topnav ul li { display:block; float:left;	background:url(../Buttons/menudevider.gif) left top no-repeat;	list-style:none;}



#topnav li a {

	font: bold 12px Arial, Helvetica, sans-serif;

	color: #A16000;

	text-decoration: none;

	text-transform: capitalize;

	display: block;

	float: left;

	background: url(../Buttons/topnavlefthover.gif) left bottom no-repeat;

	padding: 0px 2px 0px 2px;

}



#topnav li a span {

	display: block;

	float: left;

	padding: 10px 12px 6px 12px;

	cursor: pointer;

	background: url(../Buttons/topnavrighthover.gif) right bottom no-repeat;

}



#topnav li a:hover {

	color:#fff; background:url(../Buttons/TopNavOverLeft.gif) left bottom no-repeat;



}



#topnav li a:hover span { background:url(../Buttons/TopNavRightOver.gif) right  bottom no-repeat;

	

}



#topnav li a.over {

	color:#fff;

	background:url(../Buttons/TopNavOverLeft.gif) left bottom no-repeat; 

}



#topnav li a.over span {

	background:url(../Buttons/TopNavRightOver.gif) right  bottom no-repeat;

}

.vendorlogoholder {

	padding: 0px;

	margin: 0px;

	width: 100%;

	height: 80px;

	background-color: #828179;

}

.vendorlogocontent {

	width: 980px;

	margin: 5px auto 5px auto;

}