body {
  text-align: center;
  font-family:"Trebuchet MS", "Trebuchet MS Bold", "Trebuchet MS Bold Italic", "Trebuchet MS Italic";
  background:#333333 url(../images/back-texture.gif); 
  color:#ababab;
  font-size: 11px;
  position: relative;
  }

* {margin: 0; padding:0; outline:none;}
.clearAll  { clear:both; font-size:1px;}

p, li  { color:#9d9d9d; font-size:11px; line-height:18px; letter-spacing:.1em; padding-bottom:12px;}
h3 { color:#FFF; font:italic normal 16px/18px "Times New Roman", Times, Grorgia, serif; font-weight:normal; padding-top:6px;}

h3 i {  font-size:10px; letter-spacing:.1em;}

input, textarea { background:#333333 url(../images/back-texture-dk.gif); border:1px solid #383838; color:#FFFFFF; font-size:12px; padding:3px; font-family:"Trebuchet MS", "Trebuchet MS Bold", "Trebuchet MS Bold Italic", "Trebuchet MS Italic";}

.btnSubmit { border:none; background:url(../images/btn-submit.png) 0 0 no-repeat; height:39px; width:119px;}
.btnSubmit:hover { background:url(../images/btn-submit.png) 0 -39px no-repeat; cursor:pointer;}



/*-- header --------------*/
#header, #headerContent { height: 130px; position:relative;}
#headerDT, #headerContentDT { height: 217px; position:relative;}

#header, #headerDT               { width:100%; border-bottom: 1px solid #383838; background:#333333 url(../images/back-texture-dk.gif); text-align:center;}
#headerLine                      { width:100%; height: 4px; border-bottom: 1px solid #383838;}
#headerContent, #headerContentDT { margin: 0 auto; width: 970px; text-align:left;}
#headerContentDT                 { background:url(../images/logo-DT.jpg) no-repeat;}


#Logo           { width:400px; height:80px; position:absolute; top:0; left:0;}

.fade-3         { background: url(../images/fade-03.png) repeat-y;}
.fade-2         { background: url(../images/fade-02.png) repeat-y;}  

#title          { position:absolute; top:-73px; left:-69px; z-index:1; width: 1039px; height:189px; text-align:left; background: url(../images/fade-01.png) no-repeat;}

h5.bigTitle     { padding: 0 0 0 20px; font-size:150px; color:#666666; display:block; position:absolute; z-index:2; top:65px; left:35px;
				font-family:"Times New Roman", Times, serif; font-weight:normal; font-style:italic; opacity:0.1;filter: alpha(opacity=10); font-weight:normal;}
				

#topNav         { width:600px; height:62px; position:absolute; z-index:10; right:0; bottom:0; padding:0 20px 0 0; text-align:right; 
                  background: url(../images/nav-bracket.png) top right no-repeat; overflow:hidden;}
				  
#topNav ul      { float:right; display:inline; margin-right:6px; margin-top:20px; height:62px;}
#topNav ul a    { text-decoration:none; letter-spacing:.05em; background:url(../images/tab-topL.png) no-repeat; float:left;
                  font:italic normal 18px/20px "Times New Roman", Times, Grorgia, serif; font-weight:normal; height:34px; padding:14px 0 0 9px;}

#topNav ul li   { list-style:none; float:left; display:inline;}
#topNav ul li span { display:block; background:url(../images/tab-topR.png) no-repeat; width:9px; float:left; height:48px;}

#topNav ul a:link, #topNav ul a:visited { color:#666666;}
#topNav ul:hover a  { color:#FFFFFF;}
#topNav ul:hover    { margin-top:16px;}



/*-- content --------------*/
#content             { margin: 73px auto 0 auto;} 
#contentDT           { margin: 0 auto;} 
#content, #contentDT { position:relative; width: 970px; text-align:left; border-bottom: 1px solid #383838;} 



/*-- home page --------------*/
.intro               { background:url(../images/big-bracket.png) 0 20px no-repeat; margin:15px 50px 0 40px; padding:0 0 0 85px; width:470px; float:left; 
font: normal 26px/30px "Times New Roman", Times, Grorgia, serif; color:#525252;}

.quote               { width:280px; float:right; margin-top:135px; padding-left:30px; background:url(../images/desc-colen.png) 0 20px no-repeat; 
font: normal 36px/42px "Times New Roman", Times, Grorgia, serif; color:#525252;}



/*-- collumn left --------------*/
#colLftThin      { width:178px; float:left; position:relative; z-index:4; margin:0 0 10px 0;}
.imageHolder     { margin:8px 0 0 30px; float:left; display:inline;}
.imageHolder a   { display:block; width:115px; height:70px; border:4px solid #313131; background-repeat:no-repeat;}
.imageHolder a:link    { border:4px solid #313131; cursor:pointer; opacity:0.6;filter: alpha(opacity=60);}
.imageHolder a:visited { border:4px solid #313131; cursor:pointer; opacity:0.6;filter: alpha(opacity=60);}
.imageHolder a:hover   { border:4px solid #858585; cursor:pointer; opacity:1.0;filter: alpha(opacity=100);}
.imageHolder a:active  { border:4px solid #000000; cursor:pointer;}

.imageHolder:first-child a { margin:9px 0 0 0;}



/*-- collumn right --------------*/
#colCenter      { width:787px; float:left; background: url(../images/fade-04.png) no-repeat; position:relative; z-index:4; min-height:500px;}
.portItem       { width:787px;}


/*-- paging plug in styles --------------*/
ul.simplePagerNav           {padding:0 0 8px 20px;}
ul.simplePagerNav li        { width: 18px; height:18px; float:left; margin: 19px 0 0 10px; text-align:right; list-style:none; float:left;}

ul.simplePagerNav li a, .numbers a                 { padding:2px 6px; margin:0 2px; color:#FFFFFF; text-decoration:none; background:#333333;}
ul.simplePagerNav li a:link, .numbers a:link       { opacity:0.3; filter: alpha(opacity=20);}
ul.simplePagerNav li a:visited, .numbers a:visited { opacity:0.3; filter: alpha(opacity=20);}
ul.simplePagerNav li a:hover, .numbers a:hover     { opacity:0.7; filter: alpha(opacity=50);}
ul.simplePagerNav li a:active, .numbers a:active   { opacity:0.7; filter: alpha(opacity=50); background:#000000;}

ul.simplePagerNav li.currentPage a { opacity:0.7; filter: alpha(opacity=50);}

ul.paging li { list-style:none; width:510px;}

.mainImage      { width:500px; float:left; margin: 2px 0 40px 30px; display:inline;}
.mainImage img  { border:4px solid #313131;}


/*-- description area --------------*/
.description     { width:220px; float:right; background:url(../images/desc-colen.png) top right no-repeat; border-left:1px solid #383838;}
.description h3  { color:#FFFFFF; font-size:12px; line-height:13px; padding:44px 8px 11px 10px; letter-spacing:.06em;}
.description div { background:url(../images/desc-lines.png);}
.description p   { padding:10px;}
.description p span   { color:#cdcdcd; font-weight:bold;}

.description p a:link    { color:#666666; text-decoration:underline;}
.description p a:visited { color:#666666; text-decoration:underline;}
.description p a:hover   { color:#FFFFFF; text-decoration:underline;}
.description p a:active  { color:#FFFFFF; text-decoration:underline;}


/*-- resume --------------*/
.textPageBoxInner {border-left: 1px solid #383838; padding-bottom:20px; min-height:600px;}   
.textPageBox div.lines p { border-left:none;}

.textPage         { margin-left:8px; padding:0 0 10px 40px; width:900px !important;}
.textPageBox      { background:url(../images/squig.png) left bottom no-repeat; padding:0 0 39px 17px; width:570px; float:left;}
.textPageBox p, .textPageBox h3 { padding-left:30px; padding-right:20px;}

.tBar                 { height:39px; width:570px; position:relative; padding-bottom:8px;}
.tBar span            { height:39px; width:17px; float:left; background:url(../images/tab-horsTip.png) top right no-repeat; opacity:0.1;filter: alpha(opacity=10);}
.tBar .block          { height:39px; width:550px; float:left; background:#FFFFFF; opacity:0.1;filter: alpha(opacity=10);}
.textPageBox .tBar h1 {
	 position:absolute;
	 top:0;
	 left:0;
	 color:FFF; 
	 font:italic normal 20px/22px "Times New Roman", Times, Grorgia, serif; 
	 font-weight:normal; 
	 padding:8px 0 0 30px; 
	 }

.tBar:hover span, .tBar:hover .block  { opacity:0.2;filter: alpha(opacity=20); cursor:pointer;}

.lines  { background:url(../images/desc-lines.png); margin:0 20px 20px 20px; padding:10px 0 0 0;}
.textPageBox ul { padding:4px 40px;}
.textPageBox li { padding:0 0 8px 0;}



/*-- contact --------------*/
.forms .formItem          { margin-bottom:8px; clear:both;}
.forms .formItem p        { float:left; width:100px; text-align:right; padding:2px 10px 2px 0;}
.forms .formItem span     { float:left; width:400px;}
.forms .formItem input, 
.forms .formItem textarea { width:390px;}

.forms .formItem textarea { height:130px; overflow:auto;}