body {
	margin:0px;
	background-color:#ffffff;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	background-position:top;
}

/* DIV STYLES */

#container {
	width:760px;
}

#content {
	background-color:#ffffff;
}

#siteheader {
	background-color:#ffffff;
	width:740px;
	height:130px;
	margin-left:10px;
	margin-right:10px;
	position:relative;
}

#menu {
	position:relative;	
	width:740px;
	height:33px;
	background-color:#ffffff;
	margin-left:10px;
	margin-right:10px;
}

#pageheader {
	background-color:#26384B;
	width:740px;
	height:40px;
	margin-left:10px;
	margin-right:10px;
	position:relative;
}

/* index styles */

#indeximages {
	background-color:#ffffff;
	width:740px;
	height:360px;
	margin-left:10px;
	margin-right:10px;
	position:relative;
}

#indeximageleft {
	position:absolute;
	margin-right:1px;
	margin-top:1px;
	left:0px;
	top:0px;
}

#indeximageright {
	position:absolute;
	margin-top:1px;
	left:297px;
	top:0px;
}

#indeximageborder {
	position:absolute;
	left:0px;
	top:360px;
	z-index:1;
}

#indexfooter {
	background-color:#ffffff;
	background-image:url(../images/indexfooterbg.gif);
	background-repeat:no-repeat;
	width:740px;
	height:360px;
	margin-left:10px;
	margin-right:10px;
	position:relative;
}

#indexfootercontent {
	padding-left:307px;
	padding-top:33px;
}

/* secondary page styles */

#secondarycontainer, #secondarycontainer_b, #secondarycontainer_services, #secondarycontainer_services_design {
	width:740px;
	margin-left:10px;
	margin-right:10px;
	margin-top:7px;
	position:relative;
	height:700px;
	background:#ffffff;
}

#secondarycontainer, #secondarycontainer_services, #secondarycontainer_services_design {
	background:#ffffff url(../images/secondarybg.gif) bottom no-repeat;
}

#secondarycontainer_services, #secondarycontainer_services_design {
	height: 960px;
}

#secondarycontainer_c { 
	background-image: none; 
	background-repeat: repeat; 
	background-attachment: scroll; 
	background-position: 0 0; 
	width:740px; 
	height:355px; 
	margin-left:10px; 
	margin-right:10px; 
	margin-top:7px; 
	position:relative; 
}

#secondarymenu {
	background-color:#ffffff;
	position:absolute;
	padding:0px;
	left:0px;
	top:0px;
	width:286px;
	height:279px;
}

#secondarymenu_b {
	background-color:#ffffff;
	position:absolute;
	padding:0px;
	left:0px;
	top:0px;
	width:286px;
	height:191px;
}

#secondarymenu_c {
	background-color:#ffffff;
	position:absolute;
	padding:0px;
	left:0px;
	top:0px;
	width:286px;
	height:133px;
}

#projectimagessmcontainer {
	background:#ffffff;
	position:relative;
	width:286px;
	height:70px;
	margin-bottom:1px;
	padding:0px;
}

#projectimagessm01 {
	position:absolute;
	top:0px;
	left:0px;
	width:70px;
	height:70px;
	margin-right:1px;
}

#projectimagessm02 {
	position:absolute;
	top:0px;
	left:71px;
	width:71px;
	height:70px;
	margin-right:1px;
}

#projectimagessm03 {
	position:absolute;
	top:0px;
	left:143px;
	width:71px;
	height:70px;
	margin-right:1px;
}

#projectimagessm04 {
	position:absolute;
	top:0px;
	left:215px;
	width:71px;
	height:70px;
	margin-right:1px;
}

#secondarycontent {
	background-color:#ffffff;
	position:absolute;
	padding:0px;
	margin-top:10px;
	left:306px;
	top:0px;
	width:424px;
}

/* footer styles */

