/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,p,img,ul,ol,li,form,fieldset,input,textarea,table { margin:0; padding:0; border:0 none; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
body { background:#FFFFFF url(../images/art/~bg.png) 0 0 repeat-x; text-align:center; }
#wrap,#wrap-about,#wrap-services,#wrap-blog { width:1020px; margin:0 auto; text-align:left; background:#FFFFFF url(../images/art/~wrap-bg.jpg) 0 0 repeat-y; }
#wrap-about { background:#FFFFFF url(../images/art/~wrap-bg2.jpg) 0 0 repeat-y; }
#wrap-services { background:#FFFFFF url(../images/art/~wrap-bg3.jpg) 0 0 repeat-y; }
#wrap-blog { background:#FFFFFF url(../images/art/~wrap-bg4.jpg) 0 0 repeat-y; }
#header { width:960px; height:163px; background:url(../images/art/header-bg2new.png) 0 0 no-repeat; padding:26px 30px 0; }
#header h1 { width:960px; height:90px; float:left; display:inline; margin:0 0 0 19px; }
#header h1 a { width:960px; height:120px; display:block; }
#header h1 span { display:none; }
#header p { font:bold 9px Arial, Helvetica, sans-serif; line-height:11px; color:#FFFFFF; float:right; display:inline; margin:47px 30px 0 0; padding:1px 0 2px 20px; }
#header p a { color:#FFFFFF; text-decoration:none; }
#content { width:960px; padding:0 30px; background:url(../images/art/content-bg.png) 0 0 no-repeat; }
/* #content.about{background:url(../images/art/content-bg2.jpg) 0 0 no-repeat;} */
/*
#content div.line
{
width:958px;
height:12px;
line-height:1px;
border-top:1px solid #FFFFFF;
background:#FFFFFF;
float:left;
display:inline;
padding:0;
margin:0px 0 0 0px;
}
*/
#banner { width:960px; height:197px; position:relative; }
#banner.work { background:url(../images/art/work-bg.png) 0 0 no-repeat; }
#banner-services { width:960px; height:315px; background:url(../images/art/banner-services.png) 0 0 no-repeat; position:relative;}
.banner-cover {margin-top: -160px;}
#banner h1 { font:32px Arial, Helvetica, sans-serif; color:#996666; line-height:34px; position:absolute; top:38px; left:30px; }
#banner h1 strong { font:bold 82px Arial, Helvetica, sans-serif; color:#333333; }
#banner-services h1 { top:38px; }
#banner-services h1 { font:bold 60px Arial, Helvetica, sans-serif; line-height:62px; letter-spacing:-5px; color:#333333; top:38px; }
#banner-services h1.blue { font:bold 55px Arial, Helvetica, sans-serif; line-height:62px; letter-spacing:-5px; color:#325399; top:38px; }
#banner h2 { font:bold 82px Arial, Helvetica, sans-serif; color:#333333; letter-spacing:-8px; line-height:84px; position:absolute; left:30px; top:60px; margin-bottom: 50px;}
#banner-services h1 { font:bold 70px Arial, Helvetica, sans-serif; color:#333333; line-height:72px; position:absolute; left:30px; top:40px; }
#banner-services h2 { font:32px Arial, Helvetica, sans-serif; color:#993333; line-height:34px; position:absolute; top:107px; left:30px; }
#banner h3,#banner-services h3 { font:bold 18px Arial, Helvetica, sans-serif; color:#333333; line-height:22px; letter-spacing:-1px; position:absolute; top:70px; left:490px; }
#banner p,#banner-services p { font:12px Arial, Helvetica, sans-serif; color:#333333; line-height:19px; position:absolute; top:95px; left:490px; margin:40px 30px 0 0; }
#banner-services p { width:500px; top:154px; left:30px; font:16px}
#banner-main { width:960px; height:439px; margin-left:3px; margin-top:-1px; background:url(../images/banner-main.png) 0 0 no-repeat;z-index: 9; }
#banner-main h1 { font:bold 56px Arial, Helvetica, sans-serif; color:#888888; letter-spacing:-2px; line-height:59px; clear:left; float:left; display:inline; margin:0 0 40px 482px; }
#banner-main h2 { width:236px; font:18px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#996666; line-height:23px; padding:0 0 35px 35px; margin:-30px 0 0 23px; border-left:1px solid #d7d7d7; clear:left; float:right; display:inline; }
#banner-main h5 { font:bold 25px Arial, Helvetica, sans-serif; color:#333333; line-height:22px; background:url(../images/title2.jpg) 0 2px no-repeat; padding:0 0 0 40px; float:left; display:inline; margin:24px 0 0 487px; }
#banner-main p { width:195px; font:10px Arial, Helvetica, sans-serif; color:#666666; line-height:18px; float:right; display:inline; margin:0 0 20px; }
#banner-main p h5 { margin-right:10px; }
#banner-main p img { margin:0 3px; }
#banner-main a { font:bold 16px Arial, Helvetica, sans-serif; color:#996666; text-decoration:none; /* background:url(../images/arrow.jpg) right 2px no-repeat; padding:0 10px 0 0; clear:left; float:left; display:inline; margin:0 0 0 487px; */ }
#banner-blog { width:960px; height:439px; margin-left:0; margin-top:-1px; background:url(../images/banner-blog.png) 0 0 no-repeat; }
#banner-blog h1 { font:bold 54px Arial, Helvetica, sans-serif; color:#888888; letter-spacing:-2px; line-height:79px; clear:left; float:left; display:inline; margin:0 0 40px 482px; }
#banner-blog h2 { width:236px; font:18px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#996666; line-height:23px; padding:0 0 35px 23px; margin:0 0 0 23px; border-left:1px solid #d7d7d7; clear:left; float:right; display:inline; }
#banner-blog h5 { font:bold 25px Arial, Helvetica, sans-serif; color:#333333; line-height:22px; background:url(../images/title2.jpg) 0 2px no-repeat; padding:0 0 0 40px; float:left; display:inline; margin:24px 0 0 487px; }
#banner-blog h6 { font:bold 9px Arial, Helvetica, sans-serif; color:#999999; line-height:11px; position:absolute; top:170px; left:25px; }
#banner-blog h6.list { top:135px; }
#left { width:700px; float:left; display:inline; margin:-25px 0 0; position:relative; }
#left h1 { font:bold 20px Arial, Helvetica, sans-serif; color:#333333; line-height:24px; margin:0 0 25px; }
#left h5 { height:16px; font:11px Arial, Helvetica, sans-serif; line-height:14px; color:#663333; background:url(../images/title.jpg) 0 center no-repeat; padding:0 0 0 25px; margin:0 0 15px; }
#left h5 strong { float:left; display:inline; margin:0 4px 0 0; }
#left h5.fleft { float:left; display:inline; }
#left h6 { font:bold 11px Arial, Helvetica, sans-serif; color:#333333; line-height:12px; margin:0 0 14px; background:url(../images/title.jpg) 0 center no-repeat; padding:0 0 0 25px; }
#left p { font:12px Arial, Helvetica, sans-serif; color:#333333; line-height:20px; margin:0 0 20px; }
#left p.tab { width:190px; height:24px; display:block; margin:0 0 0 29px; font:bold 10px Arial, Helvetica, sans-serif; }
#left p.tab #interactive { width:100px; height:18px; padding:6px 0 0 14px; display:block; color:#663333; background:url(../images/tab-bg.jpg) 0 0 no-repeat; text-decoration:none; float:left; display:inline; }
#left p.tab #interactive.selected { color:#FFFFFF; background:url(../images/tab-bg.jpg) 0 -24px no-repeat; }
#left p.tab #print { width:60px; height:18px; padding:6px 0 0 6px; display:block; color:#663333; background:url(../images/tab-bg.jpg) -114px -24px no-repeat; text-decoration:none; float:left; display:inline; }
#left p.tab #print.selected { color:#FFFFFF; background:url(../images/tab-bg.jpg) -114px 0 no-repeat; }
#left ul { list-style:none; }
#left ul li { font:11px Arial, Helvetica, sans-serif; color:#333333; line-height:14px; background:url(../images/bullet.jpg) 0 5px no-repeat; padding:0 0 0 10px; margin:0 0 5px; }
#slide { width:673px; float:left; display:inline; padding:17px 29px 0 28px; border-top:1px solid #cccccc; }
#slide ul {
/*width:100px;*/
float:right; display:inline; }
#slide ul li { font:bold 10px Arial, Helvetica, sans-serif; line-height:12px; color:#999999; float:left; display:inline; background:none; padding:0; margin:0; }
#slide ul li a { width:20px; float:left; display:inline; color:#999999; text-decoration:none; padding:0; margin:0; }
#slide ul li a:hover,#slide ul li a.selected { color:#996666; }
#slide img { float:left; display:inline; }
#col-1 { width:503px; float:left; display:inline; margin:0 0 0 28px; padding:25px 0 0; }
#col-1 h5 { font:bold 10px Arial, Helvetica, sans-serif; color:#660000; margin:0 0 10px; }
#col-1 a { font:bold 10px Arial, Helvetica, sans-serif; color:#996666; text-decoration:none; background:url(../images/arrow.jpg) right center no-repeat; padding:0 10px 0 0; }
#col-1 div.box { float:left; display:inline; }
#col-1 div.w197 { width:170px; margin:0 27px 0 0; }
#col-1 div.w259 { width:259px; margin:0 22px 0 0; border-right:1px solid #eaeaea; padding:0 24px 0 0; }
#col-2 { width:169px; height:310px; float:right; display:inline; background:#FFFFFF; padding:25px 0 0; }
#col-2 h5 { font:bold 10px Arial, Helvetica, sans-serif; color:#663333; margin:0 0 10px; }
#col-2 p { margin:0 0 0 22px; }
#col-2 img { float:left; display:inline; border:4px solid #cccccc; margin:0 14px 14px 0; }
#col-2 ul { width:160px; float:left; display:inline; }
#col-2 ul li { width:160px; float:left; display:inline; }
#right { width:200px; float:right; display:inline; padding:30px 29px 0 0; border-top:1px solid #cccccc; border-left:1px solid #cccccc; margin:-28px 0 0; position:relative; }
#right h1 { font:16px Arial, Helvetica, sans-serif; color:#999999; line-height:24px; margin:0 10px 44px 28px; }
#right h5 { font:bold 12px Arial, Helvetica, sans-serif; color:#333333; line-height:12px; margin:0 0 14px; background:url(../images/title.jpg) 0 center no-repeat; padding:0 0 0 25px; }
#right ul { list-style:none; margin:0 20px 30px 28px; }
#right ul li { font:11px Arial, Helvetica, sans-serif; color:#333333; line-height:14px; margin:0 0 5px; }
#right ul li a { color:#333333; text-decoration:none; }
#right ul li a:hover { text-decoration:underline; }
#bottom { width:914px; height:106px; clear:both; background:url(../images/bottom-bg.png) 0 0 no-repeat; margin:0 0 0 53px; }
#bottom h1 { font:bold 14px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#333333; line-height:16px; }
#bottom h2 { font:bold 10px Arial, Helvetica, sans-serif; color:#333333; line-height:12px; background:url(../images/client-login.jpg) 0 0 no-repeat; padding:0 0 2px 17px; margin:0 0 5px; }
#bottom h2 a { color:#333333; text-decoration:none; }
#bottom li { float:left; display:inline; }
#bottom li.item1 { width:246px; height:64px; padding:28px 0 0 20px; }
#bottom li.item1 img { float:left; display:inline; margin:0 3px; }
#bottom li.item1 p .larger { color:#333333; font-size:1.5em; }
#bottom li.item2 { width:220px; height:64px; padding:42px 0 0 20px; }
#bottom li.item3 { width:200px; height:74px; padding:32px 20px 0; }
#bottom li.item3 h1 { margin-bottom:3px; }
#bottom li.item4 { width:148px; height:74px; padding:32px 0 0 20px; }
#bottom li.item1 p { width:126px; float:right; display:inline; margin:-5px 0 0; }
#bottom li p { font:10px Arial, Helvetica, sans-serif; color:#333333; line-height:14px; margin:0 0 0 2px; }
#bottom li p a { color:#333333; text-decoration:none; }
#bottom li p a:hover { text-decoration:underline; }
#footer { width:960px; height:73px; background:url(../images/art/footer-bg.png) 0 0 no-repeat; padding:37px 30px 0; }
#footer p { font:10px Arial, Helvetica, sans-serif; color:#333333; line-height:16px; }
#footer p.logo { background:url(../images/art/~small-logo.png) 0 center no-repeat; padding:0 0 0 74px; }
#footer p.copyright { margin:12px 0 0; }
#footer p.download { text-align:right; }
#footer p.link { margin:12px 0 0; }
#footer p a { color:#333333; text-decoration:none; }
#footer p a:hover { color:#996666; text-decoration:underline; }
#footer div.fleft { float:left; display:inline; }
#footer div.fright { float:right; display:inline; }
#nav {
position: absolute;
width:955px; height:38px;
margin: -38px 0 0 32px;
z-index: 9;
/* padding: 7px 6px 0;
*/
line-height: 100%;
font-family:"Helvetica Neue","Arial",sans-serif;
background: #e7e7e7; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#a9a9a9'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#a9a9a9)); /* for webkit browsers */
background: -moz-linear-gradient(top, #ebebeb, #a1a1a1); /* for firefox 3.6+ */
border: solid 1px #e7e7e7;
}
#nav li {
margin: 0 5px;
padding: 0 0 8px;
float: left;
position: relative;
list-style: none;
}
/* main level link */
#nav a {
/* font-weight: ; */
color: #444444;
text-decoration: none;
display: block;
padding: 8px 20px;
margin: 0;
-webkit-border-radius: 1.6em;
-moz-border-radius: 1.6em;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
/* main level link hover */
#nav .current a, #nav li:hover > a {
background: #d1d1d1; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa3333', endColorstr='#9D6666'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#aa3333), to(#9D6666)); /* for webkit browsers */
background: -moz-linear-gradient(top, #aa3333, #9D6666); /* for firefox 3.6+ */
color: #fff;
border-top: solid 1px #9D6666;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}
#nav li.smugmug:hover > a {
background: #d1d1d1; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00DF00', endColorstr='#99FF99'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#00DF00), to(#99FF99)); /* for webkit browsers */
background: -moz-linear-gradient(top, #00DF00, #99FF99); /* for firefox 3.6+ */
color: #fff;
border-top: solid 1px #00DF00;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
background: none;
border: none;
color: #666;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
#nav ul a:hover {
background: #0399d4 !important; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa3333', endColorstr='#9D6666'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#aa3333), to(#9D6666)) !important; /* for webkit browsers */
background: -moz-linear-gradient(top, #aa3333, #9D6666) !important; /* for firefox 3.6+ */
color: #fff !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}
/* level 2 list */
#nav ul {
background: #ddd; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); /* for webkit browsers */
background: -moz-linear-gradient(top, #fff, #cfcfcf); /* for firefox 3.6+ */
display: none;
margin: 0;
padding: 0;
width: 185px;
position: absolute;
top: 35px;
left: 0;
border: solid 1px #b4b4b4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
/* dropdown */
#nav li:hover > ul {
display: block;
}
#nav ul li {
float: none;
margin: 0;
padding: 0;
}
#nav ul a {
font-weight: normal;
text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}
/* level 3+ list */
#nav ul ul {
left: 181px;
top: -3px;
}
#nav ul li:first-child > a {
-webkit-border-top-left-radius: 9px;
-moz-border-radius-topleft: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomleft: 9px;
-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomright: 9px;
/* clearfix */
#nav:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#nav {
display: inline-block;
}
html[xmlns] #nav {
display: block;
}
* html #nav {
height: 1%;
}
/* DEPRECATED */
/*ADxMenu.js - v4 (4.10)
www.aplus.co.yu/adxmenu/
(c)Copyright 2003, Aleksandar Vacic, www.aplus.co.yu
This work is licensed under the Creative Commons Attribution License.
To view a copy of this license, visit http://creativecommons.org/licenses/by/2.0/ or
send a letter to Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/*this is beginning of functionality for the AdxMenu - do not modify this*/
/*
#nav { margin:0; padding:0; border:0; list-style-type:none; display:block; }
#nav li { margin:0; padding:0; border:0; display:inline; float:left; position:relative; z-index:5; }
#nav li:hover { z-index:10000; white-space:normal; }
#nav ul { margin:0; padding:0; border:0; list-style-type:none; display:block; }
#nav ul { visibility:hidden; position:absolute; z-index:10; left:0; top:0; }
#nav li:hover>ul { visibility:visible; top:100%; }
#nav li:hover>ul a{ visibility:visible; top:100%; }
#nav li li { float:none; display:block; }
#nav li li:hover>ul { top:0; left:100%; }
#nav:after,#nav ul:after { content:"."; height:0; display:block; visibility:hidden; clear:both; }
#nav,#nav ul { display:inline-block; min-height:0; }
#nav a { text-decoration:none; display:block; position:relative; }
*/
/* Fix for IE5/Mac \*/
/*/
#nav a
{
float:left;
}
/* End Fix */
/*this is end of functionality for the AdxMenu*/
/*edit here*/
/*
#nav { width:960px; height:38px; background:url(../images/art/nav-bg2.png) 0 0 no-repeat; list-style:none; clear:both; float:left; display:inline; margin:34px 0 0; }
#nav a span { display:none; }
#nav ul a span { display:inline; }
#nav a { height:38px; font:bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; text-align:center; }
#nav ul li ul {visibility:hidden; display: block; overflow: hidden}
#nav ul li ul li a {
display: block;
overflow: hidden;
}
*/
/*set custom width, a's will follow cause they are display - block*/
/*
#nav #pan1 { width:83px; }
#nav #pan2 { width:113px; }
#nav #pan3 { width:104px; }
#nav #pan4 { width:156px; }
#nav #pan5 { width:117px; }
#nav #pan6 { width:115px; }
#nav #pan7 { width:79px; }
#nav #pan8 { width:193px; }
*/
/*set background to hover and selected states*/
/*
#nav #pan1 a:hover { background:url(../images/art/nav-bg2.png) 0 -38px no-repeat; }
#nav #pan2 a:hover { background:url(../images/art/nav-bg2.png) -83px -38px no-repeat; }
#nav #pan3 a:hover { background:url(../images/art/nav-bg2.png) -196px -38px no-repeat; }
#nav #pan4 a:hover { background:url(../images/art/nav-bg2.png) -300px -38px no-repeat; }
#nav #pan5 a:hover { background:url(../images/art/nav-bg2.png) -456px -38px no-repeat; }
#nav #pan6 a:hover { background:url(../images/art/nav-bg2.png) -573px -38px no-repeat; }
#nav #pan7 a:hover { background:url(../images/art/nav-bg2.png) -688px -38px no-repeat; }
#nav #pan8 a:hover { background:url(../images/art/nav-bg2.png) -767px -38px no-repeat; }
#nav #pan1 a.selected { background:url(../images/art/nav-bg2.png) 0 -76px no-repeat; }
#nav #pan2 a.selected { background:url(../images/art/nav-bg2.png) -83px -76px no-repeat; }
#nav #pan3 a.selected { background:url(../images/art/nav-bg2.png) -196px -76px no-repeat; }
#nav #pan4 a.selected { background:url(../images/art/nav-bg2.png) -300px -76px no-repeat; }
#nav #pan5 a.selected { background:url(../images/art/nav-bg2.png) -456px -76px no-repeat; }
#nav #pan6 a.selected { background:url(../images/art/nav-bg2.png) -573px -76px no-repeat; }
#nav #pan7 a.selected { background:url(../images/art/nav-bg2.png) -688px -76px no-repeat; }
#nav #pan8 a.selected { background:url(../images/art/nav-bg2.png) -767px -76px no-repeat; }
*/
/* #nav #pan8 a:hover,#nav #pan8 a.selected { background:url(../images/art/nav-bg2.png) -960px -38px no-repeat; } */
/*this have to be separate from above to make sure IE6 reades above rules*/
/* #nav #pan1:hover>a { background:url(../images/art/nav-bg2.png) 0 -38px no-repeat; } */
/*set background to hover and selected states*/
/*
#nav #pan2:hover>a { background:url(../images/art/nav-bg2.png) -102px -38px no-repeat; }
#nav #pan3:hover>a { background:url(../images/art/nav-bg2.png) -172px -38px no-repeat; }
#nav #pan4:hover>a { background:url(../images/art/nav-bg2.png) -271px -38px no-repeat; }
*/
#subnav { width:329px; height:19px; list-style:none; float:right; display:inline; margin:45px 28px 0 0; }
#subnav li { height:19px; float:left; display:inline; padding:0; margin:0; }
#subnav li a { height:19px; float:left; display:inline; padding:0; margin:0; }
#subnav li a span { display:none; }
#subnav li.first a { width:104px; background:url(../images/art/subnav.png) 0 0 no-repeat; }
#subnav li.second a { width:110px; background:url(../images/art/subnav.png) -104px 0 no-repeat; }
#subnav li.third a { width:68px; background:url(../images/art/subnav.png) -214px 0 no-repeat; }
#subnav li.fourth a { width:47px; background:url(../images/art/subnav.png) -282px 0 no-repeat; }
#subnav li.first a:hover { background:url(../images/art/subnav.png) 0 -19px no-repeat; }
#subnav li.second a:hover { background:url(../images/art/subnav.png) -104px -19px no-repeat; }
#subnav li.third a:hover { background:url(../images/art/subnav.png) -214px -19px no-repeat; }
#subnav li.fourth a:hover { background:url(../images/art/subnav.png) -282px -19px no-repeat; }
#subnav { width:960px; height:38px; list-style:none; clear:both; float:left; display:inline; margin:0 0 0; z-index: 99999990; }
#subnav li {display: inline;z-index: 99999991;margin-left: 1px;border-bottom-width: 1px; border-right-width: 1px; border-style: solid;border-color: #444444;}
#subnav li a{ height:48px; font:bold 12px Arial, Helvetica, sans-serif; color:#444444;padding:10px 10px 10px 10px; font-size: 18px; text-decoration:none; text-align:center; z-index: 99999993; }
#subnav li a:hover {color:#996666; text-decoration: underline;}
/*
#subnav { width:960px; height:38px; background:url(../images/art/nav-bg2.png) 0 0 no-repeat; list-style:none; clear:both; float:left; display:inline; margin:0 0 0; z-index: 99999990; }
#subnav a span { display:none; z-index: 99999991}
#subnav ul a span { display:inline; z-index: 99999992}
#subnav a { height:38px; font:bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; text-align:center; z-index: 99999993}
#subnav ul li ul {visibility:hidden; display: block; overflow: hidden; z-index: 99999994}
#subnav ul li ul li a { display: block; overflow: hidden; z-index: 99999995}
*/
/*
#subnav { width:83px; }
#subnav { width:113px; }
#subnav { width:104px; }
#subnav { width:156px; }
#subnav { width:117px; }
#subnav { width:115px; }
#subnav { width:79px; }
#subnav { width:193px; }
#subnav a:hover { background:url(../images/art/subnav_w.png) -83px -76px no-repeat; }
#subnav a:hover { background:url(../images/art/subnav_fp.png) -83px -114px no-repeat; }
#subnav a:hover { background:url(../images/art/subnav_cs.png) -83px -152px no-repeat; }
#subnav a:hover { background:url(../images/art/subnav_r.png) -83px -228px no-repeat; }
#subnav a:hover { background:url(../images/art/subnav_c.png) -83px -266px no-repeat; }
#subnav a.selected { background:url(../images/art/subnav_w.png) -83px -76px no-repeat; }
#subnav a.selected { background:url(../images/art/subnav_fp.png) -83px -114px no-repeat; }
#subnav a.selected { background:url(../images/art/subnav_cs.png) -83px -152px no-repeat; }
#subnav a.selected { background:url(../images/art/subnav_r.png) -83px -228px no-repeat; }
#subnav a.selected { background:url(../images/art/subnav_c.png) -83px -266px no-repeat; }
*/
.cufon-vml { margin:0 0 7px; }
div#at15s { display:none; }
.simplepie a { color:#000; }
.simplepie p { color:#000; }
.larger { font-size:2em; }
.tweetline { color:#d7d7d7; border-bottom:#d7d7d7 dotted 3px; padding-top:1em; margin-bottom:1em; }
.red { color:#996666; }
h1 .bride {font-size: .5em}