* { margin: 0; padding: 0; }

body { background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; background-image: url(background.gif); background-repeat: repeat-y; background-position: center }

h1, h3 { font-size: 2.4em; font-weight: normal; margin-bottom: 10px; }
h2 { font-size: 1.8em; font-weight: normal; margin: 10px 0; }
p, ul, ol, h6 { font-size: 1.2em; margin-top: 10px; line-height: 1.2em; }
a { color: #97bf04; }
a:hover, a:focus { text-decoration: none; }

.clear { clear: both; }

#container { width: 895px; padding: 0 53px; margin: auto; position: relative; }

#header { height: 210px; background-color: #3265a6; }

#header #logo { float: left; width: 250px; margin-top: 20px; display: inline; }
#header #logo img { border: none; }

#header #globalmenu { float: right; text-align: right; font-size: 1.2em; }
#header #globalmenu li { float: left; margin-left:20px; line-height: 110px; height: 110px; list-style: none; display: inline; }
#header #globalmenu a { color: #ffffff; text-decoration: none; background-image: url(icon.jpg); background-repeat: no-repeat; background-position: 0 45px; padding-left: 28px; display: block; }
#header #globalmenu a:hover { text-decoration: underline; }

#header .submenu { clear: both; background-image: url(submenu.gif); background-repeat: no-repeat; width: 900px; background-position: bottom; height: 76px;}
.submenu a { color: #ffffff; text-decoration: none; }
.submenu li { list-style: none; display: inline; margin: 0px 10px; }
.submenu .menu-top { padding-top: 5px }
.submenu .menu-top li { float: left; }
.submenu .menu-expand ul { position: absolute; top: 145px; left: 53px; height:41px; line-height: 41px; font-size: 1.0em; }
.submenu ul ul ul { display: none; }

#content { width: 440px; float: left; color: #333333; }
#contentheader { background-image: url(content-header.gif); background-repeat: no-repeat; height: 15px; }
#contentfooter { background-image: url(content-footer.gif); background-repeat: no-repeat; height: 15px; }
#contentcontent { padding-left: 15px; padding-right: 15px; padding-bottom: 5px; background-image: url(content-middle.gif); background-repeat: repeat-y; }

#content ul, #content ol, #portfoliocontent ul, #portfoliocontent ol { margin-left: 30px; }

#portfolio { width: 440px; float: right; clear: right; }
#submenu, #news, #contact { width: 440px; float: right; clear: right; background-image: url(box-middle.gif); background-repeat: repeat-y; }
#submenuheader, #newsheader, #contactheader { background-image: url(box-header.gif); background-repeat: no-repeat; height: 15px; }
#submenufooter, #newsfooter, #contactfooter { background-image: url(box-footer.gif); background-repeat: no-repeat; height: 15px; clear: both; }
#submenucontent, #newscontent, #contactcontent { padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 0px; }
#submenu, #news, #contactcontent {color: #ffffff; }
#submenu ul, #news ul { list-style: none; }
#submenu li, #news li { margin-bottom: 10px; }
#submenu li.menu-last { margin-bottom: 0px; }
#submenu a, #news a, #contact a { color: #ffffff; text-decoration: none; }
#submenu a:hover, #news a:hover, #contact a:hover { text-decoration: underline; }
#contact h2 { margin-top: 10px; }

#submenu li.menu-expand { float: left; margin-left: -30px; font-size: 2.0em; display: inline; }
#submenu li { font-size: 12px; line-height: 1em; margin-left: 170px; }
#submenu li li.menu-first { }
#submenu ul { float: left; margin-left: 30px; margin-top: 0px; }

#portfolio { height: 200px; width: 440px; }
#portfolio img { height: 200px; width: 440px; border: none; }

#portfoliobackgroundheader { background-image: url(portfolio-background-header.gif); background-repeat: no-repeat; height: 15px }
#portfoliobackground { background-image: url(portfolio-background.gif); background-repeat: repeat-y; }
#portfoliobackgroundfooter { background-image: url(portfolio-background-footer.gif); background-repeat: no-repeat; height: 15px }

#portfoliomenu { width: 252px; float: left; margin-left: 16px; color: #333333; display: inline; }
#portfoliomenu ul { list-style: none; }
#portfoliomenu li { margin-bottom: 2px; }
#portfoliomenu a { text-decoration: none; }
#portfoliomenu a:hover { text-decoration: underline; }

#portfoliocontent { width: 562px; float: right; margin-right: 16px; color: #333333; display: inline; color: #ffffff; } 
#portfoliocontent a img { border: 10px solid #3265a6; width: 140px; height: 140px; display: block; float: left; margin-right: 10px; margin-left: 15px; margin-bottom: 15px; }
#portfoliocontent a:hover img { border: 10px solid #ffffff; width: 140px; height: 140px; display: block; float: left; margin-right: 10px; margin-left: 15px; margin-bottom: 15px; }

#footer { text-align: center; clear: both; font-size: 0.8em; padding-top: 15px; }

#footer h2 { color: #ffffff; font-size: 12px; } 
#footer li { display: inline; margin-left: 10px; margin-right: 10px; }
#footer a { color: #ffffff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }