@charset "utf-8";
/* CSS Document */
img, div, span{
	behavior: url(iepngfix.htc)
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, input, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  font-family: Georgia, "Times New Roman", Times, serif;
}


/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }



/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

* {margin:0;padding:0;} 

html, body, #wrap {height: 100%;}
body{
background:url(images/main-bkgd.jpg);
text-align:center;


}
#wrap{
margin:0 auto;
background:url(images/content-bkgd.png) center repeat-y;
min-width:1000px;
text-align:left;

}
.index-main a, .index-main-center a{
font-style:italic;
text-decoration:underline;
color:#58595b;

}

.index-main a:hover, .index-main-center a:hover{
	color:#373839;
}

h1{
color:#a28800;
font-size:29px;
padding-bottom:10px;
}
h2{
color:#231f20;
font-size:18px;
}

h3{
font-size:18px;
color:#a28800;
padding-bottom:7px;
}

h5{
font-size:18px;
color:#231f20;
padding-bottom:7px;
}
p{
color:#58595b;
font-size:13px;
line-height:21px;
}
body > #wrap {height: auto; min-height: 100%;}

#main {
width:876px;
margin:0 auto;
padding-bottom: 177px;
padding-top:20px;

}

#main-services {
width:876px;
margin:0 auto;
padding-bottom: 177px;
padding-top:20px;


}
#main-btmline{
width:876px;
display:block;
clear:both;
height:75px;
border-bottom:1px solid #a28800;
}
.tooltip{
	display:none;
	width:237px;
	height:188px;
	background:url(images/main-hover.jpg);
	padding:50px 20px 20px 20px;
	cursor:default;


}


#print-hover {
text-align:left;
	position:absolute;
	display:block;
	width:237px;
	text-decoration:none;
	height:198px;
	background:url(images/main-hover.jpg);
	padding:40px 20px 20px 20px;
	top: 404px;
	left: 65px;
	opacity:0;
	filter:alpha(opacity=0);
	cursor:default;
}

#print-hover:hover{
	opacity:0.95;
	filter:alpha(opacity=95); 
	cursor:default;
}

#web-hover {
text-align:left;
	position:absolute;
	display:block;
	width:237px;
	text-decoration:none;
	height:198px;
	background:url(images/main-hover.jpg);
	padding:40px 20px 20px 20px;
	top: 404px;
	left: 362px;
	opacity:0;
	filter:alpha(opacity=0);
	cursor:default;
}

#web-hover:hover{
	opacity:0.95;
	filter:alpha(opacity=95); 
		cursor:default;
}

#render-hover {
text-align:left;
	position:absolute;
	display:block;
	width:237px;
	text-decoration:none;
	height:198px;
	background:url(images/main-hover.jpg);
	padding:40px 20px 20px 20px;
	top: 404px;
	left: 658px;
	opacity:0;
	filter:alpha(opacity=0);
	cursor:default;
}

#render-hover:hover{
	opacity:0.95;
	filter:alpha(opacity=95); 
		cursor:default;
}
.main-btn a{
background:url(images/main-btn-over.jpg) no-repeat left;
text-align:center;
text-decoration:none;
overflow:hidden;
display:block;
width:296px;
height:40px;
padding-top:10px;
margin-left:-7px;
margin-top:-10px;
position:relative;
z-index:10000;
}

.main-btn a:hover{
background:url(images/main-btn-over.jpg) no-repeat right;
}
#footer {
text-align:left;
	position: relative;
	margin-top: -177px !important; /* negative value of footer height */
	height: 177px;
	clear:both;
	background:url(images/footer-bkgd.gif) bottom repeat-x;
	min-width:1000px;
	}
	
#navigation-bkgd{
background:url(images/nav-bkgd.gif) top repeat-x;
padding-top:15px;

}

#header{
background:url(images/header-bkgd.png) top center no-repeat;
display:block;
width:1000px;
height:366px;
margin:0 auto;

}
#notfound-header{
padding:25px 0 0 130px;
}
#notfound-header img{
float:left;
margin-right:45px;
}
.notfound-header-text{
margin-top:50px;
}
#notfound-arrow{
width:57px;
float:left;
margin-left:-37px;
margin-right:20px;
position:relative;
_margin-left:-23px;
}
#logo{
padding:18px 0 0 30px;
position:relative;
width:239px;
float:left;
}
#navigation{
height:20px;
float:left;
margin:46px 0 0 195px;

}

.line{
float:left;
height:20px;
}

#navigation ul li{
list-style-type:none;
font-weight:bold;
display:block;
float:left;
height:20px;
}


#navigation ul li a{
text-decoration:none;
color:#c6c8ca;
display:block;
float:left;
height:14px;
padding:3px 15px;
font-weight:bold;
font-size:12px;
}
#navigation ul li a:hover{
background:#444546;
height:14px;
overflow:hidden;
}

.nav-active{
text-decoration:none;
color:#c6c8ca;
display:block;
float:left;
height:14px !important;
padding:3px 15px;
font-size:12px;
background:#444546;
overflow:hidden !important;
}
#arrow-home{
	position:absolute;
	left: 460px;
	top: -15px;
	z-index:10000 !important;
}

#arrow-company{
	position:absolute;
	left: 543px;
	top: -15px;
}
#arrow-portfolio{
	position:absolute;
	left: 655px;
	top: -15px;
}
#arrow-services{
	position:absolute;
	left: 767px;
	top: -15px;
}
#arrow-contact{
	position:absolute;
	left: 870px;
	top: -15px;
}
.index-main{
width:282px;
float:left;
display:inline-block;
}


.index-main h3, .index-main-center h3{
padding:5px 5px 7px 5px;
}

.index-main p, .index-main-center p{
padding:0 5px;
}
.index-main-center{
width:282px;
float:left;
margin:0 15px 0 15px;
display:inline-block;
}


.main-img{
display:block;
background:url(images/main-img-bkgd.png);
width:262px;
height:253px;
padding:10px;
}

#company-header{
float:left;
width:465px;
padding:90px 30px 0 65px;
background:url(images/header-divider.gif) no-repeat right bottom;
height:150px;
}

#company-review{
float:left;
width:330px;
padding:70px 0 0 30px;
}

#services-quote{
float:left;
width:275px;
padding:70px 0 0 30px;
}



#services-bkgd{
width:911px;
margin-left:-37px;
height:390px!important;
overflow:hidden;
background:url(images/services-bkgd-full.gif) top no-repeat;
display:block;
padding:20px 20px 0 20px;
}

.service-col{
float:left;
width:243px;
padding: 30px 30px;
}
.service-col h2{
color:#dbce81;
}
.service-col p{
color:#c3beab;
}
.service-col h5{
color:#b0a991;
}

.overlay{
width:665px;
height:680px;
background:#FFF;
display:none;
z-index:50000; 
position:absolute;
top:35px!important;
padding:30px;

}



.company-overlay{
width:500px;
height:670px;
background:#FFF;
display:none;
padding:30px;
z-index:50000; 
top:35px!important;
position:absolute;

}

.company-overlay h1{
margin-bottom:20px;
}

.company-overlay-input{
width:333px;
	height:20px;
	background:#F1EEC9;
	padding:8px 0 0 5px;
	margin-top:-10px;
	color:#58595b;
	float:left;
	margin-bottom:19px;
	border: 1px #EEE9BB solid;
}

.services-overlay-input{
width:200px;
	height:20px;
	background:#F1EEC9;
	padding:8px 0 0 5px;
	margin-top:-10px;
	color:#58595b;
	float:left;
	margin-bottom:19px;
	border: 1px #EEE9BB solid;
}

.services-overlay-other{
width:210px;
position:relative;
top:-7px;
left:80px;
margin-right:-220px;
height:15px;
background:#F1EEC9;
padding:3px 0 0 5px;
margin-top:-10px;
color:#58595b;
float:left;
border: 1px #EEE9BB solid;
}
.services-overlay-bottom{
padding-top:40px;
}

.services-overlay-bottom p{
display:block;
float:left;
width:295px;
margin-right:20px;
}
.company-idleField{
	background:#F1EEC9;
	color:#58595b;
	border: 1px #EEE9BB solid;
}

.company-focusField{
	background:#F9F7E6;
	color:#58595b;
	border: 1px #a28800 solid;
}

