@charset "utf-8";
/* CSS Document */

.clear{ clear:both; margin:0px; padding:0px; height:0px; overflow:hidden; }

img { border: none;}

html{ height:100%; }
	
body{ margin:0px; padding:0px; font:12px georgia; background: url(../images/background.jpg) no-repeat #fff;}

#wrapper { width: 966px; margin: 0 auto; }

#header { position: relative; padding-top: 214px;}

#logo  { position: absolute; z-index: 1; top: 0;}



/* -----------Top Nav ------------------------ */


#nav {position: relative; z-index: 999; width: 956px; padding-bottom: 20px; padding-right: 10px;}

#nav ul {padding: 0px; margin: 0px;}

#nav ul li { display: block; float: right; list-style: none; position: relative; background: url(../images/nav-end.jpg) no-repeat top right; padding-right: 10px; margin-right: 2px;}

#nav ul li a { color:#fff; text-decoration: none;  font: 18px Georgia; display: block; height: 25px; padding: 3px 8px 0px 18px; background: url(../images/nav.jpg) no-repeat top left;}

#nav ul li:hover a {background: url(../images/nav-h.jpg) no-repeat top left;}

#nav ul li:hover { background: url(../images/nav-end-h.jpg) no-repeat top right; }

body.home #nav ul li.home { background: url(../images/nav-end-h.jpg) no-repeat top right;}
body.home #nav ul li.home a { background: url(../images/nav-h.jpg) no-repeat top left;}

body.company #nav ul li.company { background: url(../images/nav-end-h.jpg) no-repeat top right;}
body.company #nav ul li.company a { background: url(../images/nav-h.jpg) no-repeat top left;}

body.investment #nav ul li.investment { background: url(../images/nav-end-h.jpg) no-repeat top right;}
body.investment #nav ul li.investment a { background: url(../images/nav-h.jpg) no-repeat top left;}

body.contact #nav ul li.contact { background: url(../images/nav-end-h.jpg) no-repeat top right;}
body.contact #nav ul li.contact a { background: url(../images/nav-h.jpg) no-repeat top left;}


#header h2 { text-align: center; color: #0059b3; font: 22px georgia; }

#mid-nav { border-bottom: solid 1px #000; width: 966px; height: 125px; }

#mid-nav ul { padding: 0px; margin: 0px; display: block; padding-bottom: 20px;}

#mid-nav ul li { display: block; list-style: none; float: left; width: 310px; height: 103px; margin-right: 15px;  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
}

#mid-nav ul li a { display: block; background: url(../images/button.jpg) no-repeat; width: 290px; height: 42px; padding: 0px 10px 0px 10px; padding-top: 63px; color: #fff; font: 23px Georgia; text-shadow: 2px 2px 3px #666; text-decoration: none; -moz-transition-property: height, padding-top; -moz-transition-duration: 1s; -moz-transition-delay: 0s; -webkit-transition-property: height, padding-top; -webkit-transition-duration: 1s; -webkit-transition-delay: 0s; -o-transition-property: height, padding-top; -o-transition-duration: 1s; -o-transition-delay: 0s; transition-property: height, padding-top; transition-duration: 1s; transition-delay: 0s;}

#mid-nav ul li:hover a { color: #000; -moz-transition-property: height, padding-top; -moz-transition-duration: 1s; -moz-transition-delay: 0s; height: 92px; padding-top: 13px; -o-transition-property: height, padding-top; -o-transition-duration: 1s; -o-transition-delay: 0s;  -webkit-transition-property: height, padding-top; -webkit-transition-duration: 1s; -webkit-transition-delay: 0s; transition-property: height, padding-top; transition-duration: 1s; transition-delay: 0s;}

#mid-nav ul li.management { margin-right: 0px;}

/* ==================================  CONTENT AREA ================================= */

#content {border-bottom: solid 1px #000; padding: 20px 0px 40px 0px;}

#content h1 { color: #1a69ba; font: 32px Georgia; text-transform: uppercase; text-shadow: 2px 2px 4px #666; margin-top: 0px;}

#content h2 { color: #1a69ba; font: 22px Georgia; text-shadow: 2px 2px 3px #666; }

#content h3 { color: #1a69ba; font: 16px Georgia; }

#content p, #content li { font: 14px Arial, Helvetica, sans-serif; color: #000; }

#content li { line-height: 30px; }

#content ul { list-style: circle;}

#content a { color: #1a69ba; font-weight: normal; text-decoration: none; }

#content a:hover { text-decoration: underline; }

#sidenav { width: 200px; float: left; padding: 0px 10px 0px 0px;}

#sidenav ul { margin: 0; padding: 0;}

#sidenav ul li { list-style: none;}

#sidenav ul li a:hover { text-decoration: none; text-shadow: 1px 1px 3px #666;}

#content-inner { float: left; padding: 0px 0px 0px 15px; width: 740px;}

.representative { padding: 20px; border: 1px solid #666; width: 400px; margin: 20px 20px; float: left; height: 446px; -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc; -moz-border-radius: 10px; border-radius: 10px;}


/* ====================================  FOOTER --------------------------  */

#footer { padding: 20px 0px 40px 0px; }

#address { width: 220px; padding: 0px 15px 0px 0px; float: left; }

#address p { text-align: right; font: 14px 'OswaldRegular'; color: #6f89a0; margin: 0;}

#phone { float: left; width: 200px; padding-top: 10px;}

#phone p { text-align: left; color: #1a69ba; font: 18px 'OswaldRegular'; margin: 0;}

#footer-right { float: right;}

#footer-right p {text-align: right; font: 12px Tahoma, Helvetica, sans-serif; color: #6f89a0; margin: 0; }

#footer-right span { font-size: 10px;}

#footer-right a { color: #1a69ba; text-decoration: none;}