#secondaryfooterborder {
	position:relative;
	padding:0px;
	margin-top:22px;
	margin-bottom:11px;
}
#secondaryfooter {
	background-color:#ffffff;
	width:740px;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	padding-bottom:22px;
	position:relative;
}

#secondaryfooterbg_empty {
	background:#ffffff url(../images/secondaryfooterbg.gif) top no-repeat;
	position:relative;
	padding:0px;
	width:740px;
	height:24px;
	margin-bottom:15px;
}

#lrgimgfooter {
	background:#ffffff url(../images/lrgimgfooterbg.gif) top no-repeat;
	position:relative;
	padding:0px;
	width:740px;
	height:234px;
	margin-bottom:0px;
}

#secondaryfootercontent {
	padding-left:307px;
	padding-top:0px;
}

#secondaryfootercontent_c {
	padding-left:307px;
	padding-top:111px;
}

/* MENU ITEMS */

#menu_item_home {
	position:absolute;
	left:0px;
	top:0px;
	width:148px;
	height:33px;
}

#menu_item_who {
	position:absolute;
	left:148px;
	top:0px;
	width:148px;
	height:33px;
}

#menu_item_services {
	position:absolute;
	left:296px;
	top:0px;
	width:148px;
	height:33px;
}

#menu_item_projects {
	position:absolute;
	left:444px;
	top:0px;
	width:148px;
	height:33px;
}

#menu_item_boards {
	position:absolute;
	left:592px;
	top:0px;
	width:148px;
	height:33px;
}

#menu a , #menu #current, #menu #current_b {
	color:#3f3f3f;
	font-family:verdana;
	font-size:12px;
	line-height:16px;
	text-decoration:none;
	display:block;
	width:148px;
	height:33px;
	padding:0px;
}

#menu #current {
	background: #dce1bf;
	padding-top:6px;
	padding-left:6px;
	width:143px;
	height:27px;
	position:relative;
	z-index:1;
}

#menu #current_b {
	background: #dce1bf;
	padding-top:6px;
	padding-left:6px;
	width:142px;
	height:27px;
	position:relative;
	z-index:1;
}

#menu a {
	background: #ffffff;
	background-image:url(../images/menuitembg.gif);
	padding-top:6px;
	padding-left:6px;
	width:142px;
	height:27px;
}
#menu a.h {
	background: #ffffff;
}

#menu a:hover {
	color: #3f3f3f;
	text-decoration:underline;
	background: #dce1bf;
	width:143px;
	height:27px;
	position:relative;
	z-index:1;
}

#menu a.b:hover {
	width:142px;
	height:27px;
	position:relative;
	z-index:1;
}


#secondarymenu_item {
	background-color:#eef3f9;
	width:286px;
	height:25px;
	position:relative;
}

#secondarymenu #secondarycurrent, #secondarymenu_b #secondarycurrent {
	color:#f1e5e5;
	font-family:verdana;
	font-size:11px;
	line-height:16px;
	text-decoration:none;
	display:block;
	background: #770000;
	padding-top:6px;
	padding-right:6px;
	width:280px;
	height:19px;
	position:relative;
	z-index:1;
}

#secondarymenu a.link, #secondarymenu_b a.link {
	color:#24415d;
	font-family:verdana;
	font-size:11px;
	line-height:16px;
	text-decoration:none;
	display:block;
	padding-top:6px;
	padding-right:6px;
	width:280px;
	height:19px;
}

#secondarymenu a.link:hover, #secondarymenu_b a.link:hover {
	color: #f1e5e5;
	text-decoration:none;
	background: #770000;
	width:280px;
	height:19px;
	position:relative;
	z-index:1;
}

.hidden {
	display: none;
}


/* PROJECT VIEWER */

#projectimagebox {
	width:286px;
	height:119px;
}

#projectlinkcontainer {
	position:relative;
}

#projectboxleft {
	background-color:#5f7082;
	width:135px;
	height:22px;
	position:absolute;
	top:0px;
	left:0px;
	color:#ffffff;
	font-family:verdana;
	font-size:10px;
	line-height:16px;
	padding-top:8px;
	padding-left:8px;
}

