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

/* highslide css */
.highslide-dimming {
	background: black;
}
/* CSS for removing the Move and Close text */
.highslide-header .highslide-move, .highslide-header .highslide-close {
	display: none;
}
.highslide img {cursor: url(highslide/graphics/zoomin.cur), pointer !important;}


/* end of highslide css */


/* content css */
body {
	background: #ffffff url(images/bg.jpg) center top repeat;
	font: normal 13px/18px Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0 auto;
}
a, a:link, a:visited {
	color: #cc6600;
	text-decoration: none;
}
a:hover, a:active {
	color: #cc6600;
	text-decoration: underline;
}
img {
	border: none;
}
h1 {
	margin: 0;
	font: bold 24px/1.1em Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	color: #996633;
}
h2 {
	margin: 0;
	font: bold 18px/1.1em Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	color: #996633;
}	
h3 {
	margin: 0;
	font: bold 13px/1.1em Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}	
.wrap {
	width: 1000px;
	background: url(images/topbg_2_14.jpg) left 69px no-repeat;
	margin: 0 auto;
	height: 1000px;
}
.logo {
	margin: 0;
	float: left;
	padding: 12px 0 0 10px;
}
.righttop {
	margin: 0 0 0 500px;
	width: 489px;
	height: 207px;
	
}
.topicons {
	margin: 0;
	width: 489px;
	height: 40px;
}
.browntop {
	width: 261px;
	height: 40px;
	margin: 0;
	float: right;
	background: url(images/email_subscribe_bg_02.jpg) left top no-repeat;
}
.searchbox {
	width: 224px;
	margin: 5px 0 0 0;
	border: 2px solid #d7c3aa;
	height: 17px;
	background-color: #fffaf3;
	float: left;
	overflow: hidden;
}
.searchbox p#searchicon {
	float: right;
	padding: 2px 3px 0 0;
	margin: 0;
}
.searchbox p#searchtext {
	font-size: 12px; 
	padding: 0 0 0 7px;
	margin: 0;
}
.navigation {
	margin: 12px 0 0 60px;
	position: relative;
	z-index: 1;
}
.navigation #home {
	margin: 0 0 0 251px;
}
.navigation #blog {
	margin: 9px 0 0 351px;
}
.navigation #aboutport {
	margin: 10px 0 0 0;
}
.navigation #aboutport #about {
	float: left;
	margin: 2px 0 0 0;
}
.navigation #aboutport #portfolio {
	margin: 0 0 0 248px;
}
.navigation #contact {
	margin: 6px 0 0 53px;
}

.content {
	width: 990px;
	margin: -21px auto 0 auto;
	
	
}
.contenttopborder {
	margin: 0;
	background: url(images/home2_39.jpg) right bottom no-repeat;
	
}
.contentmain {
	margin: 0;
	width: 990px;
	background: url(images/home2_43.jpg) right top repeat-y;
}
.contentinner {
	margin: 0;
	width: 975px;
	overflow: hidden;
	background: #ffffff url(images/home2_41.jpg) left top repeat-y;
	
}
.whitecontent {
	margin: 0 15px 0 30px;
	padding-top: 10px;
	background: url(images/contentbg_35.gif) 653px 32px no-repeat;
	
}

.whitecontentleft {
	margin: 0;
	float: left;
	width: 692px;
	border-right: 1px solid #e0d1c1;
	background: url(images/leftwhite_bg.jpg) left top no-repeat;
}

.whitecontentright {
	margin: 0;
	width: 237px;
	float: right;
	
}
.whitecontentbottom {
	margin: 0;
	width: 900px;
	font-size: 1px;
	line-height: 1em;
	height: 20px;
	clear: both;
}

.featuredprojects {
	margin: 15px 15px 0 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #e0d1c1;
}
.featuredprojects h1 {
	margin: 0 0 20px 15px;
	padding-top: 10px;
}


.footer {
	width: 990px;
	height: 114px;
	margin: 0 auto 0 auto;
	/*background: url(images/footerbg_49.png) 1px top no-repeat;*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/footerbg.png');
	background-position: left top;
	background-repeat: no-repeat;
	
	 
}
.footer[class] {
  background-image:url(/images/footerbg.png);
}

.recentblog {
	margin: 0 0 0 10px;
	/*background-color: #faefe5;*/
	padding: 17px 15px 15px 15px;
}
.recentblog ul {
	margin: 0;
	padding: 1px 0 10px 0;
	list-style-type: none;
	border-bottom: 1px solid #e7d4c1;
}
.recentblog ul li {
	margin: 10px 0 0 0;
	padding: 0 0 0 15px;
	list-style-type: none;
	background: url(images/listarrow_35.gif) 1px 2px no-repeat;
	font: normal 13px/15px Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
}
.recentblog p {
	margin: 0;
	font-size: 14px;
	line-height: 1em;
	padding: 8px 0 0 0;
	text-align: right;
}





