@import 'reset.css';
@import 'typography.css';

body {color: #222; margin: 0; line-height: 1.5em; font-size: 14px; font-family: Georgia, "Times New Roman", serif; background: url('images/body_bg.jpg')  0 -1px repeat-x; }
#wrapper {width: 754px; margin: 0 auto;}

/** HEADER **/
#header {margin: 0; padding: 0;}
#logo {margin: 0; padding: 0; width: 70%;}
#logo a {background: url('images/logo.jpg') left top no-repeat; display: block; height: 103px; text-indent: -9999em; outline: none;}
#contact {text-align: right; margin-top: -23px; margin-right: 4px;}
#contact a {font-size: 12px; line-height: 15px; color: #ddd; text-decoration: none; font-weight: normal; font-family: Verdana, Arial, sans-serif;}

/** CONTAINER **/
#container {background: url('images/page_bg.jpg') -9px -5px repeat-y;}

/** MENU **/
#menu {background: url('images/menu_top_bg.gif') top left no-repeat; height: 77px; padding-top: 200px; margin-top: 10px;}
#menu ul {background: url('images/menu_selected_bg.jpg') 0px 0px repeat-x; height: 45px; margin: 0 8px 0 10px; padding: 0;}
body.firm #menu li.firm, body.services #menu li.services,
body.people #menu li.people, body.archives #menu li.news,
#menu ul li.hover {background: url('images/menu_selected_bg.jpg') 0px -45px repeat-x}
#menu ul li {float: left; width: 25%; list-style-type: none;}
#menu ul li a {display: block; color: #fff; height: 35px; font: normal 1.3em Georgia; text-decoration: none; padding: 5px; outline: none; border-left: 1px solid #B05208; border-right: 1px solid #7C2700;}
#menu ul li a:hover, #menu ul li a:focus {border-left-color: #7C2700;}
#menu ul li.firm a {background-image: url('images/menu_firm_bg.jpg'); background-position: 8px 0px; background-repeat: no-repeat; text-indent: -9999em;}
body.firm #menu li.firm a, #menu ul li.firm a:hover, #menu ul li.firm a:focus {background-position: 8px -45px;}
#menu ul li.services a {background-image: url('images/menu_services_bg.jpg'); background-position: 8px 0px; background-repeat: no-repeat;  text-indent: -9999em;}
body.services #menu li.services a, #menu ul li.services a:hover, #menu ul li.services a:focus {background-position: 8px -45px;}
#menu ul li.people a {background-image: url('images/menu_people_bg.jpg'); background-position: 8px 0px; background-repeat: no-repeat;  text-indent: -9999em;}
body.people #menu li.people a, #menu ul li.people a:hover, #menu ul li.people a:focus {background-position: 8px -45px;}
#menu ul li.news a {background-image: url('images/menu_news_bg.jpg'); background-position: 8px 0px; background-repeat: no-repeat;  text-indent: -9999em;}
body.archives #menu li.news a, #menu ul li.news a:hover, #menu ul li.news a:focus {background-position: 8px -45px;}

/** SUBMENU **/
#submenu ul {margin: -2em 0 1em 0; padding: 0 0 0.5em 0; border-bottom: 1px solid #ccc;}
#submenu ul li {display: inline; margin-right: 1em;}
#submenu ul li a {font-weight: normal;}
#submenu ul li.current-cat a {font-weight: bold;}

/** CONTENT **/
#content {padding: 10px 20px 0px;}
h1 {margin: 0; padding: 0; line-height: 1em;}
h2 {float: left; width: auto; margin: 0 0 0.5em; padding-right: 0.5em; color: #a04a08; font: normal 2em/1em Georgia, sans-serif; font-variant: small-caps; border-bottom: 3px double #ddb;}
h2.nb {border-bottom-width: 0; margin: 0.5em 0 0;}
h2 small {font-size: 0.5em;}
h3 {margin: 1em 0 0.5em;}
h4 {margin: 1em 0 0;}
p, li {text-align: justify;}
#content img {background-color: #eec; padding: 5px; margin: 5px 10px; border: 1px solid #cca;}
em {background-color: inherit;}

/** FRONTPAGE **/
body.home blockquote {color: #222; font-size: 1.3em; font-style: italic; margin: 1em; text-align: center; line-height: 25px;}
body.home address {text-align: right; font-weight: bold; margin-bottom: 3em; margin-right: 2em;}
body.home .panel {font-size: 0.8em; width: 30%; margin-right: 5%; float: left;}
body.home .last {margin: 0; float: right;}
body.home .panel h3 {color: #a04a08;}
body.home .panel ul {margin: 0; list-style-position: inside;}

/** PEOPLE **/
body.people h3 {margin: 1.5em 0 0 0;}
body.people h4 a {font-weight: normal;}

/** FOOTER **/
#footer {margin-top: 3em; padding: 0; border-top: 1px solid #ddd; border-bottom: 5px solid #ddd;}
body #owner {float: left; width: 40%;}
body #creator {float: right; width: 40%; font-size: 0.8em;}

/** PAGESNAV **/
.pagesnav {font-size: 0.9em;}
.pagesnav .prev {width: 48%; float: left; text-align: left;}
.pagesnav .next {width: 48%; float: right; text-align: right;}

/** LINKS **/
a {color: #222; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #000;}
a.image {border-bottom: 0;}
a:hover, a:focus {border-bottom-style: solid;}
#header a, #menu a {border: none;}
h1 a, h2 a, h3 a, h4 a {font-weight: normal;}
h2 a {color: #a04a08;}

/** IMAGES **/
#content img.alignright {float: right; margin-right: 0px;}
#content img.alignleft {margin-left: 0px;}
#content img.aligncenter {text-align: center;}

/** USEFULL CLASSES **/
div.clear {clear: both;}

/** GGI POPUP **/
#ggi-worldmap {position: relative; background: url('/utils/worldmap.jpg') top left no-repeat; width: 415px; height: 288px; padding: 5px;}
.ggi-member {display: none;}
.ggi-contact img {float: none; margin: 0; padding: 0;}
.ggi-contact {margin: 0; line-height: 1em;}

/** UI TABS **/
.ui-tabs-hide {display: none;}
.ui-tabs-selected a {color: #000;}
.ui-tabs-nav {margin: 0 0 1em;}
.ui-tabs-nav li {display: inline;}
#content .ui-tabs-nav a {border-bottom-width: 0px;}
#content .ui-tabs-nav a:hover, #content .ui-tabs-nav a:focus {border-bottom-width: 1px;}
#content .ui-tabs-nav .ui-tabs-selected a {border-bottom-width: 1px; border-bottom-style: solid;}