body		{ width: 100%; margin: 30px 0; padding: 0; background: #448AAB; }
blockquote	{ margin: 15px 40px; padding: 0; }
sup			{ font-size: 75%; }
ul, ol		{ margin: 15px 0; padding: 0 0 0 40px; }
ol ol,
ol ul,
ul ol,
ul ul		{ margin: 0; }

/* edit.com visible styles */
BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; color: #8C8C8D; font-size: 12px; font-family: Arial, Helvetica, Georgia, sans serif; }

.Title			{ color: #50B948; font-size: 24px; font-weight: bold; font-family: Georgia, Timew New Roman, serif; text-transform: uppercase; }
h1, .GreenHeader{ color: #759E0B; font-size: 20px; font-weight: normal; font-family: Georgia, Timew New Roman, serif; text-transform: uppercase; }
h2, .BlueHeader	{ color: #4589AC; font-size: 20px; font-weight: normal; font-family: Georgia, Timew New Roman, serif; text-transform: uppercase; }
h3, .Subheader	{ color: #50B948; font-size: 13px; font-weight: bold; font-family: Arial; }
h4, .Quote, div.quote		{ color: #4589AC; font-size: 14px; font-weight: bold; font-family: Arial; font-style: italic; }

.Orange		{ color: #FAD980; }
.LightGreen	{ color: #50B948; }
.DarkGreen	{ color: #759E0B; }
.Blue		{ color: #4589AC; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }
.LightGray	{ color: #BABABA; }
.DarkGray	{ color: #8C8C8D; }

.SmallText		{ font-size: 10px; }
.MediumText		{ font-size: 16px; }
.LargeText		{ font-size: 24px; }

IMG.FloatLeft 	{ float: left; margin: 0 5px 5px 0; }
IMG.FloatRight 	{ float: right; margin: 0 0 5px 5px; }
IMG.Logo		{ border: 0; width: 380px; height: 150px; float: left; }
IMG.Feature		{ border: 0; width: 475px; }

/* site layout */
div#container 	{ width: 966px; margin: 0; padding: 0; background: #FFF url('../images/bg_container.jpg') 50% 0 repeat-y; }
div#header		{ height: 150px; padding: 0 30px; }
div#middle		{ height: 575px; padding: 5px 30px; background: #FFF url('../images/bg_middle.jpg') 50% 0 no-repeat; position: relative;}
div#middle.blog	{ height: auto; padding: 5px 30px; background: #FFF url('../images/bg_middle_blog.jpg') repeat-y; }
div#content		{ margin: 0; }
div#left-col  	{ width: 275px; float: left; text-align: left; }
	div#left-col.home 	{ width: 475px; }
	div#left-col.home ul { margin: 15px 0 0 0; padding: 0 0 0 20px; }
	div#left-col table 	{ width: 100%; }
	div#left-col td 	{ padding: 5px; }
	div#images			{ width: 100%; text-align: center; }
	div#logos			{ position: absolute; z-index: 2; top: 515px; left: 40px;  }
	div#contact-left	{ padding: 5px 20px; }
	div#contact-left h2 { margin-left: 3px; }
div#right-col	{ width: 625px; float: right; text-align: left; margin: 0; }
	div#right-col.home	{ width: 290px; margin: 0 125px 0 0; text-align: justify; }
	div#right-col.projects	{ width: 790px; float: right; text-align: left; margin: 0; }
	div#right-col.projects h2 { margin-left: 160px; }
	div#right-col.projects h3 { margin-left: 175px; }
	div#right-col.projects table { float: left; }
	div#right-col.projects td { padding-bottom: 15px; }
	div#right-col td 	{ line-height: 21px; }
	div#right-col img.circle { width: 90px; height: 90px; border: 0; float: right; margin: 10px 40px 0 0; }
	div#right-col h2 { margin: 15px 0; }
	div#right-col table.services { width: 475px; margin-top: 8px; }
div#footer		{ text-align: center; width: 906px; }
div#footer td	{ text-align: center; padding: 10px 0 0 0; color: #FFFFFF; }

/* forms */
form#newsletter { width: 260px; margin: 45px 30px 0 0; font-weight: bold; float: right; }
form#newsletter table { }
form#newsletter td 	  { font-size: 12px; text-transform: lowercase; }
form#newsletter input.email  { width: 120px; background: #FFFFFF; border: 1px solid #BABABA; color: #000; height: 19px; }
form#newsletter input.submit { float: right; background: url('../images/arrow.png') no-repeat; border:0; width:19px; height:19px; text-indent:-999999px; font-size:0px; display:block; line-height:0px;}

div#right-col table.Contact				{ width: 400px; margin: 30px 0 0 20px; }
div#right-col table.Contact td   		{ vertical-align: middle; text-align: left; padding: 0 0 8px 0; }
div#right-col table.Contact td.label	{ width: 75px; font-weight: bold; color: #000; }
div#right-col table.Contact td.label_short  { width: 40px; font-weight: bold; color: #000; padding-right: 5px; text-align: right; }
div#right-col table.Contact td.right		{ text-align: right; }
div#right-col table.Contact input.text  	{ width: 315px; }
div#right-col table.Contact input.text_city { width: 100px; }
div#right-col table.Contact input.text_zip  { width: 50px; }
div#right-col table.Contact input.text_how  { width: 190px; margin-right: 8px;}
div#right-col table.Contact select.select	{ width: 195px; margin-right: 8px;}
div#right-col table.Contact textarea.text { width: 315px; height: 45px; }

* .message  { font-weight: bold; }
* .error 	{ color: red; }
* .success  { color: #000; }

/* slideshows */
div#feature-slideshow,
div#feature-slideshow.static	 { width: 475px; height: 390px; text-align: left; }
div#feature-slideshow div,
div#feature-slideshow.static div { width: 475px; height: 390px; text-align: left; }
div#feature-slideshow div		 { display: none; }
div#feature-slideshow.static div { display: block; }
div#feature-slideshow img		 { margin: 0; padding: 0; border: 0; }

div#project-slideshow,
div#project-slideshow.static	 { width: 475px; height: 375px; text-align: left; margin-left: 20px; }
div#project-slideshow div,
div#project-slideshow.static div { width: 475px; height: 375px; text-align: center; }
div#project-slideshow div		 { display: none; }
div#project-slideshow.static div { display: block; }
div#project-slideshow img		 { margin: 0; padding: 0; border: 0; }

/* navigation */
ul#nav			  { list-style-type: none; width: 100%; height: 25px; margin: 0; padding: 0; border: 0; background: url('../images/bg_nav.jpg') no-repeat 50% 0; }
ul#nav li		  { list-style-type: none; margin: 0; padding: 0 15px; display: inline; border-right: 1px solid #FFFFFF; }
ul#nav li.last	  { list-style-type: none; margin: 0; padding: 0 15px; display: inline; border-right: 0px solid #FFFFFF; }

ul#nav li a 		{ color: #FFFFFF; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: lowercase; letter-spacing: 5px; line-height: 20px; }
ul#nav li a:link,
ul#nav li a:visited { color: #FFFFFF; }
ul#nav li a:active,
ul#nav li a:hover,
ul#nav li a.current { color: #FAD980; }

ul#subnav		  { list-style-type: bullet; margin: 35px 0 0 50px; }
ul#subnav li	  { margin-bottom: 20px; text-align: left; color: #4589AC; }
ul#subnav li.current  { color: #50B948; }

ul#subnav li a 		   { color: #4589AC; font-size: 14px; font-weight: bold; text-decoration: none; }
ul#subnav li a:link,
ul#subnav li a:visited { color: #4589AC; }
ul#subnav li a:active,
ul#subnav li a:hover,
ul#subnav li a.current { color: #50B948; }

/* links */
a			{ color: #4589AC; text-decoration: underline; }
a:link,
a:visited	{ color: #4589AC; }
a:active,
a:hover		{ color: #000000; }

a.NoUnderline { text-decoration: none; }
a.NoUnderline:link,
a.NoUnderline:visited { text-decoration: none; }
a.NoUnderline:active,
a.NoUnderline:hover   { text-decoration: underline; }

div#footer a 		 { color: #FFFFFF; text-decoration: none; }
div#footer a:link,
div#footer a:visited { color: #FFFFFF; text-decoration: none; }
div#footer a:active,
div#footer a:hover   { color: #FFFFFF; text-decoration: underline; }

/* jquery scrollpane */
* #scroll-pane-holder,
* .scroll-pane	{ width: 425px; height: 375px; }

* #scroll-pane-holder.projects,
* .scroll-pane.projects	{ width: 600px; height: 375px; }

* #scroll-pane-holder { position: absolute; }
* .scroll-pane { overflow: auto; }

* .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
* .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #DCF1DA;
	width: 20px;
}
* .jScrollPaneDrag {
	position: absolute;
	right: 0;
	background: #A4DBA0;
	cursor: pointer;
	overflow: hidden;
	width: 20px;
}
* .jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
* .jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}