.quoteinquery {
	margin: 30px 20px 0 26px;
	position: relative;
}
	
.quoteinquery p {
	font: normal 13px/1.2em Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	margin: 14px 0 0 0;
}

.quoteinquery form {
	font: normal 14px Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	margin: 4px 0 0 0;
}
.quoteinquery form p {
	font: bold 13px/1.2em Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
}
.quoteinquery form input.textinput {
	width: 180px;
	height: 18px;
	border: 1px solid #e5b27f;
	font: normal 13px Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
}
.quoteinquery form textarea.descriptionarea {
	width: 180px;
	height: 98px;
	border: 1px solid #e5b27f;
	font: normal 13px Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
}

.quoteinquery form input.submitbtn {
	margin: 12px 0 0 0;
}
form span.formnotes {
	font: italic 12px/1.5em Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 35px;
	position: relative;
	top: -5px;
}

.ads {
	margin: 32px 0 0 12px;
}
.ads_port {
	margin: 20px 0 0 12px;
}
.ads h2, .ads_port h2 {
	margin: 0 0 0 13px;
}
.adimages {
	margin: 15px 0 0 0;
}


.featureintro p {
	margin: 0;
	font: normal 12px Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
}
.featureintro p i {
	color: #999;
}

.footer p.copyright {
	margin: 0;
	padding: 38px 0 0 18px;
	font: normal 13px Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	color: #999999;
	float: left;
	
}
.footer .bottomnav {
	margin: 0;
	text-align: right;
	font: normal 13px Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	color: #999999;
	padding: 32px 18px 0 0;
}
.footer .bottomnav a:link, .footer .bottomnav a:visited, .footer .bottomnav a:hover, .footer .bottomnav a:active {
	color: #999999;
}
.browntop .emailus {
	width: 110px;
	float: left;
	margin: 0;
	padding: 4px 0 0 25px;
	font: bold 14px/1.1em Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	color: #ffffff;
}
.browntop .emailus #emailtext {
	position: relative;
	top: -4px;
	left: 3px;
}
.browntop .emailus a, .browntop .emailus a:link, .browntop .emailus a:visited {
	color: #ffffff;
	text-decoration: none;
}
.browntop .emailus a:hover, .browntop .emailus a:active {
	color: #cc6600;
	text-decoration: none;
}

.browntop .subscribe {
	
	
	margin: 0;
	padding: 4px 0 0 0;
	font: bold 14px/1.1em Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	color: #ffffff;
}
.browntop .subscribe #subscribetext {
	position: relative;
	top: -4px;
	left: 2px;
}
.browntop .subscribe a, .browntop .subscribe a:link, .browntop .subscribe a:visited {
	color: #ffffff;
	text-decoration: none;
}
.browntop .subscribe a:hover, .browntop .subscribe a:active {
	color: #cc6600;
	text-decoration: none;
}
.bookmarktext {
	margin: 15px 0 0 0;
	padding-left: 15px;
	font: normal 13px/1.3em Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
}

/* added in blog from homepage */

h4 {
	font: normal 12px/1.1em Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	color: #999999;
	margin: 5px 0 0 0;
}
/* changed in about, port */ 
.blogentry, .aboutentry, .portentry {
	margin: 11px 15px 30px 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e0d1c1;
	line-height: 18px;
}
.blogentry h1, .aboutentry h1, .portentry h1 {
	margin: 0;
	font: bold 24px/1.1em Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	color: #996633;
}
.blogentry p, .aboutentry p, .portentry p {
	margin: 20px 10px 0 0;
	color: #333333;
}
/* end of change of about */
.blogentry .blogbottomtext {
	font-size: 13px;
	color: #666666;
	margin: 32px 0 0 0;
}

