/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,p,img,ul,ol,li,form,fieldset,input,textarea
{
margin:0;
padding:0;
border:0 none;
}
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
table td{vertical-align:top;}
body
{
 /*background:#efefef url(images/art/bg4.png) 0 0 repeat-x;
background:#f27c25 url(images/art/bg.jpg) 0 0 repeat-x;*/
/*background:#efefef; */
background:#fff url(images/art/bg.jpg) 0 0 repeat-x;
text-align:center;

}
#wrap
{
width:960px;
text-align:left;
margin:0 auto;
/*#background:#fff;*/
}
#header
{
width:960px;
height:119px;
}
#header h1
{
width:290px;
height:56px;
background:url(images/wklogo.png) 0 0 no-repeat;
float:left;
display:inline;
margin:10px 0px 15px 40px;
}
#header h1 a
{
width:270px;
height:55px;
display:block;
}
#header h1 a span{display:none;}
#header h2
{
width:110px;
height:10px;
background:url(images/h2-featured.gif) 0 0 no-repeat;
display:block;
margin:0 0 10px 0;
}
#header h2 span{display:none;}
#header h3
{
font:14px Arial, Helvetica, sans-serif;
color:#44494b;
line-height:18px;
margin:0;
}
#header h4
{
font:bold 10px Arial, Helvetica, sans-serif;
color:#a0a5a6;
line-height:12px;
margin:0 0 10px 0;
}
#header h5
{
width:138px;
height:10px;
background:url(images/have-work.gif) 0 0 no-repeat;
float:right;
display:inline;
margin:17px 5px 0 0;
}
#header h5 span{display:none;}
#header #contact 
{
width:150px;
float:left;
display:inline;
margin:15px 0 0 320px;
}
#header #contact p
{
font:11px Arial, Helvetica, sans-serif;
color:#6f797c;
}
#header #contact p a 
{
text-decoration:none;
color:#6f797c;
}
#header #contact p a:hover { text-decoration:underline;}
#header form
{
width:160px; /* width:250px */
float:right;
display:inline;
margin:28px 0 0 0;
}
#header form label
{
font:10px Arial, Helvetica, sans-serif;
color:#6f797c;
line-height:12px;
float:left;
display:inline;
margin:6px 10px 0 0;
}
#header form a
{
font:10px Arial, Helvetica, sans-serif;
color:#6f797c;
line-height:12px;
text-decoration:none;
float:left;
display:inline;
margin:6px 10px 0 0;
}
#header form a:hover{color:#EB3B15;}
#header form input
{
width:127px;
height:19px;
border:1px solid #c3c9cb;
background:#fff;
padding:3px 0 0 5px;
float:left;
display:inline;
}
#header form input.button
{
width:8px;
height:8px;
border:none;
padding:0;
margin:8px 0 0 10px;
}
#content
{
width:960px;
clear:both;
background:url(images/art/content-bg.jpg) 0 bottom repeat-x;
/*border-left:1px solid #E6E9EA;
border-right:1px solid #E6E9EA;*/
}


#content input, #content textarea 
{
border:1px solid #d2d6d6;
}


#left
{
width:195px;
float:left;
display:inline;
padding:34px 32px 0 0;
}
#left h1.clients
{
width:98px;
height:12px;
background:url(images/h1-clients.gif) 0 0 no-repeat;
display:block;
margin:0 0 20px 0;
}

#left h3 {

font:bold 14px Arial, Helvetica, sans-serif;
color:#6F797C;
text-transform:uppercase;
line-height:18px;
margin:0 0 15px 0;

}
#left h3.pagetitle {

font:bold 14px Arial, Helvetica, sans-serif;
color:#FFFFFF;
background:#f96c30;
display:block;
text-transform:uppercase;
line-height:28px;
padding:0 0 0px 5px;
width:190px;
height:29px;
margin:0px 0px 2px 0px;

}
#left h3.pagetitle a  {
text-decoration:none;
color:#FFFFFF;
background:#f96c30;
}
#left h3 pagetitle a:hover { color:#FFFFFF; text-decoration:none; }


#left h3 a {color:#6F797C; text-decoration:none; }
#left h3 a:hover { /*color:#6F797C; text-decoration:underline;*/ }

