/*	HTML TAGS	*/
address{font-style:normal;}



html, body{background:#f6f6f6; color:#181818;}




/*	IDENTIFIERS	*/
#message{
	height:150px;
}




/* CLASSES		*/


.callto{background: #ececec; border:1px solid #d5d5d5;  margin:20px 0; width: 575px;
padding-left: 30px;}
.callto h5{padding:15px 0 0 15px; float:left; width:224px;}
.callto img{float:left; padding:7px 0px 0px 0px;}
.callto span{padding:10px 0px 10px 15px; font-size:small; float:left; width:203px;}


.design-div, .development-div, .marketing-div {width:176px; float:left; font-size:12px; list-style-image:url(/images/bullet1.png); padding-left:10px;}
.design-div li, .development-div li, .marketing-div li {list-style-image:url(/images/bullet1.png); margin-left:15px; height:25px; padding:5px 0;}

.design-div li, a{color:black; text-decoration:none;}
.design-div li, a:hover{color:inherit; text-decoration:none;}

.development-div{margin: 0 29px;}

.service-list li{list-style-image:url(/images/bullet1.png); margin-left:15px; padding:5px 0;}

.wdg-list li{list-style-image:url(/images/bullet1.png); margin-left:25px; padding:5px 0 0 5px;}


.support{
	float: left;
	margin-top: -15px;
	margin-right: 10px;}


.subtitle{font-size:14pt; padding:10px 0; display: block;}




.border-me{}




