@charset "UTF-8";
/* CSS Document */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	background:#ededed;
}
h1 {
	font-size:18px;
	color:#FF0000;
}
h2 { color:#ff0000; font-size:13px; font-weight:bold; }
h3 { color:#FF0000; font-size:14px; font-weight:bold; padding:0; margin:0; }
h4 { color:333; font-weight:bold; font-size:12px; padding:0; margin:0; }
p {
	line-height:130%
}
a {
	color:#FF0000;
}
.headerwrapper {
	width:100%;
	padding-top:20px;
	background:url(../images/header_bkgd.gif) bottom #FFF repeat-x;
	height:61px;
}
.bodywrapper {
	width:100%;
	border-top:1px solid white;
	background:url(../images/background.gif);
}
.wrapper {
	width:765px;
	margin:0 auto;
}
.designdevelop, .headerservices, .headerwork, .headeraboutus, .headernews, .headercontact {
	width:765px;
	height:88px;
}
.mainbody {
	width:758px;
	margin:0 1px 0 4px;
	border-left:1px solid white;
	border-right:1px solid white;
	background:url(../images/body_bkgd.jpg) no-repeat #FFF;
}
.footer {
	background:url(../images/footer.gif) no-repeat;
	border-top:1px solid white;
	width:765px;
	height:28px;
	padding:10px 0;
	text-align:center;
	margin:0 auto;
	color:#565656;
	font-size:10px;
}
.leftcolumn {
	width:455px;
	padding:0 25px 20px 25px;
	float:left;
}
#servicespage .leftcolumn ul { padding:0; margin:0; border-top:1px solid #CCC; }
#servicespage .leftcolumn ul li { list-style:none; padding:5px 0 5px 10px; border-bottom:1px solid #ccc; color:#333; border-left:2px solid #FFF; }
#servicespage .leftcolumn ul li:hover {background-color:#f0f0f0; border-left:2px solid #FF0000; }
#servicespage .featuredproject .checkmarks ul { padding:0; margin:0; border:none;}
#servicespage .featuredproject .checkmarks ul li { padding:5px 0 5px 15px; margin:0; border:none; list-style:none; float:left; width:85px; background:url(../images/checkmark.gif) left no-repeat; }
#newspage .leftcolumn ul { padding:0; margin:0; border-top:1px solid #CCC; }
#newspage .leftcolumn ul li { list-style:none; padding:5px 0 5px 10px; border-bottom:1px solid #ccc; color:#333; border-left:2px solid #FFF; }
#newspage .leftcolumn ul li:hover {background-color:#f0f0f0; border-left:2px solid #FF0000; }
#newspage .featuredproject .checkmarks ul { padding:0; margin:0; border:none;}
#newspage .featuredproject .checkmarks ul li { padding:5px 0 5px 15px; margin:0; border:none; list-style:none; float:left; width:85px; background:url(../images/checkmark.gif) left no-repeat; }
#workpage .featuredproject { height:300px; }
#workpage .featuredproject .checkmarks ul { padding:0; margin:0; border:none;}
#workpage .featuredproject .checkmarks ul li { padding:5px 0 5px 15px; margin:0; border:none; list-style:none; float:left; width:85px; background:url(../images/checkmark.gif) left no-repeat; }
.rightcolumn {
	float:left;
	padding:0 8px 10px 8px;
	width:237px;
}
.rightcolumn h1 {
	padding-left:15px;
}
.link {
	background:url(../images/arrow_red.gif) no-repeat left;
	padding:0 0 0 15px;
	display:block;
	font-size:12px;
}
.backlink {
	background:url(../images/redarrow_left.gif) no-repeat left;
	padding:0 0 0 15px;
	display:block;
	font-size:12px;
}
.uplink {
	background:url(../images/redarrow_up.gif) no-repeat left;
	padding:0 0 0 15px;
	display:block;
	font-size:12px;
}
.featuredproject {
	background:url(../images/rightcolumn_bkgd.jpg) no-repeat;
	width:205px;
	padding:5px 14px 0 15px;
	font-size:12px;
}
.featuredheader {
	font-weight:bold;
	padding:5px 0px 10px 0px;
}
.reflection {
	background:url(../images/signalreflection.jpg) no-repeat;
	width:185px;
	padding:10px;
}
#newsevents {
	padding:8px 25px 10px 25px;
	color:#FFF;
	background:url(../images/rightangle.gif) bottom right no-repeat #000;
}
.expandcollaspse {
	text-align:right;
	border-bottom:2px solid #000;
	width:100%;
}
.newshead {
	font-size:16px;
	font-weight:bold;
	padding:10px 0;
}
#newsevents ul { padding:0; margin:0; width:505px; }
#newsevents ul li { background:url(../images/arrow_white.gif) left no-repeat; color:#b3b3b3; border-bottom:1px solid #333; list-style:none; padding:7px 20px; }

.rightgroup {
	padding-bottom:15px;
	padding-top:5px;
}
.icon { float:left; padding-right:10px; padding-bottom:20px; }
.form {
	background:url(../images/lg_gradient_bkgd.gif) no-repeat;
	width:415px;
	padding:10px 20px;
}
.newsevent { border-bottom:1px solid #CCC; padding:10px 0; }
#worklist ul { margin:0; padding:0; border-top:1px solid #CCC; }
#worklist ul li { list-style:none; border-bottom:1px solid #CCC; padding:10px; display:block; }
#worklist ul li:hover { background:#ececec; }

#worklist .portfoliophoto { float:left; width:205px;position:relative; z-index:1;  }

#worklist .viewwork { position:absolute; border:0; right:14px; width:191px; height:88px; z-index:2; }
#worklist .viewwork img { border:none; width:191px; height:86px; }
#worklist .viewwork a { display:block; width:191px; height:86px; }
#worklist .viewwork a:hover { background:url(../images/viewwork.gif) right bottom no-repeat; border:2px solid #FF0000; }

#worklist .portfoliodescription { float:left; }
#worklist .portfolioname { color:#FF0000; font-size:14px; text-transform:uppercase; font-weight:bold; }
#worklist .portfoliodate { color:#999999; font-size:10px; }
#worklist .portfolio ul { margin:10px 0 0 0; padding:0; width:230px; border:0; }
#worklist .portfolio ul li { background:url(../images/checkmark.gif) no-repeat left; float:left; padding:3px 5px 3px 15px; width:95px; list-style:none; margin:0; font-size:10px; border:0; }

.portfoliolink { width:234px; font-size:12px; padding:0; background:url(../images/rightcolumn_bkgd.jpg) no-repeat; }
.portfoliolink ul { margin:0; padding:10px 0 0 0; height:300px; width:234px; }
.portfoliolink li { list-style:none; margin:0; padding:0; width:234px; }
.portfoliolink li a { color:#000; text-decoration:none; display:block; padding:5px 5px 5px 15px; height:15px; width:214px; }
.portfoliolink li a:hover { background:url(../images/bkgd_portfoliolink.gif) }
.portfoliolink li.active { background:url(../images/bkgd_portfoliolink.gif); font-weight:bold; }

#photoBucket img { float:left; width:50px; padding-right:3px; }