#left h1 span{display:none;}
#left ol{list-style:none; padding: 0px 0px 0px 10px}
#left ol li
{
font:12px Arial, Helvetica, sans-serif;
color:#6f797c;
line-height:14px;
margin:0 0 5px 0;
padding:2px 0 0 20px;
}
#left ol li h2
{;
line-height:18px;
margin:0 0 10px 0;
}

#left ul{list-style:none;}
#left ul li
{
font:12px Arial, Helvetica, sans-serif;
color:#6f797c;
line-height:14px;
margin:0 0 5px 2px;
border-bottom:1px solid #dedede;
padding:2px 0 0 30px;
}

#left ol li ul li { padding:2px 0 0 0px; }
#left ol li ul li ul li { padding:2px 0 0 20px; }
#left ol li { padding:2px 0 0 0px;}
#left ul.sidecat { padding:2px 0 0 1px; } 
#left ul li.san-leon{background:url(images/thumb-sanleon.jpg) 0 0 no-repeat;}
#left ul li.travel-shop{background:url(images/thumb-travelshop.jpg) 0 0 no-repeat;}
#left ul li.post-expression{background:url(images/thumb-postexpression.jpg) 0 0 no-repeat;}
#left ul li a
{
color:#6f797c;
text-decoration:none;
display:block;
padding:0 0 10px 0;
}
#left ul li a:hover
{
color:#3c9ac1;
background:url(images/bullet.jpg) right 4px no-repeat;
}
#right
{
width:700px;
float:none;
/*display:inline;*/
padding:20px 0 50px 11px;
}
#right h6
{
font:16px Verdana, Arial, Helvetica, sans-serif;
color:#484848;
line-height:22px;
margin:0 0 15px 0;
float:left;
border-bottom: 1px solid #dedede;
}
#right h2
{
font:bold 16px Arial, Helvetica, sans-serif;
color:#eb3b15;
line-height:22px;
margin:0 0 5px 0;
}
#right h2.divider
{
background:url(images/dots.jpg) 0 bottom repeat-x;
padding:0 0 8px 0;
margin:0 0 8px 0;
}
#right h3
{
font:bold 18px Arial, Helvetica, sans-serif;
color:#000000;
line-height:19px;
margin:0 0 5px 0;
}

#right h1
{
font:bold 24px Arial, Helvetica, sans-serif;
color:#f27c25;
line-height:40px;
margin:0 0 15px 0;
}
#right h2 a 
{
color: #eb3b15;/* color:#373f42; */
text-decoration:none;
}
#right h3 a
{
color:#3C9AC1; /* #ffffff; */
text-decoration:none;
}


