body { margin:0px; padding:0px;}

#main { width:998px; margin-right:auto; margin-left:auto; }

.forms-input {
	font-family: tahoma;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.clear { clear:both; }

.bar-line { background-image:url(images/spacer.gif); width:100%; height:1px; background-color:#EAEAEA; }

.bar-line-thick { background-image:url(images/spacer.gif); width:100%; height:4px; background-color:#EAEAEA; }

.nav { padding-left:17px; padding-top:14px; height:37px; width:981px; float:left; background-image:url(images/menu-bg.jpg); background-repeat:no-repeat; }

.nav-link {
	font-size: 11px;
	line-height: 17px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #868686;
	text-decoration: none;
	font-family: tahoma;
}
.nav-link a:link {
	font-size: 11px;
	line-height: 17px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #868686;
	text-decoration: none;
	font-family: tahoma;
}
.nav-link a:visited {
	font-size: 11px;
	line-height: 17px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #868686;
	text-decoration: none;
	font-family: tahoma;
}

.nav-link a:hover {
	font-size: 11px;
	line-height: 17px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #AE2024;
	text-decoration: none;
	font-family: tahoma;
}

.header { width:998px; height:192px; float:left;background-image:url(images/dmiNoFlashBanner.jpg); background-repeat:none;}

.header-boxes { width:998px; height:149px; float:left;}


.web-design { background-image:url(images/web-design.jpg); background-repeat:no-repeat; float:left; width:231px;  height:91px; padding-top:58px; padding-left:19px;

	font-family: tahoma;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;

 }
 
 .web-design a:link{ 	font-family: tahoma;
				font-size: 11px;
				line-height: 17px;
				font-weight: normal;
				color: #FFFFFF;
				text-decoration: none;

 }

 .web-design a:visited{ 	font-family: tahoma;
				font-size: 11px;
				line-height: 17px;
				font-weight: normal;
				color: #FFFFFF;
				text-decoration: none;

 }


.web-dev { background-image:url(images/web-dev.jpg); background-repeat:no-repeat; float:left; width:229px;  height:91px; padding-top:58px; padding-left:20px;

	font-family: tahoma;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.web-dev a:link{ 	font-family: tahoma;
			font-size: 11px;
			line-height: 17px;
			font-weight: normal;
			color: #FFFFFF;
			text-decoration: none;
}

.web-dev a:visited{ 	font-family: tahoma;
			font-size: 11px;
			line-height: 17px;
			font-weight: normal;
			color: #FFFFFF;
			text-decoration: none;
}
 

.ie-market { background-image:url(images/ie-market.jpg); background-repeat:no-repeat; float:left; width:227px; height:91px; padding-top:58px; padding-left:23px;

	font-family: tahoma;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.ie-market a:link{ 	font-family: tahoma;
					font-size: 11px;
					line-height: 17px;
					color: #FFFFFF;
					text-decoration: none;
}

.ie-market a:visited{ 	font-family: tahoma;
					font-size: 11px;
					line-height: 17px;
					color: #FFFFFF;
					text-decoration: none;
}
 
.const-training { background-image:url(images/const-training.jpg); background-repeat:no-repeat; float:right; width:228px; height:91px; padding-top:58px; padding-left:21px;

	font-family: tahoma;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.const-training a:link{	font-family: tahoma;
					font-size: 11px;
					line-height: 17px;
					font-weight: normal;
					color: #FFFFFF;
					text-decoration: none;
}

.const-training a:visited{	font-family: tahoma;
					font-size: 11px;
					line-height: 17px;
					font-weight: normal;
					color: #FFFFFF;
					text-decoration: none;
}


.body-contents { width:979px; padding-left:19px; padding-top:28px; height:auto; float:left; }
.body-contents2 { width:979px; padding-left:19px; padding-top:28px; height:926px; float:left; }
.contents-left2
 {
	width:602px;
	height:auto;
	float:right;
	padding-right:71px;
	padding-bottom:20px;
	font-family: tahoma;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.contents-left3
 {
	width:683px;
	height:auto;
	float:left;
	padding-bottom:20px;
	font-family: tahoma;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.body-text
 {
	font-family: tahoma;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}


.contents-left {
	width:602px;
	height:auto;
	float:left;
	padding-right:71px;
	padding-bottom:20px;
	font-family: tahoma;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.contents-left a:link{
	font-family: tahoma;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #C30000;
	text-decoration: none;
}

.contents-left a:visited{
	font-family: tahoma;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #C30000;
	text-decoration: none;
}

.contents-left a:hover{
	font-family: tahoma;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #E41B2A;
	text-decoration: none;
}

.work-box-01 { width:148px; height:102px; float:left; }
.work-box-02 { width:148px; height:102px; float:left; }
.work-box-03 { width:148px; height:102px; float:left; }
.work-box-04 { width:148px; height:102px; float:left; }


.contents-right { width:223px; height:170px; float:left; padding-right:41px; }

.section-right { width:223px; height:170px; float:left; padding-right:41px; 	font-family: tahoma;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #989A9A;
	text-decoration: none;}

.section-right a:link{ font-family: tahoma;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #989A9A;
	text-decoration: none;}

.section-right a:visited{ font-family: tahoma;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #989A9A;
	text-decoration: none;}
	
	
.section-right2 {
width:180px; height:170px; float:left; padding-right:41px; 	font-family: tahoma;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #989A9A;
	text-decoration: none;}

.section-right2 a:link{ font-family: tahoma;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #989A9A;
	text-decoration: none;}

.section-right2 a:visited{ font-family: tahoma;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #989A9A;
	text-decoration: none;}

	
	

.phone-call { width:264px; height:48px; float:left; }

.latest-news { width:223px; height:270px; float:left; padding-right:41px; }

.news-top { width:264px; height:48px; float:left; }

.news-bott-bg { width:264px; height:17px; float:left; }

.news-bg {
	background-image:url(images/news-bg.jpg);
	background-repeat:repeat-y;
	width:238px;
	height:200px;
	float:left;
	padding-top: 23px;
	padding-left: 13px;
	padding-right:13px;
	font-family: tahoma;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.news-bg a:link{
	font-family: tahoma;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #989A9A;
	text-decoration: none;
}



.news-bg a:visited{
	font-family: tahoma;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #989A9A;
	text-decoration: none;
}

.news-dots { background-image:url(images/news-dots.jpg); background-repeat:no-repeat; float:left; width:238px; height:15px; }

.footer { 	background-image:url(images/footer-bg.jpg); background-repeat:no-repeat;
			width:981px; height:61px; float:left;
			padding-left:17px;
			padding-top:30px;
			font-family: tahoma;
			font-size: 11px;
			line-height: 17px;
			font-weight: normal;
			color: #FFFFFF;
			text-decoration: none;
	}

.footer a:link{ font-family: tahoma;
				font-size: 11px;
				line-height: 17px;
				font-weight: normal;
				color: #FFFFFF;
				text-decoration: none;
	}		

.footer a:visited{ font-family: tahoma;
				font-size: 11px;
				line-height: 17px;
				font-weight: normal;
				color: #FFFFFF;
				text-decoration: none;
	}			

.myH1{
	font-family: tahoma;
	font-size: 22px;
	line-height: 24px;
	font-weight: normal;
	color: #C30000;
	text-decoration: none;
}
.myH2{
	font-family: tahoma;
	font-size: 18px;
	line-height: 17px;
	font-weight: normal;
	color: #C30000;
	text-decoration: none;
}
.myH3{
	font-family: tahoma;
	font-size: 16px;
	line-height: 17px;
	font-weight: normal;
	color: #C30000;
	text-decoration: none;
}
.myH3 a:link{
	font-family: tahoma;
	font-size: 16px;
	line-height: 17px;
	font-weight: normal;
	color: #C30000;
	text-decoration: none;
}
.myH3 a:visited{
	font-family: tahoma;
	font-size: 16px;
	line-height: 17px;
	font-weight: normal;
	color: #C30000;
	text-decoration: none;
}
.myH4{
	font-family: tahoma;
	font-size: 14px;
	line-height: 17px;
	font-weight: normal;
	color: #C30000;
	text-decoration: none;
}



.textWithImage{
	width:520px;
	height:auto;
	float:left;
	font-family:tahoma;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	text-decoration: none;
	color: #333333;

}



.bullet{
	width:180px;
	height:auto;
	float:left;
	background-image:url(images/bullet.jpg);
	background-repeat:repeat-y;
	padding-left:13px;
	font-family:tahoma;
	font-size: 11px;
	line-height: 25px;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
	background-position: left top;
}

.bullet a:link{
	font-family:tahoma;
	font-size: 11px;
	line-height: 25px;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
	background-position: left top;
}

.bullet a:visited{
	font-family:tahoma;
	font-size: 11px;
	line-height: 25px;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
	background-position: left top;
}




<!-----------------------------------portfolio css----------------------------------->

#FrogJS{
width: 760px;
height: 600px;
margin: 0 auto;
}
#FrogJSCredit{
text-align: right;
font-size: 80%;
color: #999;
padding: 1px;
}
#FrogJSCaption{
text-align: left;
line-height: 140%;
}