#projectboxright a {
	background:#a9c5e2;
	color:#24415d;
	font-family:verdana;
	font-size:10px;
	line-height:16px;
	text-decoration:none;
	display:block;
	padding-top:8px;
	padding-right:8px;
	position:absolute;
	top:0px;
	left:143px;
	width:135px;
	height:22px;
}

#projectboxright a:hover {
	color: #f1e5e5;
	text-decoration:none;
	background: #770000;
	width:135px;
	height:22px;
	position:absolute;
	top:0px;
	left:143px;
	z-index:1;
}

#projectboxright a:link span {
display:none;
}

#projectboxright a:visited span {
display:none;
}

#projectboxright a:hover span {
position:absolute;
top:-119px;
left:-143px;
display:block;
}


/* PORFOLIO PROJECT IMAGES */

#projectimagescontainer {
	background:#ffffff;
	width:740px;
	height:320px;
	position:relative;
}

#projectimagesone {
	background:#ffffff;
	width:296px;
	height:159px;
	position:absolute;
	top:0px;
	left:0px;
	margin-top:1px;
}

#projectimagestwo {
	background:#ffffff;
	width:147px;
	height:160px;
	position:absolute;
	top:160px;
	left:0px;
	margin-top:1px;
	margin-right:1px;
}

#projectimagesthree {
	background:#ffffff;
	width:148px;
	height:160px;
	position:absolute;
	top:160px;
	left:148px;
	margin-top:1px;
}

#projectimagesfour {
	background:#ffffff;
	width:443px;
	height:320px;
	position:absolute;
	top:0px;
	left:296px;
	margin-top:1px;
	margin-left:1px;
}

#projectimagesborder {
	position:absolute;
	top:320px;
	left:0px;
	z-index:1;
}

#projectlargeimagecontainer {
	position:relative;
	width:740px;
	height:500px;
	margin-top:2px;
}

#projectlargeimage {
	position:relative;
	width:740px;
	height:500px;
}

#projectlargeimageborder {
	position:relative;
}

/*
#projectimagessmcontainer a.imglink {
	display:block;
	padding:0px;
	position:absolute;
}

#projectimagessmcontainer a.imglink:hover {
	position:absolute;
	z-index:1;
}

#projectimagessmcontainer a.imglink:link span {
	display:none;
}

#projectimagessmcontainer a.imglink:visited span {
	display:none;
}

#projectimagessmcontainer a.imglink:hover span {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
}
*/