.company-overlay p, .overlay p{
color:#231f20;
}
.company-overlay img{
padding:5px 0;
}

.comments-subtext{
display:block;
float:left;
width:150px;
font:italic 10px Georgia, "Times New Roman", Times, serif;
text-align:right;
color:#58595b;
margin-right:10px;
}
.company-overlay .subtext{
float:left;
width:175px;
color:#58595b;
font-size:13px;

}

.overlay .subtext{
float:left;
display:block;
margin:5px 0 0 15px!important;
height:16px !important;
color:#58595b;
font-size:13px;

}

.radio-btn input{
background:none!important;
float:left!important;
margin-top:3px;
}
.service-tooltip{
background:url(images/service-tooltip.png) no-repeat;
display:none;
width:243px;
padding:63px 30px;
height:299px;
}
.service-col h5, .service-tooltip h5{
padding-top:15px;
}
#company-history{
width:460px;
float:left;
}
#hsi-link{
float:left;
padding:103px 0 20px 25px;
}
#company-history a{
font-style:italic;
text-decoration:underline;
color:#a28800;
}


#company-history a:hover{
color:#907d1c;
}

#company-history a.greylink{
color:#58595b;

}

#company-history a:hover.greylink{
	color:#373839;
	}

#company-history img{
padding:20px 0;
float:left;

}

#company-img{
float:left;
padding-left:60px;
}
#portfolio-btns{
padding:65px 0 0 65px;
float:left;
width:235px;
}

#portfolio-btns a{
display:block;
width:215px;
height:36px;
background:url(images/portfolio-over.png) left no-repeat;
overflow:hidden;
text-decoration:none;
padding:12px 0 0 20px;
}

#portfolio-btns a:hover{
background:url(images/portfolio-over.png) right no-repeat;
}
#portfolio-active{
display:block;
width:215px;
height:36px;
background:url(images/portfolio-active.png) right no-repeat;
text-decoration:none;
padding:12px 0 0 20px;
}
#portfolio-active h2 {
	color:#F7F3E4;
}

.portfolio-thumbs{
display:block;
height:160px;
padding:65px 18px 0 25px;
width:587px;
background:url(images/portfolio-bkgd.png) no-repeat bottom;
float:left;
}



.portfolio-thumbs a, .portfolio-thumbs-web a{
float:left;
display:block;
width:90px;
height:69px;
padding-bottom:7px;
margin-right:7px;
	opacity:0.4;
	filter:alpha(opacity=40); 
}


.portfolio-thumbs a:hover, .portfolio-thumbs-web a:hover{
	opacity:1;
	filter:alpha(opacity=100); 

}

.portfolio-thumbs a.current, .portfolio-thumbs-web a.current {
	opacity:1;
	filter:alpha(opacity=100); 
	background:url(images/portfolio/portfolio-thumb-bkgd.gif) no-repeat;
}

div.css-panes{
min-height:300px;
width:850px;
overflow:hidden;
}

div.css-panes div {
	display:none;
	width:850px;
	overflow:hidden;
}

.portfolio-tooltip-left, .portfolio-tooltip-right{
display:none;
z-index:100000!important;
width:55px!important;
height:55px!important;

}


.thumb-col{
width:90px;
float:left;
overflow:hidden;
display:block;
height:150px;
padding-right:7px;
}

.thumb-col a{
display:block;
overflow:hidden;
width:90px;
height:69px;
padding-bottom:7px;
}

.thumb-col a:hover{
text-indent:-90px;
}

#thumb-tooltip{
display:none;
text-align:center;
width:149px;
padding:25px 20px;
height:28px;
background:url(images/portfolio/thumb-tooltip.png) no-repeat;
color:#a28800;
}

.thumb-tooltip-bkgd{
background:url(images/portfolio/thumb-tooltip-bkgd.png) repeat-y;
width:149px;
display:block;
padding:0 20px;
}

.detail-image-bak{
background:url(images/portfolio/portfolio-img-bkgd.gif) no-repeat;
display:block;
width:502px;
height:309px;
float:left;
padding:15px;

}

