/* Global
------------------------------*/
html, body, form { margin: 0px; padding: 0px; }
strong, b { color:#B3B4BB; }
img { border: 0px; }
a, a:hover { font-weight: normal; text-decoration: underline; }
a { color:#B3B4BB; }
a:hover { color: #A04BD8; }

body, table, input, select, textarea, font { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #B3B4BB; 
}

h1, h2 { font-size: 16px; color:#A04BD8; line-height: 160%; }
h3, h4 { font-size: 14px; color:#B3B4BB; line-height: 160%; }

/* TEMPLATE
-------------------------------------------------------------------------------------------------------------*/

/* Classes
------------------------------*/

.tablewidth { width: 781px; text-align: left; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.spacer01 { background: #FFFFFF; }
.spacer02 { background: #000000; }
.spacer03 { background: #799CA9; }
.form_button { font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;  }

/* Home/Internal
------------------------------*/
#body { background: url(../images/background_home.gif) repeat-x #13151B; }
#i-body { background: url(../images/background_internal.gif) repeat-x #13151B; }

#header { background: url(../images/header-repeat.gif) repeat-x; height: 66px; width: 781px; overflow:hidden; }
#fadephoto { width: 781px; height: 244px; }


.about_rollover_nav { display: block; width:105px; height:24px; background: url("../images/nav/i-nav-about-off.gif"); float:left; text-decoration:none;}
a.about_rollover_nav:hover { display: block; width:105px; height:24px;  background: url("../images/nav/i-nav-about-on.gif");float:left; text-decoration:none; }

.services_rollover_nav { display: block; width:100px; height:24px; background: url("../images/nav/i-nav-services-off.gif"); float:left; text-decoration:none;}
a.services_rollover_nav:hover{ display: block; width:100px; height:24px;  background: url("../images/nav/i-nav-services-on.gif");float:left; text-decoration:none; }

.portfolio_rollover_nav { display: block; width:101px; height:24px; background: url("../images/nav/i-nav-portfolio-off.gif"); float:left; text-decoration:none;}
a.portfolio_rollover_nav:hover{ display: block; width:101px; height:24px;  background: url("../images/nav/i-nav-portfolio-on.gif");float:left; text-decoration:none; }

.links_rollover_nav { display: block; width:73px; height:24px; background: url("../images/nav/i-nav-links-off.gif"); float:left; text-decoration:none;}
a.links_rollover_nav:hover{ display: block; width:73px; height:24px;  background: url("../images/nav/i-nav-links-on.gif");float:left; text-decoration:none; }

.careers_rollover_nav { display: block; width:96px; height:24px; background: url("../images/nav/i-nav-careers-off.gif"); float:left; text-decoration:none;}
a.careers_rollover_nav:hover{ display: block; width:96px; height:24px;  background: url("../images/nav/i-nav-careers-on.gif");float:left; text-decoration:none; }

.news_rollover_nav { display: block; width:77px; height:24px; background: url("../images/nav/i-nav-news-off.gif"); float:left; text-decoration:none;}
a.news_rollover_nav:hover{ display: block; width:77px; height:24px;  background: url("../images/nav/i-nav-news-on.gif");float:left; text-decoration:none; }

.contact_rollover_nav { display: block; width:120px; height:24px; background: url("../images/nav/i-nav-contact-off.gif"); float:left; text-decoration:none;}
a.contact_rollover_nav:hover{ display: block; width:120px; height:24px;  background: url("../images/nav/i-nav-contact-on.gif");float:left; text-decoration:none; }

.home_rollover_nav { display: block; width:109px; height:24px; background: url("../images/nav/i-nav-home-off.gif"); float:left; text-decoration:none;}
a.home_rollover_nav:hover{ display: block; width:109px; height:24px;  background: url("../images/nav/i-nav-home-on.gif");float:left; text-decoration:none; }




.home_about_rollover_nav { display: block; width:107px; height:52px; background: url("../images/nav/nav-about-off.gif"); float:left; text-decoration:none;}
a.home_about_rollover_nav:hover { display: block; width:107px; height:52px;  background: url("../images/nav/nav-about-on.gif");float:left; text-decoration:none; }

.home_services_rollover_nav { display: block; width:115px; height:52px; background: url("../images/nav/nav-services-off.gif"); float:left; text-decoration:none;}
a.home_services_rollover_nav:hover{ display: block; width:115px; height:52px;  background: url("../images/nav/nav-services-on.gif");float:left; text-decoration:none; }

.home_portfolio_rollover_nav { display: block; width:116px; height:52px; background: url("../images/nav/nav-portfolio-off.gif"); float:left; text-decoration:none;}
a.home_portfolio_rollover_nav:hover{ display: block; width:116px; height:52px;  background: url("../images/nav/nav-portfolio-on.gif");float:left; text-decoration:none; }

.home_links_rollover_nav { display: block; width:82px; height:52px; background: url("../images/nav/nav-links-off.gif"); float:left; text-decoration:none;}
a.home_links_rollover_nav:hover{ display: block; width:82px; height:52px;  background: url("../images/nav/nav-links-on.gif");float:left; text-decoration:none; }

.home_careers_rollover_nav { display: block; width:109px; height:52px; background: url("../images/nav/nav-careers-off.gif"); float:left; text-decoration:none;}
a.home_careers_rollover_nav:hover{ display: block; width:109px; height:52px;  background: url("../images/nav/nav-careers-on.gif");float:left; text-decoration:none; }

.home_news_rollover_nav { display: block; width:89px; height:52px; background: url("../images/nav/nav-news-off.gif"); float:left; text-decoration:none;}
a.home_news_rollover_nav:hover{ display: block; width:89px; height:52px;  background: url("../images/nav/nav-news-on.gif");float:left; text-decoration:none; }

.home_contact_rollover_nav { display: block; width:163px; height:52px; background: url("../images/nav/nav-contact-off.gif"); float:left; text-decoration:none;}
a.home_contact_rollover_nav:hover{ display: block; width:163px; height:52px;  background: url("../images/nav/nav-contact-on.gif");float:left; text-decoration:none; }




#nav { width: 781px; height: 52px; }
#i-nav { overflow: hidden; width: 781px; height: 24px; }

#tagline { background: url(../images/tag-bg-repeat.gif) repeat-x; width: 781px; height: 24px; }
#feature-pad { float: left; padding-left: 30px; }
#tag-pad { float: left; padding-left: 65px; }

#i-table { width: 515px; background: #FFFFFF; margin-left: 11px; }
#i-table-rounded { margin-left: 11px; }

#banners { width: 781px; height: 140; }

#sub-nav { float: left; width: 170px; margin-top: 10px; margin-bottom: 10px; font-size:12px; }
#sub-nav ul { list-style-type: none; line-height: 120%; }
#sub-nav ul a, a:hover { text-decoration: none; }
#sub-nav li { border-bottom: #666666 solid 1px; margin-top: 8px; }

#content { overflow:hidden; background: #3A3C43; width: 781px; height: 236px;  }
#featured-project { float: left; width: 245px; padding: 22px 36px 10px 48px; }
#featured-project img { border: #72747B solid 6px; }
#content-pad { float:left; width: 680px; padding: 10px 10px 10px 40px; }

#i-content { overflow: hidden; background: #3A3C43; width: 781px; line-height: 1.4em; }
#i-content table td span { line-height: 1.2em; }
#i-content-pad { float: left; width: 550px; padding: 22px 15px 25px 35px; }
#i-content-pad img { border: #72747B solid 4px; }
#i-content-top { background: #25272E; width: 781px; height: 13px;  }
#circle-btm { float: left; padding-left: 629px; }

#i-content-contact { overflow: hidden; background: #3A3C43; width: 781px; }
#i-content-plugin { overflow: hidden; background: #3A3C43; width: 781px; line-height: 150%; }

#search { float:left; color: #FFFFFF; padding: 40px 22px 0px 100px; text-align: right; height: 25px; }
#search input.text { color: #000000; font-weight: normal; margin-left: 7px; width: 110px; padding: 2px; height: 10px; border: 1px solid #BBBFCB; }
#search input.image { vertical-align: top; margin: 2px 0px 0px 3px; width: 18px; height: 15px; }

#crumb { margin-left: 23px; font-size: 10px; }
#crumb a { color: #E11524; }
#crumb a:hover { color: #E11524; }

#footer { clear: both; text-align: left; background: url(../images/footer-repeat.gif); width: 781px; height: 70px; line-height: 140%; }
#footer-pad { padding: 9px 0px 0px 20px; }

#myContent { float:right; width: 143px; margin: 40px 10px 0 0; }
/* #myContent { margin-left: 250px; } */

/* vertical scrollbar */
/* hold div contains both scrolling content area and links in this example */

div#hold { position:relative; overflow:hidden;	width:680px; height:175px; z-index:100; }
div#wn	{ position:absolute; left:0px; top:0px; width:670px; height:175px; clip:rect(0px, 660px, 175px, 0px); overflow:hidden; z-index:1; }
div.content { position:absolute; left:0px; top:0px; z-index:2; }
div#loading { visibility:visible; z-index:1 }
div#imgTbl { width: 655px; }
div#imgTbl img { border: 4px solid #C3C4ED; padding: 1px; background: #0142A6; margin: 5px; }

div#scrollbar1 { position:absolute; left:660px; top:0px; width:10px; height:175px; font-size:1px; z-index:2; }
div#track1 { position:absolute; left:3px; top:12px; width:10px; height:155px; z-index:1; background: #FFF; }
div#dragBar1 { position:absolute; left:1px; top:1px; width:9px; height:20px; background-color: #CCCCCC; z-index:1 }  
div#up1 { position:absolute; left:0; top:0; z-index:2 }  
div#down1 { position:absolute; left:0; bottom:0; z-index:3 }

form input { color:#3A3C43; }
form textarea { color:#3A3C43; }

/* Misc
------------------------------*/