#right h4
{
font:bold 14px Arial, Helvetica, sans-serif;
color:#eb3b15;
line-height:16px;
margin:0 0 15px 0;
}
#right h5
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#eb3b15;
line-height:14px;
margin:0 0 15px 0;
}
#right label.hidden
{
font:12px Arial, Helvetica, sans-serif;
color:#484848;
}
#right p.postmetadata { margin-bottom:10px; } 
#right p.postmetadata a { text-decoration:none; } 
#right p, #right div.entry
{
font:12px Arial, Helvetica, sans-serif;
color:#484848;
line-height:20px;
margin:0 0 18px 0;
}
#right div.entry p { margin:0 0 10px 0; }
#right small
{
color:#484848;
font:11px Arial, Helvetica, sans-serif;

}
#right div.entry
{
margin:10px 0px 18px 0px;
}
#right div.entry img
{
 margin: 5px 5px 5px 5px;
 border:1px solid #DEDEDE;
}
#right .navigation a { font: 13px Arial; }
#right p a, #right a{color:#3c9ac1;}
#right ul
{
list-style:none;
margin:0 0 30px 35px;
}
#right ul li
{
font:12px Arial, Helvetica, sans-serif;
color:#484848;
line-height:17px;
margin:0 0 5px 0;
background:url(images/bullet2.jpg) 0 2px no-repeat;
padding:0 0 0 25px;
}
#right ul li a{color:#3c9ac1;}
#right ol{margin:0 0 30px 60px;}
#right ol li
{
font:12px Arial, Helvetica, sans-serif;
color:#484848;
line-height:17px;
margin:0 0 5px 0;
}
#right ol li a{color:#3c9ac1;}
/**form**/
#right dl
{
width:520px;
position:relative;
margin:0 0 10px 0; 
padding:0 0 15px 0;
}
#right dl dt
{
width:110px;
font:12px Arial, Helvetica, sans-serif;
color:#59666a;
clear:left;
float:left;
display:inline;
margin:3px 0 0 10px;
}
#right dl dd
{
width:380px;
font:12px Arial, Helvetica, sans-serif;
color:#545965;
padding:0 0 4px 0;
float:left;
display:inline;
margin:0 0 5px 15px;
}
#right dl dd .control_long, #right dl dd .control_short, #right dl dd .control_medium, #right dl dd .control_large
{
font:12px Arial, Helvetica, sans-serif;
color:#59666a;
padding:3px 0 0 5px;
margin:0;
background:#fff;
float:left;
display:inline;
}
#right dl dd .control_short
{
width:66px;
height:20px;
border:1px solid #d2d6d6;
}
#right dl dd .control_medium
{
width:150px;
height:20px;
border:1px solid #d2d6d6;
}
#right dl dd .control_long
{
width:286px;
height:20px;
border:1px solid #d2d6d6;
}
#right dl dd .control_large
{
width:286px;
height:98px;
border:1px solid #d2d6d6;
}
#right dl dd .ctrl{margin:0 0 0 15px;}
#right dl dd p
{
height:20px;
padding:5px 10px 0 10px;
font:11px Arial, Helvetica, sans-serif;
color:#8a7a74;
line-height:13px;
background:#f8e9cf;
float:left;
display:inline;
margin:0 0 0 10px;
}
#right dl dd p strong
{
font-weight:bold;
color:#eb3b15;
}
#right dl input.button
{
width:85px;
height:26px;
padding:0;
float:right;
display:inline;
margin:0 87px 0 0;
cursor:pointer;
background:url(images/btn-submit.jpg) 0 0 no-repeat;
}
#right #highlight
{
width:700px;
border:1px solid #dee0e0;
background:url(images/highlight-bg.jpg) 0 0 no-repeat;
margin:0 0 23px 0;
float:left;
display:inline;
}
#right #highlight li
{
width:205px;
float:left;
display:inline;
background:none;
padding:26px 14px 10px 14px;
border-right:1px solid #dee0e0;
}
#right #highlight li.last
{
width:204px;
border:none;
}
#right #highlight li h4{margin:0 0 10px 0;}
#right #highlight li p
{
line-height:18px;
margin:0 0 10px 0;
}
#right #highlight li a
{
font-weight:bold;
color:#3c9ac1;
text-decoration:none;
background:url(images/bullet.jpg) right 4px no-repeat;
padding:0 13px 0 0;
}
#right #highlight li a:hover{text-decoration:underline;}
#right #highlight li img
{
float:left;
display:inline;
margin:0 12px 0 0;
}
#right #highlight div.details
{
width:140px;
float:left;
display:inline;
}
#right img.logo
{
border:1px solid #DEDEDE;
padding:3px;
}
#banner
{
width:700px;
height:325px;
background:url(images/banner-bg.jpg) -11px 0 no-repeat;
padding:0;
margin:0;
}
#banner h1
{
width:367px;
height:39px;
background:url(images/h1-squash-flip-push.gif) 0 0 no-repeat;
float:left;
display:inline;
margin:15px 0 19px 0;
}
#banner h2
{
width:333px;
height:63px;
background:url(images/h2-text.gif) 0 0 no-repeat;
display:block;
margin:0 0 27px 0;
clear:both;
}
#banner h1 span, #banner h2 span{display:none;}
#banner p
{
width:367px;
font:12px Arial, Helvetica, sans-serif;
color:#484848;
line-height:20px;
}
#bottom
{
width:958px;
clear:both;
background:url(images/highlight2-bg.jpg) 0 0 repeat-x;
border:1px solid #ced3d4;
}
#bottom-foot
{
float:left;
display:inline;
background:url(images/bottom-bg.jpg) 0 bottom repeat-x;
}
#bottom h1 span{display:none;}
#start
{
width:211px;
height:152px;
padding:26px 10px 0 16px;
float:left;
display:inline;
border-right:1px solid #e6e9ea;
}
#start h1
{
width:148px;
height:12px;
background:url(images/h1-start.gif) 0 0 no-repeat;
display:block;
margin:0 0 15px 0;
}
#start p
{
font:12px Arial, Helvetica, sans-serif;
color:#6f797c;
line-height:18px;
margin:0 0 5px 0;
}
#start a
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#3c9ac1;
text-decoration:none;
}
#start a:hover{text-decoration:underline;}
#start img
{
float:right;
display:inline;
margin:0 0 0 5px;
}
/* our clients */
#clients
{
width:208px;
height:152px;
padding:26px 16px 0 16px;
float:left;
display:inline;
}
#clients p
{
font:12px Arial, Helvetica, sans-serif;
color:#6f797c;
line-height:18px;
margin:0 0 5px 0;
}
#clients p a
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#3c9ac1;
text-decoration:none;
}
#clients p a:hover{text-decoration:underline;}
#clients h1
{
width:97px;
height:12px;
background:url(images/h1-awards.gif) 0 0 no-repeat;
margin:0 0 20px 0;
}
/*
#clients img
{
float:left;
display:inline;
margin:0 13px;
}
*/
#clients #clients-content {
width:160px;
height:100px;
padding:0; 
margin:0 13px 0 13px; 
overflow: hidden;
float:left;
}
#clients a
{
width:10px;
height:15px;
/*float:left;
display:inline;
margin:30px 0 0 0;*/
}
#clients a.prev{background:url(images/btn-prev.jpg) 0 0 no-repeat;}
#clients a.prev:hover{background:url(images/btn-prev.jpg) 0 -15px no-repeat;}
#clients a.next{background:url(images/btn-next.jpg) 0 0 no-repeat;}
#clients a.next:hover{background:url(images/btn-next.jpg) 0 -15px no-repeat;}
#clients a span{display:none;}
/* end our clients */
#industry
{
width:209px;
height:246px;
padding:26px 16px 0 16px;
float:right;
display:inline;
border-right:1px solid #e6e9ea;
border-left:1px solid #e6e9ea;
}
#industry h1
{
width:179px;
height:12px;
background:url(images/h1-industry.gif) 0 0 no-repeat;
display:block;
margin:0 0 10px 0;
}
#industry p 
{
font:12px Arial, Helvetica, sans-serif;
color:#6f797c;
line-height:18px;
margin:0 0 10px 0;
}
#industry select { color:#6f797c; }
#industry ul{list-style:none;}
#industry li
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#6f797c;
line-height:14px;
border-bottom:1px solid #dedede;
padding:5px 0;
}
#industry li a
{
color:#6f797c;
text-decoration:none;
display:block;
}
#industry li a:hover
{
font-weight:bold;
color:#3c9ac1;
background:url(images/bullet.jpg) right 3px no-repeat;
}
#testimonials
{
width:205px;
height:246px;
padding:26px 16px 0 16px;
float:right;
display:inline;
}
#testimonials h1
{
width:108px;
height:12px;
background:url(images/h1-testimonials.gif) 0 0 no-repeat;
display:block;
margin:0 0 10px 0;
}
#testimonials h2
{
font:14px Georgia, "Times New Roman", Times, serif;
color:#98a5a9;
line-height:18px;
margin:0 0 10px 0;
}
#testimonials p
{
font:bold 11px Arial, Helvetica, sans-serif;
color:#394a4f;
line-height:13px;
margin:0 0 15px 0;
}
#testimonials p a
{
font:bold 11px Arial, Helvetica, sans-serif;
color:#3C9AC1;
cursor:pointer
line-height:13px;
margin:0 0 15px 0;
text-decoration:none;
}
#testimonials a.readmore
{
width:108px;
height:21px;
background:url(images/btn-testimonials.jpg) 0 0 no-repeat;
display:block;
}
#testimonials a span{display:none;}
#newsletter
{
width:445px;
height:76px;
padding:17px 16px 0 16px;
float:left;
display:inline;
border-top:1px solid #e6e9ea;
}
#newsletter h1
{
width:195px;
height:15px;
background:url(images/h1-newsletter.gif) 0 0 no-repeat;
display:block;
float:left;
display:inline;
}
#newsletter p
{
font:11px Arial, Helvetica, sans-serif;
color:#6f797c;
line-height:13px;
float:left;
display:inline;
margin:2px 0 0 13px;
}
#newsletter input
{
width:134px;
height:19px;
padding:3px 0 0 5px;
border:1px solid #c3c9cb;
background:#fff;
font:11px Arial, Helvetica, sans-serif;
color:#6f797c;
float:left;
display:inline;
margin:14px 6px 0 0;
}
#newsletter input.button
{
width:auto;
height:auto;
font:bold 12px Arial, Helvetica, sans-serif;
color:#3c9ac1;
line-height:14px;
background:url(images/bullet.jpg) right 4px no-repeat;
padding:0 10px 0 0;
border:none;
margin:17px 0 0 0;
cursor:pointer;
}
#right div.testifull
{
width : 100%;
background:url(images/art/footer-bg.jpg) 0 center repeat-x;
}
/* homepage banner */
#flash
{
position: relative;
width:960px;
height:259px;
border-bottom:3px solid #cfd4d5;
padding:0; 
margin:0; 
}
#flash #flash-content
{
width:960px;
height:259px;
padding:0; 
margin:0; 
overflow: hidden;
}
#flash .nav {
  position: absolute;
  bottom: 0;
  right: 10px;
  width:70px;
  height:27px;
  list-style: none;
  z-index: 50;
  background: url(images/banner/pagination-bg.gif) no-repeat;
}
#flash .nav li {
  display: inline;
}
#flash .nav a {
  float: left;
  width: 35px;
  height: 27px;
  outline:none;
}
#flash .nav span { display:none; }
/*end homepage banner */