.detail-info{
float:left;
padding:15px 0 0 15px;
width:300px;
}
a.viewsite-btn{
display:block;
background:url(images/portfolio/viewsite-btn.jpg) left no-repeat;
overflow:hidden;
height:39px;
width:137px;
text-align:center;
padding-top:12px;
font:italic 18px Georgia, "Times New Roman", Times, serif;
text-decoration:none;
color:#231f20;
margin-left:-7px;
margin-top:10px;
}

a:hover.viewsite-btn{
background:url(images/portfolio/viewsite-btn.jpg) right no-repeat;
}
.detail-info h3{
padding-bottom:20px;
}
.detail-info img{
padding-bottom:5px;
}
a.viewsite-btn img{
padding:0 0 0 5px;
}
.detail-info h5{
font-size:14px;
padding-top:20px;
}
#services-header{
float:left;
width:612px;
padding:80px 30px 0 0;
background:url(images/header-divider.gif) no-repeat right bottom;
height:160px;
}
#services-header img{
float:left;
position:relative;
padding-right:5 px;
top:-75px;
left:-2px;
}
.top30{
padding-top:30px;
}
.big-btn a{
display:block;
background:url(images/big-btn.png) bottom left no-repeat !important;
overflow:hidden;
width:181px;
height:40px;
text-align:center;
padding-top:33px;
font:italic 18px Georgia, "Times New Roman", Times, serif;
text-decoration:none;
color:#231f20;
position:relative;
left:-5px;
}

.big-btn a:hover{
background:url(images/big-btn.png) bottom right no-repeat!important;
}
#footer-info-content{
background:#FFF;
display:block;
position:relative;
width:850px;
padding:40px 50px 0 50px;
margin:0 auto !important;

}
#footer-info-content ul li{
display:block;
float:left;
list-style-type:none;
color:#a28800;
font-size:11px;
}

.footer-divider{
float:left;
position:relative;
top:60px;
}
#footer-info-content ul li a{
font-weight:bold;
color:#a28800;
display:block;
margin-bottom:3px;
font-size:11px;
}

#footer-info-content ul li a.facebook{
width:32px;
overflow:hidden;
display:block;
margin-bottom:-3px;
}

#footer-info-content ul li a:hover.facebook{
text-indent:-32px;

}
.tooltip h2, #print-hover h2, #web-hover h2, #render-hover h2{
float:left;
margin-right:10px;
font-size:13px;
font-weight:bold;
margin-left:5px;
}
.tooltip a, #render-hover a, #print-hover a, #web-hover a{
font-style:italic;
color:#58595b;
}

.portfolio-noscript{
	display:block;
	border:3px solid #660000;
	background:#EAE8CE;
	padding:30px;
}
#render-hover a:hover, #print-hover a:hover, #web-hover a:hover{
	color:#373839;
}

#footer-info-content ul li a:hover{
color:#907d1c;
}
.footer-contact{
margin-top:60px;
background:url(images/footer-divider.gif) bottom right no-repeat;
min-height:42px;
padding-right:30px;
display:block;
}

.top11{
margin-top:11px;
}
.numbers{
font:bold 20px "Times New Roman", Times, serif;
}
.black{
color:#000000;
}

.subtext{
font:12px/19px Arial, Helvetica, sans-serif;
color:#231f20;
}
.subtext a{
font:12px/19px Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#58595b;
}
.subtext a:hover{
	color:#373839;
}
#header-content{
display:block;
clear:both;
width:1150px;
}
.header{
font-size:14px;
line-height:24px;
color:#231f20;
}

.header a{
font:italic 14px/24px Georgia, "Times New Roman", Times, serif;
text-decoration:underline;
color:#58595b;
}

.header a:hover{
	color:#373839;
}

.contact-lady{
padding-top:31px;
margin-left:40px;
float:left;
margin-right:50px;
}

.contact-info{
padding-top:65px;
float:left;
}
.top20{
padding-top:30px!important;
}
.contact-info img{
margin-left:-8px;
padding-top:10px;
}

.contact-info-left{
float:left;
width: 150px;
background:url(images/contact-divider.png) bottom right no-repeat;
color:#a28800;
font-size: 11px;
}
a.email{
color:#a28800;
font-style:normal;
}

