html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, em,font, img, strong, sub, sup, ol, ul, li, fieldset,form, label, legend
{	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit; font-style: inherit;
font-size: 100%; font-family: inherit; vertical-align: baseline; font-family:Arial, Helvetica, sans-serif;}

html { min-height: 100%; margin-bottom: 1px; font-family:Arial, Helvetica, sans-serif;}
body { font-size: 100%; line-height: 1.4; color: #000; background-color: #fff;	font-family: Arial, Helvetica, sans-serif; }
ol, ul {list-style: none; position: relative; }
a, a:link, a:visited, a:active, a:hover { color: #000;}
h1, h2, h3, h4, h5, h6, h7{	font-size: 10px; font-weight: bold; font-family:Arial, Helvetica, sans-serif;}

#wrapper{margin: auto;	padding: 0 0 0px 0;	width: 790px;}
#content{padding: 0 15px 0 12px;}
#content .left-column{float: left; width:295px;}
#content .right-column{float: right; width: 411px; margin: 0px 0 0 0;}
#headernavi { background-image:url(/images/background-main.jpg); background-repeat:no-repeat; height:303px; }

#logo a{ height:63px; width:175px; display:block;}
.footer { background-color:#019390; height:49px; padding-top:10px; margin-top:15px; line-height:22px; text-align:center; font-size:11px; color:#FFFFFF; background-image:url(/images/footer-back.gif); background-position:right; background-repeat:no-repeat;}
.footer a { color:#FFFFFF; text-decoration:none;}

.clear { clear:both;}
.left{float: left;}
.right{float: right;}
.center{ text-align: center; margin: 0px auto 0px auto; }
.hidden { display:none;}
.indent{margin-left: 15px;}
.spacer{clear: both; height: 0;	line-height: 0;	font-size: 0;}
.horizontal-rule{clear: both; height: 1px; background-color: #656565; line-height: 0; font-size: 0;}


.hpcolone { width:295px; margin-right:18px;}
.hpcoltwo { width:475px;}
.grayheader{ height:10px; letter-spacing:1px; padding:4px 0px 8px 8px; background-color:#e7e7e7; color: #000000; font-size:11px; font-weight:normal; text-transform: uppercase ; font-family:Arial, Helvetica, sans-serif;}
.maincontentwell{ padding:8px; color: #666666; font-size:11px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; line-height:14px}
.maincontentwell a { color:#cc9900;}
.maincontentwell p { color: #666666;}
.maincontentwell h1 { color: #000000; letter-spacing:1px; font-size:11px; padding: 10px 0px 10px 0px; font-weight:normal;}
.yellowarrowinternal {color:#cccc33; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; padding:8px;}
.yellowarrowinternal span { color:#333333;}
.bkinsideyellowheaders { color:#000000; font-weight:normal; font-size:11px; font-weight:bold; text-decoration:none; }
.testimonial { color:#996600;}
.flashele { border:1px solid #CCCCCC;}
.casestudyimages { padding-left:8px;}
.casestudyimages img{ padding-right:10px;}

.companyleft {width:318px; margin-right:18px;}
.textright { text-align:right; padding-right:6px; margin-right:15px;}
.textriacord {text-align:right; margin-right:6px;}


#contentContainer h2{	/* No margins above <h2> tags */ padding-bottom:8px; color:#d0a239}

#contentContainer h1{ font-size:11px; padding-bottom:8px; font-weight:normal}
#contentContainer a { color:#cc9900;}
#contentContainer p { font-size:11px; padding-bottom:20px; }

#contentContainer p img{ border:1px solid #d0a239; }
#mainContainer{	width:355px; margin:0 auto;	text-align:left; padding:5px; margin-top:20px; }
#contentContainer{overflow:auto;
/* CSS HACK */	width: 450px;	/* IE 5.x */	width/* */:/**/450px;	/* Other browsers */	width: /**/450px;}

#articleListContainer{	/* <ul> container for article list */	float:left;	height:410px;	overflow:auto;	width:240px; 	}
.articleList{	margin:0px; font-size:11px; text-align:right;}
.articleList li{	/* General layout article in list */	list-style-type:none;  height:22px; color:#333; cursor:pointer; padding: 5px 20px 0px 0px;}
/* .articleList li.articleMouseOver{	/* Mouse over article in list - dosent work right layout*/ 	/*background-color:#EEE;	color:#000;padding: 3px 20px 0px 0px;}*/
.articleList li.articleClick{	/* Active article in list - layout */ background-image:url(/images/rightbutton.jpg); background-position:center right; background-repeat:no-repeat; padding: 5px 20px 0px 0px; }

.keyText{	/* Just a column I use for key text inside articles - the one with the light blue bg and dotted border */	background-color:#FFF;	border:1px dotted #000;	float:right;	margin-top:5px;	margin-left:5px;	margin-bottom:5px;	width:150px; padding:3px}
.toolroomimages img { float:left; padding:0px 10px 10px 0px; display:block;}

/* start of design resource specific	*/
.desresourcecolone { width:228px; margin-right:18px;}
.desresourcecoltwo { width:357px; margin-right:18px;}
.desresourcecolthree {width:168px;}
.topleftimages img{float:left;  padding:10px 0px 0px 0px; display:block;}
.middleimagepadding { padding:0px 18px 0px 18px; }
.archivedates p { float:left; width:70px;}
.twelvept { font-size:12px; color: #000000; line-height:24px}
.twelvept a{ font-size:12px; color: #000000; line-height:24px; text-decoration:none;}
.eighteenkern { line-height:18px;}
.assurancelogo { width:92px; padding-right:15px;}
.assurancetestimo { width:350px;}

.gallery a img { float:left; display:block; padding-top:10px;} 
.g_paddingleft { padding-left:8px; }
.g_paddingright { padding-right:7px;}
.halfcolumn { width:386px;}

		
		/*
			Vertical Accordions
		*/
		
		.accordion_toggle {
	display: block;
	height: 20px;
	width: 365px;
	background-color:#CCCCCC;
	line-height: 18px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 11px;
	color: #333333;
	cursor: pointer;
	margin: 10px 0px 10px 0px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	text-align:right;
	text-transform: uppercase;
		}
		
		.accordion_toggle_active {
			background: url(/images/acord-abck.gif) no-repeat center left;
			background-color:#019390;
			border-bottom: 1px solid #019390; 
			color: #333333;
		}
		
		.accordion_content {
			background-color: #ffffff;
			overflow: hidden;
			 font-size:11px;
			 width:380px;
		}
			
			.accordion_content p {
				padding: 5px 10px 5px 5px;  font-size:11px; 
			}
				.accordion_content ul {
				padding: 5px 10px 5px 5px;  font-size:11px; 
			}
.accordion_content li { list-style: disc; margin-left:20px;
			}			
		.vertical_accordion_toggle {
			display: block;
			height: 20px;
			width: 365px;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {

			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			overflow: hidden;
		}

  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 20px;
		
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			 border-right: 1px solid #f68263;}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			overflow: hidden;background-color: #ffffff;color: #444444;}
			
			.horizontal_accordion_content p {width: 365px; font-size:11px; padding: 5px 10px 15px 10px;}
	
    /* Container styling*/
    #horizontal_container { margin: 20px auto 20px auto; width: 480px; height: 100px; }
    #vertical_nested_container {margin: 20px auto 20px auto; width: 420px; }
#vertical_container { margin:10px 0px 10px 0px;}
.acrod_pad_col { margin-left:18px;}

    /* contact styling*/
.contact_leftcol { width:605px; margin-right:10px;}
.contact_halfcol { width:290px; float:left;}
.contact_margright { margin-right:20px;}
.contact_halfcol img { display:block; float:left; margin-right:10px;}
.contact_halfcol h1 { text-transform:uppercase; padding-bottom:15px; font-weight:normal;}
.contact_halfcol h3 { text-transform:uppercase; color:#999999; font-weight:normal;}
.contact_halfcol span { display:block;float:left;}
.contact_halfcol div { clear:both; padding-bottom:20px;}





.contact_rightcol { width:175px; }
.contact_rightcol p { color:#666666; font-size:11px}
#DivExample h1 span { color: #666666;}
#DivExample h1 { text-transform:uppercase; font-size:11px; font-weight:normal; letter-spacing:.8px;}
#DivExample h2 {font-size:11px; font-weight:normal;  letter-spacing:.8px;}
#DivExample h2 a { text-decoration:none; color:#666666;}
.contact_people a { display:block; float:left; padding:0px 11px 11px 10px;}