/* PROJECT THUMBNAIL LINKS */

			/* LINKS */
			
			a.projectimgro01_mcginnis, 
			a.projectimgro01_ssfm, 
			a.projectimgro01_informatics, 
			a.projectimgro01_strip,
			a.otbimgro_ellsworth {
				display: block;
				width: 70px;
				height: 70px;
				text-decoration: none;
			}
			
			a.projectimgro02_mcginnis, a.projectimgro03_mcginnis, a.projectimgro04_mcginnis,
			a.projectimgro02_ssfm, a.projectimgro03_ssfm, a.projectimgro04_ssfm,
			a.projectimgro02_informatics, a.projectimgro03_informatics, a.projectimgro04_informatics,
			a.projectimgro02_strip, a.projectimgro03_strip, a.projectimgro04_strip,
			a.otbimgro_rockrun, a.otbimgro_pitt, a.otbimgro_broadst {
				display: block;
				width: 71px;
				height: 70px;
				text-decoration: none;
			}
			 
			/* HOVER */
			
			a:hover.projectimgro01_mcginnis, 
			a:hover.projectimgro01_ssfm, 
			a:hover.projectimgro01_informatics, 
			a:hover.projectimgro01_strip,
			a:hover.otbimgro_ellsworth {
				background-position: -70px 0;
			}
			
			a:hover.projectimgro02_mcginnis, a:hover.projectimgro03_mcginnis, a:hover.projectimgro04_mcginnis, 
			a:hover.projectimgro02_ssfm, a:hover.projectimgro03_ssfm, a:hover.projectimgro04_ssfm, 
			a:hover.projectimgro02_informatics, a:hover.projectimgro03_informatics, a:hover.projectimgro04_informatics, 
			a:hover.projectimgro02_strip, a:hover.projectimgro03_strip, a:hover.projectimgro04_strip,
			a:hover.otbimgro_rockrun, a:hover.otbimgro_pitt, a:hover.otbimgro_broadst {
				background-position: -71px 0;
			}
			
			
			/* IMAGES */
			
			a.projectimgro01_mcginnis {
				background: url(../images/projects/boyscouts01rollover.gif) 0 0 no-repeat;
			}
			
			a.projectimgro02_mcginnis {
				background: url(../images/projects/boyscouts02rollover.gif) 0 0 no-repeat;
			}
			
			a.projectimgro03_mcginnis {
				background: url(../images/projects/boyscouts03rollover.gif) 0 0 no-repeat;
			}
			 
			a.projectimgro04_mcginnis {
				background: url(../images/projects/boyscouts04rollover.gif) 0 0 no-repeat;
			}
			
			a.projectimgro01_ssfm {
				background: url(../images/projects/stfrancis01rollover.gif) 0 0 no-repeat;
			}
			
			a.projectimgro02_ssfm {
				background: url(../images/projects/stfrancis02rollover.gif) 0 0 no-repeat;
			}
			
			a.projectimgro03_ssfm {
				background: url(../images/projects/stfrancis03rollover.gif) 0 0 no-repeat;
			}
			 
			a.projectimgro04_ssfm {
				background: url(../images/projects/stfrancis04rollover.gif) 0 0 no-repeat;
			}
			
			a.projectimgro01_informatics {
				background: url(../images/projects/informatics01rollover.gif) 0 0 no-repeat;
			}
			
			a.projectimgro02_informatics {
				background: url(../images/projects/informatics02rollover.gif) 0 0 no-repeat;
			}
			
			a.projectimgro03_informatics {
				background: url(../images/projects/informatics03rollover.gif) 0 0 no-repeat;
			}
			 
			a.projectimgro04_informatics {
				background: url(../images/projects/informatics04rollover.gif) 0 0 no-repeat;
			}
			
			a.projectimgro01_strip {
				background: url(../images/projects/strip01rollover.gif) 0 0 no-repeat;
			}
			
			a.projectimgro02_strip {
				background: url(../images/projects/strip02rollover.gif) 0 0 no-repeat;
			}
			
			a.projectimgro03_strip {
				background: url(../images/projects/strip03rollover.gif) 0 0 no-repeat;
			}
			 
			a.projectimgro04_strip {
				background: url(../images/projects/strip04rollover.gif) 0 0 no-repeat;
			}
			
			a.otbimgro_ellsworth {
				background: url(../images/otb/ellsworthrollover.gif) 0 0 no-repeat;
			}
			
			a.otbimgro_rockrun {
				background: url(../images/otb/rockrunrollover.gif) 0 0 no-repeat;
			}
			
			a.otbimgro_pitt {
				background: url(../images/otb/pittrollover.gif) 0 0 no-repeat;
			}
			
			a.otbimgro_broadst {
				background: url(../images/otb/broadstrollover.gif) 0 0 no-repeat;
			}


/* PORFOLIO INDEX PAGE */

#portfolioindexcontainer {
	background:#ffffff;
	width:740px;
	height:363px;
	position:relative;
}

/* boy scouts image */
#portfolioindexboxone {
	background:#ffffff;
	width:148px;
	height:241px;
	position:absolute;
	top:0px;
	left:0px;
	margin-top:1px;
	margin-right:1px;
}

