/*  
Theme Name: ThreshTech
Theme URI: http://www.threshtech.com/
Description: The Threshold Technologies, Inc theme by Edward Robirds.
Version: 1.0
Author: Edward Robirds
Author URI: http://www.edwardrobirds.com/
*/

@import "wp.css";
@import "lightbox.css";

/* - - - - - - - - - - - - - - - - - - - - - - - Base Structures - - - - - - - - - - - - - - - - - - - - - - - */

html { min-height: 100%; margin-bottom: 1px; }

body {
	background: #f0f0f0;
	font: 12px/18px arial, verdana, helvetica, sans-serif;
	color: #282828;
	margin: 0;
	}
table, tr, td {
	font: 12px/18px arial, verdana, helvetica, sans-serif;
	color: #282828;
	border-collapse: collapse;
	border: none;
	margin: 0;
	padding: 0;
	}

#container {
	background: #fff url(/images/backgroundContainer.gif) top repeat-x;
	border-bottom: 1px solid #d2d2d2;
	width: 100%;
	margin: 0;
	padding: 0;
	}
#header {
	width: 780px;
	margin: 0 auto;
	padding: 0;
	}
#header span { float: right; }
#menu {
	width: 820px;
	margin: 0 auto;
	padding: 0;
	}
#menu th {
	background: url(/images/backgroundMenuRight.gif);
	font: bold 12px arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}
	
#menu td {
	background: url(/images/backgroundMenuLeft.gif);
	font: bold 12px arial, helvetica, sans-serif;
	vertical-align: top;
	text-align: center;
	margin: 0;
	padding: 0;
	}
#menu .end {
	background: transparent;
	width: 5px;
	}
	
#bannerHome {
	width: 820px;
	height: 188px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	}
#banner {
	width: 820px;
	height: 100px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	}
#site {
	width: 780px;
	margin: 0 auto;
	padding: 25px 0;
	}
	
#colLeft {
	border-right: 1px solid #e1e1e1;
	padding-right: 30px;
	width: 500px;
	}
#colRight {
	padding-left: 20px;
	width: 225px;
	float: right;
	}
	
.splitRight {
	width: 200px;
	float: right;
	}
.splitRight th {
	font: normal 14px tahoma, helvetica, sans-serif;
	color: #6079a7;
	text-align: left;
	padding: 0 0 8px 0;
	}
.splitRight td {
	white-space: nowrap;
	padding: 0 0 8px 0;
	}
	
.portfolio {
	width: 100%;
	margin: 0 0 15px 0;
	}
.portfolio th {
	text-align: left;
	font-weight: bold;
	padding: 5px 15px;
	white-space: nowrap;
	vertical-align: top;
	}
.portfolio td {
	padding: 5px 15px;
	vertical-align: top;
	}
.client {
	font-size: 16px;
	}
.portfolioImage { text-align: center; }

/*
.portfolioList {
	margin-bottom: 15px;
	width: 100%;
	}
.portfolioList th {
	text-align: left;
	border-bottom: 1px solid #e1e1e1;
	padding: 5px;
	}
.portfolioList td {
	font-size: 11px;
	vertical-align: top;
	padding: 5px;
	border-bottom: 1px solid #e1e1e1;
	}
.client {
	border-right: 1px solid #e1e1e1;
	font-weight: bold;
	color: #2f4773;
	white-space: nowrap;
	}
.summary {
	text-align: justify;
	}
.actions {
	border-left: 1px solid #e1e1e1;
	}
*/
	
#footer {
	font-size: 11px;
	color: #9c9b9b;
	width: 780px;
	margin: 0 auto;
	padding: 15px 0 25px 0;
	}

.floatRight { float: right; }
.floatLeft { float: left; }
.clear { clear: both; }
.right { text-align: right; }
.center { text-align: center; }
.print { display: none; }
.nodisplay { display: none; }

