@charset "UTF-8";
body { background: url(../_images/smeebg.jpg);#cccccc: padding: 0px; margin: 0px; }
p { font-family: Arial; font-size: 10px; font-weight:bold; margin: 10px 0px; padding: 0px; }

a img { border: 0px; }
a  { color: #fff;}

#container { margin: 0 auto; width: 1100px; height: 700px; position: relative; }
#container img.audiotab { position: absolute; bottom: 33px; right: 172px; }
#container img.clienttab { position: absolute; bottom: 33px; right: 100px; }
#container img.sitebyarkyard { position: absolute; bottom: 36px; left: 120px; }

#container.whtgrn { background: url(../_images/bg_whtgreen.png) scroll 0 0; }
#container.gry { background: url(../_images/bg_gry.png) scroll 0 0; }
#container.wht { background: url(../_images/bg_wht.gif) scroll 0 0; }

#inner { width: 1002px; height: 602px; position:absolute; left: 48px; top: 48px; }
#bubble { position: absolute; width: 90px; height: 66px; top: 26px; right: 37px; }
#bubble.gry { background:url(../_images/bubble_gry.gif) scroll 0 0 no-repeat; }
#bubble.grn { background:url(../_images/bubble_grn.png) scroll 0 0 no-repeat; }
#bubble.grn { behavior: url(_css/iepngfix.htc); }
#bubble a { display: block; padding-top: 17px; height: 49px; font-family: Arial; font-size: 9px; font-weight:bold; text-align:center; color:#FFF; text-transform:uppercase; text-decoration: none; }
/*#bubble span { display: block; font-family: Arial; font-size: 9px; font-weight:bold; text-align:center; color:#FFF; text-transform:uppercase; margin-top: 17px; }*/
#content { width: 900px; height: 509px; position:relative; top: 43px; left: 53px; }
ul#topnav { height: 10px; overflow:hidden; list-style: none; list-style-type: none; list-style-image:none; width: 100%; margin: 0px; padding: 0px; position: relative; }
ul#topnav li { list-style:none; list-style-image:none; list-style-type:none; margin:0; padding:0; position:absolute; top: 0; height: 10px; overflow: hidden; }
ul#topnav li a { display: block; height: 10px; text-indent:9999px; overflow: hidden; }

ul#topnav li.services { left: 0px; width: 78px; }
ul#topnav li.services a { background: url(../_images/topnav.png) scroll 0 0 no-repeat; }
ul#topnav li.services a:hover,
ul#topnav li.services a.on { background: url(../_images/topnav.png) scroll 0 -20px no-repeat; }

ul#topnav li.profile { left: 86px; width: 68px; }
ul#topnav li.profile a { background: url(../_images/topnav.png) scroll -86px 0 no-repeat; }
ul#topnav li.profile a:hover,
ul#topnav li.profile a.on { background: url(../_images/topnav.png) scroll -86px -20px no-repeat; }

ul#topnav li.portfolio { left: 162px; width: 88px; }
ul#topnav li.portfolio a { background: url(../_images/topnav.png) scroll -162px 0 no-repeat; }
ul#topnav li.portfolio a:hover,
ul#topnav li.portfolio a.on { background: url(../_images/topnav.png) scroll -162px -20px no-repeat; }

ul#topnav li.blog { left: 258px; width: 48px; }
ul#topnav li.blog a { background: url(../_images/topnav.png) scroll -258px 0 no-repeat; }
ul#topnav li.blog a:hover,
ul#topnav li.blog a.on { background: url(../_images/topnav.png) scroll -258px -20px no-repeat; }

ul#topnav li.contact { left: 314px; width: 75px; }
ul#topnav li.contact a { background: url(../_images/topnav.png) scroll -314px 0 no-repeat; }
ul#topnav li.contact a:hover,
ul#topnav li.contact a.on { background: url(../_images/topnav.png) scroll -314px -20px no-repeat; }


#container.gry ul#topnav li.services a:hover,
#container.gry ul#topnav li.services a.on { background: url(../_images/topnav.png) scroll 0 -10px no-repeat; }
#container.gry ul#topnav li.profile a:hover,
#container.gry ul#topnav li.profile a.on { background: url(../_images/topnav.png) scroll -86px -10px no-repeat; }
#container.gry ul#topnav li.portfolio a:hover,
#container.gry ul#topnav li.portfolio a.on { background: url(../_images/topnav.png) scroll -162px -10px no-repeat; }
#container.gry ul#topnav li.blog a:hover,
#container.gry ul#topnav li.blog a.on { background: url(../_images/topnav.png) scroll -258px -10px no-repeat; }
#container.gry ul#topnav li.contact a:hover,
#container.gry ul#topnav li.contact a.on { background: url(../_images/topnav.png) scroll -314px -10px no-repeat; }

ul#subnav { height: 9px; margin: 4px 0px 0px; overflow: hidden; list-style: none; width: 100%; margin-top: 5px; padding: 0px; position: relative; }
ul#subnav li { list-style: none; margin: 0; padding: 0; position: absolute; top: 0; height: 9px; overflow: hidden; }
ul#subnav li a { display: block; height: 9px; text-indent:9999px; overflow: hidden; }

ul#subnav li.item1 { left: 0px; width: 70px; }
ul#subnav li.item1 a { background: url(../_images/subnav.png) scroll 0 0 no-repeat; }
ul#subnav li.item1 a:hover,
ul#subnav li.item1 a.on { background: url(../_images/subnav.png) scroll 0 -9px no-repeat; }

ul#subnav li.item2 { left: 78px; width: 70px; }
ul#subnav li.item2 a { background: url(../_images/subnav.png) scroll -78px 0 no-repeat; }
ul#subnav li.item2 a:hover,
ul#subnav li.item2 a.on { background: url(../_images/subnav.png) scroll -78px -9px no-repeat; }

ul#subnav li.item3 { left: 155px; width: 86px; }
ul#subnav li.item3 a { background: url(../_images/subnav.png) scroll -155px 0 no-repeat; }
ul#subnav li.item3 a:hover,
ul#subnav li.item3 a.on { background: url(../_images/subnav.png) scroll -155px -9px no-repeat; }

ul#subnav li.item4 { left: 248px; width: 79px; }
ul#subnav li.item4 a { background: url(../_images/subnav.png) scroll -248px 0 no-repeat; }
ul#subnav li.item4 a:hover,
ul#subnav li.item4 a.on { background: url(../_images/subnav.png) scroll -248px -9px no-repeat; }

ul#subnav li.item5 { left: 334px; width: 72px; }
ul#subnav li.item5 a { background: url(../_images/subnav.png) scroll -334px 0 no-repeat; }
ul#subnav li.item5 a:hover,
ul#subnav li.item5 a.on { background: url(../_images/subnav.png) scroll -334px -9px no-repeat; }

ul#subnav li.item6 { left: 413px; width: 66px; }
ul#subnav li.item6 a { background: url(../_images/subnav.png) scroll -413px 0 no-repeat; }
ul#subnav li.item6 a:hover,
ul#subnav li.item6 a.on { background: url(../_images/subnav.png) scroll -413px -9px no-repeat; }

ul#subnav li.item7 { left: 485px; width: 86px; }
ul#subnav li.item7 a { background: url(../_images/subnav.png) scroll -485px 0 no-repeat; }
ul#subnav li.item7 a:hover,
ul#subnav li.item7 a.on { background: url(../_images/subnav.png) scroll -485px -9px no-repeat; }

ul#subnav li.item8 { left: 578px; width: 83px; }
ul#subnav li.item8 a { background: url(../_images/subnav.png) scroll -578px 0 no-repeat; }
ul#subnav li.item8 a:hover,
ul#subnav li.item8 a.on { background: url(../_images/subnav.png) scroll -578px -9px no-repeat; }


#content #leftcontent { position: absolute; bottom: 0px; left: 0px; width: 450px; }
#content #rightcontent { position: absolute; bottom: 0px; right: 0px; width: 350px; font-family: Arial; font-size: 10px; font-weight:bold; text-transform: uppercase; color: #FFF; }
#rightcontent.index { bottom: 87px!important; }

#content #fullcontent { padding: 16px 0px 0px 0px; }