@charset "UTF-8";
/* CSS Document */


body { font-family: "Trebuchet MS", Arial, Helvetica; color: #333333; font-size: 13px; }


/* Template Styles*/

#masterframe { width: 900px; margin-left:auto; margin-right:auto; background-color: #FFFFFF; height: auto; border-top-color: #333333; border-right-color: #333333; border-bottom-color: #333333; border-left-color: #333333; }
#mainlogo { top: 15px; position: relative; left: 15px; }
#submaster  { background-repeat: no-repeat; height: 128px; width: 900px; background-image: url(_images-site/site-masthead.jpg); }
#editableregion { padding: 15px; }
#creditedlogos { text-align: center; height: auto; width: 250px; font-size: 9px; }
#navColumn { background-color: #CACBCF; }
#bluebar { background-image: url(_images-site/site-blue-bar.gif); background-repeat: repeat-x; height: 31px; width: 900px; }
	#bluebarText { color: #FFFFFF; font-size: 18px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; }
#randomImages { padding: 15px; }


/*Text Styles*/

a:link, a:active, a:visited { color: #CC0033; text-decoration: none; }
a:hover { color: #CC0033; text-decoration: underline; }
p { font-size: 14px; line-height: 22px; color: #333333; text-decoration: none; }
h1 { font-size: 20px; color: #333333; font-weight: normal; font-style: italic; }
h2 { font-size: 16px; color: #3366CC; text-decoration: none; font-weight: bold; font-style: italic; }
h3 { font-weight: bold; }
li { font-size: 14px; color: #0066CC; font-style: italic; }
.blue { color: #0E339F; }



/*Baseline Links*/

.baseline { width: 900px; margin-left:auto; margin-right:auto; font-size: 9px; text-decoration: none; text-align: right; padding-top: 5px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-top-color: #333333; border-right-color: #333333; border-bottom-color: #333333; border-left-color: #333333; }
.baseline a:link, .baseline a:visited, .baseline a:active { color: #333333; font-size: 9px; text-decoration: none; }
.baseline a:hover { color: #0033CC; font-size: 9px; }
.baseline a:active { color: #333333; font-size: 9px; text-decoration: none; }



/* Navigation*/

#navContainer ul { 	font-family: "Trebuchet MS", Arial, Helvetica;	font-size: 16px; padding:10px 0 0 20px;	list-style-type: none; margin:0;}
#navContainer ul li {  	text-align:left; vertical-align:middle; padding:0; 	background-image: url(_images-site/nav-button.jpg); background-repeat: no-repeat; background-position:0 2px;  }
#navContainer a { display: block; width: 190px; color: #FFFFFF; text-decoration: none; font-size: 16px; height: 44px; padding-top: 13px; padding-right: 2px;
padding-bottom: 2px; padding-left: 40px; font-style: normal; }
#navContainer a:link, #navContainer a:visited { color: #FFFFFF; font-size: 16px; font-style: normal; font-weight: bold; }
#navContainer a:hover { color: #454646; font-size: 16px; font-weight: bold; text-decoration: none; font-style: normal; }
#navContainer a:active{ color: #FFFFFF; font-size: 16px; font-style: normal; font-weight: bold; }



/* Services Page Styles */

.serviceBox { width: 410px; border: 1px solid #666666; padding: 5px; margin-bottom: 50px; height: auto; overflow: auto; }
.serviceBox h1 { font-size: 18px; font-style: italic; font-weight: bold; color: #333333; margin-top: 0px; margin-right: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; }
.serviceBox li { font-size: 13px; font-style: italic; color: #333333; }
.serviceBox ul { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; margin-left: 0px; }
.serviceBoxImage { float: left; border: 1px solid #333333; margin-right: 20px; margin-bottom: 45px; }
.serviceCol1 { float: left; width: 150px; }
.serviceCol2 { float: right; width: 250px; }

#rightCol { background-color: #F3F3F3; padding: 5px; float: right; width: 175px; margin-left: 10px; }
	#rightCol h1 { font-size: 18px; color: #0E339F; font-weight: bold; }
	#rightCol li { color: #0E339F; font-style: italic; line-height: 22px; }



/* Project Examples (Selection page) */

.projectOverview { background-image: url(_images-pages/example-bg.jpg); background-repeat: no-repeat; height: 152px; width: 620px; padding-left: 40px; padding-right: 40px; }
	.projectOverviewImage { float: left; padding-right: 40px; }
	.projectOverviewInfo { padding-top: 30px; }
	.projectOverviewInfo  h1{ color:#333333; font-weight:bold; font-size:20px; margin: 0px; padding: 0px; }
	.projectOverviewInfo  p { color:#333333; font-weight:bold; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-style: italic; }



/* Project Examples (Individual) */

.projectDetail { background-image: url(_images-pages/example-title-bg.jpg); background-repeat: no-repeat; height: 41px; width: 620px; padding-left: 40px; padding-right: 40px; }
	.projectDetailInfo { padding-top: 8px; }
	.projectDetailInfo h1 { color:#333333; font-weight:bold; font-size:20px; margin: 0px; padding: 0px; }
	#projectGallery { width: 200px; margin-top: 20px; float: right; padding-left: 10px; }