/* ssfm link */
#portfolioindexboxtwo a {
	background:#4b586a;
	width:148px;
	height:84px;
	padding-top:36px;
	position:absolute;
	top:242px;
	left:0px;
	margin-top:1px;
	margin-right:1px;
	font-family:verdana;
	font-size:12px;
	line-height:16px;
	color:#ffffff;
	display:block;
}

/* boy scouts link */
#portfolioindexboxthree a {
	background:#4b586a;
	width:147px;
	height:82px;
	padding-top:38px;
	position:absolute;
	top:0px;
	left:149px;
	margin-top:1px;
	margin-right:1px;
	font-family:verdana;
	font-size:12px;
	line-height:16px;
	color:#ffffff;
	display:block;
}

/* empty box */
#portfolioindexboxfour {
	background:#8f9ba7;
	width:147px;
	height:120px;
	position:absolute;
	top:121px;
	left:149px;
	margin-top:1px;
	margin-right:1px;
}

/* ssfm image */
#portfolioindexboxfive {
	background:#ffffff;
	width:295px;
	height:120px;
	position:absolute;
	top:242px;
	left:149px;
	margin-top:1px;
	margin-right:1px;
}

/* informatics image */
#portfolioindexboxsix {
	background:#ffffff;
	width:295px;
	height:241px;
	position:absolute;
	top:0px;
	left:297px;
	margin-top:1px;
	margin-right:1px;
}

/* strip links */
#portfolioindexboxseven a {
	background:#4b586a;
	width:147px;
	height:77px;
	padding-top:43px;
	position:absolute;
	top:242px;
	left:445px;
	margin-top:1px;
	margin-right:1px;
	font-family:verdana;
	font-size:12px;
	line-height:16px;
	color:#ffffff;
	display:block;
}

/* informatics link */
#portfolioindexboxeight a {
	background:#4b586a;
	width:147px;
	height:68px;
	padding-top:52px;
	position:absolute;
	top:0px;
	left:593px;
	margin-top:1px;
	font-family:verdana;
	font-size:12px;
	line-height:16px;
	color:#ffffff;
	display:block;
}

/* strip image */
#portfolioindexboxnine {
	background:#ffffff;
	width:147px;
	height:241px;
	position:absolute;
	top:121px;
	left:593px;
	margin-top:1px;
}

#portfolioindexborder {
	position:absolute;
	top:363px;
	left:0px;
	z-index:1;
}

#portfolioindexboxtwo a:hover {
	color: #f1e5e5;
	text-decoration:none;
	background: #770000;
}

#portfolioindexboxtwo a:link span {
	display:none;
}

#portfolioindexboxtwo a:visited span {
	display:none;
}

#portfolioindexboxtwo a:hover span {
	position:absolute;
	top:0px;
	left:149px;
	display:block;
	z-index:1;
}

#portfolioindexboxthree a:hover {
	color: #f1e5e5;
	text-decoration:none;
	background: #770000;
}

#portfolioindexboxthree a:link span {
	display:none;
}

#portfolioindexboxthree a:visited span {
	display:none;
}

#portfolioindexboxthree a:hover span {
	position:absolute;
	top:0px;
	left:-149px;
	display:block;
	z-index:1;
}

#portfolioindexboxseven a:hover {
	color: #f1e5e5;
	text-decoration:none;
	background: #770000;
}

#portfolioindexboxseven a:link span {
	display:none;
}

#portfolioindexboxseven a:visited span {
	display:none;
}

#portfolioindexboxseven a:hover span {
	position:absolute;
	top:-121px;
	left:148px;
	display:block;
	z-index:1;
}

#portfolioindexboxeight a:hover {
	color: #f1e5e5;
	text-decoration:none;
	background: #770000;
}

#portfolioindexboxeight a:link span {
	display:none;
}

#portfolioindexboxeight a:visited span {
	display:none;
}

#portfolioindexboxeight a:hover span {
	position:absolute;
	top:0px;
	left:-296px;
	display:block;
	z-index:1;
}

/* ON THE BOARDS */

#otbimagescontainer {
	background:#ffffff;
	width:740px;
	height:481px;
	position:relative;
}

