/*---------------
MASTER STYLESHEET
---------------*/

/*Reset
==============================*/
body, h1, h2, h3, p, ul, ol, li, form {margin: 0; padding: 0;}
form, form p, form input, form button, form button img {vertical-align: bottom; }
ul, form, form input p {line-height: 1; }
h1, h2, h3, p, form, form label, form input, form button, li {line-height: 1.2; }
form input {padding: 1px; margin: 0px;  }
/*Fonts
==============================*/
body {font-family: Georgia, Arial, Helvetica, sans-serif; }
h1 {font-family: Georgia, serif; }
h2, h3 {font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;}
p {font-family: Georgia, Arial, Helvetica, sans-serif;}
#header p {font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;}
/*General
==============================*/
body {font-size: 62.5%; background: #8ba3a3 url(images/background.jpg) no-repeat 0% 0%; color:#182429; margin:0px; padding:0; }
h1 {font-size: 3.4em; line-height: 1.1; margin: 0px 0 0px 0; color:#444;font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;  }
h1 span {color:#793a43; }
h2 {font-size: 1.8em; line-height: 1.1; margin:40px 0 10px 0; padding:15px 0 5px 0; text-transform:uppercase;  color:#333; letter-spacing:0.2em; background: url(images/border-header.png) top left repeat-x; }
h3 {margin:10px 0 5px 0px; padding:0px;color:#793a43; font-size:1.4em; line-height: 1.1;}
p {font-size: 1.6em; line-height: 1.4; margin: 0 0 10px 0;color:white; }
ul {font-size: 1.5em;line-height: 1.4;margin:0 0 10px 20px; padding:0px; font-weight:bold;color:white; }
li {line-height: 1.4; list-style-position:inside; }
a, a:hover {color: #793a43; text-decoration: none; border-bottom:1px dotted #793a43; }
a:hover {color: #793a43; text-decoration: none;border-bottom:1px solid black;}
a img {border: none;}
.clear {height: 0px; font-size: 1%; width: 100%; clear: both;}
/*Main Layout Elements
==============================*/
#container {text-align: left; overflow: visible; height: auto; margin: 0 auto 0 20px; position: relative; padding:0px 30px 0 0;  max-width:1150px;}
#header {height: 115px; margin:0 0 20px 0; padding:0px;background: url(images/stripesx.jpg) repeat-x 25% 0%;  }
#header h1 {background: url(images/metal-strip.png) repeat-x -220px bottom;height:115px; }
#header p {text-transform:uppercase;  color:white; letter-spacing:0.2em;margin:0px; padding:0 0 0 275px;position: relative; top:-10px; }
#content { overflow: visible; height: auto;  margin:0 0px 0 215px; padding:50px 5px 30px 35px; }


#footer {width: 100%;  height: 40px;overflow: visible; clear: both; position: relative; max-width:1165px; padding:0px;border-top:1px solid white; }
/*Specific Styles
==============================*/
#accessibility {font-size: 1.2em;line-height:1.1; text-align:left; margin:0px; padding:0px;position:absolute; top:5px; left:5px; color:white; }
#accessibility a, #accessibility a:hover {color:white; border-bottom:none; }
#header #header-link {display: block; width: 1000px; height: 110px; text-indent: -5000em; overflow: hidden;background: url(images/logo.png) no-repeat 270px 49px; border-bottom:none;  }
#navigation {margin: 0px 0px 30px 0px;overflow: visible;height: auto;float: left; width: 200px;padding:45px 10px 0px 0px; display: inline; border-top:0px solid #793a43; }
#navigation ul {font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;text-align: right;font-size: 2.4em;margin: 0 0 40px 0;padding: 8px 0 10px 0;font-weight:bold; line-height: 1.0; text-transform:uppercase; }
#navigation li {background-repeat: no-repeat;background-position: right center;background: none;list-style: none;padding: 0px;margin: 0px;line-height: 1.1;}
#navigation li a, #navigation li a:hover {color: white; border-bottom: none;text-decoration: none;padding: 0px 0px 0px 0;margin: 0px;}
#navigation li a:hover, #navigation li a.selected {color: #AEAEAE;}

#navigation #linkedIn {border: none;text-decoration: none;display: block;width: 120px;height: 33px;margin: 20px 0 20px 0;position: relative;left:80px; display:none; }
#navigation p#twitter {text-align:right;padding:0 0px 0 0;}
#navigation p#twitter a, #navigation p#twitter a:hover {color:white;border:1px solid #793a43;padding:5px; }
#navigation p#twitter a:hover {border:1px solid white;}

#content div.portfolio-element p {margin:3px 3px 0 0;padding:0;line-height:1.2em;font-size:1.2em;width: 120px;}
#content div.portfolio-element {float:left;width:250px;height:12em;margin: 0 20px 0 0; }
#content p.leader {font-weight:bold; }

#content blockquote {font-style:italic;font-size:1.2em;line-height: 1.1;padding:8px;margin:20px 0 0 0;background-color: #D3D8FE; }
#content .normalText {font-style:normal;margin: 0;padding: 0;}
#content blockquote p {font-size: 1.2em;color:#333; }


a.screenshot {border-bottom: none;float: right;}
a.screenshot img {border: 1px solid #000D51;}


#footer p {margin:0px; padding:20px 40px 0 0;width:200px;height:40px;position:absolute; top:-10px; right:-30px;color:#555; }