body
{
    color: #FFFFFF;
    font-family: "Lucida Sans Unicode" , "Lucida Grande" ,sans-serif;
    font-size: 11px;
    letter-spacing: 0;
    background: #000 url('../images/bodyBg.jpg') -140px top no-repeat;
}
#holder{}

#logo h1
{
    width: 224px;
    height: 45px;
    background: url('../images/logo.jpg') no-repeat;
    text-indent: -9999px;
    float: left;
    margin: 44px 0 0 20px;
}

*html #logo h1{margin-left:10px;}

a
{
    text-decoration: none;
    color: #ccc;
	   outline: 0;
}
a:hover
{
    color: #fff;
}

a.selected
{
    border: 0;
}
img
{
    border: 0;
}
*
{
    margin: 0;
    padding: 0;
}
.contact
{
    font-size: 14px;
    float: right;
    margin-top: 72px;
}
#introText h2
{
    float: left;
    font-size: 20px;
    line-height: 30px;
    padding-top: 15px;
    width: 940px;
    font-weight: normal;
	clear:both;
	padding-left:20px;
}
*html #introText h2{}

#links
{
    float: left;
    list-style: none outside none;
    padding-top: 25px;
    padding-bottom: 20px;
    width: 960px;
}
#links a
{
    height: 16px;
    width: 16px;
}
#links a:hover
{
    opacity: .7;
}
#links img
{
    border: 1px solid #666;
}
#links li
{
    display: inline;
    float: left;
    padding-right: 8px;
    height: 16px;
}
#work
{
    float: left;
    list-style: none;
}
#work li
{
    height: 139px;
    background: #fff url('../images/panel.jpg') repeat-x;
    width: 960px;
    margin-bottom: 10px;
}
/*#work li:hover{background-image:none;}*/
.number
{
    color: #999;
    font-size: 18px;
    float: left;
    padding: 26px 0 0 25px;
    width: 45px;
}
#work img
{
    float: left;
    padding-right: 21px;
    width: 320px;
}
#work h3
{
    float: left;
    font-size: 18px;
    color: #333;
    font-weight: normal;
    padding-top: 17px;
    width: 530px;
    padding-bottom: 5px;
}
.desc
{
    float: left;
    color: #333;
    line-height: 13px;
    font-size: 11px;
    width: 530px;
	display:none;
}
.title{color:#333333;
float:left;
font-size:18px;
font-weight:normal;
padding-bottom:5px;
padding-top:26px;
width:530px;}

.keywords
{
    color: #666;
    line-height: 23px;
    padding-bottom: 7px;
    float: left;
    width: 500px;
}

.keywords a{color:#333;}
.keywords a:hover{color:#8bb1bc;}

.li_btn
{
    background: url('../images/li_btn.png') no-repeat;
    width: 145px;
    height: 28px;
    text-indent: -9999px;
    float: left;
}
*html .li_btn
{
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../images/li_btn.png’,sizingMethod=’scale’);
}
.vw_btn
{
    background: url('../images/vw_btn.png') no-repeat;
    width: 145px;
    height: 28px;
    text-indent: -9999px;
    float: left;
}
*html .vw_btn
{
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../images/vw_btn.png’,sizingMethod=’scale’);
}
.footer
{
height:71px;
margin:0 auto;
padding-top:7px;
width:960px;
}
#contact
{
    float: right;
}
#gototop
{
    background-color: #ECEFF5;
    bottom: 5px;
    color: #3B5998;
    display: none;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    padding: 7px 7px 7px 20px;
    position: fixed;
    right: 5px;
    text-decoration: none;
    width: 70px;
}

.scrollnavi {
background-image:url("../images/backToTopBtn.gif");
background-position:center bottom;
background-repeat:no-repeat;
bottom:0;
height:30px;
margin:0 auto;
overflow:hidden;
position:fixed;
width:960px;
z-index:20;
}

.scrollnavi:hover{background-position:center top;}

#bottomBar{background:url("../images/bottomBg.gif") repeat-x;height:30px;position:fixed;z-index:20;bottom:0;width:100%;opacity:.97;}

#designs{float:left;padding:10px 0 0 10px;clear:both;}
#designs ul{list-style-type:none;}
#designs ul li{float:left;padding-left:10px;height:173px;margin-top:10px;overflow:hidden;width:285px;}
#designs ul li a{height:173px;width:285px;float:left;}
#designs ul li a img{float:left;width:285px;height:173px;position:absolute;}
#designs ul li a:hover img{float:left;background:url("../images/list_overlay.png") no-repeat;}

#contact{position: fixed;
    right: 0;
    top: 44px;
    z-index: 555;}
	
*html #contact{position:absolute;}	
#contact a{ background: url("../images/contact.jpg") no-repeat scroll 0 0 transparent;
    display: block;
    height: 150px;
    text-indent: -8000px;
    width: 30px;}
	
*html .overlay{display:none;}