#outer-wrapper {width: 940px; margin: 0px auto 0px auto;  padding: 0px;
				
}

#wrapper {
	
	margin: 0px;
	
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#wrapper-inner {margin: 0px;  text-align: left; 
	
}

#header {
	
	height: 155px;
	width: 940px;
	
	
	 

}

#headerp {
	display: none;
}

#header img#logo {
	width: 300px;
	height: 135px;
	margin: 0px;
	float: left;
	margin-top: 0px;
}






#content {margin-top: 0px;  padding: 0px; }



#cols {
	width: 940px;
	clear: both;
	text-align: left;
	font-size: 12px;
	
}

#colsclear, .colsclear {
	
	width: 940px;
	height: 0px;
	clear: both;
	
}



#leftcol {
	float: left;
	width: 220px;
	
}

#leftcol-top {display: block; width: 220px; height: 10px; margin: 0px; padding: 0px; background: url(images/left-box-top.gif) no-repeat;}
#leftcol-bottom {display: block;width: 220px; height: 10px; margin: 0px; padding: 0px; background: url(images/left-box-bottom.gif) no-repeat;}
#leftcolinner {display: block; margin-left: 0px; margin-right: 0px; background-color: #ffffff;}

div#leftcolinner-inner {padding: 0px 10px 0px 15px;}

div#leftcolinner-inner img {margin-left: -5px;} /* fix to line everything up */
div#leftcolinner-inner #left-col-title {margin-left: -5px;} /* fix to line everything up */

div#leftcolinner-inner ul {padding-left: 4px; padding-bottom: 20px; font-size: 12px; margin-right: -5px;}

div#leftcolinner-inner ul li {line-height: 20px;}

#middlecol {float: left; margin: 0px; padding: 0px; }

#middlecol-inner {
	float: left; margin: 0px; padding: 0px;
	
}

.middlecol-wide {margin-right: 0px !important;}

.middlecol-wide #middlecol-inner {width: 700px !important;  margin: 0px !important; padding: 0px;}


#index-content {margin: 0px; float: left; width: 460px; height: 275px; background: url(images/index-box.gif) no-repeat; margin-top: 20px; margin-right: 20px;}

#index-content h2 {margin-top: -10px; padding-top: 0px;}


#inner-content {margin-left: 20px; width: 700px;}

#inner-content-top {display: block; width: 700px; height: 10px; margin: 0px; padding: 0px; background: url(images/main-box-top.gif) no-repeat;}
#inner-content-bottom {display: block;width: 700px; height: 10px; margin: 0px; padding: 0px; background: url(images/main-box-bottom.gif) no-repeat;}

.main-content-inner {background-color: #ffffff; margin-top: 0px; padding: 20px;}
.inner-content-inner {padding: 20px;}


/** the featured content box on the front page **/
div#featured-content {
	
	height: 275px;
	float: left;
	padding: 0px;
	margin: 0px;
	width: 220px;
	margin-top: 20px; 
	margin-left: 0px !important;
	background: url(images/featured-projects-box.gif) no-repeat;
	
}


div#featured-content h2 {width: 200px; height: 28px; margin-bottom: 10px;}

div#featured-content h2 a {display: block; width: 200px; height: 28px; text-indent: -5000px; background: url(images/featured-projects.gif) no-repeat; margin: 0px;}

.featured-content-inner {
	
	
	margin: 0px;
	padding: 10px;
	text-align: left;
	font-size: 12px !important;
}

#featured-content img {margin-top: 10px; margin-bottom: 10px;}

#featured-content a {color: #346BB4; font-weight: bold;}
#featured-content a:hover {color: #183f72; font-weight: bold;}

/** end fetaured content box styles **/

div#rightcol {
	width: 220px;
	height: 576px;
	float: right;
	margin: 0px !important;
	padding: 0px !important;
	background: url(images/right-column-box.gif) no-repeat;
	
}

div#rightcolinner {
	
	margin: 0px;
	padding: 10px 10px 10px 15px;
	text-align: left;
	font-size: 12px !important;
}

div#rightcolinner img {margin-left: -5px;} /* fix to line everything up */


div#rightcolinner ul {padding-left: 5px; margin-top: 10px;}

div#rightcolinner ul li{
	
	font-size: 12px !important;
	line-height: 20px;
}


#inner-content div#rightcol {height: auto !important; background: none;  margin-right: -10px !important; margin-left: 10px !important; padding-top: 0px !important;}

#inner-content div#rightcolinner {padding-top: 0px !important;}

/* header bar / and flash slideshow holder */

#top-bar {margin-top: -10px; margin-bottom: 10px; background-color: #10643b; }

#top-bar-inner {height: 185px;}

#inner-content ul {padding-left: 15px;}
#inner-content ul li {list-style-image:  url(images/icons/bullet.gif); list-style-position: outside; line-height: 20px; }

#headerimage {
	
	width: 700px;
	height: auto;
	margin: 0px;
	padding: 0px;
	height: 281px;
	background: url(images/flash-back.gif) no-repeat;
}