.blogpagenumber {
	margin: 50px 15px 0 15px;
	height: 15px;
	clear: both;
}
.blogpagenumber p {
	font: normal 13px/1.2em Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
}
.whitecontentbottom {
	
	height: 12px;
	
}
.whitecontent {
	background: url(images/contentbg_1000.gif) 653px 32px repeat-y;
}
.blogcategories {
	margin: 0 0 0 10px;
	/*background-color: #faefe5;*/
	padding: 18px 5px 5px 18px;
}
.blogcategories ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.blogcategories ul li {
	margin: 0;
	padding: 0 0 15px 15px;
	list-style-type: none;
	background: url(images/blog_cat_bullet_09.gif) left 6px no-repeat;
	font: normal 12px/1.1em Lucida Grande, Geneva, Arial, Helvetica, sans-serif; 
	color: #999999;
}
.blogcategories ul li a {
	font: bold 16px/1.1em Lucida Grande, Geneva, Arial, Helvetica, sans-serif; 
	text-transform: uppercase;
}
.tagcloud {
	margin: 30px 20px 0 26px;
	
}
.tagcloud .cloudtext {
	font: normal 13px Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	margin: 14px 3px 0 3px;
	text-align: center;
	line-height: 1.4em;
}
.tagcloud .cloudtext .cloud1 {
	font-size: 18px;
}
.tagcloud .cloudtext .cloud2 {
	font-size: 16px;
}
.tagcloud .cloudtext .cloud3 {
	font-size: 14px;
}
.tagcloud .cloudtext .cloud4 {
	font-size: 12px;
}
.achives {
	margin: 30px 20px 0 26px;
	
}
.achives ul {
	margin: 15px 0 0 16px;
	padding: 0;
	list-style-type: none;
}
.achives ul li {
	margin: 4px 0 0 0;
	padding: 0 0 0 15px;
	list-style-type: none;
	background: url(images/listarrow_35.gif) left 2px no-repeat;
	font: normal 13px/1.1em Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
}

/* about css */

h1.aboutfirsttitle {
	font-size: 28px;
}
.aboutentry {
	margin-bottom: 30px;
	padding-bottom: 25px;

}
.aboutentry div.abouttitle {margin: 0;}
.aboutentry div.abouttitle p {float: left; padding: 0 10px 10px 0; margin: 0;}
.aboutentry p.abouttext {
	clear: both;
	margin: 0;
}
.aboutentry h1.namelink a {
	color: #996633;
	text-decoration: none;
}
.aboutentry h1.namelink a:link, .aboutentry h1.namelink a:visited, .aboutentry h1.namelink a:hover, .aboutentry h1.namelink a:active {
	color: #996633;
	text-decoration: none;
}
p.secondary {
	font-size: 13px;
	line-height: 16px;
}
.lastentry {
	border: none;
}
.firstaboutentry {
	margin-top: 15px;
}
/* port all css */
.allport {
	margin: 11px 15px 30px 15px;
}

.allport h1 {
	margin: 0;
	padding: 0 0 5px 0;
	font: bold 24px/1.1em Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	color: #996633;
}
.project_brief {
	margin: 15px 0 0 0;
	height: 155px;
	width: 660px;
	border: 1px solid #ccb299;
	overflow: hidden;
}
.project_brief2 {
	margin: 15px 0 0 0;
	height: 155px;
	width: 660px;
	border: 1px solid #cc6600;
	overflow: hidden;
	background-color: #fffaf3;
}

.project_brief .brief_orange {
	margin: 1px 1px 0 1px;
	
	height: 24px;
	background-color: #faefe5;
}
.project_brief2 .brief_orange {
	margin: 1px 1px 0 1px;
	
	height: 24px;
	background-color: #f6e2d0;
}
.brief_content {
	margin: -16px 10px 0 10px;
}
.brief_thumb {
	width: 180px;
	height: 135px;
	border: 1px solid #e4e4e4;
	float: left;
	margin: 0 10px 0 0;
}
.brief_text {
	float: left;
	margin: 0;
	width: 440px;
	height: 135px;
}
.brief_text h5 {
	margin: 0;
	font: bold 16px/1.1em Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	color: #996633;
}
.brief_text h6 {
	margin: 8px 0 0 0;
	font: bold 12px/1.1em Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
}
.brief_text p {
	margin: 15px 0 0 0;
	font: normal 12px/1.1em Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
}
.brief_text .brief_links {
	margin: 12px 0 0 0;
	font: bold 12px/1.5em Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
}

/* portfolio css */
.portbookmark {
	float: left;
	margin: 0;
}
.portentry p img {
	border: 2px solid #e4e4e4;
}
.portentry p a:hover img {
	border: 2px solid #CC6600;
}
.portentry .projecttext {
	margin: 10px 20px 0 0;
}
.portentry .projecttext .introlines {
	margin: 0;
	padding-top: 15px;
	clear: both;
}