#services
{
width:958px;
height:192px;
border-top:8px solid #e5e8e9;
border-left:1px solid #ced3d4;
border-right:1px solid #ced3d4;
list-style:none;
float:left;
display:inline;
background:url(images/services-bg.jpg) 0 bottom repeat-x;
}
#services li
{
width:207px !important;
width:205px;
height:182px;
float:left;
display:inline;
padding:15px 15px 0 15px !important;
padding:15px 15px 0 18px;
border-right:1px solid #e1e4e5;
position:relative;
}
#services li.w210{padding:15px 15px 0 18px;}
#services li.last{border:none;}
#services h1
{
height:12px;
display:block;
margin:0 0 15px 0;
}
#services h1.online-strategy{width:135px; background:url(images/h1-online-strategy.gif) 0 0 no-repeat;}
#services h1.design-technology{width:175px; background:url(images/h1-design-technology.gif) 0 0 no-repeat;}
#services h1.online-marketing{width:155px; background:url(images/h1-digital-marketing.jpg) 0 0 no-repeat;}
#services h1.training{width:71px; background:url(images/h1-training.gif) 0 0 no-repeat;}
#services h1 span{display:none;}
#services p
{
font:12px Arial, Helvetica, sans-serif;
color:#484848;
line-height:18px;
margin:0 0 15px 0;
}
#services p strong{color:#44494b;}
#services a
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#3c9ac1;
line-height:19px;
text-decoration:none;
background:url(images/bullet.jpg) right 5px no-repeat;
padding:0 15px 0 0;
}
#services a:hover{text-decoration:underline;}
#services img
{
position:absolute;
top:0;
right:-16px;
}
#footer
{
width:960px;
height:86px;
clear:both;
background:url(images/art/footer-bg.jpg) 0 0 repeat-x;
padding:0px 5px 0px 5px;
border-left:1px solid #E6E9EA;
border-right:1px solid #E6E9EA;
border-bottom:1px solid #E6E9EA;
}
#footer p.copyright
{
font:10px Arial, Helvetica, sans-serif;
color:#6f797c;
float:left;
display:inline;
margin:20px 0 0 0;
}
#footer p.copyright img{margin:0 0 8px 0;}
#footer p.links
{
font:10px Arial, Helvetica, sans-serif;
color:#6f797c;
line-height:22px;
text-align:right;
margin:20px 0 0 0;
float:right;
display:inline;
}
#footer p.links a
{
font-weight:bold;
color:#6f797c;
text-decoration:none;
margin:0 5px;
}
#footer p.links a.top
{
background:url(images/art/ico-top.jpg) right 2px no-repeat;
padding:0 15px 0 0;
}
#footer p a:hover{color:#EB3B15;}


/*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-outer
{
width:960px;
height:35px;
background:#e9eeef url(images/art/nav-bg.jpg); /*set bg*/
clear:both;
}
#nav-outer a.rss
{
width:42px;
height:32px;
background:url(images/art/rss-link.jpg) 0 0 no-repeat;
float:right;
display:inline;
margin:2px 10px 0 0;
}
#nav-outer a.rss span{display:none;}
#nav
{
width:900px;/*give width 559px*/
height:35px;/*give height*/
/* background:url(images/art/nav.jpg) 0 0 no-repeat; */ /*set bg*/
float:left;
display:inline;
}
#nav a span
{
display:none;/*hide links at top level*/
}
#nav ul a span
{
display:inline;/*show links at second level*/
}
#nav a
{
/*color:#96a0a2;*/
color:#606465;
text-decoration:none;
font:bold 14px Arial, Helvetica, sans-serif;
height:24px;/*expand links to fill li's*/
padding:11px 0px 0px 0px;
}

#nav a:hover 
{
	background-color:#eb3b15;
	color:#FFFFFF;
	text-decoration:none;
}
/*set custom width, a's will follow cause they are display - block*/

#nav #pan1{width:68px; text-align:center; height:35px;}
#nav #pan2{border-left:#d5dbdb 1px solid;width:130px; text-align:center; height:35px;}
#nav #pan3{border-left:#d5dbdb 1px solid;width:150px; text-align:center; height:35px;}
#nav #pan4{border-left:#d5dbdb 1px solid;width:140px; text-align:center; height:35px;}
#nav #pan5{border-left:#d5dbdb 1px solid;width:90px; text-align:center; height:35px;}
#nav #pan6{border-left:#d5dbdb 1px solid;width:80px; text-align:center; height:35px;}
#nav #pan7{border-left:#d5dbdb 1px solid;width:80px; text-align:center; height:35px;}
#nav #pan8{border-left:#d5dbdb 1px solid;width:100px; text-align:center; height:35px;}


#nav li ul li {text-align:left;}

/*
#nav #pan1 a:hover, #nav #pan1 a.selected{background:url(images/art/nav.jpg) 0 -35px no-repeat;}
#nav #pan2 a:hover, #nav #pan2 a.selected{background:url(images/art/nav.jpg) -68px -35px no-repeat;}
#nav #pan3 a:hover, #nav #pan3 a.selected{background:url(images/art/nav.jpg) -188px -35px no-repeat;}
#nav #pan4 a:hover, #nav #pan4 a.selected{background:url(images/art/nav.jpg) -309px -35px no-repeat;}
#nav #pan5 a:hover, #nav #pan5 a.selected{background:url(images/art/nav.jpg) -396px -35px no-repeat;}
#nav #pan6 a:hover, #nav #pan6 a.selected{background:url(images/art/nav.jpg) -455px -35px no-repeat;}
#nav #pan7 a:hover, #nav #pan6 a.selected{background:url(images/art/nav.jpg) -455px -35px no-repeat;}
#nav #pan8 a:hover, #nav #pan6 a.selected{background:url(images/art/nav.jpg) -455px -35px 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.jpg) 0 -35px no-repeat;}
#nav #pan2:hover>a{background:url(images/art/nav.jpg) -68px -35px no-repeat;}
#nav #pan3:hover>a{background:url(images/art/nav.jpg) -188px -35px no-repeat;}
#nav #pan4:hover>a{background:url(images/art/nav.jpg) -309px -35px no-repeat;}
#nav #pan5:hover>a{background:url(images/art/nav.jpg) -396px -35px no-repeat;}
#nav #pan6:hover>a{background:url(images/art/nav.jpg) -455px -35px no-repeat;}
*/

