/* 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 30px;
}
#header h1
{
width:400px;
height:90px;
/* background:url(../images/art/logo.png) 0 0 no-repeat; */
float:left;
display:inline;
margin:0 0 0 19px;
}
#header h1 a
{
width:260px;
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;
/* background:url(../images/art/client-login.jpg) 0 0 no-repeat; */
padding:1px 0 2px 20px;
}
#header p a
{
color:#FFFFFF;
text-decoration:none;
}
#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;}
#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 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 70px Arial, Helvetica, sans-serif;
line-height:72px;
letter-spacing:-5px;
color:#333333;
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;
}
#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:0 30px 0 0;
}
#banner-services p
{
width:322px;
top:154px;
left:30px;
}
#banner-main
{
width:960px;
height:439px;
margin-left: 3px;
margin-top: -1px;
background:url(../images/banner-main.png) 0 0 no-repeat;
}
#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:0 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 0;
}

#banner-main p h5 {margin-right: 10px;}
#banner-main p img{margin:0 3px;}
#banner-main a
{
font:bold 9px 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: 0px;
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 0;
position:relative;
}
#left h1
{
font:bold 20px Arial, Helvetica, sans-serif;
color:#333333;
line-height:24px;
margin:0 0 25px 0;
}
#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 0;
}
#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 0;
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 0;
}
#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 0;
}
#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 0;
}
#col-1 h5
{
font:bold 10px Arial, Helvetica, sans-serif;
color:#660000;
margin:0 0 10px 0;
}
#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 0;
}
#col-2 h5
{
font:bold 10px Arial, Helvetica, sans-serif;
color:#663333;
margin:0 0 10px 0;
}
#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 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 0;
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 0;
}
#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 0;
}
#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 20px;
}
#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 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 30px;
}
#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 0;}
#footer p.download{text-align:right;}
#footer p.link{margin:12px 0 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;
}


/*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, #nav ul
{
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 li li
{
float: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 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;
}
#nav ul{}
#nav ul ul{}
/* Fix for IE5/Mac \*//*/
#nav a
{
float:left;
}
/* End Fix */
/*this is end of functionality for the AdxMenu*/
/*this is beginning of design for the AdxMenu - modify values here*/
#nav
{
width:368px;
height:38px;
background:url(../images/art/nav-bg.png) 0 0 no-repeat;
list-style:none;
clear:both;
float:left;
display:inline;
margin:34px 0 0 0;
}
#nav a span
{
display:none;/*hide links at top level*/
}
#nav ul a span
{
display:inline;/*show links at second level*/
}
#nav a
{
height:38px;/*expand links to fill li's*/
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
text-align:center;
}
/*set custom width, a's will follow cause they are display - block*/
#nav #pan1{width:102px;}
#nav #pan2{width:70px;}
#nav #pan3{width:99px;}
#nav #pan4{width:97px;}
#nav #pan1 a:hover, #nav #pan1 a.selected{background:url(../images/art/nav-bg.png) 0 -38px no-repeat;}/*set background to hover and selected states*/
#nav #pan2 a:hover, #nav #pan2 a.selected{background:url(../images/art/nav-bg.png) -102px -38px no-repeat;}
#nav #pan3 a:hover, #nav #pan3 a.selected{background:url(../images/art/nav-bg.png) -172px -38px no-repeat;}
#nav #pan4 a:hover, #nav #pan4 a.selected{background:url(../images/art/nav-bg.png) -271px -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-bg.png) 0 -38px no-repeat;}/*set background to hover and selected states*/
#nav #pan2:hover>a{background:url(../images/art/nav-bg.png) -102px -38px no-repeat;}
#nav #pan3:hover>a{background:url(../images/art/nav-bg.png) -172px -38px no-repeat;}
#nav #pan4:hover>a{background:url(../images/art/nav-bg.png) -271px -38px no-repeat;}
.cufon-vml{margin:0 0 7px 0;} 
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; }