@charset "utf-8";
/* CSS Document */

/* color pallet
dk red: 641b1b
md red: 990000
dk gray: 2a2a2a
md gray: 676767
lt gray: c5c5c5
xlt gray: e3e3e3
*/

/* ---------- PAGEHANDLER ---------- */
body, html {
	background: #e3e3e3;
	font: 12px Verdana, helvetica, Arial, sans-serif;
	color: #676767;
	margin: 0;
	padding:0;
	height: 100%; 
}
img {
	display:inline;
	border:0;
}
li, dd, blockquote {
	margin-left: 1em;
}
li {
	list-style: square;
	padding-top: 3px;
}
ul {
	margin: 5px 0;
}
a, a:link, a:visited {
	text-decoration: none;
	color: #990000;
}
a:focus, a:hover, a:active {
	text-decoration: underline;
}
h1, h2, h3, h4 {
	font-family: Verdana, Arial, helvetica, sans-serif;
	color: #990000;
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 28px;
}
h2 {
	font-size: 18px;
	line-height: 29px;
}
h3 {
	font-size: 12px;
	line-height: 16px;
}
h3.linklite {
	font-weight: 100;
}
h5 {
	font-size: 10px;
	line-height: 12px;
}
.subtitlered {
	color: #990000;
}
.subtitlegrey {
	color: #676767;
	margin-bottom: 3px;
}
.subnote {
	color: #676767;
	font-size: 10px;
}
p {
	margin: 0; 
	padding: 0 0 7px 0; 
	line-height: 14px;
}
.fleft {float: left;}
.fright {float: right;}
.alignleft {
	float: left;
	margin: 0 10px 5px 0;
}
.alignright {
	float: right;
	margin: 0 0 5px 10px;
}
.clear {
	clear: both;
	line-height: 1px;
	height: 1px;
}
/* ---------- CONTAINER ---------- */
#pagehandler {
	margin: 0;
	padding: 0;
	/*min-height: 100%;*/
	background: #ffffff;
}
.container { 
	margin: 0 auto; 
	padding: 0;
	width: 950px;
}
/* ---------- HEADER ---------- */
#header {
	background: url(/images/bg-header.gif) repeat-x top left;
	height: 99px;
	/*border-bottom: 1px solid #c5c5c5;*/
}
#head-top {
	height: 71px;
}
#logocontainer {
	width: 224px;
	float: left;
	margin-top: 3px;
}
#tagline {
	float: right;
	text-transform: uppercase;
	color: #990000;
	font-size: 18px;
	margin: 28px 42px 0 0;
}
#head-top.container {}
#head-nav {}
/* ---------- CONTENT ---------- */
#content {
	background: #ffffff;
	padding-bottom: 20px;
}
#contentbody {
	margin-top: 20px;
	min-height: 400px;
}
/* ---------------------------- SITE PAGES ------------------------------------- */
/* --- INSIDE GENERAL --- */
#intro {
	margin-top: 20px;
}
.section {
	margin-top: 20px;
}
.section h2 {
	margin-bottom: 10px;
}
.sectiontext p{
	line-height: 16px;
}
#contentleft {
	float: left;
	width: 600px;
}
#contentright {
	float: right;
	width: 315px;
}
#sidebox {
	border: 5px solid #e3e3e3;
	padding: 10px 0;
	background: url(/images/bg-it-repair_06.jpg) no-repeat top right;
}
#sidebox ul, #sidebox h3, #sidebox h4 {
	padding-left: 20px;
}
#sidebox ul {
	margin: 5px 0 7px;
}
#sidebox ul li {
	list-style: none;
}
#sidebox h3 {
	text-transform: uppercase;
	padding-bottom: 7px;
}
#sidebox h4 {
	font-weight: 100;
}
#sidebox li a, #sidebox li a:link, #sidebox li a:visited {
	color: #676767;
	display: block;
	width: 250px;
	padding: 1px 3px;
}
#sidebox  li a:focus, #sidebox  li a:hover, #sidebox  li a:active {
	text-decoration: none;
	color: #ffffff;
	background: #990000 url(/images/SpryMenuBarRightHover.gif) no-repeat center right;
}
#sidebox li.listhead a, #sidebox li.listhead a:link, #sidebox li.listhead a:visited {
	font-weight: bold;
}
/* --- TESTIMONIALS --- */
#testimonials {
	margin-top: 20px;
	min-height: 180px;
}
#testimonials h3 {
	margin-bottom: 10px;
}
/* --- INSIDE BIO --- */
.bioimage {
	float: left;
	padding: 10px;
	border: 1px solid #e3e3e3;
	margin: 0 25px 25px 0;
}
h2 span {
	font-size: 28px;
	height: 20px;
	display: block;
}
/* --- CONTACT -- */
#contact #contentleft {
	float: left;
	width: 420px;
}
#contact #contentright {
	float: right;
	width: 500px;
}
.warning {
	color: #FF0000;
}
.success {
	color: #676767;
	background: #FFFF99;
	padding: 10px;
}
/* --- HOME --- */
#home #contentbody,
#home2 #contentbody  {
	margin-top: 0;
}
#flashcontainer {
	height: 287px;
	background: #cccccc;
}
#homeboxes {
	height: 295px;
	background: url(/images/bg-homeboxes.gif) repeat-x top left;
	border-bottom: 9px solid #676767;
	border-right: 1px solid #676767;
	border-left: 1px solid #676767;
}
#homeboxes h2 {
	color: #ffffff;
	font-weight: 100;
	margin-left: 18px;
}
.homebox {
	width: 315px;
	float: left;
	height: 295px;
}
.lastbox {}
.boxcontent {
	padding: 0 18px;
}
/*.boxcontent img { 
	float: left;
	margin: 0 10px 5px 0;
}*/
.boxcontent h3 {
	margin-bottom: 10px;
}
#homebox1 {}
#homebox1 ul {
	padding-left: 10px;

}
#homebox1 li {
	list-style: none;
	font-weight: bold;
	line-height: 27px;
	border-bottom: 1px solid #e3e3e3;
	margin-left: 0;
}
#homebox1 li a, #homebox1 li a:link, #homebox1 li a:visited {
	display: block;
	width: 265px;
	background: #ffffff url(/images/icon-arrow-gray.gif) no-repeat center right;
}
#homebox1 li a:focus, #homebox1 li a:hover, #homebox1 li a:active {
	background: url(/images/icon-arrow-red.gif) no-repeat center right;
}
#homebox2 {
	border-left: 1px solid #676767;
}
#home #testimonials,
#home2 #testimonials {
	margin-top: 0px;
}
#homebox3 {
	border-left: 1px solid #676767;
}
/* --- SUPPORT FORM --- */
#supportform {
	background: #676767;
	margin: 5px;
	height: 125px;
	font-size: 10px;
	z-index: 0;
}
#supportform h3 {
	background: #ffffff;
}
form#login {
  position:relative;
  padding: 0;
  margin: 0;
  z-index: 2;
}
fieldset#set1, fieldstet#set2 {
	padding: 0;
	margin: 0;
	z-index:3;
}
fieldset#set1 {
	width: 210px;
	/*float: left;*/
}
fieldset#set2 {
	width: 65px;
}
div#username,
div#companyname,
div#code {
  position:relative;
  margin: 10px 0 0 10px;
  width: 210px;
}
/*#submitC {
	float: right;
	width: 65px;
}*/
#submit {
	margin-top: 75px;
}
input#name-field,
input#companyname-field,
input#code-field {
  width: 200px;
}
label.overlabel {
  position:absolute;
  top:3px;
  left:5px;
  z-index:4;
  color:#666;
}
label.overlabel {
	color:#666;
}
label.overlabel-apply {
	position:absolute;
	top:3px;
	left:5px;
	z-index:4;
	color:#666;
}
/* -------------------- FOOTER -------------------- */
#footer {
	min-height: 140px;
	border-top: 1px solid #c5c5c5;
}
#footer .container p {
	text-align: center;
	font-size: 10px;
}
#footer a, #footer a:link, #footer a:visited {
	color: #676767;
}
#footer a:focus, #footer a:hover, #footer a:active {
	text-decoration: underline;
}
#footercopy {margin-top: 0;}