#headerimage-image {

	width: 680px;
	height: 113px;
	margin: 0px;
	padding: 0px;
	margin-left: -10px; 
	margin-top: -20px;
	margin-bottom: 20px;

	color: #000000;
	
}

#headerimage-image img {margin: 0px;}



#mono {margin: 0px; padding: 10px;}








/* the sidebar news holder */


.newsmini {border: 0px solid #ffffff; padding-top: 0px; color: #000000; width: 200px; margin-left: -5px; margin-bottom: -5px;}

.newsmini strong a {}

.newsmini h2 {width: 200px; height: 28px; margin-bottom: 10px;}

.newsmini h2 a {display: block; width: 200px; height: 28px; text-indent: -5000px; background: url(images/latest-news.gif) no-repeat; margin: 0px;}

.newsmini-content {padding: 5px;}

.border-1 {border-bottom: 1px solid #D2DEEF; padding-bottom: 10px; margin-bottom: 5px;}

.newsmini h3 a {    color:  #346BB4 !important; font-size: 12px; 
 margin: 0px; padding: 0px; }
 
.newsmini h3 a:hover {    color: #183f72 !important; font-size: 12px; 
 margin: 0px; padding: 0px; }
 
.newsmini p.news-date {margin: 0px; padding: 0px; font-weight: normal; font-size: 11px;}

.newsmini h3 {margin-bottom: 0px;}

/* footer layout */

.top-of-page-link {color: #0460a8; font-weight: bold; margin-top: 40px; background: url(images/icons/top-of-page-link.gif) no-repeat left center; padding-left: 20px;}

#footer-holder {padding: 0px 0px; height: 165px;  margin-top: 20px; background: url(images/footer-stripe.gif) repeat-x left top;}

#footer1 {
	float: left;
	width: 460px;
	text-align: left;
	padding: 10px 0 0 20px;
	line-height: 14px;	
	font-size: 12px;
	color: #9AB5DA;
	
}

#footer2 {
	float: left;
	width: 440px;
	text-align: right;
	padding: 0;
	color: #9AB5DA;
	font-size: 12px;
	line-height: 14px;
	margin-right: 10px;
	padding-right: 0px;
}

ul#footer-nav  {list-style: none; list-style-position: outside; margin: 0px; height: 25px; float: right; margin-top: 10px; }
ul#footer-nav  li {list-style: none; float: left;  padding-left: 10px; margin-left: 5px; background: url(images/icons/footer-decoration.gif) 0px 0px  no-repeat; }
ul#footer-nav li a {color: #9AB5DA; font-size: 12px;}
ul#footer-nav li a:hover {color: #D2DEEE; font-size: 12px; text-decoration: none;}
ul#footer-nav  li.footer-decoration-1 {background: none;}

ul#footer-nav-2  {clear: both; list-style: none; list-style-position: outside; margin: auto 0px; padding-top: 25px;  text-align: center;}
ul#footer-nav-2  li {list-style: none; display: inline;  padding-left: 10px; margin-left: 5px; background: url(images/icons/footer-decoration-2.gif) 0px 2px  no-repeat;}
ul#footer-nav-2 li a {color: #9AB5DA; font-size: 10px;}
ul#footer-nav-2 li a:hover {color: #D2DEEE; font-size: 10px; text-decoration: none;}
ul#footer-nav-2  li.footer-decoration-1 {background: none;}




/* right column layout options */

div.rightbox, div.brandbox {
	padding: 15px 10px;
	background: url(images/rightboxbg.png) repeat-y;
}



div.rightboxbot {
	height: 5px;
	background: url(images/rightboxbot.png) top no-repeat;
	margin: 0 0 20px 0;
}



/* For 1/2/3 Col Page Layouts */

div.innercol1, div.innercol2 {
	width: 240px;
	float: left;
	font-size: 12px;
}

div.innercol3 {
	width: 220px;
	float: left;
	font-size: 12px;
}

div.innercolpad {
	padding: 0 20px 0 0;
	font-size: 12px;
}

div.innercolleft {
	width: 480px;
	float: left;
	font-size: 12px;
}





.no-margin {margin: 0px !important; padding: 0px;}

.clear-both {clear: both;}

.share-spacer {height: 20px;}

.cat-image {}

.cat-image img {border: 1px solid #ffffff; border-left: 0px; border-right: 0px; margin-bottom: 1px;}

#tips {}



/* --- photo gallery css ------------------------ */

div.pgridrow {
	width: 700px;
	height: 176px;
	clear: both;
}

div.pgrid {
	float: left;
	text-align: center;
	width: 140px;
	margin: 0 0 20px 0;
	height: 156px;
	border-bottom: 0px dotted #EFEFEF;
}

div.pgridimg {
	width: 108px;
	height: 108px;
	border: 1px solid #E1E2E4;
	margin: 0 auto 8px auto;
}

div.pgridtext {
	height: 36px;
}

#news-links {float: right; margin-top: 10px;}
#news-links select {width: 60px;}




/* sidebox shared content styles */

h3.side-header, h3.side-header-1 {background-color: #ffffff; color: #CE1523; line-height: 32px; font-size: 15px; font-weight: bold; padding-left: 10px; margin-top: 0px; border: 1px solid #e4e4e4; border-bottom: 0px; margin-bottom: -10px;}

#inner-content h3.side-header, #inner-content h3.side-header-1 {border: 0px; color: #346BB4; font-size: 16px; margin-bottom: 10px; padding-left: 0px !important; margin-left: -5px;}
.sidebox {padding: 0px 0px; border: 0px solid #e4e4e4; border-top: 0px;}

.sidebox ul {margin-top: 5px;}



.sidebox ul li {
	list-style-position: outside;
	list-style-image: url(/images/icons/arrow5.gif) !important;
}







/** links for breadcrum and print etc. **/

#crumb-wrapper {  clear: both; margin: 0px; padding: 2px 0px; padding-top: 7px;}

#crumb-inner { line-height: 28px; padding-left: 14px; font-size: 12px;}

.crumb {font-size: 12px; line-height: 28px; font-weight: bold; color: #ffffff;}

.crumb ul {list-style: none; margin: 0px; padding: 0px; float: left; margin-right: 14px; margin-top: -28px;}

.crumb ul li {list-style: none; margin: 0px; padding: 0px; float: left; background: url(/images/icons/crumb-arrow.gif) center right no-repeat; padding-left: 0px; padding-right: 12px; margin-right: 8px;}

ul.top-links {list-style: none; margin: 0px; padding: 0px; float: right; margin-right: 14px; margin-top: -28px;}

ul.top-links li {list-style: none; margin: 0px; padding: 0px; float: left; padding-left: 18px; padding-right: 0px; margin-right: 8px;}



ul.top-links li.crumb-print {background: url(/images/icons/print.png) center left no-repeat;}
ul.top-links li.crumb-bookmark {background: url(/images/icons/bookmark.png) center left no-repeat;}
ul.top-links li.crumb-contact {background: url(/images/icons/contact.png) center left no-repeat;}

/** links for sections on homepage **/

ul#sections { margin-top: 20px; margin-left: -10px; margin-right: -10px;}
ul#sections li {float: left !important; width: 220px; list-style: none; margin-left: 10px; margin-right: 10px; margin-bottom: 10px;}
ul#sections h3 {font-size: 15px; padding: 0px; margin: 0px; padding-left: 10px; clear: none;  background-color: #D71824; line-height: 30px;  border-bottom: 1px solid #ffffff;}
ul#sections h3 a {color: #ffffff !important; font-weight: bold; text-decoration: none;}

ul#sections p { }

ul#sections li.section-3 {margin-right: 0px;}

.portfolio-wrapper {margin-bottom: 0px; clear: both; margin-top: 20px; padding-bottom: 12px; border-bottom: 1px solid #e0e0e0;}

.portfolio-text {float: left; margin-left: 20px; width: 360px; }

.portfolio-image {float: left;  display: block; border: 4px solid #e0e0e0;}
.portfolio-image img {width: 272px;}

.portfolio-content {height: 115px; overflow: hidden; line-height: 15px; }

.portfolio-list {float: right; margin-top: -45px; width: 350px; font-size: 12px;}

.portfolio-link {font-weight: bold;}

ul.portfolio-list li {list-style-image: none !important; list-style-type: none !important;}

.portfolio-list-right {float: right; padding-left:20px; background: url(/images/icon2.gif) center left no-repeat; padding-right: 100px; font-weight: bold;}
ul.portfolio-list li.portfolio-list-left {float: left; padding-left:20px; background: url(/images/icon1.gif) center left no-repeat; font-weight: bold;}

.portfolio-list-right-empty {float: right; padding-left:20px; background: url(/images/icon2-empty.gif) center left no-repeat; padding-right: 100px; font-weight: bold; color: #d5d5d5;}
ul.portfolio-list li.portfolio-list-left-empty {padding-left:20px; float: left; background: url(/images/icon1-empty.gif) center left no-repeat; font-weight: bold; color: #d5d5d5;}

.alternate-product-images { clear: both; height: 58px; width: 280px;}
.alternate-product-images ul {margin: 0px; padding: 0px; margin-left: -15px; margin-right: -10px;}
.alternate-product-images ul li {  list-style-type: none; list-style-image: none !important; float: left; border: 4px solid #e0e0e0; padding: 0px !important; margin-top: 10px; margin-right: 10px; }
.alternate-product-images ul li a {display: block; margin: 0px !important; padding: 0px !important; height: 40px; width:40px;}
.alternate-product-images ul li a img {margin: 0px; height: 40px; width:40px;}


#map-data {float: left; margin-left: 20px; margin-top: 5px;}

#map {width: 420px; height: 348px; margin-top: 5px; float: left;}

.news-date {font-size: 11px; color: #346BB4; margin-top: -5px;}

#latest-news h2 a {color: #183F72 !important;}
