/* RT - last updated 21_01_2007 */

body { height:100%; font: 80% Tahoma, Arial, sans-serif; color: #000000; background: #ffffff; }

/* =headings */

h1, h2, h3, h4, h5 { background: none; color: #000000; }

h2 { border-bottom: 1px solid #000000; letter-spacing: .05em; font-weight: bold; }
h3 { border-bottom: 1px solid #000000; }
h4.date-lge { text-indent: 0px; }
#links h4 { margin-left: 5px; }
h5 { font: bold 1.2em/1.2 Arial, Helvetica, sans-serif; margin: 1em 10px .5em 5px; padding: 0; }

h1#logo a { display: block; float: left; width: 400px; height: 110px; background: url(../img/logo.gif) transparent no-repeat left 50px; text-decoration: none; }
h1#logo a:hover { background-position: right 50px; }
h3 span { color: #000000; }
.date { float: right; font: bold 1em/2em Tahoma, Arial, sans-serif; color: #000000; margin: .5em 15px;}
h4.home { text-indent: 0;  background: none; }

/* =paragraphs */

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

/* =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, #bg_btm_right { width: 100%; height:100%; background: none; padding: 0; }
#wrapper { width: 100%; height:100%; margin: 0 auto; background: #000000; }
#header_lge { width: 100%; height: 0px; border-bottom: 4px solid #03c9fd; overflow:hidden; }
#header_sml { width: 100%; height: 0px; border-bottom: 4px solid #03c9fd; font-size: 0px; line-height:0px; background:none; }
#content { width: 100%; min-height: 350px; background: #ffffff; border-top: 1px solid #000000; }
.col_210 { width: 25%; padding: 20px 0; }
.col_385 { width: 49%; padding: 20px 0; }
.col_560 { width: 75%; padding: 20px 0; }
.col_765 { width: 100%; padding: 20px 0; }
#recent_work { width: 90%; margin-left: 5%; }
#recent_work div { position: relative; width: 50%; background: url(../img/hr-dotted.gif) #000000 repeat-x bottom; overflow:hidden; }
#news_archive div { position: relative; width: 65%; margin: 0; }
#folio { width: 99%; margin: 0 10px 10px 15px; padding: 0; border-bottom: 1px solid #000000; }
#footer { width: 100%; height: 75px; background: none; clear: both; }

/* =links */

a { color: blue; text-decoration: none; font-weight: bold;}
a:hover { color: blue; }
h4 a { color: #000000; }
h4 a:hover { border-bottom: 2px solid #000000; color: #000000; }
#content p a { border-bottom: 1px solid #000000; }
#content p a:hover { color: blue; background: none; border-bottom: none; }
#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; color: blue; padding-right: 0; border: none; background: none;  font-weight: bold; }
#content p.bot-arrow a { color: blue; padding-right: 0; margin-left: 25px; border: none; background: none; text-decoration: underline; font-weight: bold; }
#content p.top-arrow a { display: block; color: blue; padding-right: 0; border: none; background: none; text-decoration: underline;  font-weight: bold;}
#content p.right-arrow a:hover, #content p.top-arrow a:hover, #content p.bot-arrow a:hover { border: none; color: blue; background: none; }
#recent_work p.right-arrow a { color: yellow; padding-right: 0;  font-weight: bold; text-decoration: underline; }
#recent_work p.right-arrow a:hover { color: yellow; text-decoration: none; }
#content address a { background: none; }
#content address a:hover { color: #000000; background: none; border-bottom: 1px solid #000000; }

#footer a { color: yellow; text-decoration: underline; }
#footer a:hover { text-decoration: none; }

/* =lists */

ul, ul li { list-style: square; }

.col_560 ul { margin: 0 15px 10px 50px; }
.col_560 ul li { background: none; margin: 0; padding: 0; }
.col_560 ul li a { color: blue; }
.col_560 ul li a:hover { color: blue; border: none; text-decoration: underline; }
.col_560 ul li img { vertical-align: middle; }

ul.sitemap { display:block; width:25%; margin: 1.5em 0 1em 3em; padding:0; }
ul.sitemap.first { margin-left: 20px; * margin-left:1em; }
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:none; padding: 0 0 1px 14px; }
ul.sitemap li li a { color:blue; font-weight:bold;}
ul.sitemap li a:hover { color:blue; background:none; border: none; text-decoration:underline; }

#main_nav { list-style: none; }
#main_nav li { float: left; border: none; padding: .2em .1em; }
#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; list-style: none; }
#main_nav a { width: 6.5em; text-align: center; }
#main_nav li a.current { font-weight: bold; text-decoration: none; background:none; }
#main_nav li a { color: yellow; text-decoration: underline; }
#main_nav li ul li a { width: 8em; padding: 0 .1em; }
#main_nav li a:hover { background: none; text-decoration: none; }
#main_nav li ul li a:hover { background: none; }

#sub_nav { height: 1.6em; }
#sub_nav li { float: left; list-style: none; }
#sub_nav li a { display: block; list-style: none; color: yellow; margin-left: 5px; }
#sub_nav li a span { margin-left: -9999px; }
#sub_nav li.small a { display: none; }
#sub_nav li.med a {display: none; }
#sub_nav li.lge a { display: none; }
#sub_nav li a:hover { border: none; color: yellow; text-decoration: underline; }

ul#right_nav-recent { float: right; width: 49%; margin: 0; padding: 0; }
ul#right_nav-recent li { list-style: none; }
ul#right_nav-recent li a { background-image: none; color: #000000; padding-left:.2em; }
ul#right_nav-recent li a span { color: #333333; }
ul#right_nav-recent li a:hover { background: #000000; color: yellow; }
ul#right_nav-recent li a:hover span { color: yellow; }

ul#right_nav { width: 90%; }
ul#right_nav li { list-style: none; padding-bottom: 1px; }
ul#right_nav li a { background-image: none; padding: 6px 0 6px 15px; color: #000000; }
ul#right_nav li a span { font-size: .9em; color: #333333; font-weight: normal; }
ul#right_nav li a:hover { background: #000000; color: yellow;}
ul#right_nav li a:hover span { color: yellow; }
ul#right_nav li a.current { background: #000000; color: yellow; }
ul#right_nav li a.current span { color: yellow; }

#services { background: none; margin: 10px 15px 0 35px; padding: 0px; }
#services li a { padding-left: 0; background: none; font-weight: bold; color: blue; }
#services li a:hover { font-weight: bold; text-decoration: underline; color: blue; }

#links { display: none; border-top: 1px solid #000000; }
#links ul { width: 31%; margin: 0 0 0 2%; padding: 0; float:right; }
#links ul li { list-style: none; background: url(../img/hr-dotted.gif) repeat-x bottom; }
#links ul li a { display: block; color: #000000; background: none; margin: 0; }
#links ul li a:hover { color: yellow; background: none; background-color: #000000; text-decoration: 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-image: none; background-color: #000000; color: yellow; }
ul#right_nav-recent .active span { color: yellow; }

/* =archive page */

#content p.view_all a { border-bottom:none; text-decoration:underline; }

#archive { display:block; clear:right; width:auto; height:3.1em; margin:10px 20px 0; border-bottom:1px solid white; text-align:center; }
#archive li { float:left; width:98px; list-style-type:none; background:white; border:1px solid black; border-bottom:none; margin-right:1px;}
#archive li.active { background:white; }
#archive li.active a { width:98px; border-bottom:1px solid black; color:white; background:black; }
#archive li.active a:hover { color:white; }
#archive li a { display:block; width:10%; font:bold 1.5em/2em Arial, Helvetica, sans-serif; letter-spacing:0.1em; text-indent:0; color:black; }
#archive li a:hover { border:none; color:black; }

#news_archive div { width:auto; margin:0 20px; padding:0; background:black; color:white; text-align:center; border-bottom:1px solid white; }
#news_archive h3 { float:left; width:99px; margin:0; padding:0; background:black; border-right:1px solid white; }
#news_archive h3 a { display:block; margin:0; padding:0; color:white; }
ul.months { margin:0; padding:0; }
ul.months li { float:left; list-style-type:none; margin:0; padding:0; font-size:1.2em; line-height:2em; text-indent:1em; text-align:center; }
ul.months li a { display:block; margin:0; text-indent:1em; color:yellow; background:none; }
ul.months li a:hover { color:yellow; }

.month h3 { margin:0 20px; padding:0 5px; }
.month ul { margin:0 20px 10px; padding:0; }
.month ul li { list-style-type:none; margin:0; padding:.5em 0; background:none; }
.month ul li a { display:block; margin:0 0 0 3em; padding:0 0 .5em 1em; 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:3em; height:1.5em; margin:0 1em -2em -3em; padding:.5em; font-size:1.3em; line-height:1.3em; }
.month ul li a:hover { color:blue; border-left:1px solid blue; }
.month ul li a:hover span { color:blue; text-decoration:none; }

/* end of archive */

/* =backgrounds */

.main_page-bg, .sub_page-bg, .sitemap_page-bg, .content_fold, .news_page, .about_page, .services_page, .glossary_page, .staff_page, .web_page, .software_page, .contact_page,.error_page-bg, .sitemap_page {
	background: none;
}

/* =img */

.img_right, .img_left { padding:1px; background:white; border:3px solid black; }
#recent_work div img { width: 100%; height:50%; border: none 0; padding: 0; margin: 1px 2px 0; }
img.staff { display: inline; width: 100px; height: 125px; margin: 1em 1em 0 25px; padding:1px; background:white; border: 3px solid black; }

/* =absolute positioning */

.bot-right { position: absolute; bottom: 2px; right: 2px; }

/* =news */

.date-large { float: left; width: 36px; height: 42px; background: #000000; color: #ffffff; margin: .5em 10px 0px 25px; padding-top: 3px; display: inline; }

/* =address */

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

/* =acronym */

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

/* =media */

object, embed { display: none; }
#folio object, #folio embed { display:block; width: 95%; margin: 0; border: none; background:#333333; }

/* =hiden page elements */

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

/* =forms */

.error { color:red; }

/* =Login Form */

#login label { color: #ffffff; }
#login input { border: 1px solid yellow; background: #000000; color: #ffffff; }
#login input.btn { color: #000000; background: yellow; border: 1px solid yellow; }
#login input.btn:hover { color: yellow; background: #000000; border: 1px solid yellow; }
#login input:focus { color: yellow; background: #000000; border: 1px solid yellow; }
#login input:focus.btn { border: 1px solid yellow; color: yellow; }
#wrapper input.iefocus { color: yellow;  background: #000000; border: 1px solid yellow; }

/* =VerticaL forms*/

.verticalForm label strong { color: #ff0000; }
.verticalForm input { border: 2px solid #000000; background: yellow; color: #000000; }
.verticalForm textarea { border: 2px solid #000000; background: yellow ; color: #000000; }
.verticalForm input.btn { color: yellow; background: #000000; }
.verticalForm input.btn:hover { color: #000000; background: yellow; border: 2px solid #000000; }
#contactForm input:focus { color: yellow; background: #000000; border: 2px solid yellow;}
#contactForm textarea:focus { color: yellow; background: #000000; border: 2px solid yellow;}
#contactForm input:focus.btn { border: 2px solid yellow; color: yellow; }
#contactForm input.iefocus { color: yellow; background: #000000; border: 2px solid yellow; }
#contactForm textarea.iefocus { color: yellow; background: #000000; }