.portentry .projecttext .introlines .browntitle {
	float: left;
	font: bold 14px/1.3em Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	color: #996633;
	width: 102px;
	margin: 0;
	clear: left;
}
.portentry .projecttext .introlines .greytext {
	font: normal 13px/1.3em Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	width: 500px;
	margin: 0 0 0 103px;
}
.portentry .projecttext .introlines .greytext a {
	font-weight: bold;
}
.portbottomtext {
	margin: 45px 0 0 0;
	font: normal 13px/1.3em Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
}

.majorprojectthumbs {
	margin: 0 0 0 10px;
	/*background-color: #faefe5;*/
	
}
.majorprojectthumbs h2 {
	padding: 17px 15px 7px 15px;
}
.majorthumbs {
	margin: 0 0 0 13px;
	
}
.majorthumbs p {
	margin: 13px 13px 0 0;
	
	background-color: #fff;
	
	
	float: left;
	overflow: hidden;
	
}
.majorthumbs a {
	margin: 0;
	border: 1px solid #ccc;
	width: 56px;
	height: 56px;
	display: block;
	
	
}
.majorthumbs p.lastmajorthumb {
	margin: 13px 0 0 0;
}
/*.majorthumbs p#currentthumb {
	border: 2px solid #CC6600;
	width: 54px;
	height: 54px;
	overflow: hidden;
}*/
.majorthumbs a {
	filter: alpha(opacity=65);
	-moz-opacity: .65;
	opacity: .65;
}
.majorthumbs a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;

	border: 2px solid #CC6600;
	width: 54px;
	height: 54px;
	overflow: hidden;
}
/*.majorthumbs a#currentthumb {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}*/
.majorthumbbottom {
	height: 17px;
	width: 60px;
	font-size: 5px;
	line-height: 1em;
	clear: both;
	margin: 0;
}
.otherprojectthumbs {
	margin: 30px 0 0 26px;
}
.otherthumbs {
	margin: 15px 0 0 0;
}
.otherthumbs a {
	margin: 0 6px 6px 0;
	border: 1px solid #ccc;
	width: 43px;
	height: 43px;
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	opacity: .6;
	overflow: hidden;
	display: block;
	float: left;
}
/*.otherthumbs img {
	margin: 0 6px 6px 0;
	border: 1px solid #ccc;
	width: 43px;
	height: 43px;
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	opacity: .6;
	overflow: hidden;
}*/

.otherthumbs a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	border: 2px solid #CC6600;
	width: 41px;
	height: 41px;
	overflow: hidden;

}
/*.otherthumbs a#currentthumb img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	border: 2px solid #CC6600;
	width: 41px;
	height: 41px;
	overflow: hidden;
}*/

/* end of content css */


/* contact css */
.whitecontent {
	margin: 0 15px 0 30px;
	padding-top: 10px;
	background: url(images/contentbg_35.gif) 653px 32px no-repeat;
	
}
.emailtext {
	font: bold 24px/1.1em Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	color: #996633;
}
.contactquote {
	margin: 35px 15px 0 15px; padding-bottom: 50px; border-bottom: none;
	position: relative;
}
.contactquote p.quoteinquerytext {
	margin-top: 14px;
}
.contactquote form .formline {
	margin: 18px 0 0 0;
	width: 336px;
	height: 20px;
}
.contactquote form p.formlabel {
	width: 156px;
	font: bold 12px Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	float: left;
	padding-top: 3px;
	margin: 0;
	
}
p.forminput {
	margin: 0;
	float: left;
	width: 176px;
	
}
p.forminput input {
	width: 176px;
	height: 18px;
	border: 1px solid #e5b27f;
}
.contactquote form .formtextarea {
	width: 500px;
	height: 100px;
	margin: 18px 0 0 0;
}
p.formtext {
	width: 300px;
	height: 100px;
	float: left;
	margin: 0;
}
p.formtext textarea {
	width: 300px;
	height: 100px;
	border: 1px solid #e5b27f;
}
.submitline {
	width: 200px;
	margin: 18px 0 0 0;
	padding-left: 156px;
}
.submitline input {
	position: relative;
	top: 5px;
}
/* portfolio popup css */
.popupentry {
	border: none; 
	margin: 0 0 0 15px;
}
.portbody {
	background: #fff url(images/popupbg.jpg) 560px top no-repeat;
}

/* blog css */
.blogleft {
	margin: 0;
	padding-left: 15px;
	width: 677px;
}
.blogleft .post {
	margin: 11px 15px 30px 0;
	border-bottom: 1px solid #E0D1C1;
	line-height:18px;
	padding-bottom:10px;
}
.blogleft h1 a, .blogleft h1 a:link, .blogleft h1 a:visited {
	color: #996633;
	text-decoration: none;
	
}
.blogleft h1 a:hover, .blogleft h1 a:active {
	color: #996633;
	text-decoration: underline;
	
}
.blogleft .entry p {
	margin: 20px 10px 0 0;
	font-size: 13px;
}
.blogleft .postmetadata {
	color: #666666;
	font-size: 13px;
	margin: 27px 0 0;
}
.commentmetadata {
	font-size: 12px;
	color: #666666;
}
ol.commentlist {
	margin: 15px 0 0 10px;
	padding: 0 0 0 5px;
	
}
ol.commentlist li {
	margin: 0 0 0 10px;
	padding: 0 0 15px 0;
}
ol.commentlist li p {
	font-size: 13px;
	line-height: 16px;
	margin: 8px 0 0 0;
}
.comment-author img {
	display: none;
}
.blogleft h3 {
	margin: 0;
	font: bold 16px/1.1em Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	color: #996633;
}
.blogleft .navigationbottom {
	borde: none;
	font-size: 13px;
	line-height: 16px;
	margin: 0 15px 0 0;
	padding: 0 0 25px;
}

	
.blogleft .singlebottom {
	margin: 20px 15px 0 0;
	padding: 25px 0;
	border-top: 1px solid #E0D1C1;
}
.blogleft .navigationbottom div {
	margin: 0;
}
.blogleft .navigationbottom div.bloghomelink {
	margin: 10px 0 0 0;
}
#commentform p {
	margin: 15px 0 0 0;
}
#commentform input#author, #commentform input#email, #commentform input#url {
	border:1px solid #E5B27F;
	height: 18px;
	font-size: 13px;
	line-height: 18px;
}
#commentform textarea#comment {
	border:1px solid #E5B27F;
	font: normal 13px/1.1em Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
}
a.brownhightlight, a.brownhightlight:link, a.brownhightlight:visited, a.brownhightlight:hover, a.brownhightlight:active {
	color: #996633;
}
/* quote inquiry popup */
#quotesent {
	display: none;
	 border:2px solid #cc6600; 
	 width: 280px; 
	 padding: 5px; 
	 text-align: center; 
	 font-size: 13px; 
	 line-height: 1.2em; 
	 background-color:#F2D9BF; 
	 margin: 0; 
	 z-index: 2; 
	 position: absolute; 
	 top: 200px; 
	 left: 45px;
	 filter: alpha(opacity=85);
	 -moz-opacity: .85;
	 opacity: .85;
	 color: #000;
}
#quotesent_right {
	display: none;
	 border:2px solid #cc6600; 
	 width: 155px; 
	 padding: 5px; 
	 text-align: center; 
	 font-size: 13px; 
	 line-height: 1.2em; 
	 background-color:#F2D9BF; 
	 margin: 0; 
	 z-index: 2; 
	 position: absolute; 
	 top: 200px; 
	 left: 5px;
	 filter: alpha(opacity=85);
	 -moz-opacity: .85;
	 opacity: .85;
	 color: #000;
}

/*contact page icons */
.emailinfo {margin: 12px 25px 0 15px; padding-bottom: 30px; color: #666666; border-bottom: 1px solid #e0d1c1;}

#emailline1 {margin: 0; height: 28px; padding: 5px 0 0 53px; background: #fff url(images/contacticon_email.gif) left top no-repeat;}
#emailline2 {margin: 8px 0 0 0; height: 28px; padding: 5px 0 0 53px; background: #fff url(images/contacticon_twitter.jpg) left top no-repeat;}
.contactquotetitle {height: 32px; padding: 3px 0 0 53px; background: #fff url(images/contacticons_inqiury.gif) left top no-repeat;}

a.workproject {
	display: block;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff !important;
background-color:rgba(206,102,0,0.8);
text-align: center;
font:  bold 14px/2em Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
margin-top: 10px;

}
a.workproject:hover {
	text-decoration: none;
	background-color:rgba(206,102,0,1);
}