body {
	background-color:#212A32;
	background-image:url(../images/design/background.gif);
	margin:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

h1{
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0px 0px 6px 0px;
}

h2{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin:8px 0px 1px 0px;
}

a:link {
	color:#660000;
	}
	
a:visited {
	color:#27333E;
	}

a:hover {
	color:#990000;
	text-decoration:underline;
	}

ul {
	margin-top:0px;
	padding:6px 0px 3px 36px;
	}

div#wrapper {
	width:758px;
	padding:16px 0px 0px 0px;
	margin:auto;
	}
	
/* HEADER ELEMENTS */
div#header {
	background-color:#202725;
	background-image:url(../images/design/background-header.gif);
	top:0px;
	width:758px;
	height:118px;
	padding:0px;
	margin:0px;
	position:relative;
	}

div#cornertopleft {
	background:url(../images/design/corner-top-left.gif);
	background-repeat:no-repeat;
	top:0px;
	left:0px;
	width:16px;
	height:20px;
	padding:0px;
	margin:0px;
	}
	 
div#logo{
	background-image:url(../images/design/logo.gif);
	background-repeat:no-repeat;
	top:0px;
	left:18px;
	width:246px;
	height:118px;
	padding:0px;
	margin:0px;
	position:absolute;
	}
	
div#logo a{
	display:block;
	height:100px;
	}

div#phone{
	background-image:url(../images/design/phone.gif);
	background-repeat:no-repeat;
	top:16px;
	right:18px;
	width:308px;
	height:19px;
	padding:0px;
	margin:0px;
	position:absolute;
	}
	
div#rushcard{
	background-image:url(../images/design/rush-order-card.gif);
	background-repeat:no-repeat;
	top:64px;
	right:17px;
	width:179px;
	height:136px;
	padding:0px;
	margin:0px;
	position:absolute;
	}
 
div#cornertopright {
	background:url(../images/design/corner-top-right.gif);
	background-repeat:no-repeat;
	top:0px;
	right:0px;
	width:16px;
	height:20px;
	padding:0px;
	margin:0px;
	position:absolute;
	}
	
/* HORIZONTAL MENUBAR*/
div#menubar{
	background-color:#6F8AA4;
	background-image:url(../images/design/background-menu.gif);
	width:758px;
	height:34px;
	padding:0px;
	margin:0px;
	line-height: 15px;
	font-size:14px;
	}
	
div#menubar ul {
	padding:0px;
	margin:0px 0px 0px 0px;
	border:0;
	}

div#menubar li {
	margin:0px;
	list-style:none;
	text-indent:0px;
	float:left;
	}
	
div#menubar a.products{
	margin-left: 4px;
	}
	
div#menubar a{
	margin:0px;
	text-decoration:none;
	text-transform:uppercase;
	color:#FFF;
	padding:9px 12px 5px 12px;
	display:block;
	}
	
div#menubar a:hover {
	background-color:#39475A;
	background-image:url(../images/design/background-menu-on.gif);
	background-position:top center;
	background-repeat:no-repeat;
	color:#CFF4FC;
	border-bottom: 3px solid #43C9D3;
	border-left: 1px solid #3F5166;
	border-right: 1px solid #6286A4;
	padding:10px 11px 6px 11px;
	}

/* CONTENT */
div#mainbody {
	background-color:#C6CED3;
	background-image:url(../images/design/background-page.gif);
	width:758px;
	padding:0px;
	margin:0px;
	}
	
div#content {
	width:726px;
	padding:21px 16px;
	margin:0px;
	line-height:19px;
	}
	
div.clearem {
	clear:both;
	border:0px;
	margin:0px;
	}
	
/* HOME PAGE */

div#homecolumn1 {
	float:left;
	width:235px;
	padding:0px 8px 0px 0px;
	}
	
div#homecolumn1 h2, div#homecolumn2 h2, div#homecolumn3 h2,{
	margin:0px 0px 6px 0px;
	}
	
div#homecolumn2 {
	float:left;
	width:220px;
	padding:0px 25px 0px 25px;
	}
	
div#homecolumn3 {
	float:right;
	width:206px;
	padding:34px 0px 8px 0px;
	 
	}
	
