/* CSS Document */

/* Impress Design, LLC is the home of graphic designer Jack McDaniel. 720.495.1368 - www.Impress-Design.com */
/* Feel free to use this template as you like. It was developed for use with 
MODx Content Management Framework, but it will work with any site. Just make certain you change it and don't steal my images */

/* Site Colors: Blue 8798ad, Grey 333*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

ol, ul, li { list-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* Body Settings and Background */
html,body{
	margin:0; 
	padding:0; 
	border:0; 
	font-size:14px; 
	font-weight: 100; 
	font-family: "ITC Avant Garde Gothic","Avenir LT Std",Helvetica,Arial,sans-serif;
	color:#000;
	}
html{
	background:#8798ad url(../img/BG.jpg)  top center repeat-y fixed;
	}

a {
	color: #AA1111; 
	text-decoration: none;
	}
a:hover {
	color: #000; 
	text-decoration: none;
	}

body{
	width:100%; 
	margin:0 auto;
	background:#8798ad url(../img/BG.jpg)  top center repeat-y fixed; 
	color: #000;
	border-top: 4px solid #000;
	}
*{margin:0; padding:0}

#bodywrap {
	width: 100%;
	margin: 0 auto;
	background: transparent url(../img/wrapBG.png) top left repeat-x;
	}
#maincontainer{
	width: 950px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	}
#header{
	height: 260px; /*Height of top section*/
	margin: 0 auto; /*Center container on page*/
	overflow: hidden;
	background: transparent url(../img/headBG.jpg) top left no-repeat;
	}
#logo {
	width: 300px;
	float: left;
	}
#subscribe {
	margin-top: 15px;
	float: right;
	line-height: 35px;
	text-align: right;
	}

/********Header Links Section********/
#toplinks {padding-top: 120px;float: right;}
	.block {
		font-size: .95em; 
		border-left: 1px dotted #666; 
		float: right; 
		width: 175px;
		}
	.block ul {
		margin: 0; 
		list-style-type: none;
		}
	.block ul li {
		padding: 3px 0 3px 14px; 
		display: block; 
		border-bottom: 1px dotted #666; 
		color: #EBEBEB; 
		line-height: 1.5em; 
		text-decoration: none; 
		}
	.block ul li:hover {
		padding: 3px 0 3px 14px; 
		display: block; 
		border-bottom: 1px dotted #666; 
		color: #AA1111; 
		line-height: 1.5em; 
		text-decoration: none; 
		}
	.block ul li a:hover {color: #AA1111;}
	.block ul a{text-decoration: none; color:#FFF}
	.block ul li.active a{color:#EBEBEB;}
	.block ul li.rss a {
		background: url(../img/rssmini.gif) 0 -1px no-repeat;
		padding-left: 20px;
	}

/********Content Info for Products, Services Pages w/ Left Column********/
#wrap {
	margin: 0 auto; /*Center container on page*/	
	}
#contentwrapper{
	float: left;
	width: 950px;
	padding-bottom: 1.4em;
	}

#contentcolumn{
	margin-left: 300px; /*Set right margin to LeftColumnWidth*/
	padding: 10px 25px 25px 25px;
	color: #000;
	font-size: 1.1em;
	line-height:1.5em;
	background: url(../img/transBG.gif) top left repeat;
	}
#contentcolumn p {
	padding-bottom: .75em;
	text-align: justify;
	}
#contentcolumn img {
	float: right; 
	border: 1px solid #000; 
	margin-left: 10px;
	}
.blockquote{
	margin: 5px 20px 5px 25px;
	padding: 5px 10px 5px 10px;
	line-height: 1.5em;
	border-left: 5px solid #CCC;
	}
.contentlist ul li{
	padding-left: 12px; 
	background: url(../img/arrow.gif) 0px 5px no-repeat;
	line-height: 1.3em; 
	font-size: .95em; 
	color:#000;
	}		
.contentlist ul {margin: -5px 0 10px 0}

#portfolio {
	margin: 0 auto;
	padding-bottom: 20px;
	background: url(../img/transBG.gif) top left repeat;	
}

/********Left Column********/
#leftcolumn{
	float: left;
	width: 300px; /*Width of left column*/
	margin-left: -950px; /*Set left margin to -(MainContainerWidth)*/
	margin-top:10px;
	}
#leftcolumn h2 {
	font-family:"ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, sans-serif;
	font-size: 1.5em;
	border-bottom: none; 
	text-align: left;
	padding-top: 15px;
	}

