@charset "UTF-8";
/* tbbjr graFX CSS */
/* Start Globals */
body,td,th {font:12px Arial, Helvetica, sans-serif;	color: #333;}
body {background: url(pageBg.gif) center top no-repeat #090909; margin:0 auto;}
h1,h2,h3,h4,h5 {font-weight: 700; font-family:"Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;}
h1 {font-size: 18px; line-height:20px; color: #C00; margin:0;}
h2 {font-size: 16px; color: #C00;}
h3 {font-size: 14px; color: #666; margin:0;}
h4 {font-size:16px; color:#333; background-color:#ccc; padding:4px 10px; border:1px solid #999;}
h6 {font:normal 10px Arial, Helvetica, sans-serif; margin:0; color:#999;}
a:link, a:visited {color:#C00;}
a:hover {color:#333;}
.indent {padding-left:10px;}
.clear {clear:both; font-size:1%; height:0;}
.required {color:#C00;}
/* End Globals */
.ana { width:660px; margin:0 auto;}
#contentWrapper {background:url(contentBg.gif) top left repeat-y #F0F0F0; padding:0 6px;}

#topnav {background:url(topnavBg.gif) top left no-repeat; height:63px; text-align:right; padding:5px 0 0; font-family:"Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;}
#topnav ul{list-style: none; padding: 0;margin: 0; float:right;}
#topnav li{float: left; margin: 0;}
#topnav li a {color:#b2b2b2; letter-spacing:0.2em; font-size:1.0em; font-weight:600; text-decoration:none; padding:0 4px 0 8px; background:url(buttonLeftBg.gif) top left no-repeat; height:36px; line-height:36px; float:left; display:block; text-align:center; margin-right:8px;}
#topnav li a span {display:block; background:url(buttonRightBg.gif) top right no-repeat; padding-right:4px;}
#topnav a:hover {color:#FFF; background:url(buttonLeftBg.gif) bottom left no-repeat;}
#topnav a:hover span {color:#FFF; background:url(buttonRightBg.gif) bottom right no-repeat;}

#sectionTitleHome {background:url(titleGraFX.jpg) top right no-repeat; width:484px; height:204px;}
#sectionTitleGallery {background:url(titleGallery.jpg) top right no-repeat; width:484px; height:204px;}
#sectionTitleResume {background:url(titleResume.jpg) top right no-repeat; width:484px; height:204px;}
#sectionTitleBlog {background:url(titleBlog.jpg) top right no-repeat; width:484px; height:204px;}
#sectionTitleContact {background:url(titleContact.jpg) top right no-repeat; width:484px; height:204px;}
#sectionTitleLinks {background:url(titleLinks.jpg) top right no-repeat; width:484px; height:204px;}

#contentLeft {width:164px; text-align:left; padding:0; display:block; float:left;}
#contentLeft img {margin-left:4px;}
#banners {text-align:right;}

#contentRight {float:right; display:block; width:442px; padding:20px; line-height:1.8em; border-left:2px dotted #ccc;}
#contentRight a:link, #contentRight a:visited {color: #C00;}
#contentRight a:hover {color: #333;}

#gallery {border:1px solid #999;}

#Blogger img {background-color:#fff; padding:5px; border:1px solid #999;}


/* Start Form Elements */
#contactForm {width:320px;}
#contactForm div {clear:both; margin:6px 0;}
#contactForm label {text-align:right; width:80px; float:left; color:#999;}
#contactForm input, #contactForm textarea {width:220px; border:1px solid #999; margin-left:5px; color:#333; padding:2px 4px;}
#contactForm input {height:16px;}
#captcha {color:#999;}
#captcha img {vertical-align:top; background-color:#FFF; padding:1px; border:1px solid #999;}
button {background-color:#FFF; border:1px solid #ccc; padding-bottom:4px; float:right; margin-right:5px;}
button:hover {background-color:#E6EFC2; border:1px solid #C6D880; cursor:pointer;}
/*End Form Elements */



#footer {clear:both; background:url(footerBg.gif) bottom left no-repeat; padding:5px 10px 12px;  color:#eee;}
#copyright {font-size:10px;}
#footernav {float:right;}
#footernav a:link, #footernav a:visited {color:#555; padding:0 2px; text-decoration:none;}
#footernav a:hover {color:#FFF;}

#standards {background:url(standardsBg.jpg) top left no-repeat; padding:30px 10px 0; height:60px; text-align:right;}
#standards img {vertical-align:middle; margin-left:5px;}
#standards a.valid:link, #standards a.valid:visited {background:url(valid.gif) top left no-repeat #555; padding:1px 5px 2px 20px; margin-left:5px; color:#777; text-decoration:none; vertical-align:middle; border:1px solid #ccc; font-size:10px; white-space:nowrap;}
#standards a.valid:hover {color:#FFF;}