div#homecolumn4 {
	float:right;
	width:206px;
	padding:0px 0px 8px 0px;
	vertical-align:top;
	}
	
div#homescroller {
	float:right;
	width:458px;
	height:146px;
	padding:10px 0px 0px 0px;
	margin:0px;
	}
	
div#homecolumn2 ul, div#homecolumn3 ul {
	padding:0px 4px 0px 0px;
	margin: 0px 16px;
	}
	
div#homecolumn2 li, div#homecolumn3 li {
	padding: 0px 0px 2px 0px;
	list-style:square;
	}

/* CARD SAMPLE PAGES */

div.cardsamplecolumna {
	float:left;
	width:475px;
	padding-left:15px;
	padding-right:15px;
	}
	
div.cardsamplecolumna h2,{
	margin:0px 0px 0px 0px;
	}

div.cardsamplecolumna p{
	margin-top: -1px;
	}

div.cardsamplecolumnb{
	width:205px;
	float:left;
	padding-left:10px;
	}

/* ABOUT PAGE */
div.columna{
	width:470px;
	}
	
div.columnb{
	width:220px;
	float:right;
	}

div.columnd{
	width:726px;
	text-align:center;
	}

div.columne{
	width:470px;
	}

div.columne p{
	margin-top: -2px
	}
	
div.columne h2{
	width:470px;
	}
	
div.clients {
	float:left;
	width:235px;
	}
	
/* PRODUCTS PAGE */
div.columncard2{
	width:220px;
	float:left;
	}
	
div.products{
	float:right;
	width:235px;
	}
	
div.columnr{
	float:right;
	width:470px;
	}
	
div.columnr p{
	margin-top: -2px
	}
	
/* CONTACT PAGE */

div#contactcontent {
	width:698px;
	padding:21px 30px;
	margin:0px;
	line-height:19px;
	}

div.columnc{
	width:684px;
	}

div.columnb1 {
	float:left;
	width:307px;
	padding:0px 30px 10px 0px;
	}
	
div.columnb2 {
	float:left;
	width:307px;
	padding:0px 10px 0px 30px;
	border-left: 1px solid #6182A3;
	}
	
/*ASSOCIATED COMPANIES */
	
div.associate1 {
	float:left;
	width:277px;
	height:100px;
	padding:0px 30px 10px 30px;
	font-size:12px;
	}
	
div.associate2 {
	float:left;
	width:277px;
	height:100px;
	padding:0px 0px 10px 60px;
	font-size:12px;
	}

/*CARD LIST */

ul.cardlist {
	margin:0px;
	padding:6px 12px 0px 12px;
	}

	
ul.cardlist li{
	list-style: none;
	padding-left: 20px;
	background:url(../images/design/bullet-dgrey-card-15.gif) no-repeat 0 4px;
	padding-bottom:8px;
	margin:0px;
	}
	
ul.cardlist a:link, ul.cardlist a:visited {
	color:#000;
	text-decoration:none;
	padding-right:10px;
	background-image:url(../images/arrow-mini.gif);
	background-repeat:no-repeat;
	background-position:right;
	}

ul.cardlist a:hover{
	color:#990000;
	text-decoration:underline;
	}
	
ul.cardlist li.bullet1{
	background:url(../images/design/bullet-green-card-15.gif) no-repeat 0 4px;
	}
	
ul.cardlist li.bullet2{
	background:url(../images/design/bullet-gold-card-15.gif) no-repeat 0 4px;
	}
	
ul.cardlist li.bullet3{
	background: url(../images/design/bullet-drose-card-15.gif) no-repeat 0 4px;
	}
	
ul.cardlist li.bullet4{
	background:url(../images/design/bullet-purple-card-15.gif) no-repeat 0 4px;
	}


div.statecolumn {
	width:150px;
	float:left;
	margin:0px;
	padding:0px;
	}
	
div.statecolumn ul {
	margin-left:2px;
}
	
/* FORMS */

.form{
	padding:15px;
	border: solid 1px #FFF;    
	}
	
.verification{
	padding:15px;
	border: solid 1px #990000;  
	}

.form label, .form input{
	display: block;
	float: left;
	margin-bottom: 5px;
	margin-top:5px;
	}


