/* CSS Document */

Body
{
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#777777;
	margin-top:-50px;

}

.order_frame
{
	margin: 0 auto;
	border: 1px dashed #CCCCCC;
	width: 900px;
	height: 170px; 

}

.product_table
{
	margin: 0 auto;
	width: 905px;
	height: 1580px;
	border-right: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;


}

.product
{
	float: left;
	border:1px dashed #cccccc;
	border-bottom: 0px;
	border-right: 0px;
	width:300px;
	height: 225px;


}

.product_image
{
	float: left;
	width: 140px;
	height: 140px;
	padding-top: 15px;
	padding-left: 15px;

}


.product_details
{
	padding-top: 15px;
	float: right;
	width: 125px;
	height: 200px;
	line-height: 20px;
	color: #333333;
	font-family:"Trebuchet MS";
	font-size:11px;

}


/*
CSS Image rollover script
*/

.thumbnail
{
	position: relative;	
	z-index: 0;
}

.thumbnail:hover
{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span
{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #EEEEEE;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img
{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span
{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 60px; 
	/*position where enlarged image should offset horizontally */

}


.thumbinfo
{
	font-family:"Trebuchet MS";
	font-size:11px;
	height: 100px;
	width: 120px;
	line-height: 20px;
	color: #333333;
	border: 1px #CCCCCC dashed;

}

h4 
{ 
	color: #F69021;
}


.cont
{ 
	color: #016DB8;
}

.portf
{
	color: #96C05E;
}

.res 
{
	color: #C33A34;
}

.filename
{
	color: #8EC840; font-family:"Trebuchet MS" ;
}

.filename a
{
	color: #8EC840; font-family:"Trebuchet MS" ;
}

.filename a: hover
{
	color: #0a5baa; font-family:"Trebuchet MS" ;
}


.gallery
{
	color: #8EC840; font-family:"Trebuchet MS" ;
}

.info
{
	color: #8EC840; font-family:"Trebuchet MS"; font-size:12px;
}

.blinks
{ 
	font-family:"Trebuchet MS"; font-size:12px;
}

.blinks a 
{ 
color: #0a5baa; text-decoration:none;}

.blinks a:hover
{
	color: #f69021; text-decoration:none;
}

a 
{ 
	color: #0a5baa; text-decoration:none;
}

a:hover
{
	color: #f69021; text-decoration:none;
}

.content
{ 
	font-size:10px; font-family:"Trebuchet MS"; letter-spacing:.17em; line-height:16px; height:165px;
}
.content a
{
	color:#0a5baa; text-decoration:none; 
}
.content a:hover
{ 
	color: #f69021; 
}

.footer
{
	font-size:12px;
	font-family:"Trebuchet MS";
	height:auto;
}

.heading
{
	font-size:12px;
	font-family:"Trebuchet MS";
	height:auto;
}


.dl{width:202px; height:114px; background:url(../images/design_labs_res.jpg) no-repeat; }
.dl a{width:202px; height:114px; background:url(../images/design_labs_res.jpg) no-repeat;  display:block; text-decoration:none; }
.dl a:hover{ width:202px; height:114px; background:url(../images/design_labs_roll.jpg) no-repeat;}


.resumes{width:202px; height:114px; background:url(../images/Web_res.jpg) no-repeat; }
.resumes a{width:202px; height:114px; background:url(../images/Web_res.jpg) no-repeat;  display:block; text-decoration:none; }
.resumes a:hover{ width:202px; height:114px; background:url(../images/Web_res_roll.jpg) no-repeat;}

.port{width:202px; height:114px; background: url(../images/Portfolio.jpg) no-repeat; }
.port a{width:202px; height:114px; background: url(../images/Portfolio.jpg) no-repeat;  display:block; text-decoration:none; }
.port a:hover{width:202px; height:114px; background:url(../images/Portfolio_hover.jpg) no-repeat;}

.about{width:202px; height:114px; background: url(../images/About_us.jpg) no-repeat;}
.about a{width:202px; height:114px; background: url(../images/About_us.jpg) no-repeat;  display:block; text-decoration:none; }
.about a:hover{width:202px; height:114px; background:url(../images/About_us_hover.jpg) no-repeat;}

.contact{width:202px; height:114px; background:  url(../images/Contact.jpg) no-repeat; }
.contact a{width:202px; height:114px; background:  url(../images/Contact.jpg) no-repeat;  display:block; text-decoration:none; }
.contact a:hover{width:202px; height:114px; background:url(../images/Contact_hover.jpg) no-repeat;}


.Elogo{width:114px; height:329px; background:  url(../images/Emirco_Alt_logo.jpg) no-repeat; }
.Elogo a{width:114px; height:329px; background:  url(../images/Emirco_Alt_logo.jpg) no-repeat;  display:block; text-decoration:none; }
.Elogo a:hover{width:114px; height:329px; background:url(../images/Emirco_Alt_logo_hover.jpg) no-repeat; }

#dhtmltooltip{
font-family: "Trebuchet MS";
font-size: 11px;
position: absolute;
width: 200px;
border: 1px solid green;
padding: 2px;
background-color: white;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.style1 {font-weight: bold}
.style2 {
	color: #0a5baa;
	font-weight: bold;
	font-size: 12px;
}