.borimg img{padding:5px; border:1px solid #006e2e;}



.contact-form{padding:0px 20px 5px 0px; font-size:11pt;}
.contact-form .error{color:red;margin-left:10px;margin-bottom:20px;}
.contact-form input[type=text], .contact-form textarea{
	padding:10px;
	color: #807f7f;
	width:100%; 
	background: #edecec; 
	border: 1px solid #d5d5d5; 
	margin-left:0px;
	margin-bottom: 20px;
	font-family: "Trebuchet MS", Arial;
}
/*.contact-form input[type=image]{margin-left:350px;}*/
.contact-form input[type=submit]{float:right;}

.contact-left{width:50%;float:left;}
.contact-right{width:40%;float:right;padding: 0 5%}



.content-top{
	background: url('../images/curved-top.png') no-repeat; 
	width:930px;
	height:21px;
	margin:auto;
	padding:0 48px 0 44px;
}
.content{
	background: url('../images/content-shadows.png') repeat-y; 
	width:930px; 
	margin:auto; 
	padding:0 48px 0 44px;
	font-family: "Trebuchet MS", Arial;
	/*letter-spacing:1.5;*/
	line-height: 1.1
}
.content h2, .content h3{
	color: #181818;
	font-size: 16pt;
	padding:15px 0;
}
.content p{
	/*color: #4e4d4d;*/
}
.content-left{width:650px;float:left; padding-bottom:0px; border-right: 1px solid #d1d1d1;}
.content-left p{padding:5px 20px 5px 0px; font-size:11pt;}
.content-left .project-info{padding:5px 20px 5px 0px; font-size:11pt; color:#4E4D4D;}
.content-left .project-info img{margin-right:15px;float:left;}
.content-left .gallery{}
.content-left .gallery img{ width:180px; height:180px; padding: 5px; 	border: 1px solid #ddd; margin-top:10px;}
.content-left .gallery img:hover{
	width: 172px; 
	height: 172px; 
	border: 5px solid #ddd;

}
.content-left strong{color:#006e2e; font-weight:normal;}
/* .content-left ul{font-size:11pt; padding-right: 20px; color: #4e4d4d;}
.content-left ul li{padding:5px 0;} */
.content-left h3{}
.content-right{width:250px;float:left;margin-left:20px;}
.content-right .nav1{
	float:left; 
	font-size:11pt;
	margin:20px 0 0 0;
}
.content-right .nav1 li{padding:2px;}
.content-right .nav1 li a{color:#181818; text-decoration:none;}
.content-right .nav1 li a:hover{text-decoration:underline;}
.content-right .list-left{width:145px;}
.content-right .list-right{width:105px;}
.content-right p{font-size: 9pt; color:#181818;}
.content-right span{display:block; text-align:right; margin:10px 50px 10px 0px;}
.content-right span a{color: #006e2e; text-decoration:none; font-size:9pt;}
.content-right span a:hover{color: #006e2e; text-decoration:none;}
.content-right .border-bottom{
	border-bottom:1px solid #D1D1D1;
	padding: 0;
	margin: 5px 0;
}




.current-page{border-bottom: 15px solid #006e2e;}


.footer{
	clear:both; 
	width:100%; 
	margin-bottom:10px;
}
.footer-container{
	width:880px; 
	margin:auto;
	color:#f6f6f6;
	font-size:10.5pt;
	font-family: "Trebuchet MS", Arial;
	/*letter-spacing:2;*/
	line-height: 1.1;
}
.footer .green-bottom{
	background: url('../images/footer-gradient.png') repeat-x;
	height:168px !important;
	min-height:168px;
	padding:20px 0 0px 0;
}
.footer .green-bottom p{
	width:250px; 
	/*height:120px; */
	position: relative;
	zoom: 1;
	float:left;
	padding:20px 20px; 
	border-right:2px groove #f6f6f6; 
}
.footer .green-bottom img{padding:8px 10px; ;}




.header{width:960px; margin:auto; background:#f6f6f6;}
.header .logo-left{
	background: url('../images/logo-left.png') no-repeat top left; 
	width:387px;
	height:132px;
	float:left;
}
.logo-right{
	background: url('../images/logo-right.png') no-repeat bottom left;
   font-family: "Georgia", Verdana;
	font-size:14pt;	
	width:563px;
	height:132px;
	text-align:right;
	padding-right:10px;
	float:left	;
}
.header .logo-right a{color: #006e2e;}
.header .logo-right p{padding:60px 0 0 0; margin:0}




.img1{}
.img2{margin:0px 30px;}
.img3{}


.nav{
	text-align:right;
	text-transform:uppercase;
	font-family: "trebuchet ms", Verdana;
	font-size:18pt;
	padding:10px;
}
.nav ul li{display:inline; /*border-left: 1px solid #181818;*/ padding:10px; color:#181818;}
.nav ul li a{color:inherit; text-decoration:none;}
.nav ul li a:hover{text-decoration:underline;}


.projecturl{padding:5px 10px;background: #006e2e; color: white; font-size:11pt; text-decoration:underline;}
.projecturl:hover{text-decoration:none;}




.spacer{height:10px; background: url('../images/divider.png') no-repeat right center; padding:20px 20px 20px 0; clear:both;}
.spacer2{height:80px; clear:both;}




.top-border{background:#006e2e; width:100%; height:10px; margin-bottom:15px;}
.top-green{
	background: url('../images/top-gradient.png') repeat-x;
	padding-top:40px;
}





.white-bottom{
	width:940px;
	margin:10px auto;
	font-family: "trebuchet ms", Verdana;
	font-size: 10pt;
	padding:10px 0 20px 0;
}
.white-bottom ul{float:left;}
.white-bottom ul li{display:inline; border-left: 1px solid #181818; color:#181818;padding:0 10px;}
.white-bottom ul li a{text-decoration:none; color: #181818;}
.white-bottom ul li a:hover{text-decoration:none; color: #181818;}
.white-bottom-right{float:right;}




.widget ul{
		margin:0;
		font-size:9pt;
}
.widget ul a{text-decoration:none; color: #006e2e;}













/* jQuery Sliding Box */
.boxgrid h3{ 
	margin: 10px 10px 0 10px; 
	color:#FFF; 
	font:15pt Arial, sans-serif; 
	letter-spacing:-1px; 
	font-weight: bold;
}

.boxgrid a{
	text-decoration:none;
}

.boxgrid{ 
				width: 180px; 
				height: 180px; 
				margin:10px; 
				float:left; 
				background:#161613;
				overflow: hidden; 
				position: relative; 
				-moz-box-shadow: 5px 5px 5px #ccc;
				-webkit-box-shadow: 5px 5px 5px #ccc;
				box-shadow: 5px 5px 5px #ccc;
				border: solid 2px #8399AF;
}

.boxgrid:hover{
	width: 174px; 
	height: 174px; 
	border: solid 5px #8399AF;

}

.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					padding:0;
          margin:0;
          width:180px;
          height:180px;
}
 
.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
}
				
.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.captionfull .boxcaption {
 					top: 120px;
 					left: 0;
}

.caption .boxcaption {

 					top: 120px;
 					left: 0;
 }
 
 
 
 /*jQuery Thumbnail effect*/
 
 
 
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 100%;
}
ul.thumb li {
	padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 180px;
	height: 180px;
}
ul.thumb li img {
	width: 180px; height: 180px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 0px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}





/*leaflet page thumb css*/
ul.thumb2 {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 100%;
}
ul.thumb2 li {
	padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 180px;
	height: 252px;
}
ul.thumb2 li img {
	width: 180px; height: 252px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 0px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}

/*ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}*/