.form legend, .verification legend {
	color:#660000;
	font-weight:bold;
	padding:5px;
	}

.form select {
	display: inline;
	float:left;
	margin-bottom: 5px;
	margin-top: 5px;					
	}

.form label{
	padding-right: 20px;				
	text-align: right;
	width: 195px;
	}

.form label.shortlabel{
	padding-left: 20px;	
	padding-right: 10px;
	text-align: right;
	width:auto;
	}

.form label.longlabel{
	padding-left: 6px;	
	padding-right: 10px;
	text-align: right;
	width:340px;
	}

.form br {
	clear: left;
	}

.form .submit {
	display:inline;				
	float:none;						          
	margin-bottom:0px;
	
	/* ie 5.x hack - fixes margin bug 
	http://www.tantek.com/CSS/Examples/boxmodelhack.html*/
	margin-left:195px;						
	voice-family: "\"}\""; 
	voice-family: inherit;
	
	/* reset the margin back */
	margin-left:215px;
	margin-right:0px;
	margin-top:10px;											
}

.form fieldset.list {
	border:0px;
	float:left;
	margin-bottom:3px;
}

/* in case someone adds a legend */
.form fieldset.list legend {
	display:none;
}

.form fieldset.list label, 
.form fieldset.list input {
	margin-bottom:2px;
	margin-top:2px;
}

.form fieldset.list label {
	margin-left: 5px;					
	text-align:left;
}		

.errormessage {
	color:#990000;
	font-weight:bold;
	}
	
.required {
	color:#990000;
	font-style:italic;
	font-size:13px;
	}

/* BOTTOM OF PAGE */

div#bottommain{
	position:relative;
	height:16px;
	width:758px;
	padding:0px;
	margin:0px;
	}

div#cornerbtmleft {
	background:url(../images/design/corner-btm-left.gif);
	background-repeat:no-repeat;
	top:0px;
	left:0px;
	width:16px;
	height:16px;
	padding:0px;
	margin:0px;
	position:absolute;
	}
	
div#cornerbtmright {
	background:url(../images/design/corner-btm-right.gif);
	background-repeat:no-repeat;
	top:0px;
	right:0px;
	width:16px;
	height:16px;
	padding:0px;
	margin:0px;
	position:absolute;
	}

div#footer {
	width:758px;
	padding:10px;
	margin:0px;
	color:#FFF;
	text-align:center;
	line-height:24px;
	font-size:12px;
	}
	
div#footer a{
	color:#FFF;
}

div#footer a:visited{
	color:#FFF;
}

div#footer a:hover{
	color:#66FFFF;
}

div#footer a.home{
	color:#FFF;
	text-decoration:none;
}

div#footer a.home:hover{
	color:#66FFFF;
}
	
div.subtle {
	width:758px;
	padding:10px;
	margin:0px;
	color:#AEB6BA;
	text-align:center;
	line-height:24px;
	font-size:10px;
	text-align:center;
	}
	
div.subtle a {
	color:#AEB6BA;
	font-size:9px;
	text-decoration:none;
	}
		
/* - - - - - - CSS Document - - - - - - - - -

Title : Global style sheet for client-side web development
Author : Cody Lindley 

- - - - - - - - - - - - - - - - - - - - - */

/* ----- add selectors here for font sizing ----- */
#JT_close_left, #JT_close_right{font-size: 1.1em;}
#JT_copy p, #JT_copy ul{font-size: 1.1em;}

#contentPad{
margin:20px;
}

.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color:#930008;
	font-size: 12px;
	font-weight:bold;
	padding:1px 2px;
	margin-left:5px;
	color:#FFFFFF;
	text-decoration: none;
}

.formInfo a:hover{
	color:#ff6260;
	text-decoration: none;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:21px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:21px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #930008;
	background-color:#FFFFCC;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
	font-size: 12px;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color:#930008;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
	font-size: 12px;
	line-height:14px;
	color:#FFFFFF;
}

#JT_close_right{
	background-color:#930008;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
	font-size: 12px;
	line-height:14px;
	color:#FFFFFF;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	margin: 1px;
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
	cursor:help;
}