/*********Right Links**********/
#rightlinks {margin: 10px 0 0 15px;}
#rightlinks h1 {margin-bottom: 0;}
.rightlinks {
	width: 275px;
	margin-top: -14px;
	}
.rightlinks ul {
	margin-left: 5px; 
	margin-bottom: 15px; 
	list-style-type: none;
	border-left: 5px solid #8798ad;
	}
.rightlinks ul li {
	background: url(../img/transBG.gif) top left repeat;
	font-size: 1.0em;
	padding: 4px 5px 3px 10px; 
	display: block; 
	color: #FFF; 
	line-height: 1.35em; 
	text-decoration: none;
	border-bottom: 1px dashed #8798ad;
	}
.rightlinks ul li:hover {
	padding: 4px 5px 3px 10px; 
	display: block; 
	line-height: 1.35em; 
	color: #FFF;
	text-decoration: none;
	background: url(../img/transb.gif) top left repeat;
	}
.rightlinks ul li a:hover {
	color: #FFF;
	}
.rightlinks ul a{
	text-decoration: none; 
	color:#000;
	font-size: 1.0em;
	}
.rightlinks ul li .last {
	padding-bottom: 10px;
	}
.rightlinks li.active {
	background: url(../img/transb.gif) top left repeat;
	}
.rightlinks li.active a {
	color: #FFF;
	font-size: 1.0em;
	}
.rightlinks_bottom {
	margin-top: 20px;
	width: 275px;
	}

/********FOOTER********/
#footerBG {
	line-height: 1.5em; 
	background: url(../img/footerBG.gif) top left repeat; 
	margin: 0 auto; 
	width: 100%; 
	height: 200px; 
	font-size:.95em;
	padding-top: 25px;
	}
#footer {
	margin: 0 auto; 
	width: 950px;
	color:#FFF; 
	padding-bottom: 10px;
	margin-top: 5px;
	}
#footerlinks {
	float:left;
	padding: 35px 0 10px 5px;
	width:600px;
	}
#footerlinks a {color: #FFF;}
#footerlinks a:hover {
	color: #AA1111;
	text-decoration: none;
	}
#copyright {
	float: left; 
	color:#ccc; 
	font-size: .85em;
	line-height: 1.4em;
	width:250px;
	text-align: left;
	padding-top: 5px;
	}

/********HEADERS********/
.about h1, .services h1, .portfolio h1 {
	margin: 5px 0 0 0;
	font-size: 1.4em;
	font-family:"ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, sans-serif;
	color: #000; 
	border-bottom: 3px solid #8798ad; 
	font-weight: 500;
	}
.latest h1 {
	margin: 5px 0 0 0;
	font-size: 1.4em;
	font-family:"ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, sans-serif;
	color: #000; 
	border-bottom: 3px solid #8798ad; 
	font-weight: 500;
	}
.articles h1 {
	margin: 5px 0 0 0;
	font-size: 1.4em;
	font-family:"ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, sans-serif;
	color: #000; 
	border-bottom: 3px solid #8798ad; 
	font-weight: 500;
	}
.current h1 {
	margin: 5px 0 0 0;
	font-size: 1.4em;
	font-family:"ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, sans-serif;
	color: #000; 
	border-bottom: 3px solid #8798ad; 
	font-weight: 500;
	}
.commentshead h1 {
	margin: 5px 0 0 0;
	font-size: 1.4em;
	font-family:"ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, sans-serif;
	color: #000; 
	border-bottom: 3px solid #8798ad; 
	font-weight: 500;
	}
.porto h1 {
	margin: 5px 0 0 0;
	font-size: 1.4em;
	font-family:"ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, sans-serif;
	color: #000; 
	text-align: center;
	font-weight: 500;
	background: url(../img/transBG.gif) top left repeat;
	}	

h1 {
	margin: 5px 0 10px 0;
	font-size: 1.4em;
	font-family:"ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, sans-serif;
	color: #000; 
	border-bottom: 3px solid #8798ad; 
	font-weight: 500;
	padding-bottom: 3px;
	}
h2 {
	font-weight: 100;
	letter-spacing: .075em;
	color: #000;
	font-family:"ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, sans-serif;
	font-size: 1.2em;
	padding: 3px 0 4px 0;
	margin-bottom: 5px;
	text-align:left;
	}