/* - - - - - - - - - - - - - - - - - - - - - - - Text - - - - - - - - - - - - - - - - - - - - - - - */

p, h1, h3, h4, h5, h6 { margin-top: 0; }

/*#site p { text-align: justify; }*/

h1 {
	font: normal 17px tahoma, helvetica, sans-serif;
	color: #2f4773;
	border-bottom: 3px solid #e1e1e1;
	}
	
h2 {
	font: normal 16px tahoma, helvetica, sans-serif;
	color: #4c6491;
	margin: 15px 0 10px 0;
	}
#colRight h2 {
	border-bottom: 3px solid #e1e1e1;
	margin: 5px 0 10px 0;
	}
	
h3 {
	font-weight: bold;
	font-size: 13px;
	font-style: italic;
	}
h4 {
	font-size: 12px;
	font-weight: bold;
	color: #ef7000;
	margin-bottom: 0;
	}
h4 span {
	color: #898989;
	font-size: 11px;
	}
	
h5 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	}

h6 {
	font: bold 12px 'trebuchet ms', arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: red;
	display: inline;
	padding: 0 5px;
	}
h6 span {
	color: #2c2c2c;
	font-weight: normal;
	font-size: 11px;
	}
	
.light {
	color: #aeaeae;
	font-size: 11px;
	}

/* - - - - - - - - - - - - - - - - - - - - - - - Links - - - - - - - - - - - - - - - - - - - - - - - */

a {
	color: #ef7000;
	text-decoration: none;
	}
a:hover { color: #546c98; }

#menu a {
	background: url(/images/backgroundMenuDivider.gif) left repeat-y;
	color: #2e4773;
	padding: 7px 14px;
	}
#menu a:hover { color: #7395bf;	}
#menu a.edge { background: none; }
#menu li.on a { color: #6d6d6d; }

#edit {
	font-weight: bold;
	margin: 25px;
	}
#edit a {
	background: #2f446b;
	border: 2px solid #ededed;
	color: #fff;
	padding: 4px;
	}
#edit a:hover {
	background: #546c98;
	}

#colRight h2 a { color: #4c6491; }
#colRight h2 a:hover { color: #ef7000; }

#colRight ul li a {
	padding: 3px 3px 3px 12px;
	border-bottom: 1px dashed #e1e1e1;
	display: block;
	}
#colRight ul li a:hover {  }

#footer a { color: #9c9b9b; }
#footer a:hover { color: #546c98; }

/* - - - - - - - - - - - - - - - - - - - - - - - Menu "ON" States - - - - - - - - - - - - - - - - - - - - - - - */

#technicalPlanningAndArchitecture #capOne, #systemsManagement #capTwo, #informationManagement #capThree, 
#networkingSolutions #capFour, #websiteDesignAndDevelopment #capFive, #emailAndWebsiteHostingServices #capSix, 
#customizedSupport #capSeven { background: url(/images/submenuOn.gif) left no-repeat; }

#technicalPlanningAndArchitecture #capOne a, #systemsManagement #capTwo a, #informationManagement #capThree a, 
#networkingSolutions #capFour a, #websiteDesignAndDevelopment #capFive a, #emailAndWebsiteHostingServices #capSix a, 
#customizedSupport #capSeven a { color: #546c98; }

#overview #portOne, #webSiteDesign #portTwo, #logo #portThree, #print #portFour { background: url(/images/submenuOn.gif) left no-repeat; }

#overview #portOne a, #webSiteDesign #portTwo a, #logo #portThree a, #print #portFour a { color: #546c98; }

/* - - - - - - - - - - - - - - - - - - - - - - - Lists - - - - - - - - - - - - - - - - - - - - - - - */

ul li, ol li { margin-bottom: 5px; }

#menu ul {
	margin: 9px 0 0 0;
	padding: 0;
	white-space: nowrap;
	}
#menu ul li {
	display: inline;
	margin: 0;
	}
	