a:hover.email{
color:#907d1c;

}

a.directions{
font-style:italic;
color:#58595b;

}

a:hover.directions{
	color:#373839;
}
.contact-info-right{
float:left;
padding-left: 30px;
color:#a28800;
font-size: 11px;
}

#contact-form{
display:inline-block;
width:875px;
background:url(images/contact-form-bkgd.gif) bottom no-repeat;
height:350px;
}

.contact-form-left{
float:left;
display:block;
width:380px;
padding-top:40px;
}

.contact-form-right{
float:left!important;
}


#contact-form p{
display:block;
width:110px;
text-align:right;
float:left;
margin-right:10px;
color:#231f20;
}

.company-overlay p.formname{
display:block;
width:150px;
text-align:right;
float:left;
margin-right:10px;
color:#231f20;
}

.overlay p.formname{
display:block;
width:75px;
text-align:right;
float:left;
margin-right:10px;
color:#231f20;
}

.overlay h3{
margin-bottom:15px;
display:block;
}
.services-overlay-top{
clear:both;
padding-bottom:30px;
display:block;
}
.services-overlay-left{
float:left;
display:block;
margin-right:20px;
padding-right:20px;
height:330px;
width:295px;
background:url(images/quote-divider.gif) no-repeat right bottom;
}

.services-overlay-right{
float:left;
display:block;
width:330px;

}
.error{
	float:left;
	color:#990000;
	margin-left:-10px;
}
.text_box {
height: 135px;
width:420px;
float:left;
background:#F1EEC9;
padding:5px;
margin-bottom:5px;
color:#58595b;
}
.close{
background:url(images/close-btn.jpg) left;
overflow:hidden;
width:23px;
height:23px;
cursor:pointer;
float:right;
margin-bottom:-23px;
margin-top:-15px;
margin-right:-15px;
}

.close:hover{
background:url(images/close-btn.jpg) right;
}
.company-text_box {
height: 135px;
width:328px;
float:left;
background:#F1EEC9;
padding:5px;
margin-bottom:5px;
color:#58595b;
}

.company-text_box_idle {
	height: 135px;
	width:328px;
	float:left;
	background:#F1EEC9;
	padding:5px;
	margin-bottom:5px;
	color:#58595b;
	border: 1px #EEE9BB solid;
}

.company-text_box_focus {
height: 135px;
width:328px;
float:left;
	background:#F9F7E6;
	padding:5px;
	margin-bottom:5px;
	color:#58595b;
		border: 1px #a28800 solid;
}
.text_box_idle {
	height: 135px;
	width:420px;
	float:left;
	background:#F1EEC9;
	padding:5px;
	margin-bottom:5px;
	color:#58595b;
	border: 1px #EEE9BB solid;
}

.text_box_focus {
height: 135px;
width:420px;
float:left;
	background:#F9F7E6;
	padding:5px;
	margin-bottom:5px;
	color:#58595b;
		border: 1px #a28800 solid;
}

#SubmitForm:hover{
background:url(images/submit-btn.jpg) bottom right no-repeat!important;
}
p.comments{
text-align:left!important;
padding-top:8px !important;
}
.contact-input{
	width:225px;
	height:20px;
	background:#F1EEC9;
	padding:8px 0 0 5px;
	margin-top:-10px;
	color:#58595b;
	float:left;
	margin-bottom:19px;
	border: 1px #EEE9BB solid;
}

.idleField{
	display:block;
	width:225px;
	height:20px;
	background:#F1EEC9;
	padding:8px 0 0 5px;
	margin-top:-10px;
	color:#58595b;
	float:left;
	margin-bottom:19px;
	border: 1px #EEE9BB solid;
}

.focusField{
	display:block;
	width:225px;
	height:20px;
	background:#F9F7E6;
	padding:8px 0 0 5px;
	margin-top:-10px;
	color:#58595b;
	float:left;
	margin-bottom:19px;
	border: 1px #a28800 solid;
}

