/* General styles */
HTML, BODY { height: 100%; height: 100%; }
BODY { font-family: Arial, sans-serif; font-size: small; margin: 0px; padding: 0px; }
A:link, A:visited { color: #ffffff; font-weight: normal; text-decoration: underline; }
A:hover, A:active { color: #b58654; font-weight: normal; text-decoration: underline; }
SUP { font-size: 90%; font-weight: bold; vertical-align: top; }
HR { background: #6a7f89; border: 0px; color: #6a7f89; height: 1px; }
H1 { color: #6a7f89; font-size: large; font-style: italic; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; }
H2 { color: #6a7f89; font-size: 14px; font-style: normal; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; }
H3 { color: #6a7f89; font-size: small; font-style: italic; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; }


/* Layout */
#inner { background: url(/Page/bg-header.jpg) top center repeat-x #000a0c; margin: 0px; padding: 0px; }
/* #inner { width: 780px; margin-left: auto ; margin-right: auto; } */
#inner TABLE { margin-left: auto ; margin-right: auto; text-align: center; }
#inner { color: #ffffff; font-family: Tahoma, Arial, sans-serif; }

#header { background: url(/Page/header.jpg) top center no-repeat transparent; margin: 0px; padding: 0px; height: 133px; }
#logo { width: 225px; }
#logo IMG { padding: 25px 0px 0px 125px; }
#tagline1 { padding: 30px 0px 0px 0px; }
#tagline1 { font-family: Palatino, serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; }
#tagline1 { text-shadow: 2px 2px 2px #000; } /* works in Opera and Safari anyhow... */
#tagline2a { color: #b58654; font-family: Arial, sans-serif; font-size: 32px; font-weight: bold; }
#tagline2a { text-shadow: 2px 2px 2px #000; } /* works in Opera and Safari anyhow... */
#tagline2b { color: #6a7f89; font-family: Arial, sans-serif; font-size: 32px; font-weight: bold; }
#tagline2b { text-shadow: 2px 2px 2px #000; } /* works in Opera and Safari anyhow... */
#tagline A { padding: 0px 25px; }
#tagline A:link, #tagline A:visited { color: #ffffff; font-size: 12px; font-weight: normal; text-decoration: none; }
#tagline A:hover, #tagline A:active { color: #b58654; font-size: 12px; font-weight: normal; text-decoration: none; }

#content { background: url(/Page/content.jpg) top center no-repeat transparent; margin: 0px; padding: 0px; }
#content { padding: 10px; }

#footer { background: url(/Page/bg-footer.jpg) repeat-x bottom center; height: 125px; padding: 0px 0px 5px 0px; }
#footer { color: #000a0c; font-size: 10px; letter-spacing: 1px; }
#footer a:link, #footer a:visited { color: #ffffff; font-weight: normal; text-decoration: none; }
#footer a:hover, #footer a:active { color: #b58654; font-weight: normal; text-decoration: underline; }


/* Page-specific styles */
#index { background: url(/Page/home.jpg) center center no-repeat #000304; margin: 0px; padding: 0px; }
#index { width: 780px; margin-left: auto ; margin-right: auto; }
#index { color: #ffffff; font-family: Tahoma, Arial, sans-serif; }
#index TABLE, TR, TD { height: 100%; }
DIV#homeLinks { padding-top: 300px; }
#homeLinks A { padding: 0px 25px; }
#homeLinks A:link, #homeLinks A:visited { color: #ffffff; font-size: 12px; font-weight: normal; text-decoration: none; }
#homeLinks A:hover, #homeLinks A:active { color: #b58654; font-size: 12px; font-weight: normal; text-decoration: none; }
DIV#homeText { font-family: Palatino, serif; font-size: 20px; letter-spacing: 2px; }
DIV#homeText { text-shadow: 2px 2px 2px #000; } /* works in Opera and Safari anyhow... */

#about { line-height: 170%; }
#clients { background: #ffffff; padding: 10px; text-align: center; }

#contact { line-height: 20px; letter-spacing: 1px; }

#portfolios TD { padding: 50px 0px; }
#portfolios A:link, #portfolios A:visited { color: #ffffff; font-size: 12px; font-weight: normal; text-decoration: none; }
#portfolios A:hover, #portfolios A:active { color: #ffffff; font-size: 12px; font-weight: bold; text-decoration: none; }
#portfoliosOuter { padding: 50px 0px; }
#portfoliosOuter TABLE { border: solid 1px #6a7f89; }
#portfoliosInner TD { height: 100px; width: 100px; }
DIV.portfoliosContent { height: 100px; width: 100px; overflow: hidden; position: relative; }
DIV.portfoliosContent IMG { position: absolute; top: -30%; left: -25px; }
/*
#portfoliosMenu { width: 150px; }
#portfoliosMenu A { display: block; border: solid 2px #000a0c; padding: 5px; }
#portfoliosMenu A:link, #portfoliosMenu A:visited { background: #b58654; color: #ffffff; font-size: 12px; font-weight: normal; text-decoration: none; }
#portfoliosMenu A:hover, #portfoliosMenu A:active { background: #6a7f89; color: #ffffff; font-size: 12px; font-weight: normal; text-decoration: none; }
*/


/*
Colors:
black (home): #000304; 
black (inner): #000a0c; 
gold: #b58654; 
blue: #6a7f89; 
*/