/************************* Body + Elements *******************/
BODY{margin:0px; padding:0px; background: #fffff8 url(../graphics/bg-body.png) no-repeat center top}
SECTION, NAV, FOOTER{display:block}	
SECTION, NAV, FOOTER, H1,H2,H3,H4,DIV,P,A,IMG,UL,LI{color: #505050; font-family:'Trebuchet MS',Tahoma,Verdana,sans-serif;font-size:12px;line-height:12px;font-weight:normal;margin:0px;padding:0px; list-style-type:none}
IMG{border:none}
H1{line-height: 18px; width: 195px; height:136px; position: relative; margin: 10px 20px 14px -35px; float: left}
H2, H3, H4{color: #080808; font-family: Arial,Tahoma,sans-serif; font-size: 22px; line-height: 25px; letter-spacing: -1px; height: 22px; margin: 0px 0px 14px 0px; background: url(../graphics/sprites.png)}
h1 span, H2 span, H3 span, H4 span{display: none}

/************************* Common classes *******************/
.rarr, .larr{font-family: georgia,"Times New Roman",times,serif; font-weight:normal; padding: 0px 2px 0px 2px}
.ie6, .link-text{display: none}
.clear{width: 100%; clear:both; font-size:1px; line-height:0px}
.black{color: #000}
.underline{text-decoration: none}

/************************* Container *******************/
#container{width: 878px; min-height: 560px; margin: 0px auto; position: relative}

/************************* Nav *******************/
P.logo A{width: 175px; height: 120px; display: block; background: transparent}
P.logo{position: absolute; left: -20px; top: 20px}

#nav{width: 698px; height: 35px; float: left; margin: 80px 0px 0px 0px; padding: 6px 0px 6px 0px}
A.top-nav{width: 92px; height: 24px; display: block; float: left; margin: 0px 26px 0px 0px}
A.press{width: 90px}
A.news{width: 90px}

/************************* Left *******************/
#left{width: 585px; float: left; padding: 25px 25px 26px 0px; border-right: double 3px #c0c0c0}
H2{margin-bottom: 10px; background: url(../graphics/sprites.png) no-repeat 0px -154px}
P.summary{color: #000; font-family: georgia,"Times New Roman",times,serif; font-size: 14px; font-style: italic; line-height: 18px}
SECTION, .section{width: 585px; min-height: 192px; margin: 24px 0px 0px 0px; padding: 31px 0px 0px 0px; clear: both; background: url(../graphics/divider.gif) no-repeat top}
IMG.portfolio{float: left; border: solid 1px #a0a0a0}
P.portfolio{line-height: 16px; width: 370px; float: right}
P.portfolio-2{padding-top: 18px}
P.portfolio-link{color: #181818; letter-spacing: 2px; word-spacing: 1px; width: 370px; padding: 18px 0px 20px 2px; float: right}
P.portfolio-link A{color: #181818; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; border-bottom: solid 1px #181818}	

/************************* Center *******************/
#center{width: 240px; padding: 25px 0px 5px 25px; float: left}
H3.contact{background-position: 0px -184px}
.vcard{margin: 0px 0px 20px 0px; padding: 0px 0px 28px 0px; background: url(../graphics/divider.gif) repeat-x -189px bottom}
.vcard P, .vcard A{color: #000; letter-spacing: 1px; text-decoration: none; padding: 0px 0px 2px 0px}
.adr P{color: #484848; font-size: 11px}
.adr{margin: 16px 0px 18px 0px}
P.email{color: #000; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; padding: 16px 0px 0px 0px}
A.worksheet{width: 240px; height: 35px; margin: 18px 0px 0px 0px; display: block}

H3.services{background-position: 0px -214px}
#services{margin: 0px 0px 22px 0px; padding: 0px 0px 28px 0px; background: url(../graphics/divider.gif) repeat-x -189px bottom}
P.services{line-height: 15px; padding: 0px 0px 12px 0px}
P.indent{color: #000; font-size: 11px; line-height: 11px; padding: 3px 0px 5px 16px; background: url(../graphics/bullet.gif) no-repeat left center}

H3.news{margin-bottom: 13px; background-position: 0px -244px}
#news{margin: 0px 0px 24px 0px; padding: 0px 0px 17px 0px; background: url(../graphics/divider.gif) repeat-x -189px bottom}
P.latest-news{color: #000; line-height: 17px; letter-spacing: 2px; padding: 0px 0px 18px 0px}
P.latest-news A{font-size: 11px; letter-spacing: 1px}

H4.glossary{background-position: 0px -274px}
P.glossary{line-height: 15px; padding: 0px 0px 20px 0px}
P.glossary-link{color: #181818; letter-spacing: 2px; word-spacing: 1px; padding: 0px 0px 30px 0px}
P.glossary-link A{color: #181818; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; border-bottom: solid 1px #282828}

/***********************http://www.andrew-brundle.com/** Footer *******************/
FOOTER, .footer{width: 100%; clear: both; background: #101010}
#footer-inner{width: 878px; min-height: 70px; margin: 0px auto; padding: 18px 0px 0px 0px}
P.left, P.right, #footer-inner A{color: #fff; font-family: georgia,"Times New Roman",times,serif; line-height: 14px; font-style: italic; letter-spacing: 1px; text-decoration: none}
P.left{float: left}
P.right{text-align: right}
#footer-inner A span{display: none}

/************************* Popup *******************/
#mask{display: none; width: 100%; position: absolute; left: 0px; top: 0px; filter:alpha(opacity=60); -moz-opacity:.6; -khtml-opacity:.6; opacity:.6; background: #000}
#popup{width: 620px; height: 400px; position: absolute; left: 50%; top: -5000px; margin: 0px 0px 0px -335px; padding: 23px 23px 23px 23px; border: solid 2px #000; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #fff}
#button-close{cursor: pointer; position: absolute; left: 633px; top: -33px}
#glossary{width: 620px; height: 390px; padding: 10px 0px 0px 0px; overflow: auto; background: #000}
p.item-title{color: #fff; font-family: georgia,"Times New Roman",times,serif; font-size: 30px; line-height: 34px; font-style: italic; letter-spacing: -1px; text-transform: lowercase; padding: 0px 0px 5px 20px}
p.item{color: #fff; line-height: 14px; padding: 0px 20px 24px 20px}