#nav ul
{
width:205px; /* width:293px */
background:#fff url(images/art/drop-down-bg.jpg) 0 0 no-repeat;
border:1px solid #dedede;
padding:12px;
}
/*#nav #pan2 ul
{
width:958px;
background:#fff url(images/art/drop-down-bg2.jpg) center 0 no-repeat;
margin:0 0 0 -68px;
padding:0;
}*/
#nav #pan1 ul li a, #nav #pan2 ul li a, #nav #pan3 ul li a, #nav #pan4 ul li a, #nav #pan5 ul li a, #nav #pan6 ul li a, #nav #pan7 ul li a, #nav #pan8 ul li a /*overwrite rules above for second level menu*/
{
width:185px; /* width:270px; */
height:auto;
display:block;
font:11px Arial, Helvetica, sans-serif;
color:#818a8d;
padding:5px 10px;
background:url(images/dots.jpg) 0 bottom repeat-x;
}
#nav #pan2 ul li a.none, #nav #pan3 ul li a.none{background:none;}
#nav #pan1 ul li a strong, #nav #pan2 ul li a strong, #nav #pan3 ul li a strong, #nav #pan4 ul li a strong, #nav #pan5 ul li a strong,#nav #pan6 ul li a strong
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#515d62;
}
/*#nav #pan2 ul li p
{
font:12px Arial, Helvetica, sans-serif;
color:#818a8d;
line-height:18px;
margin:0 0 10px 0;
}
#nav #pan2 ul li p strong
{
font:bold 11px Arial, Helvetica, sans-serif;
color:#44494b;
}
#nav #pan2 ul li p strong a
{
width:auto;
font-weight:bold;
color:#3c9ac1;
text-decoration:none;
padding:0;
background:none;
}
#nav #pan2 ul li p strong a:hover{text-decoration:underline;}*/
#nav #pan1 ul li a:hover, #nav #pan2 ul li a:hover, #nav #pan3 ul li a:hover, #nav #pan4 ul li a:hover, #nav #pan5 ul li a:hover, #nav #pan6 ul li a:hover{background:#f0f2f2 url(images/art/drop-down-hover.jpg) 185px 5px no-repeat;}
#nav #pan1 ul li a:hover strong,#nav #pan2 ul li a:hover strong,#nav #pan3 ul li a:hover strong,#nav #pan4 ul li a:hover strong,#nav #pan5 ul li a:hover strong, #nav #pan6 ul li a:hover strong /*overwite rules above for hover states for second level menu*/
{
color:#3c9ac1;
background:none;
}
#nav #pan1 ul li a.selected,#nav #pan2 ul li a.selected,#nav #pan3 ul li a.selected,#nav #pan4 ul li a.selected,#nav #pan5 ul li a.selected, #nav #pan6 ul li a.selected /*overwite rules above for selected states for second level menu*/
{
background:none;
text-decoration:underline;
}
#nav #pan1 ul li:hover>a, #nav #pan2 ul li:hover>a, #nav #pan3 ul li:hover>a,#nav #pan4 ul li:hover>a,#nav #pan5 ul li:hover>a, #nav #pan6 ul li:hover>a
{
background:#f0f2f2 url(images/art/drop-down-hover.jpg) 185px 5px no-repeat;
}
/*#nav #pan2 ul li a:hover, #nav #pan2 ul li:hover>a{background:none;}
#nav #pan2 a.estimate
{
width:93px;
height:24px;
background:url(images/btn-get-estimate.jpg) 0 0 no-repeat;
float:right;
display:inline;
margin:10px 10px 0 0;
}
#nav #pan2 a.estimate span{display:none;}
#nav #pan2 a.estimate:hover, #nav #pan2 ul li:hover>a.estimate{background:url(images/btn-get-estimate.jpg) 0 0 no-repeat;}*/
#nav div.featured
{
width:549px;
height:234px;
float:left;
display:inline;
background:url(images/dots2.jpg) right 0 repeat-y;
padding:24px 12px 12px 12px;
}
#nav div.featured img
{
float:left;
display:inline;
border:5px solid #dae2e4;
margin:0 19px 0 0;
}
#nav div.featured div
{
width:280px;
float:left;
display:inline;
margin:2px 0 0 0;
}
#nav div.featured div a
{
width:auto;
height:auto;
padding:0;
display:inline;
}
/*#nav #pan2 ol.others
{
width:360px;
height:200px;
float:left;
display:inline;
background:url(images/dots.jpg) 0 bottom repeat-x;
padding:25px 0 0 23px;
}
#nav #pan2 ol.others li
{
width:180px;
float:left;
display:inline;
margin:0 0 10px 0;
}
#nav #pan2 ol.others li a
{
font:bold 10px Arial, Helvetica, sans-serif;
color:#a0a5a6;
}
#nav #pan2 ol.others li a strong
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#44494b;
line-height:16px;
}
#nav #pan2 ol.others li a:hover strong{color:#21aae3;}
#nav #pan2 ol.others li img
{
float:left;
display:inline;
border:5px solid #dae2e4;
margin:0 10px 0 0;
}*/
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */