/*  lighter red: #d71e29	(237,  28,  36)
 *  darkest red: #891217	(139,  15,  18)
 * lighter blue: #4c96cb	( 81, 159, 215)
 * darkest blue: #074b7e	(  0,  74, 128) #004a80
 */

#headerWrapper {background-color:rgba(255,255,255,1.0);border-color:#000;border-style:solid;border-width:4px 0;margin:20px 0 10px;padding:20px 0;}
#header, #wrapper {margin:auto;width:960px;}
#header {height:120px;position:relative;}
#logo {height:120px;}
#logo a:link {float:left;}
#nav {height:40px;position:absolute;bottom:-15px;right:0;}
#nav ul {list-style-type:none;margin:0;padding:0;}
#nav ul li {float:left;height:40px;margin-right:10px;}
#nav ul li a:link {border-left:1px solid #000;color:#a11;display:block;font-size:0.9em;font-weight:bold;padding:0.15em 20px 0px 5px;text-decoration:none;text-transform:uppercase;}
#nav ul li:last-child a {margin:0;padding-right:0;}
#nav ul li a:visited {border-color:#000;color:#a11;}
#nav ul li a:hover {border-left:3px solid #1e6aa1;color:#1e6aa1;padding-left:3px;}
#nav ul li a.here {border-color:#aaa;color:#aaa;}

#content, #content > div {min-height:400px;}
#left {float:left;width:190px;}
#main {float:right;margin-left:20px;width:750px;}

#content > div:first-child > h1:first-child {background:url("images/h1-bg.jpg") 0px 0px no-repeat;border:1px solid #000;font-size:1.8em;margin-top:0;margin-left:-10px;padding:0.15em 10px;text-shadow:2px 2px 0px rgba(0,0,0,0.5);}
h1 {color:#fff;letter-spacing:2px;text-transform:uppercase;}
h2 {color:#000;}
h3 {color:#d71e29;}
h4 {color:#000;}
h5 {color:#000;}
h6 {color:#000;}

#content img {border:1px solid #000;}

.portfolio td {font-size:0.8em;text-align:center;vertical-align:top;}
.portfolio td a {color:#222;}
.portfolio td a:hover {color:#d71e29;}
.portfolio td a:hover img {border-color:#d71e29 !important;}