#SubmitForm{
background:url(images/submit-btn.jpg) bottom left no-repeat!important;
width:90px!important;
height:50px!important;
overflow:hidden!important;
font: italic 14px Georgia, "Times New Roman", Times, serif!important;
color:#231f20!important;
text-align:center!important;
padding-top:5px;
cursor:pointer;
margin-left:350px;
}
.required{
display:block;
padding:20px 0 0 120px;
font:italic 12px Georgia, "Times New Roman", Times, serif;
	color:#58595b;
}

.services-required{
padding:0 0 0 78px;
font:italic 12px Georgia, "Times New Roman", Times, serif;
	color:#58595b;
position:relative;
top:-15px;
height:30px;
display:block;
}
#index-featured{
padding-top:90px;
float:left;
width:347px;
}

#index-featured .subtext{
padding:0 45px;
}
#index-featured h4{
display:block;
background:url(images/index-banner.png);
width:305px;
height:48px;
padding:25px 0 0 55px;
color:#c6c8ca;
font-size:26px;
position:relative;
left:-13px;
}
#index-header-info{
float:left;
display:block;
background:url(images/announcer.png) left bottom no-repeat;
position:relative;
left:-135px;
width:490px;
height:202px;
padding:70px 0 0 250px;

}
#footer-bar{
display:block;
bottom:0px;
height:63px;
width:100%;
top:177px;
position:relative;
background:#231f20;
}
#swirl{
	position:absolute;
	background:url(images/swirl.gif) left no-repeat;
	height:215px;
	top:-101px;
	right:950px;
	width:225px;

}
#copywright{
height:12px;
width:860px;
display:block;
padding:10px 0;
text-align:right;
font:9px Arial, Helvetica, sans-serif;
}

.clear{
clear:both;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
position:relative !important;
overflow:hidden!important;
background:url(images/portfolio/portfolio-img-bkgd.gif) no-repeat!important;
display:block!important;
width:532px!important;
height:309px!important;
float:left!important;
padding:15px 0 !important;
}



/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em!important;
	position:absolute!important;
	clear:both!important;
	display:block !important;


}

/* single scrollable item */
.scrollable img {
	float:left!important;
	padding:0 15px!important;


}


/* active item */
.scrollable .active {
	z-index:9999!important;
	position:relative!important;
}


/* prev, next, prevPage and nextPage buttons */
a.browse {
background:url(images/blank.gif) repeat!important;
	display:block!important;
	width:250px!important;
	height:311px!important;
	float:left!important;
	position:absolute!important;
	z-index:500000!important;
	top:15px!important;
}

/* right */
a.right{ 
left:-585px!important;

}
a.right:hover{ 
cursor:pointer;
}



/* left */
a.left{
left: -850px!important;
position:absolute!important;
z-index:500000!important;

} 
a.left:hover{
cursor:pointer;
}

#detail-controls{
float:left;
width:532px;
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 

.navi{
display:block!important;	
width:250px!important;

}	
.navi a{
display:block!important;
position:static;
float:left!important;	
width:15px!important;
height:25px!important;
padding-top:10px;
font:bold 11px "Times New Roman", Times, serif!important;
text-decoration:none!important;
color:#a28800!important;
margin:0 3px!important;
text-align:center!important;

}
.actionButtons{
display:block!important;
float:left!important;
width:110px!important;

}

.pause-btn a{
display:block!important;
width:49px!important;
height:42px!important;
float:left!important;
overflow:hidden!important;
background:url(images/portfolio/pause-btn-over.jpg) left no-repeat!important;
}

.pause-btn a:hover{
background:url(images/portfolio/pause-btn-over.jpg) right no-repeat!important;
}

.play-btn a{
display:block!important;
width:51px!important;
height:42px!important;
float:left!important;
overflow:hidden!important;
background:url(images/portfolio/play-btn-over.jpg) left no-repeat!important;
}

.play-btn a:hover{
background:url(images/portfolio/play-btn-over.jpg) right no-repeat!important;
}
.navi a:hover{
background:url(images/portfolio/nav-circle-hover.gif) center center no-repeat;
}

.navi a.active{
background:url(images/portfolio/nav-circle.gif) center center no-repeat!important;
	color:#F7F3E4!important;
}

#noscript-index{
position:relative!important;
display:block;
margin:0 auto;
width:1000px;
}

.preload{
display:none;
}
.project-detail-span{
position:relative;
width:850px;
}