h3 {
	font-weight: 100;
	letter-spacing: .075em;
	color: #666;
	font-family:"ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, sans-serif;
	font-size: 1.1em;
	padding: 3px 0 4px 0;
	margin-bottom: 5px;
	text-align:left;
	}
h5 {
	font-weight: 100;
	letter-spacing: .05em;
	color: #0A50A1;
	font-family:"ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, sans-serif;
	font-size: 1em;
	padding: 3px 0 4px 5px;
	margin-bottom: 5px;
	text-align:left;
	}

/********RightColWrap**********/
.rightcolwrap {
	margin: 0 auto;
	float:left;
	}

/********User Sections - 1 Column pages w small content areas ********/
.user1 {
	width:295px; 
	float: left; 
	font-weight: 100;
	line-height:1.3em;
	margin: 0 0 20px 10px;
	}
.user1 img {
	float: right; 
	margin-left: 5px; 
	border: 1px solid #000;
	}
.user1 p {
	text-align: left;
	padding: 3px 3px 3px 10px;
	border-left: 6px solid #8798ad;
	margin-left: 5px;
	background: url(../img/transBG.gif) top left repeat;
	}

.user2 {
	width:295px; 
	float: left; 
	margin-left: 20px;
	margin-bottom: 20px;
	font-weight: 100;
	line-height: 1.3em;
	}
.user2 img {
	float: right; 
	margin-left: 5px; 
	border: 1px solid #000;
	}
.user2 p {
	text-align: left;
	padding:3px 3px 3px 10px;
	border-left: 6px solid #8798ad; 
	margin-left: 5px;
	background: url(../img/transBG.gif) top left repeat;
	}
.user4 {
	width:450px; 
	float: left; 
	margin: 10px 10px 15px 10px;
	font-weight: 100;
	line-height: 1.3em;
	}
.user4 img {
	float: right; 
	margin-left: 5px; 
	border: none; 
	padding: 0;
	}
.user4 p {
	text-align: left; 
	padding-left: 10px;
	background: url(../img/transBG.gif) top left repeat;
	}
.user5 {
	width: 213px; 
	float: left; 
	margin-left: 17px; 
	font-weight: 100;
	line-height: 1.3em;
	margin-bottom: 20px;
	}
.user5 img {
	float: right; 
	margin-left: 5px; 
	border: 1px solid #000;
	}
.user5 p {
	text-align: left; 
	padding: 5px 3px 30px 10px;
	background: url(../img/compBG.gif) bottom left no-repeat;
	}
.user7 {
	width: 215px;
}
.user7 img {
	float: left;
	padding-left: 15px;
	border: 0;
	}
.commentauthor {
	font-size: .95em;
	font-style: italic;
	padding-left: 10px;
	}
.twitter {
	margin: 10px 0 0 10px;
	}
.hilite {
	padding-left: 10px;
	font-style: italic;
	background: url(../img/arrow.gif) 0px 3px no-repeat;
}

/********EmailForm ********/
#EmailForm {
	width: 275px;
	text-align: left;
	padding-bottom: 20px;
	border: none;
	font-size:.95em;
	}
#EmailForm.full {width: 100%;}
fieldset {border: none;}
legend {display: none;}
#EmailForm h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 1.2em;
	font-family: Helvetica, Arial, sans-serif;
	color: #0A50A1;
	font-weight: bold;
	}
#EmailForm label,#EmailForm p {
	display: block;
	clear: both;
	width: 250px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
	}
#EmailForm input {
	display: block;
	margin-top: 2px;
	}
#EmailForm select {
	float: left;
	display: block;
	}
#EmailForm label.first,#EmailForm label.city {
	clear: left;
	margin-right: 10px;
	width: 150px;
	}
#EmailForm label.second,#EmailForm label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
	}
#EmailForm label.state { width: 60px; }
#EmailForm label.first input,#EmailForm label.city input,#EmailForm label.second input {
	float: left;
	width: 150px;
	padding: 0;
	}
#EmailForm label.state select {
	width: 60px;
	float: left;
	margin-top: 2px;
	}
#EmailForm label.zip,#EmailForm label.zip input {
	float: left;
	width: 80px;
	}
#EmailForm label.zip { clear: none; }
#EmailForm label {
	float: left;
	clear: left;
	width: 250px;
	margin: 0;
	line-height: 1.2em;
	}
#EmailForm label input {
	float: left;
	width: 250px;
	padding: 0;
	}
#EmailForm input.radio,
#EmailForm input#radiobutton_1,
#EmailForm input#radiobutton_2,
#EmailForm input#radiobutton_3,
#EmailForm input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
	}