#colRight ul {
	margin: 0;
	padding: 0;
	}
#colRight ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(/images/submenuNormal.gif) left center no-repeat;
	}
#colRight ul li:hover {
background: url(/images/submenuOver.gif) left center no-repeat;
}

#footer ul {
	float: right;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	}
#footer ul li {
	background: url(/images/backgroundFooterDivider.gif) left no-repeat;
	display: inline;
	margin: 0;
	padding: 0 4px 0 8px;
	}
#footer ul li.edge {
	background: none;
	padding: 0 4px 0 0;
	}

/* - - - - - - - - - - - - - - - - - - - - - - - Images - - - - - - - - - - - - - - - - - - - - - - - */

img { border: none; }

.portfolioImageLinked { text-align: center; }
.portfolioImageLinked img {
	background: #fff url(/images/backgroundPortfolioImage.gif) bottom center no-repeat;
	border: 1px solid #e1e1e1;
	margin: 5px auto;
	padding: 6px 6px 26px 6px;
	}
.portfolioImageLinked a img:hover { border: 1px solid #7395bf; }

.logoImage { text-align: center; }
.logoImage img {
	border: 1px solid #e1e1e1;
	margin: 0 auto 15px auto;
	padding: 6px;
	}
	
.portfolioImage { text-align: center; }
.portfolioImage img {
	background: #fff url(/images/backgroundPortfolioImage.gif) bottom center no-repeat;
	border: 1px solid #e1e1e1;
	margin: 10px auto;
	padding: 6px;
	}
	
.client img {
	background: #fff;
	border: 1px solid #e1e1e1;
	margin: 5px;
	padding: 4px;
	}
.client a img:hover { border: 1px solid #7395bf; }

/* - - - - - - - - - - - - - - - - - - - - - - - Forms - - - - - - - - - - - - - - - - - - - - - - - */

form {
	margin: 0;
	padding: 0;
	}
.form { margin: 0 0 20px 0; }
.form th {
	text-align: left;
	padding: 3px 5px;
	vertical-align: top;
	line-height: 21px;
	}
.form td { padding: 3px 5px; }

.menuSearch {
	border: 1px solid #b5b5b5;
	font: bold 11px arial, helvetica, sans-serif;
	color: #273f6b;
	margin: 0 5px 0 10px;
	}
#menu th input { margin-right: 5px; }

#search { }
#search td {
	padding: 0 5px;
	}

.inputText {
	background: #fff;
	font: bold 12px arial, helvetica, sans-serif;
	color: #454b4f;
	border-top: 1px solid #b4b4b4;
	border-left: 1px solid #b4b4b4;
	border-right: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	padding: 1px 3px 2px 3px;
	}
.inputText:hover { border: 1px solid #b4b4b4; }
.inputText:focus {
	background: #ffffe0;
	border: 1px solid #b4b4b4;
	color: #353c40;
	}

.formButton {
	background: #fff url(/images/backgroundButton.gif) top left repeat-x;
	font: bold 12px arial, helvetica, sans-serif;
	color: #c60008;
	border-top: 1px solid #e2e3e5;
	border-left: 1px solid #e2e3e5;
	border-right: 1px solid #a5a7ac;
	border-bottom: 1px solid #a5a7ac;
	padding: 1px 3px 2px 3px;
	}
.formButton:hover {
	border-top: 1px solid #8fc3f3;
	border-left: 1px solid #8fc3f3;
	border-right: 1px solid #006cd1;
	border-bottom: 1px solid #006cd1;
	}

/* - - - - - - - - - - - - - - - - - - - - - - - Miscellaneous - - - - - - - - - - - - - - - - - - - - - - - */

.hr, hr {
	background: #e1e1e1;
	width: 100%;
	height: 1px;
	display: block;
	margin: 15px 0;
	}
.hr hr, hr { display: none; }

blockquote { margin-left: 15px; }
