/* ----- GLOBAL RESETS - FOR SOME REASON, TOPSTYLE CHOKES ON A CUT AND PASTE OF ERIC MEYER'S VERSION, BUT NOT ON A STAR SELECTOR VERSION ----- */	
* { border: 0; font-family: inherit; font-style: inherit; font-variant: inherit; font-size: 100%; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }

/* remember to define focus styles! */
:focus { outline: 0; }

body { background: #fff; color: #434348; line-height: 1; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }

caption, th, td { font-weight: normal; text-align: left; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

/* ----- END GLOBAL RESETS ----- */	

/* ----- MOBILE RESETS ----- */

* { position: static !important; float: none !important; background: none !important; }

/* ----- END MOBILE RESETS ----- */

body { background: #fff url(../img/bgstripe.png); color: #434348; font: 100.01%/1.5em verdana, "Trebuchet MS", arial, tahoma, sans-serif; }

.hidden { display: none; }

.skiplink { display: none; }

p { font: 11px/21px verdana, "Trebuchet MS", arial, tahoma, sans-serif; }

acronym { text-decoration: none; }

/* ----- WRAPPER ----- */	
#container { background: #fff; border: 1px solid #ababab; height: auto; margin: 10px auto 5px; width: 320px; }

/* ----- BANNER, LOWER LEFT ----- */	
#banner { color: #000; height: auto; text-align: left; width: 308px; margin: 0 10px 15px; }

h1 { font: bold 22px "Goudy Old Style", georgia, "Times New Roman", serif; letter-spacing: 2px; margin-top: 20px; padding-right: 10px; }

h1 a { color: #000; text-decoration: none; }

h1 a:hover { color: #434348; }

h2 { font: bold 11px "Helvetica Neue 55 Roman", "Times New Roman", serif; letter-spacing: 1.5px; padding-right: 10px; }

/* ----- MAIN CONTENT, RIGHT SIDE ----- */	
#mainContent { height: auto; letter-spacing: 1px; margin: 0 10px; width: 308px; }

#wrap { bottom: 40px; width: 308px; }

h3 { background: transparent; color: #84a47f; font: bold 11px/21px verdana, "Trebuchet MS", arial, tahoma, sans-serif; margin-bottom: .5em; }

h3#index { display: none; }

h4 { display: none; }

#wrap p { clear: both; margin-top: .5em; }

#wrap a { background: transparent; color: #7e1a3f; }

#wrap ul { font: 11px/21px verdana, "Trebuchet MS", arial, tahoma, sans-serif; list-style-image: url(../img/bullet.png); margin: 0; }

#wrap ul li { margin-left: 18px; }

#left { float: left; width: 200px; }

#right { float: left; width: 200px; }

a.lgThumb { background: transparent; border: 1px solid #ababab; display: block; height: 238px; margin-right: 5px; margin-bottom: 6px; width: 270px; }

a.smThumbTop { background: transparent; border: 1px solid #ababab; clear: right; display: block; height: 115px; margin-bottom: 6px; width: 125px; }

a.smThumbBottom { background: transparent; border: 1px solid #ababab; display: block; height: 115px; width: 125px; }

#portNav { height: 30px; position: absolute; top: 250px; }

#portNav li { display: inline; padding-right: 5px; }

#portNav li a { background: transparent; color: #7e1a3f; text-decoration: none; }

#portNav li a:hover { background: transparent url(../img/up_whtbg_triangle.png) no-repeat center bottom; padding-bottom: 15px; }

#portNav li a.here { background: transparent; color: #84a47f; font-weight: bold; }

#portNav li a.here:hover { background: transparent url(../img/up_whtbg_triangle.png) no-repeat center bottom; padding-bottom: 15px; }

/* ----- LEFT SIDEBAR ----- */	
#blurb, #aboutPic, #portDetails, #svcDetails, #contactInfo { font: 11px/21px verdana, "Trebuchet MS", arial, tahoma, sans-serif; height: auto; letter-spacing: 1px; margin: 15px 10px; text-align: left; width: 180px; }

#blurb q { bottom: 52.5px; display: block; font: italic 11px/21px verdana, "Trebuchet MS", arial, tahoma, sans-serif;  }

#blurb cite { bottom: 20px; color: #84a47f; display: block; font: bold 11px/21px verdana, "Trebuchet MS", arial, tahoma, sans-serif;  }

#self { display: none; }

#aboutPic ul { bottom: 174px;  }

#aboutPic li a { color: #7e1a3f; font-weight: bold; text-decoration: none; }

#aboutPic li:hover { padding: 0; }

#aboutPic li a.pdf { padding: 0 }

#subNav { font-weight: bold;  padding: 0; }

#subNav li { margin- }

#subNav a { color: #7e1a3f; text-decoration: none; }

#subNav a:hover { padding: 0; }

#subNav a.here { color: #84a47f; }

#subNav a.here:hover { padding: 0; }

#projDetail { font-style: italic; margin: 15px 0; }

#projDetail a { color: #7e1a3f; text-decoration: none; }

#hCard {  font-weight: bold;  }

#hCard a.email, #hCard a.vcarddl { color: #7e1a3f; text-decoration: none; }

#hCard a.email:hover, #hCard a.vcarddl:hover { padding: 0; }

#hCard .tel span.value { display: block; }

/* ----- PRIMARY NAVIGATION ----- */	
#mainNav { color: #7e1a3f; font: bold 11px/21px verdana, "Trebuchet MS", arial, tahoma, sans-serif; height: auto; letter-spacing: 1px; margin: 0 10px; width: 308px; }

#mainNav ul { line-height: 20px; padding: 0; text-align: right; }

#mainNav li { display: block; margin-right: 1.5em; }

#mainNav a { color: #7e1a3f; padding: 0; text-decoration: none; }

#mainNav ul li a:hover { color: #7e1a3f; padding: 0; }

	
/* ----- FOOTER ----- */	
#footer { color: #434348; font: 11px/21px verdana, "Trebuchet MS", arial, tahoma, sans-serif; margin: 0 auto; width: 308px; }

#privacy { display: block; padding: 0; text-align: center; }

#footer p { font-style: italic; text-align: center; }

#footer ul { display: none; }