/* RT - last updated 21_01_2007 */

body { font: 62.5%/100% Tahoma, Arial, sans-serif; color: #cccccc; background: url(../img/bg_main-wrapx.jpg) #040404 repeat-x top; }

/* =headings */

h1 { font: 2em/2em Arial, Helvetica, sans-serif; color: #eeeeee; }
h2 { font: 1.8em/2em Arial, Helvetica, sans-serif; text-indent: 10px; color: #eeeeee; margin: 0 10px 0 15px; padding-bottom: 10px; background: url(../img/h2_bg-wrap.jpg) repeat-x; border-bottom: 1px solid #505050; letter-spacing: .05em; }
h3 { font: bold 1.3em/3em Arial, Helvetica, sans-serif; color: #bbbbbb; margin: 0 10px 0 20px; padding-bottom: 6px;  border-bottom: 1px solid #505050; }
h4 { font: bold 1.5em/1.5em Arial, Helvetica, sans-serif; color: #ffffff; margin: 5px 10px 5px 25px; }
h4.date-lge { text-indent: 0px; background: none; }
#links h4 { margin-left: 5px; }
h5 { font: bold 1.2em/1.2 Arial, Helvetica, sans-serif; color: #ececec; margin: 1em 10px .5em 5px; padding: 0; }

h1#logo a { display: block; float: left; width: 400px; height: 100px; background-image: url(../img/logo.gif); background-position: left 35px; background-repeat: no-repeat; text-decoration: none; }
h1#logo a:hover { background-position: right 35px; }
h1#logo a span { visibility: hidden; }

h3 span { font-size: 1.2em; color: #eeeeee; margin: 0 .1em; }
.date { float: right; font: bold 1em/2em Tahoma, Arial, sans-serif; color: #dddddd; margin: .5em 15px;}
h4.home { text-indent: 15px; background: url(../img/ico-news.gif) no-repeat left .35em; }

/* =paragraphs */

p { font: 1.1em/1.4em Tahoma, Arial, sans-serif; }
#content p strong { color: #eeeeee; }
#content p { margin: 0 15px 10px 25px; }
#content p strong.highlight { color: #03c9fd; }
#content #recent_work p { font: 1em/1.3em Tahoma, Arial, sans-serif; margin: 3px; padding: 0 4px; color: #b1b1b1; }
#footer p { font: 1em/1.2em Tahoma, Arial, sans-serif; padding: 10px; margin: 0; }

/* =horizontal rulers */

hr { display: none;}
div.hr { clear: both; background: url(../img/hr-dotted.gif) repeat-x; margin: 0 10px 0px 15px; height: 1px; }

/* =main layout */

#bg_top_left { width: 100%; background: url(../img/bg_main-top-left.png) no-repeat top left; }
#bg_btm_right { width: 100%; background: url(../img/bg_main-bot-right.png) no-repeat bottom right; padding-bottom: 150px; }
#wrapper { width: 770px; margin: 0 auto; background: none; }
#header_lge { position: relative; width: 770px; height: 220px; background: url(../img/header_img_lrg.jpg) #333333; clear: both; border-bottom: 1px solid #666666; }
#header_sml { width: 770px; height: 80px; background: url(../img/header_img_sml.jpg) #333333; clear: both; border-bottom: 1px solid #666666; }
#content { width: 770px; min-height: 350px; background-color: #383838; border-top: 1px solid #000000; }
.col_210, .col_385, .col_560, .col_765 { min-height:350px; margin:0; padding: 20px 0; }
.col_210 { width: 210px; }
.col_385 { width: 385px; }
.col_560 { width: 560px; }
.col_765 { width: 765px; }
#recent_work { width: 355px; margin-left: 20px; }
#recent_work div { position: relative; width: 172px; height: 17.6em; background: url(../img/hr-dotted.gif) #2E2E2E repeat-x bottom; margin: 0 0 10px; overflow: auto; }
#news_archive div { position: relative; width: 450px; margin: 0; overflow: auto; }
#folio { width: 535px; margin: 0 10px 10px 15px; padding: 0; border-bottom: 2px solid #03c9fd; }
#footer { width: 770px; height: 50px; background: url(../img/footer-bg.gif) transparent; clear: both; }


/* =links */

a { color: #eeeeee; text-decoration: none;}
/*a:visited { color: #dddddd; }*/
a:hover { color: #ffffff; }
h4 a, #header_lge p a { color: #03c9fd; }
h4 a:hover, #header_lge p a:hover { border-bottom: 1px solid #03c9fd; color: #03c9fd; }
#content p a { border-bottom: 1px solid #03c9fd; }
#content p a:hover { color: #ffffff; background: #2E2E2E; border-bottom: 1px solid #03c9fd; }
#content p.right-arrow, #content p.top-arrow, #content p.bot-arrow { margin: 0 10px 2px 0; clear: both; }
#content p.first { margin-top: 10px; }
#content p.right-arrow a { display: block; text-align: right; font: .9em/.9em Arial, Helvetica, sans-serif; color: #03c9fd; padding-right: 10px; border: none; background: url(../img/arrow-right.gif) no-repeat right bottom; }
#content p.bot-arrow a { text-align: left; font: .9em/.9em Arial, Helvetica, sans-serif; color: #03c9fd; padding-right: 10px; margin-left: 25px; border: none; background: url(../img/arrow-bot.gif) no-repeat right center; }
#content p.top-arrow a { display: block; text-align: right; font: .9em/.9em Arial, Helvetica, sans-serif; color: #03c9fd; padding-right: 10px; border: none; background: url(../img/arrow-top.gif) no-repeat right bottom; }
#content p.right-arrow a:hover { border: none; color: #03c9fd;  text-decoration: underline; background: url(../img/arrow-right.gif) no-repeat right bottom; }
#content p.top-arrow a:hover { border: none; color: #03c9fd;  text-decoration: underline; background: url(../img/arrow-top.gif) no-repeat right bottom; }
#content p.bot-arrow a:hover { border: none; color: #03c9fd;  text-decoration: underline; background: url(../img/arrow-bot.gif) no-repeat right bottom; }
#content address a { background: url(../img/link-dotted.gif) repeat-x bottom; }
#content address a:hover { color: #ffffff; background: #2E2E2E; border-bottom: 1px solid #03c9fd; }

/*#content p.raquo a span { color: #cccccc; font: bold 1em Tahoma, Arial, sans-serif; }
#content p.raquo a:hover { border: none; color: #03c9fd;  text-decoration: underline; }*/
#footer a { font-family: Arial, Helvetica, sans-serif; color: #03c9fd; text-decoration: underline; }
#footer a:hover { text-decoration: none; }

/* =lists */

.bullet { margin: 0 15px 10px 25px; }
.bullet li { font: 1.1em/1.6em Tahoma, Arial, sans-serif; background: url(../img/bullet-services-li.gif) no-repeat top left; text-indent: 14px; margin: 0; padding: 0; }
.bullet li a { color: #03c9fd; }
.bullet li a:hover { color: #ffffff; border-bottom: 1px solid #03c9fd; }
.bullet li img { vertical-align: middle; }

ul.profiles { margin: 0; padding: 0; }
ul.profiles li { width: 200px; font: 1.1em/1.6em Tahoma, Arial, sans-serif; background: none; margin: .5em 15px .5em 5px; padding-left: 20px; text-indent: 0; }
ul.profiles li a { background: url(../img/link-dotted.gif) repeat-x bottom; }
ul.profiles li a:hover { background: none; border-bottom: 1px solid #03c9fd; }
ul.profiles li.phone { background: url(../img/ico-phone.gif) no-repeat; }
ul.profiles li.email { background: url(../img/ico-email.gif) no-repeat left center; }

ul.sitemap { display:block; width:180px; margin: 1.5em 0 1em 3em; padding:0; }
ul.sitemap li { font: bold 1.1em/1.8em Tahoma, Arial, sans-serif; background: url(../img/hr-dotted.gif) repeat-x 0 1.8em; }
ul.sitemap li li { font-size:1em; margin:0 0 0 10px; padding:0; background:none; }
ul.sitemap li a { display:block; height:1.8em; background:url(../img/bul-arrow-sm.gif) transparent no-repeat -1px center; padding: 0 0 1px 14px; }
ul.sitemap li li a { color:#cccccc; font-weight:normal;}
ul.sitemap li a:hover { color: #ffffff; background: url(../img/bul-arrow-sm.gif) #2E2E2E no-repeat left bottom; border: none; }
 
#main_nav, #main_nav ul { list-style: none; }
#main_nav li { float: left; border-right: 1px solid #333333; }
#main_nav li.last { border: none; }
#main_nav li ul { position: absolute; margin-left: -9999px; }
#main_nav li:hover ul, #main_nav li.iehover ul { margin-left: 0;}
#main_nav li ul li { border: none; }
#main_nav a { display: block; width: 80px; color: #cccccc; text-align: center; }
#main_nav li a.current { background: url(../img/main_nav-hover.gif) no-repeat center bottom; color: #ffffff; }
#main_nav li a { font: 1.4em/40px Arial, Helvetica, sans-serif; }
#main_nav li ul li a { font: 1.1em/30px Arial, Helvetica, sans-serif; }
#main_nav li a:hover { background: url(../img/main_nav-hover.gif) no-repeat center bottom; color: #ffffff; }
#main_nav li ul li a:hover { background: url(../img/main_nav-hover-sm.gif) no-repeat center 2px; }

#sub_nav { display:inline; float: right; margin: 80px 20px 0 0; font: 1.1em/1.4em Tahoma, Arial, sans-serif; }
#sub_nav li { float: left; list-style: none; }
#sub_nav li a { display: block; list-style: none; color: #cccccc; margin-left: 5px; }
#sub_nav li a span { margin-left: -9999px; }
#sub_nav li.small a { width: 14px; background: url(../img/ico-text-sizes.gif) no-repeat left center; }
#sub_nav li.med a { width: 14px; background: url(../img/ico-text-sizes.gif) no-repeat center center; }
#sub_nav li.lge a { width: 14px; background: url(../img/ico-text-sizes.gif) no-repeat right center; }
#sub_nav li a:hover { border-bottom: 1px solid #03c9fd; color: #ffffff; }
/*#sub_nav li.small a:hover { background-position: right -2.4em; }
#sub_nav li.med a:hover { background-position: right -1.1em; }
#sub_nav li.lge a:hover { background-position: right .2em; }*/

ul#right_nav-recent { float: right; list-style: none; width: 172px; font: bold 1.1em/1.4em Arial, Helvetica, sans-serif; }
ul#right_nav-recent li { height: 4em; background: url(../img/hr-dotted.gif) repeat-x bottom; }
ul#right_nav-recent li a { display: block; height: 3.39em; background: url(../img/bul-arrow-lge.gif) no-repeat left center; padding: 6px 0 0 30px; color: #cccccc; }
ul#right_nav-recent li a span { font-size: .9em; color: #03c9fd; font-weight: normal; }
ul#right_nav-recent li a:hover { background: url(../img/bul-arrow-lge.gif) #2E2E2E no-repeat right center; color: #ffffff;}
ul#right_nav-recent li a:hover span { color: #ffffff; }

ul#right_nav { list-style: none; width: 180px; font: bold 1.1em/1.4em Arial, Helvetica, sans-serif; margin-left: 20px; }
ul#right_nav li { background: url(../img/hr-dotted.gif) repeat-x bottom; padding-bottom: 1px; }
ul#right_nav li a { display: block; width: auto; background: url(../img/bul-arrow-lge.gif) no-repeat left center; padding: 6px 0 6px 30px; color: #cccccc; }
ul#right_nav li a span { font-size: .9em; color: #03c9fd; font-weight: normal; }
ul#right_nav li a:hover { background: url(../img/bul-arrow-lge.gif) #2E2E2E no-repeat -171px center; color: #ffffff;}
ul#right_nav li a:hover span { color: #ffffff; }
ul#right_nav li a.current { background: url(../img/bul-arrow-lge.gif) #2E2E2E no-repeat -171px center; color: #ffffff; }
ul#right_nav li a.current span { color: #eeeeee; }

#services { background: url(../img/services-ul-bg.jpg) no-repeat center right; margin: 10px 15px 0 25px; padding: 0px;}
#services li a { display: block; width: 320px; padding-left: 15px; background: url(../img/bullet-services-li.gif) no-repeat -533px 3px; font: 1.2em/2em Tahoma, Arial, sans-serif; color: #cccccc; }
#services li a:hover { background-position: left 3px; color: #ffffff; }

p#domtabprintview a { float:right; margin:10px 5px -20px 0; padding-right:10px; background: url(../img/arrow-bot.gif) no-repeat right center; border:none; }
p#domtabprintview a:hover { background:transparent url(../img/arrow-bot.gif) no-repeat right bottom; }

/* =archive page */

#archive { display:block; clear:right; width:auto; height:3em; margin:10px 20px 0; }
#archive li { float:left; background:none; text-align:center; }
#archive li.active { background:#333333; color:#03c9fd; }
#archive li a { display:block; width:60px; font:bold 1.5em/2em Arial, Helvetica, sans-serif; letter-spacing:0.1em; text-indent:0; color:white; }
#archive li a:hover { border:none; color:#03c9fd; }

#news_archive div { width:auto; margin:0 20px; padding:0; background:#333333; text-align:center; border-bottom:1px solid #03c9fd;  }
#news_archive h3 { float:left; width:60px; margin:0; padding:0; line-height:2em; border:none; }
#news_archive h3 a { margin:0; padding:0; }
.months { margin:0; padding:0; }
.months li { float:left; margin:0; padding:0 8px; font-size:1.2em; line-height:2em; }
.months li a { display:block; margin:0; text-indent:0; color:#FFFFFF; background:#333333; }
.months li a:hover { color:#03c9fd; border:none; }

.month h3 { margin:0 20px; padding:0 5px; }
.month ul { margin:0 20px 10px; padding:0; }
.month ul li { margin:0; padding:5px 0; background:url(../img/dotted-line.gif) repeat-x bottom; }
.month ul li a { display:block; margin:0 0 0 40px; padding:0 0 10px 10px; color:#ECECEC; font-size:1.1em; line-height:1.5em; font-weight:normal; border-left:1px solid #696969; }
.month ul li a span.day { display:block; width:30px; margin:0 10px -23px -42px; padding:5px; font-size:1.3em; line-height:1.5em; }
.month ul li a:hover { color:#03c9fd; border-color:#03c9fd; }
.month ul li a:hover span { color:white; }

/* end of archive */

#links { /*display: none;*/ margin: 1em 10px 1em 15px; border-top: 1px solid #505050; }
#links ul { width: 168px; margin: 0 0 0 10px; padding: 0; float:right; }
#links ul li { font: 1em/2em Arial, Helvetica, sans-serif; background: url(../img/hr-dotted.gif) repeat-x bottom; text-indent: 0; margin: 0; padding: 0; }
#links ul li a { display: block; color: #cccccc; background: url(../img/bul-arrow-sm.gif) no-repeat -1px center; margin: 0; padding-left: 13px; height:2em; line-height: 2em; }
#links ul li a:hover { color: #ffffff; background: url(../img/bul-arrow-sm.gif) #2E2E2E no-repeat left bottom; border: none; }

#footer ul { float: right; list-style: none; padding: 10px; margin: -30px 0; }
#footer ul li { display: inline; }
#footer ul li.valid { background: url(../img/ico-valid.gif) no-repeat left center; padding-left: 12px; }
#footer ul li.feed { background: url(../img/ico-rss.gif) no-repeat left center; padding-left: 16px; margin-left: 2px; }

/* =domstabs tyles */

.domtab { margin: 0; padding: 0; }
ul#right_nav-recent.domtabs .active a, 
ul#right_nav-recent .domtabs .active a:hover { background: url(../img/bul-arrow-lge.gif) #2E2E2E no-repeat right center; color: #ffffff; }
ul#right_nav-recent .active span { color: #ffffff; }

/* =backgraunds */

.main_page-bg { background: url(../img/content-bg-wrap.gif) repeat-y 395px top; overflow: hidden; }
.sub_page-bg { background: url(../img/content-bg-wrap.gif) repeat-y 570px top; overflow: hidden; }
.sitemap-bg { background: none; overflow: hidden; }
.content_fold { background: url(../img/right_col-fold.jpg) transparent no-repeat top left; min-height: 150px; }
.news_page { background: url(../img/news-bg.gif) no-repeat right bottom; }
.about_page { background: url(../img/about-bg.gif) no-repeat right bottom; }
.services_page { background: url(../img/services-bg.gif) no-repeat right bottom; }
.glossary_page { background: url(../img/glossary-bg.gif) no-repeat right bottom; }
.staff_page { background: url(../img/staff-bg.gif) no-repeat right bottom; }
.web_page { background: url(../img/web-bg.gif) no-repeat right bottom; }
.software_page { background: url(../img/software-bg.gif) no-repeat right bottom; }
.contact_page { background: url(../img/contact-bg.gif) no-repeat right bottom; }
.error_page { background: url(../img/error-bg.gif) no-repeat right bottom; }
.sitemap_page { background: url(../img/sitemap-bg.gif) no-repeat right bottom; }

/* =img */

#recent_work div img { width: 168px; height: 85px; border: none 0; padding: 0; margin: 1px 2px 0; }
img.staff { display: inline; width: 100px; height: 125px; margin: 1em 1em 0 25px; border: 1px solid #505050; }

.img_right { float:right; margin:5px 0 5px 10px; padding:1px; background:black; border:1px solid #666666; }
.img_left { float:left; margin:5px 10px 5px 0; padding:1px; background:black; border:1px solid #666666; }
.bordless { border:none; padding:0; background:none; }

/* =absolute positioning */

.bot-right { position: absolute; bottom: 2px; right: 2px; }
#header_lge p { position: absolute; left: 10px; bottom: 10px; }

/* =news */

.date-large { float: left; width: 26px; height: 32px; background: url(../img/ico-news-lrg.gif) no-repeat; color: #333333; text-align: center; margin: .5em 10px 0px 25px; padding-top: 3px; display: inline; }
.day, .month { display:list-item; list-style:none; }
.day { font: bold 1.4em/1.3em Tahoma, Arial, sans-serif;}
.month { font: bold 1em/1em Tahoma, Arial, sans-serif; }


/* =address */

address { margin: 10px 10px 10px 25px; font: normal 1.1em/1.4em Tahoma, Arial, sans-serif; }

/* =acronym */

acronym, abbr { border-bottom: 1px dotted #fefefe; cursor: help; }

/* =media */

#folio object, #folio embed { margin: 0; border: none; }
#advert, #advert img { margin: 10px 0 0 35px; }
#advert2, #advert2 img { margin: 10px 0 0 35px; }

/* =hiden page elements */

#header_lge h2, #header_sml h2 { visibility: hidden; }
#header_lge ul, #header_sml ul { visibility: hidden; }
#folio h2 { visibility: hidden; }
#folio ul { visibility: hidden; }
.default_style { display: none; }

/* =tricks */
span.paul { float:left; width:100px; height:125px; margin: 1em 1em 0 25px; background:url(../img/staff/paul_hover.png) no-repeat; }
span.pete { float:left; width:100px; height:125px; margin: 1em 1em 0 25px; background:url(../img/staff/pete_hover.png) no-repeat; }
span.paul img, span.pete img { margin:0; }
span.paul img:hover, span.pete img:hover { visibility:hidden; }


/*Seo List*/
#Seo ul { width: 168px; margin: 0 0 0 10px; padding: 0; float:right; }
#Seo ul li { font: 1em/2em Arial, Helvetica, sans-serif; background: url(../img/hr-dotted.gif) repeat-x bottom; text-indent: 0; margin: 0; padding: 0; }

#social {background:transparent;}