@import url("reset.css");

body { font:normal 15px arial, verdana, sans serif; line-height:20px; background:url("../images/misc/bg.jpg"); overflow:hidden;}

/* preloader */
.page_spinner {position:fixed; background:url(../images/misc/formLoader.gif) 50% 50% no-repeat #fff; z-index:99; width:100%; height:100%; top:0; left:0}


a { text-decoration:none; outline:none; color:#014b18;}
a:hover { text-decoration:underline;}
h1, h2, h3 {text-transform:uppercase;}

.clear {clear:both;}
.floatLeft {float:left;}
.floatRight {float:right;}
.marginLeft {margin-left:1em;}
.marginRight {margin-right:1em;}
.marginTop {margin-top:1em;}
.marginTop2 {margin-top:2em;}
.marginTop3 {margin-top:1.5em;}
.marginBottom {margin-bottom:1em;}
.marginBottom2 {margin-bottom:2em;}
.alignCenter {text-align:center;}
.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.paddingBottom {padding-bottom:1em;}
.paddingTop {padding-bottom:1em;}
.paddingTop2 {padding-bottom:2em;}
.paddingLeft {padding-left:1em;}
.paddingRight {padding-bottom:1em;}
.pushLeft {margin-left:3em;}
.pushLeft2 {margin-left:3.5em;}
.displayNone {display:none;}
.imgBorder {border: 1px solid #cfccc8; padding:.5em; background:#E0DEDB; margin: 0; vertical-align: top;}
.pushDown {margin-bottom:3em;}
.greenColorText {color:#014b18;}
.orangeColorText {color:#FF6144;}
.redColorText {color:#f00;}
.underline {text-decoration:underline;}
.button {transition: all 0.5s ease 0s; cursor:pointer; display:inline-block; color:#fff; text-transform:uppercase; background: none repeat scroll 0 0 #004a16; border:none; text-align:center; text-decoration: none; padding:.8em; margin:1em 1.5em 1em 0; font: 10px/13px Arial,Helvetica,sans-serif; line-height:18px;}
.button:hover {background-color:#008227; text-decoration:none;}

.banner {list-style:none;width:930px;margin:auto; padding:1em;}
	.banner a {float:left;width:186px;height:450px;overflow:hidden;position:relative;}
	
.color-1 { font-size:13px; line-height:18px; color:#6f6864;}
a.color-1:hover {color:#ff6144;}

.lightbox-image {position:relative; display:inline-block;}
.lightbox-image img {position:relative; z-index:2;}
.lightbox-image span {position:absolute; width:100%; height:100%; top:0; left:0; background:url(../images/magnify.png) 50% 50% no-repeat;}

.page-1-row-1 {padding-bottom:43px;}
.page-1-row-1 h3 {margin:43px 0 25px 0;}
.page-1-box-1 {width:183px; overflow:hidden;}
	.page-1-box-1 .image-wrap {background: url("../images/misc/loading.gif") no-repeat scroll 50% 50% #e0dedb; display: block; background-color:#e0dedb; width: 171px; height:119px; overflow: hidden; position: relative; transition: all 0.2s ease-in-out 0s;}
	.page-1-box-1 .title {font-size:13px; line-height:18px; color:#6f6864;}
.page-1-box-1 figure {background:#e0dedb; border:#cfccc8 1px solid; padding:5px; margin:9px 0 14px 0;}
.page-1-box-3 {padding:19px 0 11px 0;}
.page-1-box-3 time {font-size:15px; line-height:18px; color:#b7aea8; text-transform:uppercase;}
.page-1-box-3 p {padding:7px 0 12px 0;}
.page-1-box-2 {width:220px; float:left; margin-right:20px;}
.page-1-box-2 p {padding:16px 0 15px 0;}
.page-2-col-1 { padding-bottom:32px;}
.page-2-box-1 p.color-2 {margin-top:-3px;}
.page-2-box-1 p.color-3 {padding:10px 0 20px 0;}

.wrapper { width:995px; margin:auto;}
.wrapper2 { width:995px; margin:auto;}
.body {width:995px; background-color:#eeebe8; padding-bottom:4em;}
#header {width:960px; margin:auto;}
#logo {width:140px; float:left;}
#navigation {width:744px; float:right;}
	#navigation li { float:left; margin:90px 5px 0px 5px;  }
	#navigation a { font-size:18px; color:#000; padding:5em .5em 1em .5em; text-transform:uppercase;}
	#navigation a:hover {background-color:#014b18; color:#fff;}
	#navigation .active {background-color:#014b18; color:#fff;}
#banner {background: url("../images/misc/loading.gif") no-repeat scroll 50% 50% #e0dedb; display: block; width:960px; height:482px; overflow: hidden; position: relative; transition: all 0.2s ease-in-out 0s; background-color:#e0dedb; margin:auto; border:1px solid #cfccc8;}
#sub_banner img{ height: 330px; width: 930px; padding:14px;background:#e0dedb; border:1px solid #cfccc8; margin:auto; display:block;}
		#sub_banner .image-wrap {background: url("../images/misc/loading.gif") no-repeat scroll 50% 50% #e0dedb; display: block; background-color:#e0dedb; height: 330px; width: 930px; overflow: hidden; position: relative; transition: all 0.2s ease-in-out 0s;}
#sub_content { width:960px; margin:auto; border-top:1px solid #c5c2bf; color:#333;}
#content { width:960px; margin:auto; padding:2em 0em 1em 0em; border-bottom:1px solid #c5c2bf;}
#welcome_content { width:960px; margin:auto;}
	.welcome {width:470px; }
	.border_image {background-color:#e0dedb; border:1px solid #cfccc8; padding:.5em;}
	.font_content { width:460px;}
	.latestnews_description { width:460px; margin:-.1px 0 .5em 0; padding:.5em 0;}
	.latest_news { width:460px; padding-top:2em; height:450px;}
	.latest_news .newsticker-jcarousellite li { height:195px; margin-bottom:1em;}
	.latest_content{width:415px;}
	.border  {border-bottom:1px solid #bbae97; margin:1em 0 1.5em 0;}
	.font {font-size:24px; color:#014b18; }
	.font2 {font-size:22px; color:#008026; }
	.font3 {font-size:15px; color:#008026; }
	.latest_news ul li {background: url("../images/misc/image2.png") no-repeat scroll 0 0 transparent; list-style-type: none; margin: 0; padding: 0; vertical-align: top; height:160px;}
	
/*About Us page CSS*/
.about_us { width:340px;}
	.about_us li { background: url("../images/misc/arrow.png") no-repeat scroll 1em .9em transparent; background-color:#dfdeda; margin:.5em 0em .5em 0em; padding-left:1.4em;}
	.about_us li a { color:#2d482e; padding:.5em 0em .5em 1em; text-transform:uppercase; display:block;}
	.about_us li a:hover {background: url("../images/misc/arrow.png") no-repeat scroll 1em .9em transparent; background-color:#002303; color:#fff; padding:.5em 0em .5em 2.4em; margin-left:-1.4em; text-decoration:none;}
	.about_us li .active {background: url("../images/misc/arrow.png") no-repeat scroll 1em .9em transparent; background-color:#002303; color:#fff; padding:.5em 0em .5em 2.4em; margin-left:-1.4em; text-decoration:none;}
	.arrowIcon { background: url("../images/misc/arrow_icon.gif") no-repeat scroll 0 7px transparent; list-style-type: none; margin: 0; padding: 1px 0 6px 18px; vertical-align: top;}
	.bulletIcon { background: url("../images/misc/bullet.png") no-repeat scroll 0 7px transparent; list-style-type: none; margin: 0; padding: 1px 0 6px 18px; vertical-align: top;}

.company_profile {width:580px;}
	.company_profile .profile_left {width:170px;}
	.company_profile .profile_middle {width:15px; text-align:center;}
	.company_profile .profile_right {width:380px;}
	.sub_image {display:block; margin:auto;}
	
	/*Accreditations and Certifications page*/
	#accreditationsPage li {background: none repeat scroll 0 0 transparent; display: inline-block; list-style-type: none; margin: 0 .7em 2em 0; padding: 0; position: relative; vertical-align: top; width:177px; height:250px;}
	.accreditations {width:177px;}
		.accreditations .image-wrap {background: url("../images/misc/loading.gif") no-repeat scroll 50% 50% #e0dedb; display: block; background-color:#e0dedb; width: 160px; height:200px; overflow: hidden; position: relative; transition: all 0.2s ease-in-out 0s;}
		.accreditations p {font-size:13px; text-align:center; color:#6f6864; margin:-2px 0;}
		
	/* Affiliations side nav*/
	#affiliations {text-align:center; font-size:12px; width:165px; margin:auto;}
	
	
	/*Partial List of Clients*/
	#clientLists {}
		#clientLists .alignCenter {text-align:center;}
		#clientLists .columnLeft {width:270px;}
			#clientLists .columnLeft li {display:block; height:25px; line-height:2em; text-transform:capitalize; text-decoration:none; color:#008026; background:url(../images/misc/arrow_icon2.gif) .2em .8em no-repeat; text-indent:1.3em;}
			#clientLists .columnLeft .contactPerson {margin-left:3em; font-size:12px;}
			#clientLists .columnLeft .twoLinesList {margin-top:-.8em;}
		#clientLists .columnRight {width:270px;}
			#clientLists .columnRight li {display:block; height:25px; line-height:2em; text-transform:capitalize; text-decoration:none; color:#008026; background:url(../images/misc/arrow_icon2.gif) .2em .8em no-repeat; text-indent:1.3em;}
			#clientLists .columnRight .contactPerson {margin-left:3em; font-size:12px;}
			#clientLists .columnRight .twoLinesList {margin-top:-.8em;}


	/*pagination (projects page)*/
	.pagination {overflow: hidden;}
	.pagination a, .pagination span {color: #7D726C; display: inline-block; font: bold 20px/25px "Trebuchet MS",Arial,Helvetica,sans-serif; margin: 0 7px; text-decoration: none; vertical-align: middle;}
	.pagination a:hover, .pagination span.current {color: #FF6144;}
	.pagination span.current {color: #004a16;}
	.pagination .pages {color: #7D726C; border: medium none; float: right;}
	.pagination a.previouspostslink, .pagination a.nextpostslink { background: none repeat scroll 0 0 #008227; color: #FFFFFF; display: inline-block; font: 10px/13px Arial,Helvetica,sans-serif; padding: 7px 13px; text-decoration: none; text-transform: uppercase; transition: all 0.5s ease 0s;}
	.pagination a.previouspostslink:hover, .pagination a.nextpostslink:hover {background: none repeat scroll 0 0 #D17040; color: #FFFFFF; text-decoration: none;}

		
		
/*Contact Us page CSS*/	
#contact {}	
	.contact_info { width:520px;}
		.contact_info .contact_details {width:520px;}
		.contact_info .contact_details .left_details {width:200px; }
		.contact_info .contact_details .left_details .excerpt {padding: 0 0 8px; width:150px;font-size:13px;}
		.contact_info .contact_details .right_details {width:310px; }
		.contact_info .contact_details .right_details .excerpt {padding: 0 0 5px; width:190px; font-size:13px;}

	.contact_form { width:420px;}
		.contact_form .button {transition: all 0.5s ease 0s; cursor:pointer; display:inline-block; color:#fff; text-transform:uppercase; background: none repeat scroll 0 0 #004a16; border:none; text-align:center; text-decoration: none; padding:.8em; margin:1em 1.5em 1em 0; font: 10px/13px Arial,Helvetica,sans-serif; line-height:18px;}
		.contact_form .button:hover {background-color:#008227;}
		.contact_form .button:disabled {color:#fff;}
		.contact_form .adjust_left{margin-left:6.5em;}
	
		fieldset ul, fieldset li{ border:0; margin:0; padding:0; list-style:none;}
		fieldset li{ clear:both; list-style:none; padding-bottom:10px; }
		fieldset input[type=text], input[type=password] {float:left; margin:10px 0px 0px 10px; background-color: #FBFAF9; border:1px solid #E8E0DD; height:25px; width:285px;}
		fieldset label{ width:70px; float:left; margin:15px 0px 0px 20px;}
		textarea { width:285px; height:217px; resize:none; background-color: #FBFAF9; border:1px solid #E8E0DD; margin:10px 0px 0px 10px;}

/*Contact Info Side Nav*/
.contactSidenav {border: 1px solid #cfccc8; padding:.5em; background:#E0DEDB; margin:1em 0 0 0; vertical-align: top; width:95%;}
.contact-content {}
	.contact-content li {list-style:none; padding-left:2.5em;}
		.contact-content #addressicon {background:url(../images/misc/icon_address.gif) 0 1px no-repeat; height:17px;}
		.contact-content #telicon {background:url(../images/misc/icon_telephone.gif) 0 5px no-repeat; margin-top:1em; height:25px; line-height:25px;}
		.contact-content #faxicon {background:url(../images/misc/icon_fax.gif) no-repeat; margin-top:2.5em; height:25px; height:25px;}
		.contact-content #faxicon2 {background:url(../images/misc/icon_fax.gif) no-repeat; margin-top:1em; height:25px; height:25px;}
		.contact-content #mobile {background:url(../images/misc/icon_mobile.gif) 0 1px no-repeat; margin-top:1em; height:28px;}
		
		/*CSS contact us page side nav CSS*/
		.contact-content #email_add_icon {background:url(../images/misc/icon_email.gif) 1.2em 10px no-repeat; margin-left:-1em; height:25px;}
			.contact-content #email_add_icon a {color:#014b18; text-decoration:none; text-transform:lowercase;}
			.contact-content #email_add_icon a:hover {text-decoration:underline; background:none;}
		.contact-content #website {background:url(../images/misc/icon_website.gif) 1em 10px no-repeat; margin-left:-1em; height:37px; line-height:25px;}
			.contact-content #website a {color:#014b18; text-decoration:none; text-transform:lowercase;}
			.contact-content #website a:hover {text-decoration:underline; background:none;}

		/*CSS product & services page side nav CSS*/
		.contact-content #email_add_icon2 {background:url(../images/misc/icon_email.gif) 0 6px no-repeat; height:25px; margin-top:.5em;}
			.contact-content #email_add_icon2 a {color:#014b18; text-decoration:none; text-transform:lowercase;}
			.contact-content #email_add_icon2 a:hover {text-decoration:underline; background:none;}
		.contact-content #website2 {background:url(../images/misc/icon_website.gif) 0 6px no-repeat; height:37px; line-height:25px;}
			.contact-content #website2 a {color:#014b18; text-decoration:none; text-transform:lowercase;}
			.contact-content #website2 a:hover {text-decoration:underline; background:none;}
	
	
	
/* error and success message */
.error {color:#000; border:1px solid #F00; background:#FFCECE; padding:.5em; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.success {color:#000; border:1px solid #398F14; background:#CCFF99; color:#5E6F33; padding:.5em; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.displayNone {display:none;}
#email {padding:1em;}


#whatsnew {}
	#whatsnew-left{width:620px;}
		#whatsnew-left #picture {width:300px;}
		#whatsnew-left #picture .image-wrap {background: url("../images/misc/loading.gif") no-repeat scroll 50% 50% #e0dedb; display: block; height: 218px; overflow: hidden; position: relative; transition: all 0.2s ease-in-out 0s; width: 290px;}
		#whatsnew-left #pictureZoom {width:590px;}
		#whatsnew-left #pictureZoom .image-wrap {background: url("../images/misc/loading.gif") no-repeat scroll 50% 50% #e0dedb; display: block; height: 443px; overflow: hidden; position: relative; transition: all 0.2s ease-in-out 0s; width: 590px;}

		#whatsnew-left #shortdesc {width:300px;}
			#whatsnew-left #shortdesc #title a {color:#014b18; text-decoration:none;}
			#whatsnew-left #shortdesc #title a:hover {color:#014b18; text-decoration:underline;}
			#whatsnew-left #shortdesc #date {padding:.5em 0; font-size:11px; color:#666;}
			#date {font-size:12px;}
			#date a {padding:.5em 0; color:#333; text-decoration:none; font-size:12px;}
			#date a:hover {color:#014b18; text-decoration:underline;}
			#whatsnew-left #shortdesc #description {min-height:120px;}
			#whatsnew-left #shortdesc .moreBtn {display: inline-block; text-decoration:none; color:#fff; font: 10px/13px Arial,Helvetica,sans-serif; text-transform:uppercase; background: none repeat scroll 0 0 #004a16; padding: 7px 13px; text-align:center; transition: all 0.5s ease 0s; margin-top:1em; float:left; line-height:18px;}
			#whatsnew-left #shortdesc .moreBtn:hover {background-color:#008227;}
			#whatsnew-left .button {transition: all 0.5s ease 0s; cursor:pointer; display:inline-block; color:#fff; text-transform:uppercase; background: none repeat scroll 0 0 #008227; border:none; text-align:center; text-decoration: none; padding: 7px 13px; font: 10px/13px Arial,Helvetica,sans-serif; line-height:18px;}
			#whatsnew-left .button:hover {background-color:#D17040;}
			#whatsnew-left .button:disabled {color:#fff;}
			#whatsnew-left .current {cursor:pointer; background:none !important; border:none !important; color:#004a16; margin: 0 -5px; display: inline-block; font: bold 20px/25px "Trebuchet MS",Arial,Helvetica,sans-serif; text-decoration: none;  vertical-align: middle;}
			#whatsnew-left .number {cursor:pointer; background:none !important; border:none !important; color:#7D726C; margin: 0 -5px; display: inline-block; font: bold 20px/25px "Trebuchet MS",Arial,Helvetica,sans-serif; text-decoration: none;  vertical-align: middle;}
			#whatsnew-left .number:hover {color:#FF6144;}
			#whatsnew-left ul li {list-style:disc; margin-left:1.5em;}
			#whatsnew-left ol li {list-style:decimal; margin-left:1.5em;}
			#newsUnavailable {font-weight:bold; text-align:center; padding:3em 0;}

			
	#whatsnew-right{width:320px;}
	
	/* news archive accordion */	
	#whatsnew-right .mj_accordion, .mj_accordion ul {list-style:none !important; margin-left:0 !important; line-height:25px;}
	#whatsnew-right .mj_accordion img {cursor:pointer;}
	#whatsnew-right .mj_accordion .dash {background:url(../images/misc/dash.png) no-repeat; width:7px; height:7px; float:left; margin:.7em 1em 0 2.5em; cursor:pointer;}
	#whatsnew-right .mj_accordion .title {border:thin solid #f00; text-align:left;}
	#whatsnew-right .mj_accordion .trigger {background:url(../images/misc/firstArrow.png) no-repeat; width:12px; height:12px; float:left; margin:.5em 1em 0 0; cursor:pointer;}
	#whatsnew-right .mj_accordion .open {background:url(../images/misc/firstArrowDown.png) !important;}
	#whatsnew-right .mj_accordion .secondtriggerArrow {background:url(../images/misc/secondArrow.png); width:12px; height:12px; float:left; margin:.5em .7em 0 1em; cursor:pointer;}
	#whatsnew-right .mj_accordion .secondopenArrow {background:url(../images/misc/secondArrowDown.png) !important;}
	#whatsnew-right .mj_accordion a {line-height:20px; color: #333; font-weight:normal;}
	#whatsnew-right .mj_accordion a:hover {color: #018343; text-decoration:underline;}
	#whatsnew-right .mj_accordion .active {color: #018343; font-weight:normal; text-decoration:none;}
	
/*latest new*(Sidebar) */
.latestpost {list-style-type: none;}
	.latestpost time { background: none repeat scroll 0 0 #008026; color: #FFFFFF; border-radius: 100% 100% 100% 100%; display: block;  float: left; font: 30px/1.2em Arial,Helvetica,sans-serif; height: 55px; margin: 5px 20px 0 0; padding-top: 5px; text-align: center; text-transform: uppercase; width: 60px;}
	.latestpost time span { display: block;  font: 14px/1.2em Arial,Helvetica,sans-serif;  margin-top: -6px;}
	.latestpost ul {list-style-type: none;}
	.latestpost li .excerpt {padding: 0 0 8px;}
	.latestpost li:first-child { border-top: medium none; padding-top: 0;}
	.latestpost li a { color: #014b18;}
	.latestpost li a:hover { text-decoration:underline;}
	.latestpost .readmore {font-size:10px; color: #014b18;}
	.latestpost .readmore:hover {text-decoration:underline;}
	.latestpost .extra-wrap { padding: 5px 0 0;}
	.extra-wrap {overflow: hidden;}
	.clearfix { display: inline-block;}
	.clearfix:after { clear: both; content: " "; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;}

/* for table styled uls - News Details (Share to Friend form)*/
.tabularizedNews label {font-weight:normal;}
.tabularizedNews li:nth-child(even) {margin-bottom:1em;}
.tabularizedNews input[type=text], .tabularizedNews input[type=password] {outline: none; background-color: #FBFAF9; border:1px solid #E8E0DD; height:32px; width:350px;}
.tabularizedNews .button {transition: all 0.5s ease 0s; cursor:pointer; display:inline-block; color:#fff; text-transform:uppercase; background: none repeat scroll 0 0 #004a16; border:none; text-align:center; text-decoration: none; padding:.8em; margin:1em 1.5em 1em 0; font: 10px/13px Arial,Helvetica,sans-serif; line-height:18px;}
.tabularizedNews .button:hover {background-color:#008227;}


/*Product and Services Page*/
#productServices {}
	#productServices-left{width:340px;}
		#productServices-left li { background: url("../images/misc/arrow.png") no-repeat scroll 1em .9em transparent; background-color:#dfdeda; margin:.5em 0em .5em 0em; padding-left:1.4em;}
		#productServices-left li a { color:#2d482e; padding:.5em 0em .5em 1em; text-transform:uppercase; display:block;}
		#productServices-left li a:hover {background: url("../images/misc/arrow.png") no-repeat scroll 1em .9em transparent; background-color:#002303; color:#fff; padding:.5em 0em .5em 2.4em; margin-left:-1.4em; text-decoration:none;}
		#productServices-left li .active {background: url("../images/misc/arrow.png") no-repeat scroll 1em .9em transparent; background-color:#002303; color:#fff; padding:.5em 0em .5em 2.4em; margin-left:-1.4em; text-decoration:none;}
	
	#productServices-right{width:580px;}
		#productServices-right .productDetails {width:550px; border:solid thin #DCD7CD; background-color:#E9E6E0; min-height:150px; padding:1em;}
		#productServices-right .prodDesc {width:380px;}
		
	/*GRACO MACHINES page*/
	#gracomachinesPage li { background: none repeat scroll 0 0 transparent; display: inline-block; list-style-type: none; margin: 0 1.5em 3em 0; padding: 0; position: relative; vertical-align: top; width:168px; height:168px;}
	.gracomachines {width:168px;}
		.gracomachines .image-wrap {background: url("../images/misc/loading.gif") no-repeat scroll 50% 50% #e0dedb; display: block; background-color:#e0dedb; width: 150px; height:150px; overflow: hidden; position: relative; transition: all 0.2s ease-in-out 0s;}
		.gracomachines p {font-size:13px; text-align:center; color:#6f6864; margin:-2px 0;}
		

/* Projects Page */
#galleryProjects {width:910px; margin:auto;}
.mj_gallery {list-style:none !important; margin-top:2em !important;}
.mj_gallery li {float:left; width:197px; background:url(../images/gallery2/albums.png) no-repeat center 0; text-align:center; padding-top:3em; margin:0 1em 1.5em; cursor:pointer;}
.mj_gallery li .imgHolder {height:180px; margin-top:-1.5em; position:relative;}
.mj_gallery li .imgHolder div {display:none; position:absolute; text-align:center; width:197px; height:165px;}
.mj_gallery li img {width:171px; height:119px;}
.mj_gallery li .viewNow {color:#6B6B6B; font-weight:bold; font-size:12px; letter-spacing:1px; display:block; background:url(../images/misc/viewmore.png) no-repeat right; text-align:right; padding-right:2em; text-transform:capitalize; margin:-3.5em 1em 2em 1em;}

/*Projects page Pagination*/
#galleryProjects .button {transition: all 0.5s ease 0s; cursor:pointer; display:inline-block; color:#fff; text-transform:uppercase; background: none repeat scroll 0 0 #008227; border:none; text-align:center; text-decoration: none; padding: 7px 13px; font: 10px/13px Arial,Helvetica,sans-serif; line-height:18px;}
#galleryProjects .button:hover {background-color:#D17040;}
#galleryProjects .button:disabled {color:#fff;}
#galleryProjects .current {cursor:pointer; background:none !important; border:none !important; color:#004a16; margin: 0 -5px; display: inline-block; font: bold 20px/25px "Trebuchet MS",Arial,Helvetica,sans-serif; text-decoration: none;  vertical-align: middle;}
#galleryProjects .number {cursor:pointer; background:none !important; border:none !important; color:#7D726C; margin: 0 -5px; display: inline-block; font: bold 20px/25px "Trebuchet MS",Arial,Helvetica,sans-serif; text-decoration: none;  vertical-align: middle;}
#galleryProjects .number:hover {color:#FF6144;}

.galleryThumbView {overflow:hidden;}
.galleryThumbView div {width:150px; height:150px; float:left; margin:.8em; text-align:center;}
.galleryThumbView img {max-width:150px; max-height:150px; -webkit-box-shadow:2px 2px 8px #888; box-shadow:2px 2px 8px #888; opacity:1 !important;}
.galleryThumbView .imgTitle {padding:5px; height:20px; background:#000; margin:0; position:absolute; display:none; color:#fff; overflow:hidden; text-align:left;}

.subAlbums {overflow:hidden; margin:auto; position:relative;}
.subAlbums .btnPrev, .subAlbums .btnNext {width:57px; height:47px; border:none; position:absolute; margin-top:8em; z-index:1; cursor:pointer;}
.subAlbums .btnPrev {background:url(../images/misc/btnPrevious.png);}
.subAlbums .btnNext {background:url(../images/misc/btnNext.png); right:-.4em;}
.subAlbums ul {width:99999em;}


#footer { color:#fff; padding:.8em 0em .8em 0em;}
	#footer li {font-size:11px; display:inline;}
	#footer li a {color:#fff; padding:0 .4em 0 0;}
	#footer li a:hover {text-decoration:underline;}
	#footer p {font-size:11px; margin-top:-2px;}
	#footer p a {color:#fff;}
	#footer p a:hover {text-decoration:underline;}