#EmailForm label.radio,
#EmailForm label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
	}
#EmailForm input.checkbox,
#EmailForm input#checkbox_1,
#EmailForm input#checkbox_2,
#EmailForm input#checkbox_3,
#EmailForm input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
	}
#EmailForm label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
	}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm textarea {
	border: 3px solid #8798ad;
	padding: 2px 2px;
	height: 20px;
	line-height: 18px;
	background-color: #EBEBEB;
	color:#0A50A1;
	}
#EmailForm input.checkbox,
#EmailForm select {
	border: 3px solid #8798ad;
	background-color: #EBEBEB;
	color: #0A50A1;
	}
#EmailForm textarea {
	margin-top: 2px;
	width: 250px;
	height: auto;
	display: block;
	}
#EmailForm label input.calc {
	text-align: right;
	width: 100px;
	clear: left;
	padding: 0;
	}
#EmailForm input.button {
	clear: left;
	border: 3px solid #8798ad;
	background-color: #EBEBEB; 
	color: #0A50A1;
	margin-top: -15px;
	}
#cfContact{
	padding: 2px;
	color: #0A50A1;
	}
.verimage img {
	float: left;
	}
.verimage input.button {
	clear: left;
	border: 3px solid #8798ad;
	background-color: #EBEBEB; 
	color: #0A50A1;
	margin-top: -15px;
	}
	.vericode label input,
	.vericode textarea {
		border: 3px solid #8798ad;
		padding: 2px 2px;
		height: 20px;
		line-height: 18px;
		background-color: #EBEBEB;
		color:#0A50A1;
		}
		
/********Newsletter Form********/
.rightForm input {
	background-color: #EBEBEB;
	padding: 3px;
	border:3px solid #8798ad;
	color: #0A50A1;}

.clear {clear:left;}
	
	/************************
	*		Ditto Info		*
	*************************/	
	.ditto_info {
		font-style: italic; 
		color: #000; 
		font-size: 1.0em; 
		margin-top: -10px; 
		padding-left: 10px;
		border-left: 6px solid #8798ad;
		margin-left: 5px;
		background: url(../img/transBG.gif) top left repeat;
		}
	.ditto_info2 {
		font-style: italic; 
		color: #000; 
		font-size: .9em; 
		margin-top: -10px; 
		}
	.ditto_link {
		margin-top: -10px;
		}

	.ditto_link a {
		padding-left: 10px;
		background: url(../img/arrow2.gif) no-repeat 0px 3px;
		margin-top: -10px;
		}

	.ditto_link a:hover {
		padding-left: 10px;
		background: url(../img/arrow2.gif) no-repeat 0 3px;
		margin-top: -10px;
		}

	.ditto_summaryPost {
		margin-bottom: -5px;
		}
	.ditto_summaryPost h3 {
		border-bottom: 1px solid #666; 
		padding-bottom: 3px;
		margin-bottom: 5px;
		}
	.ditto_summaryPost h5 {
		padding-left: 7px;
		border-left: 6px solid #8798ad;
		margin-left: 5px;
		background: url(../img/transBG.gif) top left repeat;
		}
	.ditto_comment {
		float: left; 
		font-size: .9em; 
		font-style: italic;
		}

	.ditto_comment a {
		font-size: .9em; 
		font-style: italic;
		padding-left: 15px;
		background: url(../img/arrow1.jpg) no-repeat -5px -1px;
		}

	.ditto_comment a:hover {
		font-size: .9em; 
		font-style: italic;
		padding-left: 15px;
		background: url(../img/arrow2.jpg) no-repeat -5px -1px;
		}

	/**********More Ditto***********/
	.ditto_currentpage {
		color:#FFF;
		padding:4px; 
		background-color: #8798ad; 
		border: 1px solid #000;
		}

	.ditto_page {
		padding: 4px;
		}

	.ditto_page:hover {
		background-color: #8798ad;
		border: 1px solid #000;
		padding: 4px;
		}

	#pagination {
		margin-top: 10px;
		}

	.ditto_summaryPost img {float: right; margin-left: 5px;}


	.learnmore {margin-top: -7px;font-style: italic; font-size: .9em;}
	.learnmore a {color: #AA1111;}
	.learnmore a:hover {color: #000; padding-bottom: 4px;font-style: italic;}
	
	span.input {
		width:12em;
		padding-top:5px;
		float:left;
		}