#otbimagesone {
	background:#f34f0f;
	width:296px;
	height:159px;
	position:absolute;
	top:0px;
	left:0px;
	margin-top:1px;
}

#otbimagestwo {
	background:#77ff43;
	width:147px;
	height:160px;
	position:absolute;
	top:160px;
	left:0px;
	margin-top:1px;
	margin-right:1px;
}

#otbimagesthree {
	background:#cc7700;
	width:148px;
	height:160px;
	position:absolute;
	top:160px;
	left:148px;
	margin-top:1px;
}

#otbimagesfour {
	background:#997700;
	width:147px;
	height:160px;
	position:absolute;
	top:321px;
	left:0px;
	margin-top:1px;
}

#otbimagesfive {
	background:#cc7799;
	width:148px;
	height:160px;
	position:absolute;
	top:321px;
	left:148px;
	margin-top:1px;
}

#otbimagessix {
	background:#f1f2b3;
	width:443px;
	height:320px;
	position:absolute;
	top:0px;
	left:296px;
	margin-top:1px;
	margin-left:1px;
}

#otbimagesseven {
	background:#f0c2b3;
	width:221px;
	height:160px;
	position:absolute;
	top:321px;
	left:296px;
	margin-top:1px;
	margin-left:1px;
}

#otbimageseight {
	background:#c102b3;
	width:221px;
	height:160px;
	position:absolute;
	top:321px;
	left:518px;
	margin-top:1px;
	margin-left:1px;
}

#otbimagesborder {
	position:absolute;
	top:481px;
	left:0px;
	z-index:1;
}


/* PROJECTS LINK */

#returnlinkbox {
	width:278px;
	height:22px;
	background:#4b586a;
	color:#ffffff;
	font-family:verdana;
	font-size:10px;
	line-height:16px;
	padding-top:8px;
	padding-left:8px;
	margin-bottom:1px;
}

#returnlinkcontainer {
	position:relative;
}
	
#returnlinkboxleft {
	background:#8f9ba7;
	position:absolute;
	top:0px;
	left:0px;
	width:138px;
	height:30px;
	margin-right:1px;
}

#returnlinkboxright {
	background:#c3d6eb;
	position:absolute;
	top:0px;
	left:139px;
	width:147px;
	height:30px;
}

#returnlinkboxfooter {
	background:#ffffff url(../images/projectpageleftbg.gif) top no-repeat;
	position:absolute;
	top:30px;
	left:0px;
	width:286px;
	height:204px;
}


/* TEXT & LINK STYLES */

.footertext {
	color:#3f3f3f;
	font-family:verdana;
	font-size:10px;
	line-height:16px;
}

.secondarytext {
	color:#3f3f3f;
	font-family:verdana;
	font-size:11px;
	line-height:16px;
}

a.link:link {
	color: #5f7082;
	text-decoration:none;
}
a.link:visited {
	color: #5f7082;
	text-decoration:none;
}
a.link:hover {
	color: #5f7082;
	text-decoration:underline;
}
a.link:active {
	color: #5f7082;
	text-decoration:underline;
}

ul {
	list-style: none;
	margin-left: 0;
	padding-left: 25px;
	text-indent: -1em;
}

#custom-gen ul li:before {
	content: "\00BB \0020";
	}


/* IMAGE STYLES */

img {
	border:none;
}

.imgsiteheader {
	width:740px;
	height:130px;
	padding:0px;
	border:none;
}

.imgpageheader {
	width:740px;
	height:40px;
	padding:0px;
	border:none;
}

.imgindexleft {
	width:296px;
	height:359px;
	padding:0px;
	border:none;
}	

.imgborder {
	width:740px;
	height:1px;
	padding:0px;
	border:none;
}

.imgreturnarrow {
	width:130px;
	height:30px;
	padding:0px;
	border:none;
}

.imgthumbdown {
	border:none;
}

.imgthumbover {
	border:none;
}