body{color:#333; margin:0px; padding:0px; font:13px/19px Arial,Helvetica,sans-serif; background:#80878F repeat-x top}
/* general */
a{color:#f39201; text-decoration:none}
a:hover{text-decoration:underline}
h1, h2{font-family:Miso,Arial,Helvetica,sans-serif; color:#80878F; text-align:left!important; font-weight:normal}
h3, h4{font-family:Arial,Helvetica,sans-serif; color:#80878F; text-align:left!important; font-weight:normal}
h1{margin:0px; padding:5px 0px 0px; color:#80878F; text-transform:uppercase; font-size:48px; font-style:normal; line-height:48px; font-weight:normal; font-variant:normal; letter-spacing:-1px}
h2{margin:0px 0px 15px; padding:10px 0px 0px; font-size:32px; line-height:32px; font-weight:normal; text-transform:uppercase}
h3{font-size:14px; margin:5px 0px 10px; text-align:left; font-weight:bold; line-height:20px; padding:0px 0px 10px; border-bottom:1px solid #f2f2f2}
h4{margin:0px; padding:10px 0px 0px; font-size:12px; line-height:15px; font-weight:bold; text-transform:uppercase}
a.arw-link{color:#f39201!important; background:url(images/arrow-link.gif) no-repeat 0 0; font-weight:bold; padding:2px 2px 2px 23px; text-decoration:none!important; height:12px; margin-top:10px}
a.arw-link:hover{color:#80878F!important; background-position:0 -19px; text-decoration:none}
a.rnd-link{background:transparent url(images/bg-rndlink.png) no-repeat; background-position:right 0px; display:block; float:left; height:30px; text-decoration:none; color:#FFF; padding:0px 30px 0px 0px; font-size:13px; line-height:22px; font-weight:bold}
a.rnd-link span{background:transparent url(images/bg-rndlink-span.png) no-repeat; background-position:left 0px; display:block; padding:4px 10px 4px 20px; color:#FFF}
a.rnd-link:hover{background-position:right -30px; text-decoration:none}
a.rnd-link:hover span{background-position:left -30px}
a.next{color:#f39201!important; background:url(images/arrow-link.gif) no-repeat right 0; font-weight:bold; padding:2px 23px 3px 2px; text-decoration:none!important; height:13px; margin-left:25px}
a.next:hover{color:#80878F!important; text-decoration:none; background-position:right -19px}
a.prev{color:#f39201!important; background:url(images/arrow-link-back.gif) no-repeat 0px 0; font-weight:bold; padding:2px 2px 3px 23px; text-decoration:none!important; height:13px}
a.prev:hover{color:#80878F!important; text-decoration:none; background-position:0 -19px}
img.inner{margin:0px 20px 10px 0px; padding:0px; clear:both; border-style:none}
img.thumb{margin:0px 20px 10px 0px; padding:9px; float:left; border:1px solid #CCC!important}
a img{border-style:none!important}
.clear{clear:both; height:1px; line-height:0px}
.nomarg{margin:0px!important}
.nobg{background:none!important}
.fontsmall{font:11px/15px Tahoma,Arial,Verdana,sans-serif}
.smallfont{font-family:Tahoma,Arial,Verdana; font-size:11px}
h3 .smallfont{font:normal 12px Arial,Helvetica,sans-serif; text-transform:none !important}
.noborder{border:none !important}
.btmborder{border-bottom:1px solid #f2f2f2; padding-bottom:0px; margin-bottom:20px}
.red{color:#CC0202 !important}
.orange{color:#FE9915!important}
.bigfont{font:normal 18px/26px Arial,Verdana,sans-serif; color:#80878F; text-align:left !important; display:block; margin-bottom:10px; margin-top:10px}
.bigfont a{font:normal 18px/26px Arial,Verdana,sans-serif}
.fulldiv{clear:both; padding-bottom:20px}
.nopad{padding:0px}
.white{color:#FFF}
.samewidth{font:12px Arial,Helvetica,sans-serif; width:270px}
.btn{background:#F90; color:#FFF; border:1px solid #CCC; height:25px; margin:0px; padding:0px; text-transform:uppercase; font-family:Arial,Helvetica,sans-serif; font-weight:bold}
.medcol{width:300px; float:left; margin-right:30px; text-align:left}
.equalcol{width:455px; float:left; margin-right:20px; text-align:left; padding-right:19px; border-right:1px solid #f1f1f1; font:13px/19px Arial,Helvetica,sans-serif}
.smallcol{width:196px; padding:0px; float:left; margin-right:20px; text-align:left; font:11px/16px Arial,Helvetica,sans-serif}
.last{margin:0px !important; padding-right:0px !important; border-right-style:none !important}
.lastcol{margin:0px !important; float:right}
.hidden{
	visibility:hidden;
	display: none;
}
form{padding:20px; background:#f2f2f2}
#home{background:#f1f1f1 url(images/bg-home.jpg) repeat-x center 405px}
/* Container */
#homecontainer{margin:0px; padding:0px; background:#f0f1f4 url(images/bg-homecontainer.jpg) repeat-x top}
#container{margin:0px; padding:0px; background:#FFF url(images/bg-container2.jpg) repeat-x top}
/* Page */
#page{width:960px; margin:0px auto; padding:0px}
/* header */
#header{clear:both; height:100px; padding:0px; margin:0px 0px 5px; color:#FFF}
#header .left{float:left; padding:14px 0px 0px; margin:0px; text-align:center}
#header .right{float:right; text-align:right; margin:0px; padding:0px}
/* toplinks */
#toplinks{clear:both; margin:0px; padding:10px 0px 25px; height:15px}
#toplinks ul{margin:0px; padding:0px; list-style:none}
#toplinks li{display:inline; margin:0px; padding:0px}
#toplinks li a{color:#FFF; text-decoration:none; padding-left:6px; padding-right:5px; font:12px/15px Arial,Verdana,sans-serif; border-left:1px solid #999}
#toplinks li a:hover{color:#CCC}
#toplinks .first a{padding-left:0px; border-left-style:none}
#toplinks .last a{padding-right:0px}
/* links */
#links{height:20px; clear:both; margin:0px; padding:0px}
#links ul{margin:0px; padding:0px; list-style:none}
#links li{display:inline; margin:0px; padding:0px}
#links li a{color:#FFF; font:bold 24px/24px Miso,Arial,Helvetica,sans-serif; text-transform:uppercase; margin-right:10px; margin-left:10px; border-bottom:3px solid #80878F; padding-bottom:3px}
#links li a:hover, #links li a.act{border-bottom:3px solid #f90}
#links .first a{border-left-style:none}
#links .last a{margin-right:0px}
#links li img{border:none !important; padding-bottom:3px}
/* pagetitte */
#pagetitle{font:11px Tahoma,Arial,Verdana,sans-serif; padding:15px 0px 15px; margin:0px 0px 20px; border-bottom:1px solid #f1f1f1; color:#a7acb2}
#pagetitle a{color:#F90; text-decoration:none; font:11px Arial,Helvetica,sans-serif}
#pagetitle a:hover{color:#878E97}
/* content */
#content{clear:both; padding:0px 0px 20px; min-height:350px; margin:0px; text-align:justify}
#content .left{width:670px; float:left; padding-right:19px; border-right:1px solid #f2f2f2}
#content .right{float:right; width:250px; padding:0px}
#content .medcol{width:320px; float:left; margin-right:30px; text-align:left}
#content .right h2{padding:0px 0px 10px !important; margin:0px !important}
#content .right div{width:250px; padding:0px; margin:0px 0px 20px}
#content .right ul{list-style-position:outside; margin:0px; padding:0px; list-style-type:none}
#content .right ul li{font:normal 12px Arial,Helvetica,sans-serif; margin:0px; padding:0px 0px 5px 35px; text-align:left}
#content .right ul li a{color:#333; text-decoration:none; border-bottom:1px solid #f2f2f2; display:block; padding-bottom:2px}
#content .right ul li a:hover{color:#f90}
#content .right  li.act a{color:#f90}
#content .right  li strong{color:#80878F}
#content .right ul.ulsub{margin:0px!important; padding:0px!important; list-style:none outside; border-bottom:1px solid #f2f2f2}
#content .right ul.ulsub li{margin:0px; padding:0px; font:11px Tahoma,Arial,Verdana,sans-serif}
#content .right ul.ulsub li a{margin:0px!important; padding:2px 0px 2px 10px!important; font:11px Tahoma,Arial,Verdana,sans-serif; background:url(images/arw-bullet.gif) no-repeat left 7px; border-style:none}
#content .right .samewidth{width:190px!important}
#content .smlcol{width:150px; float:left; padding-right:20px}
#content .bigcol{float:right; width:500px}
/* lists */
ul.arw, ul.none{list-style-position:outside; margin:0px; padding:0px; list-style-type:none}
/* list with arrow image  */
ul.arw li{margin:0px; padding:0px 0px 5px 10px; background:url(images/arw-bullet.gif) no-repeat 0px 7px}
ul.arw li a{text-decoration:none; color:#616A74}
ul.arw li a:hover{text-decoration:underline}
.twocol li{margin:0px; display:inline; width:300px; float:left; padding-right:20px!important}
/* list with no image  */
ul.none li{margin:0px; padding:0px 0px 5px 0px}
ul.none li a{color:#333}
ul.none li a:hover{text-decoration:none}

#cleintslist td{text-align:center; padding:20px 10px; border-bottom:1px solid #f2f2f2; border-right:1px solid #f2f2f2}
#cleintslist table{border-top:1px solid #f2f2f2; border-left:1px solid #f2f2f2}
#testimonials .medcol{background:#f3f3f3 url(images/bg-testimonials.gif) no-repeat right bottom; padding:10px; width:300px}
#testimonials .last{margin-right:0px!important; padding-right:10px!important}
#testimonials h4{padding-top:15px}
#testimonials .smallfont{color:#80878F}
#contact .medcol{width:300px!important; float:right}
#contact .left{width:610px!important}
#team h3{border:none!important; margin-bottom:0px}
#awards td{padding:0px 30px 30px 0px; width:217px; vertical-align:top; font:11px/15px Tahoma,Arial,Verdana,sans-serif; text-align:left}
#awards td.last{padding-right:0px}
#awards img{border:1px solid #CCC; padding:4px; margin:0px 0px 3px; width:207px; height:70px}
#awards a img{border:1px solid #ccc!important}
#sitemap .medcol{width:300px!important}
/* Footer */
#footer{color:#FFF; clear:both; margin:0px; padding:20px 10px 10px; border-top:5px solid #f2f2f2; background:#80878F}
#footer h2{margin:0px 0px 10px; padding:0px; color:#FFF; font-weight:bold; font-size:24px}
#footer a{color:#FFF; text-decoration:none}
#footer a:hover{color:#1b2128}
#footercontent{width:960px; margin:0px auto}
#footer .left{width:670px; float:left}
#footer .right{float:right; width:250px; padding:0px; border-left:1px solid #8d939a; padding-left:19px}
#footer .testi{background:#8d939a url(images/bg-ftr-testi.gif) no-repeat center bottom; padding:5px 5px 15px; font:11px/17px Arial,Helvetica,sans-serif}
#footer #btmlinks{font-size:11px; margin-bottom:15px}
#btmlinks .right{text-align:right}
#footer #btmlinks .right a{background:#6D757E; margin-left:3px; font:10px Tahoma,Arial,Verdana,sans-serif; color:#FFF; padding:1px 3px}
#footer #btmlinks .right a:hover{background:#F90; color:#FFF}
#footer a.arw-link{color:#CCC!important; background:url(images/arrow-link-ftr.gif) no-repeat 0 0; padding-left:23px; font-weight:bold; padding-top:2px; padding-bottom:1px; height:13px; margin-top:5px}
#footer a.arw-link:hover{color:#FFF!important; background-position:0 -18px; text-decoration:none}
#footer .cp{clear:both; margin-top:10px; background:url(images/bg-cp-left.gif) no-repeat left center; padding:0px 0px 0px 200px; height:31px; margin-bottom:10px}
#footer .cp li a{text-transform:uppercase; padding:0 8px; font:bold 10px/31px Verdana,Arial,Helvetica,sans-serif!important}
#footer .cp a:hover{color:#F90}
#footer .cws{clear:both; margin-top:10px; background:url(images/bg-cws.gif) no-repeat left center; padding:5px 0px 0px 175px; height:26px; margin-bottom:10px}
a.twitter{background:url(images/btn-twitter.gif) no-repeat left -31px; height:31px; width:250px; float:left; margin-top:10px; margin-bottom:10px}
a.twitter:hover{background:url(images/btn-twitter.gif) no-repeat left -0px}
#btmlinks ul, .cp ul{margin:0px; padding:0px 0px 5px; list-style:none}
#btmlinks li, .cp li{display:inline; margin:0px; padding:0px}
#btmlinks li a, .cp li a{color:#FFF; text-decoration:none; padding-left:5px; padding-right:5px; font:11px/15px Arial,Verdana,sans-serif; border-left:1px solid #999}
#footer .first a{padding-left:0px; border-left-style:none}
#footer .last a{padding-right:0px}
#tags{color:#b3b7bc; font:11px Arial,Helvetica,sans-serif}
#poptags{text-align:left}
#tags a, #poptags a{color:#b3b7bc}
#poptags a{padding:10px; margin-bottom:10px; line-height:36px}
#poptags .small{font-size:11px}
#poptags .medium{font-size:16px}
#poptags .big{font-size:18px}
#poptags .bigger{font-size:24px}
.post-title{text-transform:none; color:#6e7680; border-bottom-style:none; font:bold normal 28px Arial,Helvetica,sans-serif!important; text-align:left!important}
.post{padding:0px 0px 10px; border-bottom:1px solid #f2f2f2; margin-bottom:10px}
.post a{color:#666; text-decoration:underline}
.post a:hover{text-decoration:none}
.date{font:bold 10px Arial,Helvetica,sans-serif; text-transform:uppercase; color:#a7acb2}
ul.posts li a, ul.archive-list a{margin:0px; padding:0px 0px 5px 10px; background:url(images/arw-bullet.gif) no-repeat 0px 7px; font:11px Tahoma,Arial,Verdana,sans-serif}
/* brochures slideshow */
.gallerylayer{background:#FFF url(images/loading.gif) no-repeat center center}
#fadeshowtoggler{padding:10px 5px 5px; text-align:center; border-bottom:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC}
.fadeSlideShow_descpanel{padding:20px}
.status{float:left; margin-left:15px}
.prevnext{float:right; margin-right:15px}

.box{background:#000 url(images/bg-orbox-top.gif) no-repeat top; padding:20px 20px 0px!important; color:#FFF; width:210px!important; text-align:left; margin-bottom:0px!important}
.box h2{color:#FFF; font-size:18px; border-bottom:1px dotted #CCC}
.box ul li{padding:0px 0px 5px 15px!important}
.boxbtm{background:#000 url(images/bg-orbox-btm.gif) no-repeat bottom; line-height:20px; height:20px}
#content .right .samewidth{width:190px!important}

/* homepagebanners */
.glidecontentwrapper{position:relative; width:960px; height:285px; overflow:hidden; margin-top:20px; color:#80878F}
.glidecontent{/*style for each glide content DIV within wrapper.*/position:absolute; background:#FFF; visibility:hidden; width:960px}
.glidecontent h2{font-size:60px; line-height:60px; margin:0px; padding-top:0px; padding-bottom:5px; letter-spacing:-2px}
.glidecontent h3{margin:0px; padding-top:0px; padding-bottom:5px; letter-spacing:-2px; font:52px/52px Miso,Arial,Helvetica,sans-serif; text-transform:uppercase; border-style:none}
.glidecontent .xx{font-size:18px; line-height:26px}
.glidecontent .xxx{font-size:24px; line-height:30px}
.webred{background:url(images/banners/web-redesign.jpg) no-repeat right bottom; padding-right:400px; height:255px; padding-top:30px}
.ideas{background:url(images/banners/50ideas.jpg) no-repeat right bottom; padding-right:300px; height:240px; padding-top:45px; width:560px}
.foxenter{background:url(images/banners/foxenter.jpg) no-repeat right bottom; padding-right:400px; height:260px; padding-top:25px}
.meditag{background:url(images/banners/meditag.jpg) no-repeat right bottom; padding-right:400px; height:260px; padding-top:25px}
.itsol{background:url(images/banners/itsolutions.jpg) no-repeat right bottom; padding-right:450px; height:260px; padding-top:25px}
.glidecontenttoggler{/*style for DIV used to contain toggler links. */width:960px; z-index:100; margin:0px; padding:5px 0px 0px; height:20px; background:url(images/bg-bannerpagination.jpg) no-repeat center top}
.glidecontenttoggler a{/*style for every navigational link within toggler */color:#FFF; padding:1px 4px; margin-right:3px; font-weight:normal; text-decoration:none; background:#80878F; height:18px; font-size:11px; line-height:15px}
.glidecontenttoggler a.toc{/*style for individual toggler links (page 1,page 2,etc). ".toc"class auto generated! */}
.glidecontenttoggler a.prevs, .glidecontenttoggler a.nexts{/*style for "prev"and "next"toggler links. ".prev"and ".next"classes auto generated! */position:relative; z-index:500}
.glidecontenttoggler a.selected, .glidecontenttoggler a:hover, .glidecontenttoggler a.prevs:hover, .glidecontenttoggler a.nexts:hover{background:#f39201; color:white; text-decoration:none}

/* products */
.productcontentwrapper{position:relative; width:670px; height:500px; overflow:hidden; margin-top:20px; color:#80878F}
.productcontent{/*style for each glide content DIV within wrapper.*/position:absolute; background:#FFF; visibility:hidden; width:670px}
.productcontent h2{font-size:60px; line-height:60px; margin:0px; padding-top:0px; padding-bottom:5px; letter-spacing:-2px}
.productcontent h3{margin:0px; padding-top:0px; padding-bottom:5px; letter-spacing:-2px; font:52px/52px Miso,Arial,Helvetica,sans-serif; text-transform:uppercase; border-style:none}
.productcontent .xx{font-size:18px; line-height:26px}
.productcontent .xxx{font-size:24px; line-height:30px}
.productcontenttoggler{/*style for DIV used to contain toggler links. */width:670px; z-index:100; border-bottom:1px solid #f1f1f1; height:30px}
.productcontenttoggler a{/*style for every navigational link within toggler */color:#FFF; text-decoration:none; background:#80878F; padding:5px 10px; text-transform:uppercase; font-size:11px; line-height:20px; margin:0 10px 0px 0; float:left}
.productcontenttoggler a.toc{/*style for individual toggler links (page 1,page 2,etc). ".toc"class auto generated! */}
.productcontenttoggler a.prevs, .productcontenttoggler a.nexts{/*style for "prev"and "next"toggler links. ".prev"and ".next"classes auto generated! */position:relative; z-index:500}
.productcontenttoggler a.selected, .productcontenttoggler a:hover, .productcontenttoggler a.prevs:hover, .productcontenttoggler a.nexts:hover{background:#f39201; color:white; text-decoration:none}