/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

a:active, a:focus {outline: 0;}
:focus {-moz-outline-style: none;}
body
{
	line-height: 1;
}
body
{
	background:url("/images/template/backgrounds/main.jpg") repeat-x #000;
}
ol, ul
{
	list-style: none;
}
blockquote, q
{
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus
{
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins
{
	text-decoration: none;
}
del
{
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
#case
{
	width:990px;
	margin:0px auto;
}

#hdr
{
	width:990px;
	height:33px;

}
#hdr a{
color:#a9e061;
text-decoration:none;
}
#hdr a:hover{
color:#fff;
}
#hdr h4
{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	line-height:.666em;
	text-align:right;
	font-weight:normal;
	padding-top:10px;
	font-size:.75em;
	margin-right:40px;
}
#content
{
	width:990px;
}
#col-left
{
	width:424px;
	min-height:696px;
	background:url("/images/template/backgrounds/content.jpg") no-repeat #200613;
	position:relative;
	
}

#col-right #app
{
position:absolute;
top:-60px;
right:-60px;
z-index:700;
display:none;
}
#col-left #menu
{
	height:120px;
}

#col-left #menu img
{
	float:left;
}
#col-left #display
{
	width:414px;
	min-height:566px;
		_height:566px;
}
#col-left #display p a{
color:#a9e061;
text-decoration:underline;
}
#col-left #display p a:hover{
color:#fff;
text-decoration:underline;
}
.img{
float:right;
clear:right;
padding:4px 26px;
}

.lgreen{
color:#a9e061;
line-height:1.333em;
}
.ltext{
font-size:160%;
line-height:1.666em;


}

#col-left #display p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
	color:#fff;
	padding:4px 26px;
	text-align:right;
	line-height:1.111em;
	
}
#col-left #display h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.85em;
	color:#fff;
	padding:4px 26px;
	text-align:right;
	font-weight:normal;
	text-transform: uppercase;
}
#col-left #display blockquote
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
	color:#ffd3eb;
	padding:10px 26px;
	text-align:right;
	font-style:italic;
}
#col-right
{
	min-height:696px;
	width:566px;
	position:relative;
}
#col-right #closeup
{
	position:absolute;
	left:-20px;
	top:142px;
	z-index:200;
}
#col-right #taoh
{
	position:absolute;
	right:50px;
	top:460px;
	z-index:100;
}
.fl
{
	float:left;
}
.fr
{
	float:right;
}
.clr{
clear:both;}
#ftr, a, a:hover
{
	width:566px;
	text-align:right;
	color:#a9e061;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#ftr p
{
	padding-top:5px;
	margin-right:20px;
	font-size:.65em;
}
#ftr h4
{
	margin-right:20px;
	padding-top:5px;
	font-size:.7em;
}
#col-left #display .box{
padding-top:10px;
height:107px;

}

#col-left #display .box:hover{
cursor:pointer;
color:#ffd3eb;
background:url("/images/template/backgrounds/service-over.jpg") no-repeat 20px 0px;
}
.cert{
margin-left:14px;
margin-top:20px;
}
.certalone{
margin-right:4px;
margin-top:20px;
text-align:right;
}
#gallery-extension{
position:relative;
width:414px;
height:220px;
}
 #thumb01{
	position:absolute;
	z-index:1000;
	top:40px;
	left:20px;
	width:96px;
	height:96px;
}
#thumb02{
	position:absolute;
	z-index:1000;
	top:120px;
	left:120px;
	width:96px;
	height:96px;
}

#thumb03{
	position:absolute;
	z-index:1000;
	top:62px;
	left:192px;
	width:96px;
	height:96px;
}


#thumb04{
	position:absolute;
	z-index:1000;
	top:40px;
	left:300px;
	width:96px;
	height:96px;
}